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


.tabContents {
	width:95%;
	max-width:960px;
	margin:0 auto;
}

.ChangeElem_Panel{
  display: none;
}
.ChangeElem_Panel {
	background:#fff;
	border-top: #fd8c64 5px solid;
	vertical-align: top;
	padding:50px 20px;
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
	margin-top:0px;
}
/*タブを横並べに*/
.ChangeElem_Btn_Content {
  display: flex;
  justify-content: space-around;
}
/*通常時のタブ装飾*/
.ChangeElem_Btn {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  flex: 1;
  font-size: 0.9rem;
  padding: 40px 0 5px;
  position: relative;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  margin:0 3px 0 0;
  /*border: 2px solid #ccc;*/
  border:none;
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	line-height:1.4em;
}

/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn:hover,
.ChangeElem_Btn.is-active {
  background: #fd8c64;
  /*border: 2px solid #fd8c64;*/
  box-sizing: border-box;
  color: #fff;
}
#tab1.ChangeElem_Btn {
	background: #ccc url(../images/common/icon_map.png) no-repeat center 7px;
	background-size:30px;
}
#tab2.ChangeElem_Btn {
	background: #ccc url(../images/common/icon_rice.png) no-repeat center 7px;
	background-size:30px;
}
#tab3.ChangeElem_Btn {
	background: #ccc url(../images/common/icon_otomo.png) no-repeat center 7px;
	background-size:30px;
}

#tab1.ChangeElem_Btn:hover,
#tab1.ChangeElem_Btn.is-active {
	background: #fd8c64 url(../images/common/icon_map.png) no-repeat center 7px;
	background-size:30px;
}
#tab2.ChangeElem_Btn:hover,
#tab2.ChangeElem_Btn.is-active {
	background: #fd8c64 url(../images/common/icon_rice.png) no-repeat center 7px;
	background-size:30px;
}
#tab3.ChangeElem_Btn:hover,
#tab3.ChangeElem_Btn.is-active {
	background: #fd8c64 url(../images/common/icon_otomo.png) no-repeat center 7px;
	background-size:30px;
}
button:focus {
  outline: 0;
}

/* tablet */
@media only screen and (min-width: 481px) {
.ChangeElem_Panel {
	background:#fff;
	border-top: #fd8c64 5px solid;
	vertical-align: top;
	padding:50px 0;
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
	margin-top:0px;
}

/*通常時のタブ装飾*/
.ChangeElem_Btn {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  flex: 1;
  font-size: 1.2rem;
  padding: 50px 0 5px;
  position: relative;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  margin:0 3px 0 0;
  /*border: 2px solid #ccc;*/
  border:none;
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
}
/*カレントとホバー時のタブ装飾
.ChangeElem_Btn:hover,
.ChangeElem_Btn.is-active {
  background: #fd8c64;
  border: 2px solid #fd8c64;
  box-sizing: border-box;
  color: #fff;
}*/
#tab1.ChangeElem_Btn {
	background: #ccc url(../images/common/icon_map.png) no-repeat center 7px;
	background-size:40px;
}
#tab2.ChangeElem_Btn {
	background: #ccc url(../images/common/icon_rice.png) no-repeat center 7px;
	background-size:40px;
}
#tab3.ChangeElem_Btn {
	background: #ccc url(../images/common/icon_otomo.png) no-repeat center 7px;
	background-size:40px;
}

#tab1.ChangeElem_Btn:hover,
#tab1.ChangeElem_Btn.is-active {
	background: #fd8c64 url(../images/common/icon_map.png) no-repeat center 7px;
	background-size:40px;
}
#tab2.ChangeElem_Btn:hover,
#tab2.ChangeElem_Btn.is-active {
	background: #fd8c64 url(../images/common/icon_rice.png) no-repeat center 7px;
	background-size:40px;
}
#tab3.ChangeElem_Btn:hover,
#tab3.ChangeElem_Btn.is-active {
	background: #fd8c64 url(../images/common/icon_otomo.png) no-repeat center 7px;
	background-size:40px;
}


}

/* desktop */
@media only screen and (min-width: 769px) {
}




.ricelist {
	width:38%;
	margin:0 0 40px 0; 
	padding:130px 0 0 10%;
	display: inline-block;
	text-align:left;
	vertical-align: top;
	min-height:130px;
}
.ricelist h3 { 
	font-size:15px;
	color:#fd8c64;
	margin:0;
	padding:0;
	text-align:left;
	}
.ricelist ul {
	margin:0; padding:0;
	list-style:none;
}
.ricelist ul li {
	position:relative;
	margin-left:15px;
}
.ricelist ul li:before {
	content:"・";
	position:absolute;
	top:0;
	left:-15px;
	color:#fd8c64;
}
.ricelist ul li a{
	color:#333;
	text-decoration:none;
}

.yumepirika {
	background:url(../images/common/r_yumepirika.png) no-repeat top center;
	background-size: 60px;
}
.uonuma {
	background:url(../images/common/uonuma.png) no-repeat top center;
	background-size: 60px;
}
.niigatakoshihikari {
	background:url(../images/common/r_niigata.png) no-repeat top center;
	background-size: 60px;
}
.nanatsuboshi {
	background:url(../images/common/r_nanatsu.png) no-repeat top center;
	background-size: 60px;
}
.akitakomachi {
	background:url(../images/common/r_akita.png) no-repeat top center;
	background-size: 60px;
}
.tsuyahime {
	background:url( ../images/common/r_tsuyahime.png) no-repeat top center;
	background-size: 60px;
}
/* tablet */
@media only screen and (min-width: 481px) {
	.ricelist {
	width:17%;
	margin:0 2% 40px 4%; 
	padding:0 0 0 9%;
	display: inline-block;
	text-align:left;
	vertical-align: top;
	min-height:130px;
}
.ricelist h3 { 
	font-size:15px;
	color:#fd8c64;
	margin:0;
	padding:0;
	text-align:left;
	}

.yumepirika {
	background:url(../images/common/r_yumepirika.png) no-repeat top left;
	background-size: 60px;
}
.uonuma {
	background:url(../images/common/uonuma.png) no-repeat top left;
	background-size: 60px;
}
.niigatakoshihikari {
	background:url(../images/common/r_niigata.png) no-repeat top left;
	background-size: 60px;
}
.nanatsuboshi {
	background:url(../images/common/r_nanatsu.png) no-repeat top left;
	background-size: 60px;
}
.akitakomachi {
	background:url(../images/common/r_akita.png) no-repeat top left;
	background-size: 60px;
}
.tsuyahime {
	background:url(../images/common/r_tsuyahime.png) no-repeat top left;
	background-size: 60px;
}
}


dl.itemList { width:24% !important;vertical-align:top; float:left; margin:0 0 10px 0;}
dl.itemList dt {margin:0; padding:0;width:100%; }
dl.itemList dt img { height:70px;margin:0; padding:0;}
dl.itemList dd { display:none;}

/* tablet */
@media only screen and (min-width: 481px) {
dl.itemList { width:12.4% !important;height:100px !important; vertical-align:top; }
dl.itemList dt img {height:90px;margin:0; padding:0;}
}

/* desktop */
@media only screen and (min-width: 769px) {
}