@charset "UTF-8";

/* =========================================================
 トップページ用
========================================================= */

/* メインビジュアル
--------------------------------------------------------- */
div#mainvisual {
	margin: 0;
	padding: 0;
	width: auto;
	background: url(../../images/home/bg_mainvisual.png) repeat-x center top;
}
div#mainvisual .mainvisual_wrap {
}
div#mainvisual .wideslider {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: left;
}
.wideslider ul,
.wideslider ul li {
	display: inline;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.wideslider ul li img {
	display: none;
	width: 100%;
}
.wideslider ul li a{
	width:960px;
	overflow:auto;
	margin:auto;
	display:block;
}
.wideslider_base {
	position: absolute;
	top: 0;
}
.wideslider_wrap {
	position: absolute;
	top: 0;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	position: absolute;
	top: 0;
	z-index: 100;
	overflow: hidden;
	cursor: pointer;
}
.slider_prev {background: #F6EFDC url(../../images/home/prev.png) no-repeat right center;}
.slider_next {background: #F6EFDC url(../../images/home/next.png) no-repeat left center;}

.pagination {
	display: none;
}

div#mainvisual .sp_mainvisual {
	display: none;
}

/* ソーシャルボタン
--------------------------------------------------------- */
.social_wrap {
	border-bottom: solid 1px #C1B59E;
	background: #DFCAA4;
}
.social_wrap_inner {
	overflow: hidden;
	margin: 0 auto;
	padding: 8px 0 8px;
	width: 960px;
	font-size: 1%;/*フォントサイズが変更された際に、位置がずれるのを防ぐ*/
}
.social-btn {
	float: right;
}
.social-btn .btn {
	float: left;
	margin-left: auto;
	padding: 0 0 0 10px;
}
 
/* ボタンの微調整 */
.social-btn .btn.facebook {
/* margin-top: -2px; */
}
.social-btn .btn.twitter {
width:90px !important;
}
.social-btn .btn.google,
div#___plusone_0 {
width:60px !important;
}
.social-btn .btn.line {
margin-top: -3px;
}

/* カラム分け
--------------------------------------------------------- */
#mainWrap {
	background: none;
}
#main.twoColumn #content {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 720px;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background: none;/* common.cssを上書き */
}
#home_left {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;/* common.cssを上書き */
}
#home_center {
	/*float: right;*/
	margin: 0;
	padding: 0;
	/*width: 500px;*//* common.cssを上書き */
}
#main.twoColumn #sidebar {
	float: right;
	margin: 0;
	padding: 0;
	width: 220px;/* common.cssを上書き */
}

/* お知らせティッカー
--------------------------------------------------------- */
#tickerWrap {
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}
div.ticker {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 720px;
	height: 35px;
	background: #FFF;
	text-align: left;
}
div.ticker h3 {
	float: left;
	margin: 0;
	padding: 10px 0 0;
	width: 80px;
	height: 25px;
	background: #ff9900;
	color: #000;
	color: #FFFFFF;
	text-align: center;
	font-size: 13px;
}
div.ticker div.tickerBox {
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 8px 5px 0 10px;
	width: 623px;
	height: 23px;
	border-top: solid 2px #DBC9AD;
	border-right: solid 2px #DBC9AD;
	border-bottom: solid 2px #DBC9AD;
}
div.ticker ul,
div.ticker ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.ticker ul {
	overflow: hidden;
	height: 26px;
}
div.ticker ul li {
	padding: 0 0 1em;
}
div.ticker ul li a {
}

/* 掲示板新着
--------------------------------------------------------- */
#home_center div.bbsNews h2 {
	overflow: hidden;
	margin: 0 0 15px;
	padding: 0;
	height: 17px;
	background: url(../../images/home/title_bbs.png) no-repeat left top;
	text-indent: -9999px;
	white-space: nowrap;
}
#home_center div.newsBox {
	position: relative;
	margin: 0 0 15px;
	padding: 13px;
	border: solid 2px #E0D0B7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #FCFAF2;
}
#home_center div.newsBox.junjou {
	border: solid 2px #A8C27D;
}
#home_center div.newsBox.urimasu {
	border: solid 2px #5F8FC0;
}
#home_center div.newsBox.oishii {
	border: solid 2px #EBA95E;
}
div.newsBox h3 {
	overflow: hidden;
	margin: -15px -15px 15px;
	padding: 0;
	height: 35px;
	text-indent: -9999px;
	white-space: nowrap;
}
div.newsBox.junjou h3 {
	background: url(../../images/home/title_junjou.png) no-repeat left top;
}
div.newsBox.urimasu h3 {
	background: url(../../images/home/title_urimasu.png) no-repeat left top;
}
div.newsBox.oishii h3 {
	background: url(../../images/home/title_oishii.png) no-repeat left top;
}

/* newsPhoto */
div.newsBox div.newsPhoto {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	width: 190px;
	background: #FEF1C8;
}
div.newsBox div.newsPhoto p {
	margin: 0;
	padding: 0;
}
div.newsBox div.newsPhoto img {
	margin: 0;
	padding: 0;
	border: solid 1px #D1D1D1;
	box-sizing: border-box;
}
div.newsBox div.newsPhoto dl {
	margin: 0;
	padding: 7px;
}
div.newsBox div.newsPhoto dl dt {
	margin: 0 0 1px;
	padding: 0;
	font-weight: normal;
}
div.newsBox div.newsPhoto dl dd {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

/* newsList */
div.newsBox dl.newsList {
	float: left;
	margin: 0;
	padding: 0;
	width: 480px;
}
div.newsBox dl.newsList dt {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
div.newsBox dl.newsList dd {
	margin: 0 0 6px;
	padding: 0 0 6px;
	border-bottom: dotted 1px #7B7A78;
	line-height: 1.5;
}

/* 記事を投稿・記事一覧ボタン */
div.newsBox ul.btnSet {
	float: right;
	margin: 15px 0 0;
	padding: 0;
}
div.newsBox li.post,
div.newsBox li.more {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}
div.newsBox li.post a,
div.newsBox li.more a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
div.newsBox li.post a {
	width: 125px;
	height: 31px;
}
div.newsBox li.more a {
	width: 104px;
	height: 31px;
}

div.newsBox.junjou li.post a {
	background: url(../../images/home/btn_post_junjou.png) no-repeat left center;
}
div.newsBox.urimasu li.post a {
	background: url(../../images/home/btn_post_urimasu.png) no-repeat left center;
}
div.newsBox.oishii li.post a {
	background: url(../../images/home/btn_post_oishii.png) no-repeat left center;
}
div.newsBox.junjou li.more a {
	background: url(../../images/home/btn_more_junjou.png) no-repeat left center;
}
div.newsBox.urimasu li.more a {
	background: url(../../images/home/btn_more_urimasu.png) no-repeat left center;
}
div.newsBox.oishii li.more a {
	background: url(../../images/home/btn_more_oishii.png) no-repeat left center;
}



/* とれたて食材情報
--------------------------------------------------------- */
div.newsBox.junjou.toretate h3 {
	background: url(../../images/home/title_toretate.png) no-repeat left top;
}
#home_center div.newsBox.junjou.toretate {
	border: solid 2px #ff7200;
}
div.newsBox.junjou.toretate li.post a {
	background: url(../../images/home/btn_post_toretate.png) no-repeat left center;
}
div.newsBox.junjou.toretate li.more a {
	background: url(../../images/home/btn_more_toretate.png) no-repeat left center;
}



/* リンク
--------------------------------------------------------- */
div.linkBox {
	position: relative;
	clear: both;
	margin: 15px 0 0;
	padding: 0;
}
div.linkBox h3 {
	overflow: hidden;
	margin: 0 0 15px;
	padding: 0;
	height: 18px;
	background: url(../../images/home/title_link.png) no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
}
div.linkBox ul {
	margin: 0;
	padding: 0;
}
div.linkBox ul li {
	float: left;
	margin: 0;
	padding: 0 15px 15px 0;
	list-style: none;
}
div.linkBox p.more {
	float: right;
	clear: both;
	margin: 0;
	padding: 0 0 0 5px;
}
div.linkBox p.more a {
	display: block;
	padding: 0 0 0 15px;
	background: url(../../images/home/arrow_ad.png) no-repeat left 0.3em;
}


/* =========================================================
サイドバー
========================================================= */

/* 食財サポーター用メニュー
--------------------------------------------------------- */
.supporter_menu {
	margin: 0 0 15px;
	padding: 8px 8px 0;
	border: solid 2px #E0D0B7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #FCFAF2;
	/*margin-top: 340px;*/
}
.supporter_menu p {
	color: #666;
	font-size: 93%;
	line-height: 1.5;
}
.supporter_menu .registry_btn {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: dotted 1px #666;
}
.supporter_menu .login_btn {
	margin: 0 0 10px;
	padding: 0;
}

/* 電子ブックダウンロード
--------------------------------------------------------- */
.ebook_download {
	margin: 0 0 15px;
	padding: 8px 8px 0;
	border: solid 2px #E0D0B7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #FCFAF2;
	text-align: center;
}
.ebook_download h2 {
	margin: -10px -10px 10px;
	padding: 0;
	background: #AF8247;
	text-align: center;
}
.ebook_download p {
	margin: 0 0 10px;
	padding: 0;
	color: #333;
	font-size: 100%;
	line-height: 1.5;
}
.ebook_download .ebook_cover {
	margin: 0 0 5px;
	padding: 0;
}
.ebook_download .login_btn {
	margin: 0 0 10px;
	padding: 0;
}

/* oterBanner
--------------------------------------------------------- */
#home_left .bannerBox {
	margin: 0 0 5px;
	padding: 0;
}
#home_left .bannerBox.award {
	margin: 0;
	padding: 10px 0 0;
	border-top: dotted 1px #666;
}
#home_left .bannerBox ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
#home_left .bannerBox li {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}
#home_left .bannerBox li img {
	max-width: 100%;
	width: 100%;
	height: auto;
}




/* =========================================================
センター（元サイドバー）
========================================================= */

/* ライブラリ
--------------------------------------------------------- */
ul.top_library {
	width: 100%;
	display: flex;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
	justify-content: space-between;
}
ul.top_library li {
	width: 32%;
	list-style: none;
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	border: 3px solid #F57200;
}
ul.top_library li p {
	text-align: center;
}

ul.top_library li .library_img_box {
	margin-bottom: 10px;
}
ul.top_library li .library_img_box img {
	display: block;
	margin: 0 auto;
}

ul.top_library li p.login_btn {
	position: relative;
	width: 100%;
	background: #000;
	margin: 0 auto;
}

ul.top_library li p.login_btn a {
	color: #fff;
	display: block;
	font-size: 15px;
	padding: 10px 0;
	text-decoration: none;
}

ul.top_library li p.login_btn a::before {
    content: '';
    width: 5px;
    height: 5px;
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-right-width: 0px;
    border-right-style: none;
    border-right-color: currentcolor;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 19px;
    left: 25px;
    margin-top: -4px;
    transform: rotate(45deg);
}


/* バナーボックス
--------------------------------------------------------- */
ul.bnrbox {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.bnrbox li {
	width: 49%;
	list-style: none;
}
ul.bnrbox li img {
	width: 100%;
}




/* 安全安心のためのいわてのルール
--------------------------------------------------------- */
.anshin_bnr {
	width: 100%;
}
.anshin_bnr a {
	display: block
}
.anshin_bnr a img {
	width: 100%;
}