@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------
TopPage
-----------------------------------------------------*/

.desktopHidden{display:inline;}
.mobileHidden{display:none;}

/* clearfix */
#recommend , .special {
	zoom:1;
}
#recommend:after , .special:after {
    content: ""; 
    display: block; 
    clear: both;
}

.box_space { border-color:#969696; border-width:0px; border-style:none; WIDTH: 800px; height: 15px; text-align: left; margin:0px auto;} /* 空白枠*/

.box_space_200_10 { border-color:#969696; border-width:0px; border-style:none; WIDTH: 200px; height: 10px; text-align: left; margin:0px auto;} /* 空白枠*/

.box_space_200_50 { border-color:#969696; border-width:0px; border-style:none; WIDTH: 200px; height: 50px; text-align: left; margin:0px auto;} /* 空白枠*/

.clear{ clear: both; visibility: hidden; height: 0;}

/*-----------------------------------------------------
topMain
-----------------------------------------------------*/

.header_box {
    width: 100%;
    height: 60px !important;
    background-color:#811E4D;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    *zoom: 1;
}

.site_logobox {
    width: 100%;
    height: 30px !important;
    display: inline-block;
    position: absolute;
    z-index: 999;
    margin-bottom:0px;
}

.topMiddle {
	height:320px;
	width:100%;
	background:#FFF url(../assets/img/middle01_pict.jpg) no-repeat center 200px;
}

.mid_menu{
	width: 80%;
	border-collapse: separate;
	border-spacing: 0px;
	border: solid 1px #826f67;
}

.mid_menu tr{
	width:100%;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
}

.mid_menu th{
	width:100%;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	color: #444;
	background-color: #ffffff;
}

.mid_menu td{
	width: 100%;
	height:60px;
	padding: 6px;
	text-align: left;
	vertical-align: middle;
	color: #624c43;
	font-size:1.1em;
	font-weight:bold;
	background-image: url(/assets/img/menu_bg_tile.jpg);
	border-left: 10px solid #826f67;
	border-bottom: 1px dotted #826f67;
}

.middle_menu{
   width:100%;
   float:left;
   padding:15px 15px;
   display:inline-block;
	_display: inline;
   /* background-color:#F8EED4; */
}

.middle_menu_box{
   width:212px;
   /* height:121px; */
   float:left;
   /* background-color:#ffffff; */
   border:1px solid #f5f5f5;
   margin-left:25px;
   -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}

.middle_menu_imgbox{
	width:210px;
	height:120px;
	float:left;
	/* padding:10px 5px 10px 10px; */
}



.middle_menu_box_title{
	font-size:1.0em;
	font-weight:bold;
	color:#036EB7;
	text-align:center;
	/* padding:10px 5px 10px 10px; */
	padding-bottom:5px;
}

.middle_menu_box_desc{
	font-size:0.9em;
	text-align:center;
	padding-bottom:10px;
	/* padding:10px 5px 10px 10px; */
}

/* 左メニュー */
#menu_left ul{ 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}


#menu_left li{ 
	display: block; 
	border-left: 10px solid #826f67;
	border-right: 1px solid #826f67;
	border-bottom: 1px dashed #826f67;
	padding: 6px;
	text-align: left;
	vertical-align: middle;
	color: #624c43;
	font-size:1.1em;
	font-weight:bold;
	padding: 6px;
	text-align: left;
	display: -webkit-box; /* safari, Chrome */
  display: -moz-box;    /* Firefox */
  display: -o-box;      /* Opera */
  display: -ms-box;     /* IE */
  display: box;
	-webkit-box-align: center; /* safari, Chrome */
	-moz-box-align: center;    /* Firefox */
	-o-box-align: center;      /* Opera */
	-ms-box-align: center;     /* IE */
	box-align: center;
	width: 80%;
	height:60px;
	background-image: url(http://dm.i-rashinban.com/wp-content/themes/disco_morioka/assets/img/menu_bg_tile.jpg); 
}

#menu_left li:first-child{ 
	display: block; 
	border-top: 1px solid #826f67;
	border-left: 10px solid #826f67;
	border-right: 1px solid #826f67;
	padding: 6px;
	text-align: left;
	display: -webkit-box; /* safari, Chrome */
	display: -moz-box;    /* Firefox */
	display: -o-box;      /* Opera */
	display: -ms-box;     /* IE */
	display: box;
	-webkit-box-align: center; /* safari, Chrome */
	-moz-box-align: center;    /* Firefox */
	-o-box-align: center;      /* Opera */
	-ms-box-align: center;     /* IE */
	color: #624c43;
	font-size:1.1em;
	font-weight:bold;
	width: 80%;
	height:60px;
}

#menu_left li:last-child{ 
	display: block; 
	border-bottom: 1px solid #826f67;
	border-left: 10px solid #826f67;
	border-right: 1px solid #826f67;
	padding: 6px;
	text-align: left;
	display: -webkit-box; /* safari, Chrome */
	display: -moz-box;    /* Firefox */
	display: -o-box;      /* Opera */
	display: -ms-box;     /* IE */
	display: box;
	-webkit-box-align: center; /* safari, Chrome */
	-moz-box-align: center;    /* Firefox */
	-o-box-align: center;      /* Opera */
	-ms-box-align: center;     /* IE */
	color: #624c43;
	font-size:1.1em;
	font-weight:bold;
	width: 80%;
	height:60px;
}




/* トップページお知らせ・イベント情報 */

.top_sub_box{
   width:100%;
   height:121px;
   float:left;
   background-color:#ffffff;
   /* border:1px dashed #A07A51; */
}

.top_sub_midashi{
	width: 100%;
    /* padding-top:5px; */
    text-decoration: none;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:2px solid #A07A51;
    /* display:inline; */
    font-size:1.4em;
    font-weight:bold;
    color:#A07A51;
	clear:both;
}

.top_sub_midashi_imgbox{
	width:150px !important;
	height;90px;
	float:left;
	padding:10px 5px 10px 10px;
	display:inline-block;
	overflow: hidden;
	_display: inline;
	clear:both;
}

.top_sub_title{
	width: 100%;
    padding-top:5px;
    margin-bottom:5px;
    display:inline;
    font-size:1.0em !important;
    font-weight:bold;
	clear:both;
}

.top_sub_sentence{
	width: 100%;
    padding-top:5px;
    margin-bottom:5px;
    display:inline;
    /* text-indent:150px; */
    font-size:1.0em !important;
    line-height:1.8em;
    clear:both;
}

.middle_oshievebox{
   width:100%;
   float:left;
   /* padding:15px 15px; */
   background-color:#ffffff;
}

.middle_oshievebox :last-child{
   margin-bottom:20px;
}

.oshieve_box{
   width:100%;
   height:120px;
   background-color:#ffffff;
   border-bottom:1px dashed #A07A51;
}

/* 新着情報 */
.wn_box {
	width:95%;
	height:auto;
	text-align:left;
	margin:0 auto;
	margin-top:2.5%;
	margin-bottom:2.5%;
}

.wn_title-wrapper {  
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	background: #FAEBDB;
}

.wn_title {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 5px 0;
	margin: 0 0 0 -20px;
	width: calc(95% + 20px);
	color: white;
	background: #8E9F74;
	/* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); */
}

.wn_title h3{
  margin: 0;
  padding: 0 30px 0 15px;
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
  font-size: 20px;
  line-height: 46px;
  color:#ffffff;
}

.wn_title:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #1E5429;
}

.wn_title:after {
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	right: 0;
	width: 0px;
	height: 0px;
	border-width: 30px 15px 30px 0px;
	border-color: transparent #FAEBDB transparent transparent;
	border-style: solid;
}

.wn_txtbox {
	width:100%;
	/* height:330px; */
	height:auto;
	padding-top:2%;
	padding-left:2%;
	padding-right:5%;
	padding-bottom:5%;
	background:#FAEBDB;
	line-height:1.8em;
	/* text-align:left; */
}

.wn_txtbox ul{
	width:100%;
	display:block;
	margin:0 auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	list-style-type: none !important;
}
	
.wn_txtbox ul li{
   margin:0 auto;
   margin-bottom:15px;
   font-size:1.0em !important;
   font-weight:bold;
   list-style-type: none !important;
   color:#000000;
   border-bottom:1px dotted #4A0000;
}	

.wn_txtbox ul li .last{
   margin-bottom:10px;
  border-bottom:0px dotted #4A0000;
}	

p.wn_date {
	width:35% !important;
	text-align:left;
	font-size:1.0em !important;
	font-weight:bold !important;
	display:inline;
	vertical-align:top;
	color:#2A6D3A;
	padding-left:0px !important;
	margin-bottom:0.3em !important;
	/* padding:10px 5px 10px 10px; */
}

p.wn_evname {
	width:75% !important;
	text-align:left;
	font-size:1.0em !important;
	font-weight:bold !important;
	display:inline-block;
	padding-left:0px !important;
	margin-bottom:0.3em !important;
	/* padding:10px 5px 10px 10px; */
}

p.wn_list {
	width:100% !important;
	text-align:rightt;
	font-size:1.0em !important;
	font-weight:bold !important;
	display:inline-block;
	padding-left:0px !important;
	margin-bottom:0.3em !important;
	/* padding:10px 5px 10px 10px; */
}




.oshieve_imgbox{
	width:100%;
	margin:0 auto;
	text-align:center;
}

.oshieve_box h1{
	width:100%;
	font-size:1.1em;
	font-weight:bold;
	color:#4CB56D;
	padding:5px 0px 5px 15px;
	margin-bottom:5px;
}

.oshieve_box p{
	width:100%;
	font-size:0.9em;
	/* padding:10px 5px 10px 10px; */
}

.pagenav {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}



.pagenav_box   {  
    width:40%;
    height:40px;
    display:inline-block;
    border:solid 2px #2A6D3A;
    color:#2A6D3A;
    background-color:#ffffff;
    text-align:center;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    padding-top:10px;
    margin:0 auto;
}  

.memo {
  width:90%;
  position: relative;
  background: #F8F0D7;
  border-left:4px dotted rgba(0,0,0,.1);
  border-right:4px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,.2);
  padding: 1em;
  color: #65513f;
}
.masking-tape{
  position: absolute;
  top: -1em;
  left: 26%;
  width:100px;
  height:30px;
  background-image: linear-gradient(-45deg, rgba(227,155,140,.4) 25%, transparent 25%, transparent 50%, rgba(227,155,140,.4) 50%, rgba(227,155,140,.4) 75%, transparent 75%, transparent 100%);
  background-size: 20px 20px;
  border-left:2px dotted rgba(0,0,0,.1);
  border-right:2px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,.2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-4deg); 
}
.memo p {
  color: #65513f;
  padding: 10px;
}

.growth_pict {
    float: left;
    display: inline-block;
    width: 40%;
    height: auto;
    text-align: left;
    padding-top: 10px;
    padding-left: 15px;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align:top;
}

.growth_listbox {
    float: left;
    display: inline-block;
    width: 60%;
    height: auto;
    text-align: left;
    padding-top: 10px;
    padding-left: 15px;
}
.growth_listbox ul {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    list-style-type: none !important;
}

.growth_listbox ul li {
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 1.0em !important;
    font-weight: bold;
    list-style-type: none !important;
    color: #000000;
    border-bottom: 1px dotted #4A0000;
}

p.growth_date {
    width: 30% !important;
    text-align: left;
    font-size: 1.0em !important;
    font-weight: bold !important;
    display: inline;
    vertical-align: top;
    color: #2A6D3A;
    padding-left: 0px !important;
    margin-bottom: 0.3em !important;
    /* padding: 10px 5px 10px 10px; */
}

p.growth_ttl {
    width: 70% !important;
    text-align: left;
    font-size: 1.0em !important;
    font-weight: bold !important;
    display: inline-block;
    padding-left: 0px !important;
    margin-bottom: 0.3em !important;
    /* padding: 10px 5px 10px 10px; */
}

/* 受け入れ農家紹介情報ページ用 */
ul.page {
    margin:0px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:30px;
}
 
ul.page li {
    /* margin:0 10px 10px 0; */
    /* padding:10px; */
    width:100%;
    list-style:none;
}

.farmer_name {
    margin-bottom: 5px;
    /* display: inline; */
    color: #000000;
    font-size: 1.1em !important;
    font-weight: bold;
    width:100%;
}

.farmer_boxL {
	width:40%;
	height:auto;
	text-align:left;
	margin:0 auto;
	margin-bottom:0;
	display:inline-block;
	vertical-align:top;
}

img.farmer_boxL {
	width:100%;
	height:100%;
	margin-right:20px;
	margin-bottom:20px;
	border:1px solid #d3d3d3;
}

.farmer_boxR {
	width:50%;
	height:auto;
	text-align:left;
	margin:0 auto;
	margin-left:18px;
	margin-bottom:0;
	display:inline-block;
	vertical-align:top;
}

.budou_title-wrapper {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    background: #ffffff;
}

.catalog {
    width: 100%;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}
	overflow:hidden;
	padding-left:20px;
	padding-right:20px;
}
ul.catalog {
	overflow:hidden;
	/* margin-top:1.587%;
	margin-right:-1.587%; */
	
	margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    
    
}

.catalog li {
	float: left;
    width: 48%;
    height: auto;
    margin: 0 1.587% 1.587% 0;
    list-style: none;
    
    margin-bottom: 20px;
    position: relative;
    
    padding-bottom: 1em;
	box-sizing:border-box;
	background-color:#ffffff;

}

.reki_title {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 5px 0;
    margin: 0 0 0 -20px;
    width: calc(95% + 20px);
    color: white;
    background: #8E9F74;
    /* box-shadow: 0 2px 2px rgb(0 0 0 / 20%); */
}

.reki_title:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #1E5429;
}

.reki_title:after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-width: 30px 15px 30px 0px;
    border-color: transparent #ffffff transparent transparent;
    border-style: solid;
}

.reki_title h3 {
    margin: 0;
    padding: 0 30px 0 15px;
    border-top: dashed 1px #FFF;
    border-bottom: dashed 1px #FFF;
    font-size: 20px;
    line-height: 46px;
    color: #ffffff;
}
.rekishi_ttl01 {
    width: 100%;
    height: 50px;
    color: #ffffff;
    font-size: 1.2em;
    background-color: #0068b7;
    box-sizing: border-box;
    padding: 10px 5px 5px 10px;
    opacity:0.7;
}

.rekishi_ttl02 {
    width: 100%;
    height: 50px;
    color: #ffffff;
    font-size: 1.2em;
    background-color: #89c3eb;
    box-sizing: border-box;
    padding: 10px 5px 5px 10px;
    opacity:0.7;
}

.rekishi_ttl03 {
    width: 100%;
    height: 50px;
    color: #ffffff;
    font-size: 1.2em;
    background-color: #d8e698;
    box-sizing: border-box;
    padding: 10px 5px 5px 10px;
    opacity:0.7;
}

.rekishi_ttl04 {
    width: 100%;
    height: 50px;
    color: #ffffff;
    font-size: 1.2em;
    background-color: #aacf53;
    box-sizing: border-box;
    padding: 10px 5px 5px 10px;
    opacity:0.7;
}

.rekishi_catch {
    width: 100%;
    height: 50px;
    color: #000000;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 15px 5px 5px 10px;
    font-size: 1.4em;
    text-align:center;
}

.box_main_desc {
    width: 100%;
    color: #000000;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 5px 5px 5px 10px;
}

.budo_list {
	overflow:hidden;
	padding-left:20px;
	padding-right:20px;
}
.budo_list ul {
	overflow:hidden;
	/* margin-top:1.587%;
	margin-right:-1.587%; */
	
	margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.budo_list li {
	float:left;
	width:31%;
	height:auto;
	border:2px solid #c7b5c5;
	margin:0 1.587% 1.587% 0;
	list-style:none;
	padding-bottom: 1em;
	margin-bottom: 20px;
	position: relative;
	border-radius:10px;
}
.budo_list li img {
	width:100%;
	height:auto;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	position: relative;
}

p.budo_toku_ttl {
	font-size:0.9em;
	height:1.2em;
	text-align:center;
	color:#ffffff;
	background-color:#c7b5c5;
	box-sizing:border-box;
	display:inline-block;
	margin-top:10px;
	margin-bottom:10px;
}

.budo_list_name {
	width:100%;
	height:50px;
	color:#ffffff;
	background-color:#522f60;
	box-sizing:border-box;
	padding:12px 5px 5px 10px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}





.budo_list_desc {
	width:100%;
	color:#000000;
	background-color:#ffffff;
	box-sizing:border-box;
	padding:5px 5px 1em 10px;
	
}

/* フッター用 */
/*-----------------------------------------------------
フッター
-----------------------------------------------------*/
#footer {
	clear: both;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	border-top-width: 4px;
	background-color:#ffffff;
}

.footer_content{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	background-color:#4CB56D;
}

.footer_space{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height:230px;
}


.footer_box {
	/* margin-left: 210px; */
	display:inline-block;
	width:246px;
	height:180px;
	background-color:#4CB56D;
	border-right:1px dotted #ffffff;
}

.footer_box li:last-child{
   margin-bottom:10px;
  
}

.footer_box_last {
	/* margin-left: 210px; */
	display:inline-block;
	width:246px;
	height:200px;
	background-color:#4CB56D;
	border-right:0px dotted #ffffff;
}

.footer h1 img{
	width:160px;
}

.footer_box ul{
	float: left;
	width:230px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	list-style-type: none !important;
}
	
.footer_box ul li{
   margin-bottom:4px;
   font-size:0.9em;
   list-style-type: none !important;
   color:#ffffff;
}	

.footer_box ul li .last{
   margin-bottom:10px;
  
}	
	
.footer_box ul li a{
   color:#333;
   margin-left:10px;
}

.footer_box_last ul{
	float: left;
	width:230px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 40px;
	list-style-type: none !important;
}
	
.footer_box_last ul li{
   margin-bottom:4px;
   font-size:0.9em;
   list-style-type: none !important;
   color:#ffffff;
}	
	
.footer_box_last ul li a{
   color:#333;
   margin-left:10px;
}	
		


.footer_tbl{
	width: 80%;
	border-collapse: separate;
	border-spacing: 0px;
	border: none 0px #ddd;
	/* background-color:#4CB56D !important; */
}

.footer_tbl tr{
	width:100%;
	height:15px !important;
	text-align: left;
	vertical-align: top;
}

.footer_tbl th{
	width:100%;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	color: #444;
}

.footer_tbl td{
	width: 50%;
	height:15px !important;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	
}

.footer_lnkbox {
	/* display:inline-block; */
	width:98%;
	height:auto;
	box-sizing:border-box;
	border-bottom:1px solid #ffffff;
	text-align:center;
	margin:0 auto;
}

.footer_lnkbox ul {
	overflow:hidden;
	width:100%;
	padding-top:2px;
	margin:0 auto;
}

.footer_lnkbox li {
	margin:0 20px 20px 0;
	padding:0;
	font-size: 0.9em !important;
	line-height:1.1em !important;
	list-style:none;
	display:inline-block;
}
.footer_lnkbox li +li{
    border-left: 1px dotted #ffffff;
    font-size: 0.9em !important;
	line-height:1.1em !important;
    padding: 0 0 0 5px;
    display:inline-block;
}

.footer_bnbox {
	padding-left: 20px;
	margin-left:5px;
	display:inline-block;
	width:100%;
	height:auto;
	box-sizing:border-box;
	
}

.footer_copybox {
	/* display:inline-block; */
	width:100%;
	height:60px;
	box-sizing:border-box;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	background:#821E4D;
}

p.footer_copyright {
	width:100% !important;
	font-size:0.85em !important;
	text-align:left;
	color:#ffffff !important;
	margin-top:10px;
	padding-right:10px;
}

p.footer_sitemap {
	width:100% !important;
	font-size:0.85em !important;
	text-align:right;
	margin-top:10px;
	color:#ffffff !important;
	padding-right:10px;
}

/* 各ページの設定 */
.about_img {
    width: 50%;
    height: auto;
    display: inline-block;
}

.about_txt {
    width: 45%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    line-height:1.8em;
}

.content_title{
	padding-top:20px !important;
    margin-bottom:5px;
    color:#5F2F08;
    font-size:1.2em !important;
    font-weight:bold;
    border-bottom:1px solid #A07A51;
    padding-bottom: 5px;
	/* clear:both; */
}

hr .contenttitle {
  border: solid #8A07A51;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0;
}

.content_catch{
	margin-bottom:5px;
    /* display:inline; */
    color:#46C171;
    font-size:1.1em !important;
    font-weight:bold;
    /*border-bottom:1px solid #A07A51;
	/* clear:both; */
}

.content_desc{
	padding-right:10px;
    margin-top:10px;
    margin-bottom:5px;
    /* display:inline; */
    font-size:1.0em !important;
    line-height:1.4em;
    clear:both;
}

.content_mainpict{
	width:100%;
	padding-left:10px;
    margin-bottom:5px;
    /* display:inline; */
    font-size:1.0em !important;
    line-height:1.4em;
    clear:both;
}

.content_subpict{
	width:100%;
	padding-right:10px;
    margin-top:10px;
    margin-bottom:5px;
    /* display:inline; */
    font-size:1.0em !important;
    line-height:1.4em;
    clear:both;
}

/* コンテンツ用表 */
.tbl_contents{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border: solid 0px #826f67 !important;
}

.tbl_contents tr{
	width:100%;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
}

.tbl_contents th.title1{
	width:15% !important;
	/* padding:4px; */
	text-align: center;
	vertical-align: top;
	font-size:1.0em;
	color: #ffffff;
	background-color: #7a4171;
	border:1px solid #ccc;
	padding:10px;
}

.tbl_contents th.title2{
	width:20% !important;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	font-size:1.0em;
	color: #ffffff;
	background-color: #7a4171;
	border:1px solid #ccc;
	padding:10px;
}

.tbl_contents th.title3{
	width:50% !important;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	font-size:1.0em;
	color: #ffffff;
	background-color: #7a4171;
	border:1px solid #ccc;
	padding:10px;
}


.tbl_contents td{
	padding: 6px;
	text-align: left;
	vertical-align: middle;
	font-size:1.0em;
	line-height:1.4em;
	/* font-size:1.1em; */
	border:1px solid #ccc;
	padding:10px;
}

.tbl_contents td.title1{
	width:15% !important;
	/* padding:4px; */
	text-align: right;
	vertical-align: top;
	font-size:1.0em;
	color: #000000;
	background-color: #ffffff;
	padding-right:50px;
}
.tbl_contents td.title2{
	width:20% !important;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	font-size:1.0em;
	color: #000000;
	background-color: #ffffff;
}
.tbl_contents td.title3{
	width:50% !important;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	font-size:1.0em;
	color: #000000;
	background-color: #ffffff;
}

.event_title-wrapper {  
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	background: #ffffff;
}

.event_title {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 5px 0;
	margin: 0 0 0 -20px;
	width: calc(95% + 20px);
	color: white;
	background: #8E9F74;
	/* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); */
}

.event_title h3{
  margin: 0;
  padding: 0 30px 0 15px;
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
  font-size: 20px;
  line-height: 46px;
  color:#ffffff;
}

.event_title:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #1E5429;
}

.event_title:after {
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	right: 0;
	width: 0px;
	height: 0px;
	border-width: 30px 15px 30px 0px;
	border-color: transparent #ffffff transparent transparent;
	border-style: solid;
}

.event_desc{
	width:90%;
	margin-top:15px;
    margin-bottom:15px;
    /* display:inline; */
    font-size:1.0em !important;
    line-height:1.6em;
    clear:both;
}

.cat_list {
	overflow:hidden;
	padding-left:20px;
	padding-right:20px;
}
.cat_list ul {
	overflow:hidden;
	/* margin-top:1.587%;
	margin-right:-1.587%; */
	
	margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.cat_list li {
	float:left;
	width:45%;
	height:auto;
	margin:0 1.587% 1.587% 0;
	list-style:none;
	padding-bottom: 3em;
	margin-bottom: 10px;
	position: relative;
	border-bottom: 1px dotted #821E4D;
}
.cat_list li img {
	width:100%;
	height:auto;
	position: relative;
}



.cat_det {
	width:100%;
	height:30px;
	color:#000000;
	background-color:#ffffff;
	box-sizing:border-box;
	padding:5px 5px 5px 10px;
	font-size:1.1em;
	font-weight:bold;
}


.cat_add {
	width:100%;
	height:60px;
	color:#000000;
	background-color:#ffffff;
	box-sizing:border-box;
	padding:3px 3px 3px 10px;
	vertical-align:top;
	display: block;
	/* bottom: 0px; */
}

.fix_logo_box {
	/* width:960px; */
	height:30px;
	padding-bottom:10px;
	overflow:hidden;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	color:#821E4D;
	box-sizing:border-box;
	border-bottom:1px solid #821E4D;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
}

.work_flow {
  position: relative;
  padding: 0.6em;
  background-color: #E3D1D4;
  border-radius: 7px;
  width:95%;
  background:linear-gradient(90deg,#984964 0%,#984964 7%,#E3D1D4 7%,#E3D1D4 100%);
}

.work_flow_last {
  position: relative;
  padding: 0.6em;
  background-color: #E3D1D4;
  border-radius: 7px;
  width:95%;
  background:linear-gradient(90deg,#984964 0%,#984964 7%,#E3D1D4 7%,#E3D1D4 100%);
}

.work_flow:after {
	position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  border: 30px solid transparent;
  border-top: 30px solid #E3D1D4;;
  width: 0;
  height: 0;
}

ul.flow_txtbox{
    text-align:left;
    width:100%;
}
 
ul.flow_txtbox li{
    margin:0;
    padding: 0;
    list-style:none;
	display:inline;
	border-bottom: 0px dotted #4A0000;
}

p.flow_txtboxNo {
	display:inline-block;
	width:7%;
	font-size:2.4em;
	font-weight:bold;
	color:#ffffff;
	vertical-align:top;
}

p.flow_txtbox {
	display:inline-block;
	width:90%;
	font-size:1.1em;
	color:#000000;
	vertical-align:top;
	word-wrap: break-word;
}

.login_box {
  padding: 0.6em;
  width:40%;
}





/*ここからスマホ表示の内容*/
@media screen and (max-width: 768px) {

.desktopHidden{display:none;}
.mobileHidden{display:flex;}

.header_box {
    width: 100%;
    height: 60px !important;
    background-color:#811E4D;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    *zoom: 1;
}

.site_logobox {
    width: 100%;
    height: auto !important;
    display: block;
    position: absolute;
    z-index: 999;
    margin-bottom:0px;
}

.topMiddle {
	height:320px;
	width:100%;
	background:#FFF url(../assets/img/middle01_pict.jpg) no-repeat center 200px;
}

.mid_menu{
	width: 80%;
	border-collapse: separate;
	border-spacing: 0px;
	border: solid 1px #826f67;
}

.mid_menu tr{
	width:100%;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
}

.mid_menu th{
	width:100%;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	color: #444;
	background-color: #ffffff;
}

.mid_menu td{
	width: 100%;
	height:60px;
	padding: 6px;
	text-align: left;
	vertical-align: middle;
	color: #624c43;
	font-size:1.1em;
	font-weight:bold;
	background-image: url(/assets/img/menu_bg_tile.jpg);
	border-left: 10px solid #826f67;
	border-bottom: 1px dotted #826f67;
}

.middle_menu{
   width:100%;
   float:left;
   padding:15px 15px;
   display:inline-block;
	_display: inline;
   /* background-color:#F8EED4; */
}

.middle_menu_box{
   width:212px;
   /* height:121px; */
   float:left;
   /* background-color:#ffffff; */
   border:1px solid #f5f5f5;
   margin-left:25px;
   -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}

.middle_menu_imgbox{
	width:210px;
	height:120px;
	float:left;
	/* padding:10px 5px 10px 10px; */
}



.middle_menu_box_title{
	font-size:1.0em;
	font-weight:bold;
	color:#036EB7;
	text-align:center;
	/* padding:10px 5px 10px 10px; */
	padding-bottom:5px;
}

.middle_menu_box_desc{
	font-size:0.9em;
	text-align:center;
	padding-bottom:10px;
	/* padding:10px 5px 10px 10px; */
}

/* 左メニュー */
#menu_left ul{ 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}


#menu_left li{ 
	display: block; 
	border-left: 10px solid #826f67;
	border-right: 1px solid #826f67;
	border-bottom: 1px dashed #826f67;
	padding: 6px;
	text-align: left;
	vertical-align: middle;
	color: #624c43;
	font-size:1.1em;
	font-weight:bold;
	padding: 6px;
	text-align: left;
	display: -webkit-box; /* safari, Chrome */
  display: -moz-box;    /* Firefox */
  display: -o-box;      /* Opera */
  display: -ms-box;     /* IE */
  display: box;
	-webkit-box-align: center; /* safari, Chrome */
	-moz-box-align: center;    /* Firefox */
	-o-box-align: center;      /* Opera */
	-ms-box-align: center;     /* IE */
	box-align: center;
	width: 80%;
	height:60px;
	background-image: url(http://dm.i-rashinban.com/wp-content/themes/disco_morioka/assets/img/menu_bg_tile.jpg); 
}

#menu_left li:first-child{ 
	display: block; 
	border-top: 1px solid #826f67;
	border-left: 10px solid #826f67;
	border-right: 1px solid #826f67;
	padding: 6px;
	text-align: left;
	display: -webkit-box; /* safari, Chrome */
	display: -moz-box;    /* Firefox */
	display: -o-box;      /* Opera */
	display: -ms-box;     /* IE */
	display: box;
	-webkit-box-align: center; /* safari, Chrome */
	-moz-box-align: center;    /* Firefox */
	-o-box-align: center;      /* Opera */
	-ms-box-align: center;     /* IE */
	color: #624c43;
	font-size:1.1em;
	font-weight:bold;
	width: 80%;
	height:60px;
}

#menu_left li:last-child{ 
	display: block; 
	border-bottom: 1px solid #826f67;
	border-left: 10px solid #826f67;
	border-right: 1px solid #826f67;
	padding: 6px;
	text-align: left;
	display: -webkit-box; /* safari, Chrome */
	display: -moz-box;    /* Firefox */
	display: -o-box;      /* Opera */
	display: -ms-box;     /* IE */
	display: box;
	-webkit-box-align: center; /* safari, Chrome */
	-moz-box-align: center;    /* Firefox */
	-o-box-align: center;      /* Opera */
	-ms-box-align: center;     /* IE */
	color: #624c43;
	font-size:1.1em;
	font-weight:bold;
	width: 80%;
	height:60px;
}




/* トップページお知らせ・イベント情報 */

.top_sub_box{
   width:100%;
   height:121px;
   float:left;
   background-color:#ffffff;
   /* border:1px dashed #A07A51; */
}

.top_sub_midashi{
	width: 100%;
    /* padding-top:5px; */
    text-decoration: none;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:2px solid #A07A51;
    /* display:inline; */
    font-size:1.4em;
    font-weight:bold;
    color:#A07A51;
	clear:both;
}

.top_sub_midashi_imgbox{
	width:150px !important;
	height;90px;
	float:left;
	padding:10px 5px 10px 10px;
	display:inline-block;
	overflow: hidden;
	_display: inline;
	clear:both;
}

.top_sub_title{
	width: 100%;
    padding-top:5px;
    margin-bottom:5px;
    display:inline;
    font-size:1.0em !important;
    font-weight:bold;
	clear:both;
}

.top_sub_sentence{
	width: 100%;
    padding-top:5px;
    margin-bottom:5px;
    display:inline;
    /* text-indent:150px; */
    font-size:1.0em !important;
    line-height:1.8em;
    clear:both;
}

.middle_oshievebox{
   width:100%;
   float:left;
   /* padding:15px 15px; */
   background-color:#ffffff;
}

.middle_oshievebox :last-child{
   margin-bottom:20px;
}

.oshieve_box{
   width:100%;
   height:120px;
   background-color:#ffffff;
   border-bottom:1px dashed #A07A51;
}

/* 新着情報 */
.wn_box {
	width:100%;
	height:auto;
	text-align:left;
	margin:0 auto;
	margin-top:2.5%;
	margin-bottom:2.5%;
}

.wn_title-wrapper {  
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	background: #FAEBDB;
}

.wn_title {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 5px 0;
	margin: 0 0 0 -20px;
	width: calc(95% + 20px);
	color: white;
	background: #8E9F74;
	/* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); */
}

.wn_title h3{
  margin: 0;
  padding: 0 30px 0 15px;
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
  font-size: 20px;
  line-height: 46px;
  color:#ffffff;
}

.wn_title:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #1E5429;
}

.wn_title:after {
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	right: 0;
	width: 0px;
	height: 0px;
	border-width: 30px 15px 30px 0px;
	border-color: transparent #FAEBDB transparent transparent;
	border-style: solid;
}

.wn_txtbox {
	width:100%;
	/* height:330px; */
	height:auto;
	padding-top:2%;
	padding-left:2%;
	padding-right:5%;
	padding-bottom:5%;
	background:#FAEBDB;
	line-height:1.8em;
	/* text-align:left; */
}

.wn_txtbox ul{
	width:90%;
	display:block;
	margin:0 auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	list-style-type: none !important;
}
	
.wn_txtbox ul li{
   margin:0 auto;
   margin-bottom:15px;
   padding-bottom:15px;
   font-size:1.0em !important;
   font-weight:bold;
   list-style-type: none !important;
   color:#000000;
   border-bottom:1px dotted #4A0000;
}	

.wn_txtbox ul li .last{
   margin-bottom:10px;
  border-bottom:0px dotted #4A0000;
}	

p.wn_date {
	width:100% !important;
	text-align:left;
	font-size:0.9em !important;
	font-weight:bold !important;
	display:block;
	color:#2A6D3A;
	padding-left:0px !important;
	margin-bottom:0.3em !important;
	/* padding:10px 5px 10px 10px; */
}

p.wn_evname {
	width:100% !important;
	text-align:left;
	font-size:0.9em !important;
	font-weight:bold !important;
	display:block;
	padding-left:0px !important;
	margin-bottom:0.3em !important;
	/* padding:10px 5px 10px 10px; */
}




.oshieve_imgbox{
	width:100%;
	margin:0 auto;
	text-align:center;
}

.oshieve_box h1{
	width:100%;
	font-size:1.1em;
	font-weight:bold;
	color:#4CB56D;
	padding:5px 0px 5px 15px;
	margin-bottom:5px;
}

.oshieve_box p{
	width:100%;
	font-size:0.9em;
	/* padding:10px 5px 10px 10px; */
}

.pagenav {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}



.pagenav_box   {  
    width:40%;
    height:40px;
    display:inline-block;
    border:solid 2px #2A6D3A;
    color:#2A6D3A;
    background-color:#ffffff;
    text-align:center;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    padding-top:10px;
    margin:0 auto;
}  

.memo {
  width:100%;
  position: relative;
  background: #F8F0D7;
  border-left:4px dotted rgba(0,0,0,.1);
  border-right:4px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,.2);
  padding: 1em;
  color: #65513f;
}
.masking-tape{
  position: absolute;
  top: -1em;
  left: 26%;
  width:100px;
  height:30px;
  background-image: linear-gradient(-45deg, rgba(227,155,140,.4) 25%, transparent 25%, transparent 50%, rgba(227,155,140,.4) 50%, rgba(227,155,140,.4) 75%, transparent 75%, transparent 100%);
  background-size: 20px 20px;
  border-left:2px dotted rgba(0,0,0,.1);
  border-right:2px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,.2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-4deg); 
}
.memo p {
  color: #65513f;
  padding: 10px;
}

/* 受け入れ農家紹介情報ページ用 */
ul.page {
    margin:0px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:30px;
}
 
ul.page li {
    /* margin:0 10px 10px 0; */
    /* padding:10px; */
    width:100%;
    list-style:none;
}

.farmer_name {
    margin-bottom: 5px;
    /* display: inline; */
    color: #000000;
    font-size: 1.1em !important;
    font-weight: bold;
    width:100%;
}

.farmer_boxL {
	width:100%;
	height:auto;
	text-align:left;
	margin:0 auto;
	margin-bottom:0;
	display:inline-block;
	vertical-align:top;
}

img.farmer_boxL {
	width:100%;
	height:100%;
	margin-right:20px;
	margin-bottom:20px;
	border:1px solid #d3d3d3;
}

.farmer_boxR {
	width:100%;
	height:auto;
	text-align:left;
	margin:0 auto;
	margin-left:18px;
	margin-bottom:0;
	display:inline-block;
	vertical-align:top;
}


/* フッター用 */
/*-----------------------------------------------------
フッター
-----------------------------------------------------*/
#footer {
	clear: both;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	border-top-width: 4px;
	background-color:#ffffff;
}

.footer_content{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	background-color:#4CB56D;
}

.footer_space{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height:auto;
}


.footer_box {
	/* margin-left: 210px; */
	display:inline-block;
	width:100%;
	height:auto;
	background-color:#4CB56D;
	border-right:1px dotted #ffffff;
}

.footer_box li:last-child{
   margin-bottom:10px;
  
}

.footer_box_last {
	/* margin-left: 210px; */
	display:inline-block;
	width:100%;
	height:auto;
	background-color:#4CB56D;
	border-right:0px dotted #ffffff;
}

.footer h1 img{
	width:160px;
}

.footer_box ul{
	float: left;
	width:230px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	list-style-type: none !important;
}
	
.footer_box ul li{
   margin-bottom:4px;
   font-size:0.9em;
   list-style-type: none !important;
   color:#ffffff;
}	

.footer_box ul li .last{
   margin-bottom:10px;
  
}	
	
.footer_box ul li a{
   color:#333;
   margin-left:10px;
}

.footer_box_last ul{
	float: left;
	width:230px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 40px;
	list-style-type: none !important;
}
	
.footer_box_last ul li{
   margin-bottom:4px;
   font-size:0.9em;
   list-style-type: none !important;
   color:#ffffff;
}	
	
.footer_box_last ul li a{
   color:#333;
   margin-left:10px;
}	
		


.footer_tbl{
	width: 80%;
	border-collapse: separate;
	border-spacing: 0px;
	border: none 0px #ddd;
	/* background-color:#4CB56D !important; */
}

.footer_tbl tr{
	width:100%;
	height:15px !important;
	text-align: left;
	vertical-align: top;
}

.footer_tbl th{
	width:100%;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	color: #444;
}

.footer_tbl td{
	width: 50%;
	height:15px !important;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	
}

.footer_lnkbox {
	/* display:inline-block; */
	width:98%;
	height:auto;
	box-sizing:border-box;
	border-bottom:1px solid #ffffff;
	text-align:center;
	margin:0 auto;
}

.footer_lnkbox ul {
	overflow:hidden;
	width:100%;
	padding-top:2px;
	margin:0 auto;
}

.footer_lnkbox li {
	margin:0 20px 20px 0;
	padding:0;
	font-size: 0.9em !important;
	line-height:1.1em !important;
	list-style:none;
	display:inline-block;
}
.footer_lnkbox li +li{
    border-left: 1px dotted #ffffff;
    font-size: 0.9em !important;
	line-height:1.1em !important;
    padding: 0 0 0 5px;
    display:inline-block;
}

.footer_bnbox {
	padding-left: 20px;
	margin-left:5px;
	display:inline-block;
	width:100%;
	height:auto;
	box-sizing:border-box;
	
}

.footer_copybox {
	/* display:inline-block; */
	width:100%;
	height:60px;
	box-sizing:border-box;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	background:#821E4D;
}

p.footer_copyright {
	width:100% !important;
	font-size:0.85em !important;
	text-align:left;
	color:#ffffff !important;
	margin-top:10px;
	padding-right:10px;
}

p.footer_sitemap {
	width:100% !important;
	font-size:0.85em !important;
	text-align:right;
	margin-top:10px;
	color:#ffffff !important;
	padding-right:10px;
}

/* 各ページの設定 */
.about_img {
    width: 100%;
    height: auto;
    display: inline-block;
}

.about_txt {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    line-height:1.8em;
}

.content_title{
	padding-top:20px !important;
    margin-bottom:5px;
    color:#5F2F08;
    font-size:1.2em !important;
    font-weight:bold;
    border-bottom:1px solid #A07A51;
    padding-bottom: 5px;
	/* clear:both; */
}

hr .contenttitle {
  border: solid #8A07A51;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0;
}

.content_catch{
	margin-bottom:5px;
    /* display:inline; */
    color:#46C171;
    font-size:1.1em !important;
    font-weight:bold;
    /*border-bottom:1px solid #A07A51;
	/* clear:both; */
}

.content_desc{
	padding-right:10px;
    margin-top:10px;
    margin-bottom:5px;
    /* display:inline; */
    font-size:1.0em !important;
    line-height:1.4em;
    clear:both;
}

.content_mainpict{
	width:100%;
	padding-left:10px;
    margin-bottom:5px;
    /* display:inline; */
    font-size:1.0em !important;
    line-height:1.4em;
    clear:both;
}

.content_subpict{
	width:100%;
	padding-right:10px;
    margin-top:10px;
    margin-bottom:5px;
    /* display:inline; */
    font-size:1.0em !important;
    line-height:1.4em;
    clear:both;
}

/* コンテンツ用表 */
.tbl_contents{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border: solid 0px #826f67 !important;
}

.tbl_contents tr{
	width:100%;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
}

.tbl_contents th.title1{
	width:20% !important;
	/* padding:4px; */
	text-align: center;
	vertical-align: top;
	font-size:1.0em;
	color: #ffffff;
	background-color: #7a4171;
	border:1px solid #ccc;
	padding:10px;
}

.tbl_contents th.title2{
	width:20% !important;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	font-size:1.0em;
	color: #ffffff;
	background-color: #7a4171;
	border:1px solid #ccc;
	padding:10px;
}

.tbl_contents th.title3{
	width:50% !important;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	font-size:1.0em;
	color: #ffffff;
	background-color: #7a4171;
	border:1px solid #ccc;
	padding:10px;
}


.tbl_contents td{
	padding: 6px;
	text-align: left;
	vertical-align: middle;
	font-size:1.0em;
	line-height:1.4em;
	/* font-size:1.1em; */
	border:1px solid #ccc;
	padding:10px;
}

.tbl_contents td.title1{
	width:20% !important;
	/* padding:4px; */
	text-align: center;
	vertical-align: top;
	font-size:1.0em;
	color: #000000;
	background-color: #ffffff;
}
.tbl_contents td.title2{
	width:20% !important;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	font-size:1.0em;
	color: #000000;
	background-color: #ffffff;
}
.tbl_contents td.title3{
	width:50% !important;
	/* padding:4px; */
	text-align: left;
	vertical-align: top;
	font-size:1.0em;
	color: #000000;
	background-color: #ffffff;
}

.event_title-wrapper {  
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	background: #ffffff;
}

.event_title {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 5px 0;
	margin: 0 0 0 -20px;
	width: calc(95% + 20px);
	color: white;
	background: #8E9F74;
	/* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); */
}

.event_title h3{
  margin: 0;
  padding: 0 30px 0 15px;
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
  font-size: 20px;
  line-height: 46px;
  color:#ffffff;
}

.event_title:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #1E5429;
}

.event_title:after {
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	right: 0;
	width: 0px;
	height: 0px;
	border-width: 30px 15px 30px 0px;
	border-color: transparent #ffffff transparent transparent;
	border-style: solid;
}

.event_desc{
	width:90%;
	margin-top:15px;
    margin-bottom:15px;
    /* display:inline; */
    font-size:1.0em !important;
    line-height:1.6em;
    clear:both;
}

.cat_list {
	overflow:hidden;
	padding-left:20px;
	padding-right:20px;
}
.cat_list ul {
	overflow:hidden;
	/* margin-top:1.587%;
	margin-right:-1.587%; */
	
	margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.cat_list li {
	float:left;
	width:45%;
	height:auto;
	margin:0 1.587% 1.587% 0;
	list-style:none;
	padding-bottom: 3em;
	margin-bottom: 10px;
	position: relative;
	border-bottom: 1px dotted #821E4D;
}
.cat_list li img {
	width:100%;
	height:auto;
	position: relative;
}



.cat_det {
	width:100%;
	height:30px;
	color:#000000;
	background-color:#ffffff;
	box-sizing:border-box;
	padding:5px 5px 5px 10px;
	font-size:1.1em;
	font-weight:bold;
}


.cat_add {
	width:100%;
	height:60px;
	color:#000000;
	background-color:#ffffff;
	box-sizing:border-box;
	padding:3px 3px 3px 10px;
	vertical-align:top;
	display: block;
	/* bottom: 0px; */
}

.fix_logo_box {
	/* width:960px; */
	height:30px;
	padding-bottom:10px;
	overflow:hidden;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	color:#821E4D;
	box-sizing:border-box;
	border-bottom:1px solid #821E4D;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
}

.work_flow {
  position: relative;
  padding: 0.6em;
  background-color: #E3D1D4;
  border-radius: 7px;
  width:95%;
  background:linear-gradient(90deg,#984964 0%,#984964 7%,#E3D1D4 7%,#E3D1D4 100%);
}

.work_flow_last {
  position: relative;
  padding: 0.6em;
  background-color: #E3D1D4;
  border-radius: 7px;
  width:95%;
  background:linear-gradient(90deg,#984964 0%,#984964 7%,#E3D1D4 7%,#E3D1D4 100%);
}

.work_flow:after {
	position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  border: 30px solid transparent;
  border-top: 30px solid #E3D1D4;;
  width: 0;
  height: 0;
}

ul.flow_txtbox{
    text-align:left;
    width:100%;
}
 
ul.flow_txtbox li{
    margin:0;
    padding: 0;
    list-style:none;
	display:inline;
	border-bottom: 0px dotted #4A0000;
}

p.flow_txtboxNo {
	display:inline-block;
	width:7%;
	font-size:2.4em;
	font-weight:bold;
	color:#ffffff;
	vertical-align:top;
}

p.flow_txtbox {
	display:inline-block;
	width:90%;
	font-size:1.1em;
	color:#000000;
	vertical-align:top;
	word-wrap: break-word;
}

.login_box {
  padding: 0.6em;
  width:100%;
}

.growth_pict {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
    padding-top: 10px;
    padding-left: 15px;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: top;
}

.growth_listbox {
    float: left;
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: left;
    padding-top: 10px;
    padding-left: 15px;
}

p.growth_date {
    width: 100% !important;
    text-align: left;
    font-size: 1.0em !important;
    font-weight: bold !important;
    display: block;
    vertical-align: top;
    color: #2A6D3A;
    padding-left: 0px !important;
    margin-bottom: 0.3em !important;
    /* padding: 10px 5px 10px 10px; */
}

p.growth_ttl {
    width: 100% !important;
    text-align: left;
    font-size: 1.0em !important;
    font-weight: bold !important;
    display: block;
    padding-left: 0px !important;
    margin-bottom: 0.3em !important;
    /* padding: 10px 5px 10px 10px; */
}

}