/* 背景色 */
body {
  margin:0px;
  font-family:sans-serif;
  background-color: #ff0000
}

h1{
  margin: 0 auto;
}

p {
 margin-top: 0px;
 margin-left: 5px;
 margin-right: auto;
}

p.aa{
 margin:10px;
 border-bottom-style: solid;
 border-width: medium;
 border-color: #dcdcdc;
 font-size: 120%;
}

p.bb {
 margin: 0px;
 margin-left: 10px;
 padding: 0px;
}


strong {
color: #ff0000;
}


.hidden {
  overflow: hidden;  /*はみ出し非表示*/
}

.c {
text-align:center; /*文字センター*/
}

.qrsize{
  width: 130px;
}

p.foot {
 text-align:center;
}

/* 150はpcへ */
.f120 {font-size: 120%; }
.f75 {font-size: 75%; }
.f40 {font-size: 40%; }

.ft900{font-weight: 900;}

/*イベントカラー*/
.red {color: #ff0000; } /*貸切・休業*/
.riteblue {color: #29cccc;}
.orange {background-color:#ffcc99;}
.Thistle {background-color:#D8BFD8;}
.pocolour{background-color:#ffdef6}
.yellow{background-color:#FFFF66}
.un {text-decoration: underline;}
.ita {font-style: italic; }

/*フロートクリア*/
ul::after {
  display: block;
  height: 0;
  clear: both;
  content: '';
}

ul.aa{
 margin:10px;
 border-bottom-style: solid;
 border-width: medium;
 border-color: #dcdcdc;
 }

li.aa{
 display:inline;
 margin:0;
 color: #ff0000;
 }

li.bb{
 display:inline;
 margin:0;
 margin-left:50px;
 color: #ff0000;
 }


 li.cc{
 margin:10px;
 border-bottom-style: solid;
 border-width: medium;
 border-color: #dcdcdc;
 }

.mom01 {
  display: inline-block;
}
.mom02 {
 list-style-type: none;/*リストタグなし*/
}


li.me02{
 margin:0;
 margin-left:-10px;
 list-style-type: none;/*リストタグなし*/
}

li.me03{
 margin:0;
 margin-right:10px;
 list-style-type: none;/*リストタグなし*/
 text-align: right;
}


ul.p0{
   padding-left: 0;
   margin: 0;
   list-style-type: none;/*リストタグなし*/
}


li.me04{
 list-style-type: none;/*リストタグなし*/
 margin:0;
 margin-left:0px;
 padding-left:0px;
 text-align: left;
 float:left;
}

li.me05{
 margin:0;
 margin-left:0px;
 padding-left:0px;
 list-style-type: square;/*リストタグ*/
 text-align: left;
 float:left;
}

li.me06{
 margin:0;
 margin-left:0px;
 padding-left:0px;
 list-style-type: none;/*リストタグ*/
 text-align: left;
 float:left;
}

li.me07{
 margin:0;
 margin-left:29px;
 padding-left:0px;
 list-style-type: disc;/*リストタグ*/
 text-align: left;
 display: flex; /* 横並び */

}

.pa0{
 padding-left:0px;
 list-style-type: none;/*リストタグなし*/
}

li.me08{
 list-style-type: none;/*リストタグなし*/
 margin:0;
 margin-left:0px;
 list-style-type: none;/*リストタグ*/
 text-align: left;
 float:left;
}

.date {
   width: 36px; /* 日付の固定幅 */
   text-align: right;
}

.time {
   width: 64px; /* 時間帯の固定幅 */
   text-align: left;
   margin-left: 16px; /* 余白を作る */
}

.status {
   flex-grow: 1; /* 残りのスペースを使う */
   text-align: left;
   margin-left: 16px; /* 余白を作る */
}

/* メール */
#mail ul{
  margin: 0;
  padding: 30;
  list-style: none;
}

#mail ul::after {
  display: block;
  height: 0;
  clear: both;
  content: '';
}

#mail li{
  padding: 0;
  margin: 0;
  float: left;
}

.pergamena-size{
 width: 100%;
}


.float01 {
    float:left;
}

.maxwidth {
  width: 100vw;
}



/*========================*/

/*==スライドしながら伸び縮み==*/
.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}


/*========================*/

div.boxf {
  width: 100%;
  height: auto;
  background-color: #dcdcdc;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0 0 10px 10px / 0 0 10px 10px;
  position:absolute;/*これを消すとbottom:0pxが効かない*/
  bottom:0px;
}

/*スライド写真*/

.slide {
	margin : 0 auto;
	border: 1px solid black;
	max-width: 600px;
	background-color: black;
  font-weight:bold;/* 文字太さ */
  text-align: left;/* 文字左 */
  border: ridge 5px #ffcc00;
  background-color: #ffffff
}
.maxw100 {
	max-width: 100%;
}
.toolbar {
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
}
.arror {
	display: inline-block;
}


/*前のページへ*/
#tenpoprev, #cuisineprev, #campoprev, #italiaprev, #showprev {
	float: left;
	left: 3px;
	width: 15px;
	height: 15px;
	border-top: 6px solid #7a0;
	border-right: 6px solid #7a0;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

/*ページ数*/
#tenpopage, #cuisinepage, #campopage, #italiapage, #showpage {
	display: inline-block;
	float: left;
	margin-top: 0px;
	height: 32px;
}

/*次のページへ*/
#tenponext, #cuisinenext, #camponext, #italianext, #shownext {
	float: left;
	left: 3px;
	width: 15px;
	height: 15px;
	border-top: 6px solid #7a0;
	border-right: 6px solid #7a0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* イメージとの重ね合わせ */
/* 全体の枠 */
.box03a-img {
    position: relative;
}


/* 共通メールフォーム */

.ptop{
  padding-top: 10px;
}

ul .center ,ul li .center{
  text-align: center;
}

input.btn {

    /* 背景色を指定しないとサイズが効かない */
    border-color: #ff0000;

    border-radius: 10px;
    display:inline-block;
    vertical-align: top;
    font-weight:bold;/* 文字太さ */

    /* グラデーション */
    background: -moz-linear-gradient(top left, #FFF, #FF0000);
    background: -webkit-linear-gradient(top left, #FFF, #FF0000);
    background: linear-gradient(to bottom right, #FFF, #FF0000);
}

/*===============================================
画面の横幅が641px以上（PC用）
===============================================*/
@media screen and (min-width: 641px){

 /*=====PCに表示させない=====*/
.pcnone {
  display: none;
}

.f150pc {font-size: 150%; }

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }


/*メニューPC用*/
li.me01{
 margin:0;
 margin-left:100px;
}

li.me01a{
 margin:0;
 margin-left:103px;
 list-style-type: none;/*リストタグなし*/
}


/*========TOPメニュー=========*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 1280px;
  margin: 0px auto 0px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 160px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 10px 0 11px;
  background: #8a9b0f;
  background: #FF0000;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  border-top: 1px solid #000000;
  background: #6e7c0c;
  background: #615D5D;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #6e7c0c;
  background: #615D5D;
}
.dropmenu li a:hover{
  background: #616d0b;
  background: #aa0000;
}

m1{margin:0px;}
m2{display:inline;margin:0px 3px;}


/*========Archivioメニュー=========*/
.acdm{
  *zoom: 1;
  list-style-type: none;
  width: 970px;
  margin: 0px auto 0px;
  padding: 0;
}
.acdm:before, .acdm:after{
  content: "";
  display: table;
}
.acdm:after{
  clear: both;
}
.acdm li{
  position: relative;
  width: 161px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.acdm li a{
  display: block;
  margin: 0;
  padding: 10px 0 11px;
  background: #8a9b0f;
  background: #FF0000;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.acdm li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.acdm li ul li{
  width: 100%;
}
.acdm li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  border-top: 1px solid #000000;
  background: #6e7c0c;
  background: #615D5D;
  text-align: left;
}
.acdm li:hover > a{
  background: #6e7c0c;
  background: #615D5D;
}
.acdm li a:hover{
  background: #616d0b;
  background: #aa0000;
}


/*======== BOX =========*/

div.box01 {
  width:1280px;
  height:67px;
  background-color:#ffffff;
  margin-left: auto;
  margin-right: auto;
  position:relative;
  border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

.box01a {
    display:inline-block;
	vertical-align: top;
    width: 990px;
    height: 0px;
	padding: 5px;
    margin: 0;
    color: #ff0000;/* 文字色 */
}

.box01b {
  display:inline-block;
  width: 250px;
  height: 0px;
	padding: 5px;
  margin: 0;
	text-align: right;/* 文字センター */
  color: #000000;/* 文字色 */
  font-size: 80%;
}


div.box02 {
 width:1280px;
 height:250px;
 background-color:#ffdef6;
 margin-left: auto;
 margin-right: auto;
 position:relative;
}

.img01{
 height: 250px;
 margin-left: 0px;
 margin-right: 0px;
 bottom: 0px;
}

.img02 {
 height: 250px;
}

div.box03 {
  width:1280px;
  height:100%;
  background-color:#ffffff;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
  position:relative;
  border-radius: 0 0 10px 10px / 0 0 10px 10px;
}


.box03a {
  display:inline-block;
	margin: 0px;
  padding: 0px;
  width: 970px;
  height: 100%;
  vertical-align: top;
  text-align: left;
  background-color: #ffffff;
  border-radius: 0 0 0 10px / 0 0 0 10px;
}



.box03a-half {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  padding: 0;
  margin: 0 2%;
}

.box03b {
    display:inline-block;
    margin: 0px;
    padding: 0px;
    width: 310px;
    height: 424px;
    vertical-align: top;
    text-align: left;
    background-color: #ffffff;
	position:fixed;
}


/*過去メニュー用*/
.menuli{
  margin: 30px;
  margin-left: 0;
	margin-right: 30px;
  padding: 0px;
	padding-right:10px;
  width: 400px;
  height: 100%;
  vertical-align: top;
	font-weight:bold;/* 文字太さ */
	color: #ffffff;/* 文字色 */
    text-align: left;/* 文字左 */
    background-image: -moz-linear-gradient(
      top
      , #ffffff 0%
      , #0000ff 75%
      , #0000ff);
     background-image: -webkit-gradient(
     linear
       , left top
       , left bottom
       , from(#ffffff)
       , color-stop(0.75, #ff0000)
       , to(#ff0000));
    border-radius: 0 10px 0 0 / 0 10px 0 0;
    border-bottom: inset 5px #ffcc00;
}





/*=========イベントボックスPC=========*/
.verdure {
    display:inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    height: 100%;
    vertical-align: top;
    text-align: left;
    overflow: scroll;
    box-sizing: border-box;
}

.boxev {
  width:320px;
  height:489px;
  margin: auto;
  padding: auto;
  background: #ffdef6;
  margin-bottom: 10px;
  display:inline-block;
  overflow: scroll;
}

.boxev .evtitle {
    background: #ffb2ea;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}


.boxfa {
    display:inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    text-align: left;
    background-color: #ffffff;
}

.fast{
  width: 320px;
  height: 489px;
}


.calendario{
  width: 100px;
  height: 100px;
/*=========<iframe>の中身を横幅半分にして表示したい=========*/
transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
/*=========縮小の基準点を中央一番上(645/2≒323)に=========*/
transform-origin:323 0;
-o-transform-origin:323 0;
-webkit-transform-origin:323 0;
-moz-transform-origin:323 0;
-ms-transform-origin:323 0;
}

/*=========収穫中野菜情報大PC=========*/
.verdure {
    display:inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    height: 100%;
    vertical-align: top;
    text-align: left;
    overflow: scroll;
    box-sizing: border-box;
}

.vege {
  width:319px;
  height:489px;
  margin: auto;
  padding: auto;
  background: #a8efaf;
  margin-bottom: 10px;
  display:inline-block;
  vertical-align: top;
}

.vege .box-title {
    background: #0bda51;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}


/*=========サイト系=========*/
.sitebox{
	margin: 5px;
    margin-left: 30px;
    padding: 5px;
    width: 590px;
    height: 100%;
    display:inline-block;
    vertical-align: top;
	font-weight:bold;/* 文字太さ */
	color: #ffffff;/* 文字色 */
    text-align: left;/* 文字左 */
	border: ridge 5px #ffcc00;
    background-color: #000000
}


/* カテゴリーPC */
.category{
  margin: 5px;
	margin-left: 30px;
  padding: 5px;
	padding-left:10px;
  width: 925px;
  height: 31;
  display:inline-block;
  vertical-align: top;
	font-weight:bold;/* 文字太さ */
	color: #ffffff;/* 文字色 */
    text-align: left;/* 文字左 */
    background-image: -moz-linear-gradient(
      top
      , #ffffff 0%
      , #0000ff 75%
      , #0000ff);
     background-image: -webkit-gradient(
     linear
       , left top
       , left bottom
       , from(#ffffff)
       , color-stop(0.75, #ff0000)
       , to(#ff0000));
    border-radius: 10px 0 0 0 / 10px 0 0 0;
    border-bottom: inset 5px #ffcc00;
}

/* カテゴリーひだりからPC */
.category2{
  margin: 5px;
	margin-left: 0px;
  padding: 5px;
	padding-right:15px;
  width: 300px;
  display:inline-block;
  vertical-align: top;
	font-weight:bold;/* 文字太さ */
	color: #ffffff;/* 文字色 */
    text-align: right;/* 文字左 */
    background-image: -moz-linear-gradient(
      top
      , #ffffff 0%
      , #0000ff 75%
      , #0000ff);
     background-image: -webkit-gradient(
     linear
       , left top
       , left bottom
       , from(#ffffff)
       , color-stop(0.75, #ff0000)
       , to(#ff0000));
    border-radius: 0 20px 0 0 / 0 20px 0 0;
    border-bottom: inset 5px #ffcc00;
}

.wid295 {
    max-width: 295px;
}



/*=========畑情報=========*/
/*=========写真情報=========*/
.foto{
	margin: 5px;
  margin-left: 30px;
  padding: 5px;
  width: 590px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
	font-weight:bold;/* 文字太さ */
	color: #000000;/* 文字色 */
  text-align: left;/* 文字左 */
	border: ridge 5px #ffcc00;
  background-color: #ffffff
}


/*=======　地図 pcサイズ　=======*/

.map {
  margin-left: 30px;
  margin-top: -5px;
  padding-top: 0;
    width: 610px;
    height: 450px;
}

/*TOPIC PC*/
.foto92 {
  height: 92px;
}

.foto100 {
  height: 100px;
}


.maxheight {
    max-height: 100%;
}

/*New帯 PC*/
.obi {
    display: inline-block;
    position: absolute;
    padding: 0px;
    left: 113px;
    top: 5px;
    width: 65px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    background: #00ff1f;
    color: #000;
    letter-spacing: 0;
    -webkit-transform: rotate(45deg);/*傾き*/
    -ms-transform: rotate(45deg);/*傾き*/
    transform: rotate(45deg);/*傾き*/
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}


.yohaku{
  padding-bottom: 10vh;
}



/*pcメールフォーム*/

.nolistmark{
   list-style: none;
   padding-left: 0;
}

div .wide{
  width: 400px;
  margin: 0 auto;
}

input.btn {
    font-size: 20px;
    color: #fff;/*文字カラー*/
    padding: 10px 20px;
    margin: 0 25px;
  }

.inputsorid{
  border:2px #999 solid;
  width: 400px;
  box-sizing: border-box
}

.parent {
    /* ベンダープレフィックスは省略 */
    display: flex;
    position: relative;
    border-bottom: solid 1px #909090;
    padding-left: 20px;
}

.right {
    position: absolute;
    right: 0; /* 右寄せ */
    list-style-type: none;
}

/* pc重ねる文字 */
.pergamena-text {
    position: absolute;
    top: 70px;
}

.div-left200{
 margin: 0 200px;
}

.wide600{
  width: 750px;
  margin: 0 auto;
}

.divcenter{
  width: 750px;
  display: block;
  margin: 0 auto;
}/* pc重ねる文字 */


.wide600{
  width: 750px;
  margin: 0 auto;
}

.divcenter{
  width: 750px;
  display: block;
  margin: 0 auto;
}



}
/*===============================================
画面の横幅が640pxまで（スマホ用）
===============================================*/
@media screen and (max-width:640px){

  /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
  .pc { display: none !important; }
  .sp { display: block !important; }

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
}

 /*=====携帯でで表示させない=====*/
.mobilenone {
  display: none;
}


/*メニュースマホ用*/
li.me01{
 margin:0;
 margin-left:0px;
}

li.me01{
 margin:0;
 margin-left:0px;
}

li.me01a{
 margin:0;
 margin-left:0px;
 list-style-type: none;/*リストタグなし*/
}


/*========TOPメニュー=========*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
  margin-top: -5px;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 50%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border: 1px solid #ffdef6; /* ボーダー一括指定 */
  box-sizing: border-box;
}

.dropmenu li a{
  display: block;
  margin: 0;
  padding: 5px 0 5px;
  background: #8a9b0f;
  background: #FF0000;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  border-top: 1px solid #000000;
  background: #6e7c0c;
  background: #615D5D;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #6e7c0c;
  background: #615D5D;
}
.dropmenu li a:hover{
  background: #616d0b;
  background: #aa0000;
}


m1{margin:0px;}
m2{display:inline;margin:0px 3px;}


/*======== BOX =========*/

div.box01 { /* スマホ対応 */
  width:auto;
  min-height:210px;
  background-color:#ffffff;
  margin-left: auto;
  margin-right: auto;
  position:relative;
  border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

div.box012 { /* スマホ対応 */
  width:auto;
  height:220px;
  background-color:#ffffff;
  margin-left: auto;
  margin-right: auto;
  position:relative;
  border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

.box01a { /* スマホ対応 */
  display:inline-block;
	vertical-align: top;
  width: auto;
  height: 0px;
	padding: 5px;
  margin: 0;
  color: #ff0000;/* 文字色 */
}

.box01c { /* スマホ対応 */
  display:inline-block;
	vertical-align: top;
  width: auto;
  height: 0px;
	padding: 5px;
  margin: 0;
  color: #ff0000;/* 文字色 */
  width: 25%;
}


.box01b1 { /* スマホ対応 */
  display:inline-block;
	vertical-align: top;
  width: auto;
  padding-left: 5px;
	padding-top: 125px;
	margin: 0px;
  margin-top: 5px;
  color: #000000;/* 文字色 */
  font-size: 100%;
}

.box01b2 { /* スマホ対応 */
  display:inline-block;
	vertical-align: top;
  width: auto;
  padding-left: 5px;
	padding-top: 110px;
	margin: 0px;
  margin-top: 5px;
  color: #000000;/* 文字色 */
  font-size: 100%;
}

div.box02 { /* スマホ対応 */
  width: 100%;
  height: auto;
  background-color: #ffdef6;
  margin-left: auto;
  margin-right: auto;
  position:relative; /*これを消すとbottom:0pxが効かない*/

}

.img01{ /* スマホ対応 */
 display: block;
 margin-left: auto;
 margin-right: auto;
 width: 50%;
 height: auto;
 position:relative;
 top: 0px;
}


.img02 { /* スマホ対応 */
 padding-left: auto;
 padding-right: auto;
 padding-top: 0;
 margin-top: 0;
 width: 100%;
 position:relative;
}

div.box03 { /* スマホ対応 */
  width: auto;
  height: 100%;
  background-color:#ffffff;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
  position:relative;
  border-radius: 0 0 10px 10px / 0 0 10px 10px;
}

.box03a { /* スマホ対応 */
    display:inline-block;
	margin: 0px;
    padding: 0px;
    width: auto;
    height: 100%;
    vertical-align: top;
    text-align: left;
    background-color: #ffffff;
    border-radius: 0 0 0 10px / 0 0 0 10px;
}

.box03b { /* スマホ対応 */
    display:inline-block;
    width: 310px;
    height: 426px;
    vertical-align: top;
    text-align: left;
    background-color: #ffffff;
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 8px;
}


/*予定box*/
.boxev {
    display:inline-block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    vertical-align: top;
    text-align: left;
    background-color: #ffdef6;
}

.verdure {
    display:inline-block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 65px;
    vertical-align: top;
    text-align: left;
    overflow: scroll;
    box-sizing: border-box;
}

.verdure {
 -moz-box-sizing: border-box;
　-webkit-box-sizing: border-box;
　-o-box-sizing: border-box;
　-ms-box-sizing: border-box;
　box-sizing: border-box;
}


.boxfa {
    width: 320px;
    margin: 0 auto;
    padding: 0px;
    height: 100%;
    vertical-align: top;
    text-align: left;
    background-color: #ffffff;
}


.fast{
  width: 320px;
  height: 489px;
}

.calendario{
  width: 374px;
  height: 374px;
/*=========<iframe>の中身を横幅半分にして表示したい=========*/
transform:scale(1.0);
-o-transform:scale(1.0);
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-ms-transform:scale(1.0);

}


/*=========サイト系=========*/
.sitebox{
	margin-top: 5px;
    width: 100%;
    height: 100%;
    display:inline-block;
    vertical-align: top;
	font-weight:bold;/* 文字太さ */
	color: #ffffff;/* 文字色 */
    text-align: left;/* 文字左 */
	border: ridge 5px #ffcc00;
    background-color: #000000
}

.sitebox{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.wid295 {
    width: 100%;
    height: 100%;
}


/* スマホカテゴリー */
.category{
  margin: 0;
  width: 100vw;
  display:inline-block;
	vertical-align: top;
	font-weight:bold;/* 文字太さ */
	color: #ffffff;/* 文字色 */
  text-align: left;/* 文字左 */
  background-image: -moz-linear-gradient(
      top
      , #ffffff 0%
      , #0000ff 75%
      , #0000ff);
     background-image: -webkit-gradient(
     linear
       , left top
       , left bottom
       , from(#ffffff)
       , color-stop(0.75, #ff0000)
       , to(#ff0000));
    border-radius: 20px 0 0 0 / 20px 0 0 0;
    border-bottom: inset 5px #ffcc00;
}

.category2{
  margin: 0;
  margin-top: 10px;
  width: 100%;
  display:inline-block;
	vertical-align: top;
	font-weight:bold;/* 文字太さ */
	color: #ffffff;/* 文字色 */
  text-align: left;/* 文字左 */
  background-image: -moz-linear-gradient(
      top
      , #ffffff 0%
      , #0000ff 75%
      , #0000ff);
     background-image: -webkit-gradient(
     linear
       , left top
       , left bottom
       , from(#ffffff)
       , color-stop(0.75, #ff0000)
       , to(#ff0000));
    border-radius: 0 20px 0 0 / 0 20px 0 0;
    border-bottom: inset 5px #ffcc00;
}

/*=========畑情報=========*/
/*=========スマホ対応写真情報=========*/
.foto{
	margin: 5px;
  padding: 5px;
  width: auto;
  height: 100%;
  display:inline-block;
  vertical-align: top;
	font-weight:bold;/* 文字太さ */
	color: #000000;/* 文字色 */
  text-align: left;/* 文字左 */
	border: ridge 5px #ffcc00;
  background-color: #ffffff
}

/*=======　地図 スマホサイズ　=======*/

.map {
  margin-left: 0px;
  margin-top: 0px;
  padding-top: 0;
    width: 100%;
    height: 450px;
}

/*=========収穫中野菜情報大スマホサイズ=========*/
.verdure {
    display:inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    height: 150px;
    vertical-align: top;
    text-align: left;
    overflow: scroll;
    box-sizing: border-box;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

/*TOPIC Mobile*/
.foto100 {
  width: 100%;
}

/*New帯 Mobile*/
.obi {
    display: inline-block;
    position: absolute;
    padding: 0px;
    left: 157px;
    top: 5px;
    width: 65px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    background: #00ff1f;
    color: #000;
    letter-spacing: 0;
    -webkit-transform: rotate(45deg);/*傾き*/
    -ms-transform: rotate(45deg);/*傾き*/
    transform: rotate(45deg);/*傾き*/
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/*=========収穫中野菜情報=========*/

.vege {
  width:90%;
  margin: auto;
  padding: auto;
  background: #a8efaf;
  margin-bottom: 10px;
}
.vege .box-title {
    background: #0bda51;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}


.boxev .evtitle {
    background: #ffb2ea;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}

.yohaku{
  padding-top: 35vh;
  padding-bottom: 35vh;
}

/*スマホメールフォーム*/


.nolistmark{
   list-style: none;
   padding: 10%;
   margin: 0;
}

div .wide{
  width: 100vw;
}

input.btn {
    font-size: 20px;
    color: #fff;/*文字カラー*/
    padding: 10px 20px;
    margin: 3%;
  }

.inputsorid{
  border:2px #999 solid;
  width: 100%;
  box-sizing: border-box;
}

.ptop{
  width: 100%;
}

.parent {
    /* ベンダープレフィックスは省略 */
    display: flex;


    padding-left: 20%;
}

.right {
    position: absolute;
    right: 15%; /* 右寄せ */
    list-style-type: none;
}

/* スマホ重ねる文字 */
.pergamena-text {
    position: absolute;
    top: 20px;
}

.div-left200{
 margin: 0;
}

.wide600{
  margin: 0 auto;
}

.divcenter{
  margin: 0 auto;
}

.spcaution{
  width: 70%;
  margin-left: 10%;
}

.spstamp
{
  width: 75%;
  margin-left: 7%;
}

.contentboxsp{
  background-clip: content-box;
}

.box03b{
  margin-bottom: 80px
}


/*産地マップ*/
.sanchi-map{
  margin: 0;
}
.maxw100 {
	width: 100vw;
}

}/*消すな*/