@charset "utf-8";

.fade_off {
    opacity: 0;
	transform : translate(0, 150px);
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    -ms-transition: all 1.5s;
    transition: all 1.5s;
}

.fade_on {
    opacity: 1;
	transform : translate(0, 0);
}

img { max-width:100%; vertical-align:bottom;}

#sb-site section { margin-top:-70px; padding-top:70px;}

.margin_b40 { margin-bottom:40px;}
.margin_b30 { margin-bottom:30px;}
.padding5, .padding5 div { padding:0 5px;}

/*FLEX関連*/
.display_flex { display:flex; justify-content:space-around;}
.display_flex2 {display:flex; }
.flex_between { justify-content:space-between;}
.flex_wrap { flex-wrap:wrap;}
.flex_align { align-items:center;}
.flex_center { justify-content:center;}
.display_flex div {}
.display_flex img { max-width:100%; margin:auto; margin-bottom:5px;}
.imgborder img { border: #FFFFFF solid 2px;}
.G80 { width:90%; padding:0px;}
.G80 { width:80%; padding:0px;}
.G70 { width:66%; padding:2px;}
.G60 { width:56%; padding:2px;}
.G50 { width:46%; padding:2px;}
.G40 { width:36%; padding:2px;}
.G30 { width:26%; padding:2px;}
.G33 { width:29.3%; padding:2px;}
.G25 { width:23%; padding:1px;}
.G25ul li { width:23%; padding:10px 1%; font-size: 14px;}
.G20 { width:16%; padding:2px;}
.G10 { width:6%; padding:2px;}
.flex2p50Gw { display:flex; flex-wrap:wrap; margin-bottom: 30px; padding: 30px 10px;}
.flex2p50Gw li { background:#FFF; width:46%; margin:1% ; padding:1%;  border-radius: 10px; text-align: center; font-size: 0.8em; }
.flex2p50Gw li h4 { text-align:center; font-size: 1.3em; margin-bottom: 3px;}


.tableStyle01 {width:100%;}
.tableStyle01 th,
.tableStyle01 td { border-bottom:#CCC solid 1px; }

.tableStyle02 {width:100%;}
.tableStyle02 th,
.tableStyle02 td {  font-size: 15px;padding: 2px 10px;}

.table_type01 {
	border-collapse: collapse;
	line-height: 1.5;
}
.table_type01 th {
	padding: 10px;
	font-weight: bold;
	border: 1px solid #ccc;
}
.table_type01 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}



ol { margin-left:20px;}
li {margin-bottom:5px;}
ul.liststyle { list-style:disc; margin-left:30px;}

.kadomaru50 img {border-radius:50%;}
.kadomaru20 img {border-radius:20%;}
.kadomaru10 img {border-radius:10px;}
.konoback { background: url(../img/konoback.jpg) no-repeat; background-size:100% 100%; padding:10px 20px; display:table; margin:auto;}

.fontbackBlue { color:#FFF; background: #0099FF; padding:3px 10px; border:#FFFFFF solid 1px;}
.fontbackpink { color:#FFF; background: rgba(255,165,190,1.00); padding:3px 10px; border:#FFFFFF solid 1px;}
.fontbackGreen {color:#FFF; background: rgba(31,181,58,1.00); padding:3px 10px; border:#FFFFFF solid 1px;}

.qa_q {background: url("../img/qa_q.png") ; background-size: 20px; padding: 10px 50px;}

.ja_calender_icono { display:flex; flex-wrap:wrap; }
.ja_calender_icono div {width:23%; width:31.333%; padding:1%; clear:left; font-size:0.8em;}
.ja_calender_icono div img { width:30px; vertical-align:middle; margin-right:10px; float:left;}
#calendartable td img {
	height: 35px;
	margin: 0 5px;
}
#calendartable td.widht250 { width:250px;}

.waku_g {background:#F2FEEF; border:#9C0 dashed 5px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_p {background:#FFEEEE; border: #FF9999 dashed 5px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_b {background:#EEF7FF; border: #0099FF dashed 5px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_o {background: #FFF5D8; border: #FF9900 dashed 5px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_y {background: #FFFFBF; border: #FF9900 dashed 5px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_m {background: #FFF0FF; border: #FF9900 dashed 5px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}

.waku_g_w { border:#9C0 solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_gr_w { border:#999 solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_p_w { border: #FF9999 solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_b_w { border: #0099FF solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_o_w { border: #FF9900 solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_r_w { border: #FF0004 solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_mo_w { border: #6F7C6F solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_mu_w { border: #9664B7 solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_co_w { border: #0664A8 solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}

h1.h1catch { position: relative; }
h1.h1catch div { position:absolute; bottom:30px; left:30px; right:30px; background:rgba(255,255,255,0.95); border-radius:15px; border:rgba(255,198,0,1.00) solid 3px; padding:20px; line-height:1.8em; font-size:1.15em;}

.waku_wood { background:url(../img/wood_back.jpg); padding:30px 20px;border-radius:10px; margin:30px 0 10px 0;}
.waku_wood .inner { background:rgba(255,255,255,0.85); padding:10px 20px;}

span.font_95,p.font_95,ul.font_95 {font-size:0.95em;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
p.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font20 {font-size:20px;}
.font30 {font-size:30px;}
.fontBlue { color:#39F}
.fontOrnge { color:#FF6600}
.fontPink { color: #FF5FBD}
.fontCon { color:#0664A8}
.fontMurasaki { color:#9664B7}
.fontMsgreen { color:#6F7C6F}
.font_foto, p.font_foto { font-size:100%; line-height:1.6em; margin:10px 0; color:rgba(59,141,217,1.00);}
.font_underbar { border-bottom:#FF0000 solid 1px;}

.back_w { background:#FFFFFF;}
.back_hai { background:#EEE}
.back_y { background:rgba(255,253,0,1.00)}
.back_red { background:#FFDAE5}
.back_g { background:#E9FFE2}
.back_or { background:#FFAE00}
.back_org { background: #FFF5D2}
.back_gr { background:#52D133}
.back_bl { background:#56B3FF}
.back_ble { background: #DBEEFF}
.back_re { background:#FF0004}
.back_pn { background:#FF85D4}
.back_co { background:#0664A8}
.back_mr { background:#9664B7}
.back_mg { background:#6F7C6F}

.back_kirakira { background:url(../img/kirakira_back.jpg) center no-repeat; background-size:100% 100%; padding:30px; position:relative;}
.kirakira_flex { display:flex; flex-wrap:wrap;}
.kirakira_flex div {text-align:center; margin-bottom:15px;}
.kirakira_flex div span { font-size:12px; padding:5px 3px; background: rgba(255,255,255,0.93);}
.kirakira_flex div img { width:84%; border:#FFFFFF solid 5px; margin-bottom:2px;}
.width2 div { width:50%;}
.width3 div { width:33.3%;}
.width4 div { width:25%;}
.width5 div { width:20%;}
.kirakira_hoiku { position:absolute; bottom:35px; right:40px; text-align:center;}
.kirakira_hoiku p { line-height:1.4em;}

.displayTable {display:table; table-layout:fixed; width:100%;}

.festival_cell { display:table-cell; padding:10px; vertical-align:top; font-size:12px; color: #900}
.festival_cell img { max-width:100%; max-height:160px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;}

.festival_cell a:hover img {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
	}

/*オレンジ仕様2025*/
#header { background: #FFA600;}
.content { margin-bottom:30px;}
.content h3 {
	color: #FF6600;
	border-color: #FFA600;}
.content h2 {
	color: #000;
	border-color: #FFA600;
	background-color: #FFF3C2; padding:12px 8px;}
.content h2.imgtitle {
	border-bottom-color:#FFA600;
}
/**/

/*グリーン仕様2026
#header { background: #390;}
.content { margin-bottom:30px;}
.content h3 {
	color: #360;
	border-color:#390;}
.content h2 {
	color: #360;
	border-color: #9C6;
	background-color: #CFC; padding:12px 8px;}
.content h2.imgtitle {
	border-bottom-color:#9C6;
}*/

/*ブルー仕様2027*/
/*#header { background: #3BABFC;}
.content { margin-bottom:30px;}
.content h3 {
	color: #005EAC;
	border-color: #68B6FF;}
.content h2 {
	color: #005EAC;
	border-color: #67C3E4;
	background-color: #D6FAFF; padding:12px 8px;}
.content h2.imgtitle {
	border-bottom-color:#67C3E4;
}*/



blockquote { margin-left:20px;}

.aguri_flex { display:flex; align-items:center;}
.aguri_flex li, .aguri_flex div { margin:10px 20px;}

/*「あいさい広場」の加工品*/
.aisai_kakou { background:url(../img/aisai_back01.png) no-repeat; background-size:100% 100%; display:flex; justify-content:center; align-items:center;}
.aisai_kakou .aisai_txt { margin: auto 40px; color:#FFFFFF;}

/*入農News*/
.newnouback { background:url(../img/nyunouback.jpg) no-repeat; background-size:cover; padding:0px 10px 60px; clear:both;}
.newnouback h2 { background:none;}

/*もっと知って！mi・na・ho*/
.mm_back { background:url(../img/mm_back.jpg); padding:0 20px 40px;}

/*アグリライフ背景*/
.agr_back { background:url(../img/agr_back.png); padding:0 20px 20px; background-size: 100% 100%; margin-bottom: 40px;}
.agr_back .agr_flex {display: flex;}
.agr_back .agr_flex div {width: 48%; padding: 1%;}
.agr_back .agr_flex div img {border: #FFFFFF solid 5px; margin-bottom: 15px;}
.agr_back .agr_flex div p {border: rgba(67,193,213,1.00) solid 2px ; border-radius:8px; background: #FFFFFF; padding: 15px 20px; }

.img100px { width:100px;}
.img150px { width:150px;}
.img200px { width:200px;}
.img250px { width:250px;}
.img300px { width:300px;}
.img350px { width:350px;}
.img400px { width:400px;}
.img450px { width:450px;}
.img500px { width:500px;}

/*202104の特集*/

#loan h5 {color:#FFFFFF; font-size:36px; padding:10px 20px;}
#loan h5 span { font-size:12px; display:block;}
#loan .kinri strong { font-size:40px; line-height:1.4em;}

.qa_list .qa_q {background: url("../img/qa_q.png") left center no-repeat; background-size:30px; padding: 10px 0px 10px 40px; font-weight: bold;}
.qa_list .qa_a {background: url("../img/qa_a.png") left 10px no-repeat; background-size:30px; padding: 10px 0px 10px 40px; }

/*202110の背景*/
#in01 { padding:15px 8%;}
.einou_back {background:url(../img/einou_hback.jpg) no-repeat; background-size:100% 100%;}

/*202207の特集*/
.Scroll_box {display: block; overflow-x:auto; margin-bottom: 5px; }

@media (max-width: 481px) { /* Slidebar widths on small screens. */
.displayTable {display: block;  table-layout:fixed; width:100%;}
.festival_cell { display: block; padding:2px; text-align:center;}
.festival_cell img { max-width:100%; max-height: none;}
.display_flex { display: block;}
.display_flex div { margin:15px 0;}
.G70, .G60, .G50, .G40, .G30, .G33, .G25, .G20, .G10 { width: auto;}
.G25ul li { width:48%; padding:10px 1%;}

h1.h1catch div { position: relative; bottom:0; left: auto; right: auto; border-radius:0px; border:rgba(255,198,0,1.00) solid 3px; padding:10px; font-size:1em; font-weight:normal; margin-bottom:30px;}

.img100px, .img150px, .img200px, .img250px, .img300px, .img350px, .img400px, .img450px,  .img500px{ width: auto;}

.back_kirakira { background: none; background-color:#FFF4FD; padding:10px; border:rgba(255,175,252,1.00) dashed 5px;}
.kirakira_flex div span { font-size:12px; padding:5px 3px; background: rgba(255,255,255,0.93);}
.kirakira_flex div img { width:90%;}
.width3 div, .width4 div, .width5 div { width: auto; text-align:center; margin:auto;}
.kirakira_hoiku { position: relative; text-align:center; bottom:0; right:0; background:rgba(255,166,0,1.00); color:#FFFFFF;}
blockquote { margin-left:0px;}
.aguri_flex { flex-direction:column;}
.aguri_flex li, .aguri_flex div { margin:10px;}
.agr_back .agr_flex {flex-direction:column;}
.agr_back .agr_flex div {width: auto; padding: 1%;}

.ja_calender_icono { display:flex; flex-wrap:wrap; }
.ja_calender_icono div { width: 46%; padding:2%; clear:left; font-size:0.8em;}
.ja_calender_icono div img { width:30px; vertical-align:middle; margin-right:10px; float:left;}

#calendartable td img { height:26px; margin:0 5px; }
#calendartable td.widht350 { width: auto;}
#calendartable td.widht250 { width: auto;}

.flex2p50Gw { display:flex; flex-wrap:wrap; flex-direction:column;}
.flex2p50Gw li { width: auto; margin:1%; padding:2%;}
.flex2p50Gw li img { float: none;  margin-left: auto; margin:5px auto;}

/*202104の特集*/

#loan {}
#loan h5 {color:#FFFFFF; font-size:20px; padding:5px 10px;}
#loan .kinri strong { font-size:20px;}

#in01 { padding:15px 0;}
.einou_back {background: none;}


}