@charset "utf-8";

/*ページ共通*/

.pages{
	width: 900px;
	padding-top: 70px;
	line-height: 2;
	text-align: center;
}
.pages h2{
	padding: 0 0 15px;
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 1;
	text-align: left;
	border-bottom: 2px solid #ea574d;
}
/*コンセプトと楽しみ方*/
.concept h2,.about h2{
	margin-bottom: 60px;
	font-weight: bold;
	text-align: center;
	border-bottom: none;
}

.pages h2 span{
	display: block;
	margin-top: 22px;
	font-size: 20px;
}

.pages h3{
	display: table;
	padding: 0 1em;
	margin: 0 auto 40px;
	font-size: 16px;
	color: #b09c53;
	background: none;
	border-bottom: 1px solid #b09c53;
}


.pages h4{
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-align: left;
}
.pages p{
	margin-bottom: 40px;
	font-size: 15px;
	text-align: left;
}

.pages p.gold{
	font-size: 12px;
	color: #b09c53;
}
.pages p.t-center{ text-align: center; }
.pages img{
	margin-right: auto;
	margin-left: auto;
}

/*コンセプト*/
.concept img,.concept img`{ width: 100%; }

.concept dl{
	margin-bottom: 30px;
	font-size: 15px;
	text-align: left;
}
.concept dt{
	float: left;
	width: 130px;
	padding: 0 0 5px;
}
.concept dd{
	padding: 0 0 5px 130px;
}

/*イベント・ワークショップ*/

.calendar{
	width: 100%;
	margin-bottom: 100px;
}
.calendar h2{ color: #f00; }
.calendar h2 span{
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
}
.calendar div{
	width: 100%;
	color: #333;
	margin-bottom: 40px;
	text-align: left;
	border-top: 1px solid #a49f9e;
}

.calendar div p{
	float: left;
	display: block;
	width: 145px;
	height: 100px;
	padding-top: 45px;
	margin: 5px 20px 0 0;
	font-weight: bold;
	text-align: center;
	background: #f6f6f6;
}
.calendar div ul{
	float: left;
	width: 735px;
}
.calendar div li{
	clear: right;
	padding: 5px;	
	border-bottom: 1px solid #a49f9e;
}

.calendar div li a{ color: #333; }
.calendar div li a:after{
	content:"＞＞";
	padding-left: 20px;
}
.calendar div li img{
	width: 19px;
	height: 27px;
	margin-right: 7px;
	vertical-align: bottom;
}
.calendar div li span{
	float: right;
	display: inline-block;
	padding: 5px 20px;
	margin: 3px 0 0 10px;
	font-weight: normal;
	color: #f00;
	line-height: 1;
	background: #f6f6f6;
}


/*　楽しみ方　*/
.about{
	width: 945px;
	padding-left: 116px;
}
.about p.red{
	text-align: center;
}

.about p.redSP{
	text-align: left;
	color:#e83428;
}


.about img.howto-main{
	margin-bottom: 10px;
}
.about .sns{
	width: 101px;
	padding-left: 10px;
	margin: 0 auto 100px ;
	font-size: 9px;
}
.about .sns p{
	display: block;
	padding-right: 10px;
	margin: 0;
	text-align: center;
}
.about .sns a{
	display: block;
	float: left;
	margin-right: 10px;
	border: none;
}
.about .howto,.about .howto h2,.about .howto h3{ text-align: left; }
.about .howto{
	margin-bottom: 70px;
}
.about .howto.last{ margin-bottom: 0; }
.about .howto h2{
	margin: 0 0 10px;
}
.about .howto h2 span{ line-height: 1.5; }
.about .howto h3{
	display: inline-block;
	padding: 0 5px;
	margin: 0 0 20px;
	line-height: 1.5;
}
.about .howto p{
	width: 710px;
	margin-bottom: 10px;
}
.about .howto a.link-text,span.link-text{
	display: block;
	width: 688px;
	padding: 15px 20px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #b09c53;
	line-height: 1;
	border: 1px solid #b09c53;
}
.about .howto img{
	float: right;
}
.about .howto .r-cont img{ float: none; }
.howto .r-cont{
	float: right;
	width: 176px;
	text-align: center;
}
.howto .r-cont .sns {
	margin: 0 auto;
}
.howto .r-cont .sns p {
	width: auto;
	margin-bottom: 0;
}
.about dl{
	width: 710px;
	margin-bottom: 55px;
	text-align: left;
	border: 2px solid #b09c53;
}
.about dt{
	padding: 5px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #b09c53;
	border-bottom: 1px solid #b09c53;
}
.about dd{
	padding: 10px 20px;
}
.about dd h3{
	display: block;
	padding: 0;
	margin-bottom: 10px;
	text-align: left;
	border-bottom: none;
}
.about dd p{
	margin-bottom: 0;
	font-size: 14px;
}
.about dd p.mgn-b30{ margin-bottom: 30px; }
.about dd a{ color: #e61c6d; }
.about dd a img{ margin-top: 10px; }
.about dd li{
	font-size: 16px;
	font-weight: bold;
}
.about dd li img{
	margin-right: 10px;
}
.about dd li p{
	padding-left: 27px;
	font-size: 12px;
	color: #ea574d;
}
.about dd p img{
	margin-right: 5px; 
	vertical-align: middle;
}


/*コラボ*/

.collaboration,.map-01,.map-02,.map-03{
	width: 1061px;
}


/*コラボ～コラボ一覧*/
.collabo{
	padding-left: 15px;
	margin-bottom: 100px;
}
.collabo h2{
	width: 1031px; 
}
.collabo img{
	float: left;
	margin: 0 20px 20px 0;
}

/*コラボ～産地一覧*/
.sanchi{
	padding: 0 15px;
	margin-bottom: 100px;
}
.sanchi .sanchi-map{
	float: right;
	font-size:11px;
	line-height:1.3;
	width:470px;
	text-align:right;
}

.sanchi table{
	float: left;
	width: 537px;
	font-size: 13px;
	color: #333;
	text-align: left;
	border-top: 1px solid #a49f9e;
}
.sanchi table tr{
	border-bottom: 1px solid #a49f9e;
}
.sanchi table td{
	padding: 2px 0;
	line-height: 27px;
	vertical-align: top;
}
.sanchi table td  a{ color: #333; }
.sanchi table td img{
	width: 19px;
	height: 27px;
	margin-right: 7px;
	vertical-align: bottom;
}

/*コラボ～開催マップ*/
.map{
	width: 1031px;
}
#bgmp_map-search{ display: none; }

/*新着情報一覧*/
section.news{
	width: 725px;
	margin: 0 auto;
	text-align:left; 
}

.postlist-category {
    margin: 10px 0 5px 0;
    padding: 2px;
}

.postlist-category:first-child {
	border-bottom: none;
}

.postlist-category img {
    float: left;
    margin: 10px 6px 0 0;
    width: 180px;
    height: 130px;
}
.postlist-category a {
    display: block;
}
.postlist-category-inner {
	height: 130px;
    margin: 0;
    padding: 1px;
	border-bottom:  1px dotted #666;
}
.postlist-category-inner p {
    font-size: 16px;
    margin: 1px 0 5px 3px;
	text-align: left;
}
.postlist-datetime span {
    font-size: 10px;
 
}
.postlist-category-inner strong {
	font-size:17px;
	color:#000;
}



/* 新着記事 */

.news-cont{
	width: 725px;
	margin: 0 auto;
	text-align: left;
}
.entry-about{
	text-align:right;
	margin-bottom:20px;
}
.entry-about img{
	float: left;
	vertical-align: bottom;
}
.entry-cont a{
	font-weight:bold;
	color: #666; 
}
.entry-cont h3{
	display: table;
	padding: 0;
	font-size: 16px;
	color: #b09c53;
	background: none;
	border-bottom: 3px solid #b09c53;
}
/* 産地レポート */
.entry-cont.buyers p{ margin-bottom: 1em; }
.entry-cont.buyers img.mgn-b40,.entry-cont.buyers p.mgn-b40{ margin-bottom: 40px;}
.buyers-map{
	width: 705px;
	padding-right: 20px;
	margin-bottom: 15px;
}
.buyers-map div{
	float:left;
	width:300px;
}
.buyers-map img{
	float: right;
}
.buyers-collabo h3,.buyers-collabo img{
	float: left;
	margin-right: 5px;
}
.buyers-collabo span{
	display: block;
	color:#fb3733;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.buyers-collabo a{
	clear: left;
	display: block;
	width: 725px;
	padding: 10px 0;
	margin-top: 60px;
	font-size: 16px;
	text-align:center;
	color: #ffffff;
	background-color: #b09c53;
}

/*  産地レポートフッター */

.report-foot{
	width: 100%;
	margin: 170px auto 30px;
	text-align: center;
}

.report-foot img.report-title-img{ margin: 0 auto 20px; }
.report-foot p{
	margin: 0 auto 20px;
	text-align: left;
}
.report-foot ul{
	width: 756px;
	margin: 0 -32px 20px 0;
}
.report-foot li{
	float: left;
	width: 220px;
	margin-right: 32px;
	text-align: left;
}
.report-foot ul.old li{
	width: 166px;
	margin-right: 20px;
}
.report-foot li img{
	width: 100%;
	margin-bottom: 5px;
}
.report-foot a{
	display: block;
	font-weight: bold;
}
.report-foot li.span{
	font-size:11px;
}
.report-foot a,.entry-cont .info a,.news a{ color: #303030; }
.entry-cont .img,.entry-cont .info img{ margin-bottom: 20px; }

/*  産地レポート一覧 */
.report-foot.buyers-index{ margin: 30px auto; }
.report-foot.buyers-index ul{ width: 932px; }
.report-foot.buyers-index ul li{ width: 200px; line-height: 1.5; }


table.collabo2016 {width: 100%; border: solid 1px #999999; margin-bottom:30px;}
table.collabo2016 tr:nth-child(odd){ background: #f4f4f4; }
table.collabo2016 th{ padding: 5px; text-align:center; font-weight:bold; border: solid 1px #999999; }
table.collabo2016 td{ padding: 5px; border: solid 1px #999999; }


/*お問い合わせ*/


.contact{
	width: 725px;
	margin: 0 auto;
}
dl.gray{
	width:703px;
	border: 1px dotted #666;
	border-top: 0;
	line-height: 1.5;
	background:#eee;
	overflow: hidden;
}
dl.gray dt{
	float:left;
	width:80px;
	padding:25px 0;
	font-weight:bold;
	text-align:center;
	border-top: 1px dotted #666;
}
dl.gray dd{
	margin-left: 80px;
	padding: 25px 20px;
	border-top:1px dotted #666;
	border-left:1px dotted #666;
	background:#fff;
}
	 
dl.gray.contact{
	margin-bottom: 30px;
	background:#f6f7f8;
	border: none;
}

dl.gray.contact dt{
	width:13em;
	padding:1em;
	text-align:left;
	border: none;
}
dl.gray.contact dd{
	min-height:1em;
	margin-left: 15em;
	padding: 2em 1em;
	background:#f6f7f8;
	border: none;
}
span.romaji{
	display:block;
	width:11em;
	font-weight:normal;
}



.forbidden{
	padding:100px 0;
	font-size:16px;
}

/* instagram ☆☆*/

.instagram{
	width: 100%;
}

.instagram .insta{
	margin: 0 auto;
	border: 2px solid #b09c53;
	padding: 40px;
	font-size:16px;
}

.instagram .insta h2{
	margin: 20px 0;
	color:#b09c53;
	text-align:center;
	font-size:40px;
	border-bottom: none;
}

.instagram .insta h3{
	padding: 0;
	margin-top: 15px;
	margin-bottom: 30px;
	text-align:center;
	font-size:20px;
	color:#434343;
	border-bottom: none;
}

.instagram .insta h4{
	display:inline-block;
	padding: 0;
	margin-bottom: 15px;
	text-align:center;
	font-size:18px;
	color:#434343;
	border-bottom: 1px solid #434343;
}

.instagram .insta p{
	margin: 0 auto;
	text-align:left;
	width:65%;
	font-size:18px;
	color:#434343;
	border-bottom: none;
}

.instagram .insta p.center{
	margin: 0 auto;
	text-align:center;
	width:65%;
	font-size:18px;
	color:#434343;
	border-bottom: none;
}


.instagram p{
	font-size: 13px;
	margin:20px 0;
	text-align:center;
}

.instagram .instafeed{
	margin-top:40px;
	background-color:#ededed;
}
.instagram .instafeed h3{
	padding-top:30px;
	font-size:24px;
	color:#434343;
	border-bottom: none;
}




@media screen and (max-device-width: 720px) {
/*ページ共通*/

.pages{
	width: 100%;
	padding-top: 0;
	text-align: center;
}
.pages h2{
	padding: 0 0 15px;
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 1;
	text-align: left;
	border-bottom: 2px solid #ea574d;
}
/*コンセプトと楽しみ方*/
.concept h2,.about h2{
	margin-bottom: 40px;
	font-weight: bold;
	text-align: center;
	border-bottom: none;
}

.pages h2 span{
	display: block;
	margin-top: 10px;
	font-size: 20px;
}

.pages h3{
	display: table;
	padding: 0 1em;
	margin: 0 auto 40px;
	font-size: 16px;
	color: #b09c53;
	background: none;
	border-bottom: 1px solid #b09c53;
}


.pages h4{
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-align: left;
}
.pages p{
	margin-bottom: 40px;
	font-size: 15px;
	text-align: left;
}

.pages p.gold{
	font-size: 12px;
	color: #b09c53;
}
.pages p.t-center{ text-align: center; }
.pages img{
	margin-right: auto;
	margin-left: auto;
}

/*コンセプト*/

.concept img{
	width: 100%;
}
.concept dl{
	line-height: 1.5;
}
.concept dt{
	float: none;
	width: 100%;
	padding: 0 0 5px;
}
.concept dd{
	padding: 0;
	margin-bottom: 10px;
}

/*イベント・ワークショップ*/
.events img{ width: 100%; }
.calendar h2 span{
	padding-left: 0;
	font-size: 14px;
}
.calendar div{
	width: 100%;
	margin-bottom: 40px;
	border-top: none;
}

.calendar div p{
	float: none;
	width: 100%;
	height: inherit;
	padding: 0 0 5px;
	margin: 0 0 5px;
	text-align: left;
	background: inherit;
	border-bottom: 1px solid #a49f9e;
}
.calendar div p br{ display: none; }
.calendar div ul{
	float: none;
	width: 100%;
}
.calendar div li{
	width: 100%;
	padding: 5px 0;	
	border-bottom: 1px solid #a49f9e;
}


.calendar div li span{
	display: block;
	margin:  0;
}


/*　楽しみ方　*/


.about{
	width: 100%;
	padding-left: 0;
}
.about p.red{
	text-align: center;
}
.about p.red br:first-child{ display: none; }
.about img.howto-main{
	width: 100%;
	margin-bottom: 10px;
}
.about .sns{
	width: 101px;
	padding-left: 10px;
	margin: 0 auto 100px ;
	font-size: 9px;
}
.about .sns p{
	display: block;
	padding-right: 10px;
	margin: 0;
	text-align: center;
}
.about .sns a{
	display: block;
	float: left;
	margin-right: 10px;
	border: none;
}
.about .howto,.about .howto h2,.about .howto h3{ 
	display: block;
	text-align: left;
}
.about .howto{
	margin-bottom: 70px;
	text-align: center;
}
.about .howto.last{ margin-bottom: 0; }
.about .howto h2{
	margin: 0 0 5px;
	text-align: center;
	line-height: 1.5;
}
.about .howto h2 span{ line-height: 1.5; }
.about .howto h3{
	display: inline-block;
	padding: 0 5px;
	margin: 0 10% 20px;
	line-height: 1.5;
	border-bottom: 1px solid #b09c53;
}
.about .howto p{
	width: 100%;
	margin-bottom: 10px;
}
.about .howto a.link-text,span.link-text{
	display: block;
	width: 88%;
	padding: 15px 5%;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #b09c53;
	line-height: 1;
}
.about .howto img{
	float: none;
	margin: 0 auto 10px;
}
.about .howto .r-cont img{ float: none; }
.howto .r-cont{
	float: none;
	width: 100%;
	text-align: center;
}
.howto .r-cont .sns {
	margin: 0 auto;
}
.howto .r-cont .sns p {
	width: auto;
	margin-bottom: 0;
}
.about dl{
	width: 98%;
	margin-bottom: 55px;
	text-align: left;
	border: 2px solid #b09c53;
}
.about dt{
	padding: 5px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #b09c53;
	border-bottom: 1px solid #b09c53;
}
.about dd{
	padding: 10px 20px;
}
.about dd h3{
	display: block;
	padding: 0;
	margin-bottom: 10px;
	text-align: left;
}
.about dd p{margin-bottom: 0;font-size: 14px;}

.about dd a{ color: #e61c6d; }
.about dd a img{ margin-top: 10px; }
.about dd li{
	font-size: 16px;
	font-weight: bold;
}
.about dd li img{
	margin-right: 10px;
}
.about dd li p{
	padding-left: 15px;
	font-size: 12px;
	color: #ea574d;
}
.about dd p img{
	margin-right: 5px; 
	vertical-align: middle;
}


/*コラボ*/

.collaboration{
	width: 100%;
}


/*コラボ～コラボ一覧*/
.collabo{
	padding-left: 0;
	margin-bottom:50px;
}
.collabo h2{
	width: 100%; 
}
.collabo img{
	width: 30%;
	float: left;
	margin: 0 3% 20px 0;
}

/*コラボ～産地一覧*/
.sanchi{
	padding: 0;
	margin-bottom: 50px;
}
.sanchi .sanchi-map{
	float: none;
	width: 100%;
	font-size:11px;
	line-height:1.3;
	text-align:left;
}
.sanchi table{
	float: none;
	width: 100%;
	font-size: 13px;
	color: #333;
	text-align: left;
	border-top: none;
}
.sanchi table tr{
	width: 100%;
	border-bottom: 1px solid #a49f9e;
}
.sanchi table tr.sanchi-area{
	border-bottom: 2px solid #a49f9e;
}
.sanchi table td{
	padding: 2px 0;
	line-height: 27px;
	vertical-align: top;
}
.sanchi table tr.sanchi-area td{
	padding: 15px 0 2px;
	font-weight: bold;
	}
.sanchi table td  a{ color: #333; }
.sanchi table td img{
	width: 19px;
	height: 27px;
	margin-right: 7px;
	vertical-align: bottom;
}


/*コラボ～開催マップ*/
.map{
	width: 100%;
	padding: 0;
}
#bgmp_map-search{ display: none; }

#bgmp_map-canvas{ width: 100% !important; height: 300px!important; }

/*新着情報一覧*/
section.news{
	width: 100%;
	margin: 0 auto;
	text-align:left; 
}

.postlist-category {
    margin: 10px 0 5px 0;
    padding: 2px;
}

.postlist-category:first-child {
	border-bottom: none;
}

.postlist-category img {
    float: left;
    margin: 10px 6px 0 0;
    width: 180px;
    height: 130px;
}
.postlist-category a {
    display: block;
}
.postlist-category-inner {
	height: 130px;
    margin: 0;
    padding: 1px;
	border-bottom:  1px dotted #666;
}
.postlist-category-inner p {
    font-size: 16px;
    margin: 1px 0 5px 3px;
	text-align: left;
}
.postlist-datetime span {
    font-size: 10px;
 
}
.postlist-category-inner strong {
	font-size:17px;
	color:#000;
}

/*  産地レポート一覧 */

.report-index ul{
	width: 100%;
	margin: 0;
}
.report-index li{
	float: none;
	width: 100%;
	padding: 0;
	margin-right: 0;
	margin-bottom: 15px;
}


/*新着記事 ☆☆*/

.news-cont{
	width:100%;
	margin: 0;
	text-align: left;
}
.entry-about{
	text-align:right;
	margin-bottom:20px;
}
.entry-about img{
	float: left;
	vertical-align: bottom;
}
.entry-cont a{
	font-weight:bold;
	color: #666; 
}
.entry-cont h3{
	display: table;
	margin: 0 auto 20px;
	padding: 0;
	font-size: 16px;
	color: #b09c53;
	background: none;
	border-bottom: 3px solid #b09c53;
}


/* 産地レポート */
.entry-cont.buyers img{ width: 100%; height: auto; }
.buyers-map{
	width: 100%;
	padding-right: 0;
	margin-bottom: 15px;
}
.buyers-map div{
	float: none;
	width: 100%;
}
.buyers-map img{
	float: none;
}
.buyers-collabo{ text-align: center; }
.buyers-collabo h3,.buyers-collabo img{
	float: none;
	margin-right: auto;
}
.entry-cont.buyers .buyers-collabo img{ width: inherit; }
.buyers-collabo a{
	width: 100%;
	margin-top: 60px;
	color: #fff;
}

/*  産地レポートフッター */
.report-foot ul{
	width: 100%;
	margin: 0;
}
.report-foot li{
	float: none;
	width: 100%;
	padding: 0;
	margin-right: 0;
	margin-bottom: 15px;
}

.report-foot ul.old li{
	width: 100%;
	margin-right: 0;
}

/*  産地レポート一覧 */
.report-foot.buyers-index{ margin: 30px auto; }
.report-foot.buyers-index ul{ width: 100%; }
.report-foot.buyers-index ul li{ width: 100%; line-height: 1.5; }

table.collabo2016 {width: 100%; border: solid 1px #999999; margin-bottom:30px;}
table.collabo2016 tr:nth-child(odd){ background: #f4f4f4; }
table.collabo2016 th{ padding: 5px; text-align:center; font-weight:bold; border: solid 1px #999999; }
table.collabo2016 td{ padding: 5px; border: solid 1px #999999; }


/*お問い合わせ*/


.contact{
	width: 100%;
	margin: 0 auto;
}
dl.gray{
	width:100%;
	border: 1px dotted #666;
	border-top: 0;
	line-height: 1.5;
	background:#eee;
	overflow: hidden;
}
dl.gray dt{
	float:left;
	width: 18%;
	padding:25px 0;
	font-weight:bold;
	text-align:center;
	border-top: 1px dotted #666;
}
dl.gray dd{
	margin-left: 18%;
	padding: 25px 20px;
	border-top:1px dotted #666;
	border-left:1px dotted #666;
	background:#fff;
}
	 
dl.gray.contact{
	margin-bottom: 30px;
	background:#f6f7f8;
	border: none;
}

dl.gray.contact dt{
	width:13em;
	padding:1em;
	text-align:left;
	border: none;
}
dl.gray.contact dd{
	min-height:1em;
	margin-left: 15em;
	padding: 2em 1em;
	background:#f6f7f8;
	border: none;
}
span.romaji{
	display:block;
	width:11em;
	font-weight:normal;
}



.forbidden{
	padding:100px 0;
	font-size:16px;
}


/* instagram ☆☆*/

.instagram .insta{
	border: 2px solid #b09c53;
	padding: 10px;
	width:90%;
}

.instagram .insta p{
	width:90%;
	margin: 0 auto;
	text-align:left;
	font-size:13px;
	border-bottom: none;
}

.instagram .insta p.center{
	width:90%;
	margin: 0 auto;
	text-align:center;
	font-size:13px;
	border-bottom: none;
}


.instagram p{
	font-size: 11px;
	margin:20px 0;
	text-align:center;
}