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

/* -------------------------------------------
	レイアウト
---------------------------------------------- */
#container{ min-width: 729px;}
#content2 { background: url(../img/bg.gif); }
.pagetop a { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.fluid_img { max-width: 100%;}

@media only screen and (max-width: 767px) {
	#container{ min-width: 0;}
	.unit { margin: 0 20px; }
	#content2 { background: url(../img/bg_2x.gif); background-size: 160px auto; }
}

/* -------------------------------------------
	扉ページ
---------------------------------------------- */
#head_wrap { background: url(../img/bg_headwrap.gif); }
#head_wrap > .unit { max-width: 1083px; position: relative; padding: 50px 0 87px; }
#head_wrap > .unit+.unit {padding-top: 0;padding-bottom: 8px;position: relative;top: -62px;}
#head_wrap #map ul li { position: absolute; }
#head_wrap #map ul li.chubu { top: 39.1%; left: 18.9%; width: 29.08%; }
#head_wrap #map ul li.chugoku { top: 64.1%; left: 4.4%; width: 29.17%; }
#head_wrap #map ul li.hokkaido { top: 35.32%; right: 5.2%; width: 34.07%; }
#head_wrap #map ul li.kanto { top:59.4%;; right: 8%; width: 36.47%; }
#head_wrap #map ul li.kinki { top:52.2%; left: 6.7%; width: 34.34%; }
#head_wrap #map ul li.kyushu { top: 73.6%; left: 13.3%; width: 24.6537%; }
#head_wrap #map ul li.okinawa { top:71%; right: 16%; width: 26.59%; }
#head_wrap #map ul li.shikoku { top:69%; left: 37.8%; width: 25.94%; }
#head_wrap #map ul li.tohoku { top: 48.8%; right: 5.5%; width: 36.84%; }

#head_wrap #washoku02_title { position: absolute; top:5.74%; left: 46.5%; width: 28.80%; }
#head_wrap #washoku02_lade { position: absolute; top:5.74%; left: 23.7%; width:21.05%; }

#contents_wrap { background-color: #fff; font-size: 116.6%; padding: 70px 80px; max-width: 820px; margin-top: 100px; }
#contents_wrap #comment { background-color: #f4efe9; padding: 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 65px;}
#contents_wrap #comment .image { float: left; width: 11.6%; margin-right: 15px;}
#contents_wrap #link_wrap { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 60px 0; }
#contents_wrap #link_wrap .area_list {  }
#contents_wrap #link_wrap .area_list .area { float: left; width: 31.7%; margin-left: 1.6%; margin-bottom: 20px; }
#contents_wrap #link_wrap .area_list .area:nth-child(3n) { margin-left: 0; }
#contents_wrap #link_wrap .area_list .area .label { float: left; width: 15%; padding-right: 10%; }
#contents_wrap #link_wrap .area_list .area ul { float: left; padding-top: 12px; width: 75%; }
#contents_wrap #link_wrap .area_list .area ul li { padding-left: 1em; text-indent: -1em;}
#contents_wrap #link_wrap .area_list .area ul li:before { content: "●"; font-size:87.5%; color: #c53120; padding-right: 5px; }
#contents_wrap #link_wrap .area_list .area ul li:first-child:before { color: #696969; }
#contents_wrap #link_wrap .area_list .area ul li a { color: #333; }
#contents_wrap #link_wrap .banner { text-align: center; margin: 50px 0 25px; }
#contents_wrap #link_wrap .banner img { margin: 0 auto; }
#contents_wrap #link_wrap #radiocm { text-align: center; margin: 25px 0 0; }


#content2 .recipe_banner{ text-align: center; margin-bottom: -20px; }
#content2 .recipe_banner:hover{opacity: 0.7;}
#content2 .recipe_banner img{ margin: 0 auto; }
#contents_wrap #link_wrap .col_w{ margin-top: 35px; }
#contents_wrap #link_wrap .col { float: left; width: 31.22%; }
#contents_wrap #link_wrap .col .thumb img { width: 100%; vertical-align: bottom; }
#contents_wrap #link_wrap .col+.col { margin-left: 2.8%; }
#contents_wrap #link_wrap .col .thumb .link:hover { opacity: .7; }
#contents_wrap #link_wrap .col .thumb .link { -webkit-transition: opacity .25s ease-out; -o-transition: opacity .25s ease-out; transition: opacity .25s ease-out;}
#contents_wrap #link_wrap .col .caption { margin-top: 1em; font-size: 12px; line-height: normal; }
@media only screen and (max-width: 767px) {
	#head_wrap { background: url(../img/bg_headwrap_2x.gif); background-size: 160px auto; }
	#head_wrap > .unit { padding: 0; }
	#head_wrap > .unit+.unit{top: 0;}
	#head_wrap #washoku02_title { position: inherit; top:inherit; left: inherit; width: auto; margin: 0 -20px; }
	#head_wrap #washoku02_lade { position: inherit; top:inherit; left: inherit; width:auto; }
	#head_wrap #washoku02_lade img { width: 100%; max-width: 400px; margin: 0 auto;}
	#head_wrap #map { padding-bottom: 20px; }
	#head_wrap #map > img { width: 100%; max-width: 350px; margin: 0 auto;}
	#head_wrap #map ul li { position: inherit; top: inherit!important; left: inherit!important; width: 100%!important; margin-top: 20px; text-align: center; }
	#head_wrap #map ul li img { width: 100%; max-width: 350px;}
	#contents_wrap { font-size: 100%; padding: 20px; margin: 25px 0; }
	#contents_wrap #comment { margin-bottom: 25px; padding: 20px 12px;}
	#contents_wrap #comment .image { float: none; width: 100%; max-width: 150px; margin: 0 auto 15px;}
	#contents_wrap #link_wrap {  padding: 25px 0; }
	#contents_wrap #link_wrap .area_list .area { float: none; width: 100%; margin-left: 0; overflow: hidden; display: table; }
	#contents_wrap #link_wrap .area_list .area .label { display: table-cell; float: none; width: 55px; padding-right: 0; vertical-align: middle; }
	#contents_wrap #link_wrap .area_list .area .label img { width: 40px; }
	#contents_wrap #link_wrap .area_list .area ul { padding-top: 0; display: table-cell; float: none; width: auto; vertical-align: middle; }
	#contents_wrap #link_wrap .area_list .area ul li { padding: 5px 0 5px 1em;}
	#contents_wrap #link_wrap .banner { margin: 10px 0 25px; }

	#content2 .recipe_banner{margin-bottom:20px; }
	#contents_wrap #link_wrap .col { float: none; width: 100%; }
	#contents_wrap #link_wrap .col+.col { margin-top: 20px; margin-left: 0; }

}

/* -------------------------------------------
	インタビュー
---------------------------------------------- */
.unit#head_wrap_inr { padding: 25px 0 ;}
#head_wrap_inr #bg_head_wrap_inr { float: right; width: 40.8%; }
#head_wrap_inr #washoku02_title { position: inherit; top:inherit; left: inherit; float: right; width: 31.6%; margin-right: -6%; margin-left: 4%; }
#head_wrap_inr #washoku02_lade { position: inherit; top:inherit; left: inherit; float: right; width:23.1%; }

#contents_wrap.interview { padding: 50px 80px; margin-top: 50px; }
#contents_wrap #title_interview { margin-bottom: 30px; }
#contents_wrap #title_interview img { margin: 0 auto; }
#contents_wrap .info_note{ text-align: center; margin:-70px 0 50px; }
#contents_wrap .kanto.info_note{ margin-top: -40px; }
#contents_wrap .article { margin-bottom: 50px; }
#contents_wrap .article .text_left { float: left; width: 50%; max-width: 410px; }
#contents_wrap .article .text_right { float: right; width: 50%; max-width: 410px; }
#contents_wrap .article .text_right02 { float: right; width: 61%; max-width: 500px; }
#contents_wrap .article .img_left { float: left; width: 44.5%; max-width: 365px; margin-bottom: 20px; }
#contents_wrap .article .img_left02 { float: left; width: 32.9%; max-width: 270px; margin-bottom: 20px; }
#contents_wrap .article .img_right { float: right; width: 44.5%; max-width: 365px; margin-bottom: 20px; }
#contents_wrap .article .portrait { width: 34.1%; max-width: 280px; }
#contents_wrap .article .wide { width: 61%; max-width: 500px; }
#contents_wrap .article dl dt { float: left; width: 5em; }
#contents_wrap .article dl dd { margin-bottom: 3em; padding-left: 7em; }
#contents_wrap .article .color { color: #810203; }

#contents_wrap #profile_wrap { margin-bottom: 60px; padding: 39px; border: 1px solid #c5c5c5; }
#contents_wrap #profile_wrap .thumb { display: table-cell; width: 150px; }
#contents_wrap #profile_wrap .thumb img { width: 100%; vertical-align: bottom; }
#contents_wrap #profile_wrap .profile { display: table-cell; padding-left: 50px; vertical-align: middle; }
#contents_wrap #profile_wrap .profile .name { margin-bottom: 0.75em; font-size: 164.2%; font-weight: bold; }
#contents_wrap #profile_wrap .profile .name span { font-size: 75%; }

#contents_wrap #pagenav { width: 72.2%; margin: 0 auto 50px; }
#contents_wrap #pagenav ul li { float: left; width: 44.25%; text-align: center; }
#contents_wrap #pagenav ul li:first-child { margin-right: 11.5%; }
#contents_wrap #pagenav ul li img { margin-bottom: 10px; }
#contents_wrap #pagenav ul li a { color: #810203; text-decoration: underline; }

#contents_wrap .return_corner_top { font-size: 87.5%; text-align: center;}
#contents_wrap .return_corner_top a { background: url(../img/arr_back.png) no-repeat left 45%; display: inline-block; padding-left: 35px; min-height: 25px; padding-top: 5px; }

@media only screen and (max-width: 767px) {
	.unit#head_wrap_inr { padding: 0 0 25px; margin: 0;}

	#contents_wrap.interview { padding: 20px; margin: 25px 0; }
	#contents_wrap #title_interview { max-width: 300px; margin : 0 auto 30px; }
	#contents_wrap .info_note{ margin-top: -40px; }
	#contents_wrap .kanto.info_note{ margin-top: -20px; }
	#contents_wrap .article { margin-bottom: 30px; }
	#contents_wrap .article .text_left,
	#contents_wrap .article .text_right,
	#contents_wrap .article .text_right02 { float: none; width: 100%; max-width: inherit; }
	#contents_wrap .article .img_left,
	#contents_wrap .article .img_left02,
	#contents_wrap .article .img_right { float: none; width: 100%; max-width: 300px; margin: 0 auto 20px; }
	#contents_wrap .article .portrait { width: 100%; max-width: 220px; }
	#contents_wrap .article dl dt { float: none; width: 100%; margin-bottom: 0.5em; }
	#contents_wrap .article dl dd { margin-bottom: 2em; padding-left: 0; }

	#contents_wrap #profile_wrap { margin-bottom: 30px; padding: 20px; }
	#contents_wrap #profile_wrap .thumb { display: block; width: 195px; margin: 0 auto; }
	#contents_wrap #profile_wrap .profile { display: block; padding: 1.25em 0 0 0; }
	#contents_wrap #profile_wrap .profile .name { margin-bottom: 0.5em; font-size: 128.6%; }

	#contents_wrap #pagenav { width: 100%; margin: 0 auto 30px; }
	#contents_wrap #pagenav ul li { float: none; width: 100%; margin-bottom: 20px; }
	#contents_wrap #pagenav ul li:first-child { margin-right: 0; }
	#contents_wrap #pagenav ul li img { max-width: 200px; display: block; margin: 0 auto 10px; }


	#contents_wrap .return_corner_top { font-size: 100%; }
	#contents_wrap .return_corner_top a { background: url(../img/arr_back_2x.png) no-repeat left 45%; -webkit-background-size: 24px auto; -o-background-size: 24px auto; background-size: 24px auto; padding-left: 30px; }
}

/* -------------------------------------------
	レシピ
---------------------------------------------- */
#contents_wrap #title_recipes { margin-bottom: 30px; }
#contents_wrap #title_recipes img { margin: 0 auto; }
#contents_wrap #title_cooking { margin-bottom: 30px; }
#contents_wrap #title_cooking img { margin: 0 auto; }
#contents_wrap #lade { text-align: center; margin-bottom: 15px; }
#contents_wrap #recipes_main { text-align: center; margin: 25px 0; }

#contents_wrap #materials { padding: 24px; border: 1px solid #c5c5c5; margin-bottom: 80px; }
#contents_wrap #materials .label { font-weight: bold; margin-bottom: 10px; }
#contents_wrap #materials ul li:before { content:"・"; }
#contents_wrap #materials ul li ul { margin-left: 1em; margin-bottom: 5px; }
#contents_wrap #materials ul li ul li { display: inline-block; margin-right: 1em; padding-left: 1em; text-indent: -1em; }

#contents_wrap #howto .label { margin-bottom: 20px; }
#contents_wrap #howto .label img { margin: 0 auto; }
#contents_wrap #howto ol li { margin-bottom: 75px; }
#contents_wrap #howto ol li .num { float: left; width: 54.9%; margin-bottom: 10px; }
#contents_wrap #howto ol li .thumb { float: right; width: 40.48%; }
#contents_wrap #howto ol li .text { float: left; width: 54.9%; }
#contents_wrap #howto ol li .nofl { float: none; width: 100%; }
#contents_wrap #howto .note { padding-left: 1em; text-indent: -1em; font-size: 87.5%; margin-top: 10px; }

#contents_wrap #foodstuff_wrap { margin-bottom: 120px; padding: 39px; border: 1px solid #c5c5c5; }
#contents_wrap #foodstuff_wrap .thumb { display: table-cell; width: 44.6%; }
#contents_wrap #foodstuff_wrap .thumb img { width: 100%; vertical-align: bottom; }
#contents_wrap #foodstuff_wrap .text { display: table-cell; padding-left: 25px; vertical-align: middle; }
#contents_wrap #foodstuff_wrap .text .name { margin-bottom: 0.75em; font-size: 164.2%; font-weight: bold; }
#contents_wrap #foodstuff_wrap .text .name span { display: block; font-size: 75%; }

@media only screen and (max-width: 767px) {
	#contents_wrap #title_recipes { max-width: 300px; margin : 0 auto 30px; }
	#contents_wrap #lade { text-align: left; }
	#contents_wrap #recipes_main { max-width: 350px; margin: 25px auto; }

	#contents_wrap #materials { padding: 20px 12px; margin-bottom: 35px; }

	#contents_wrap #howto .label { margin-bottom: 15px; }
	#contents_wrap #howto ol li { margin-bottom: 40px; }
	#contents_wrap #howto ol li .num { float: none; width: 100%; }
	#contents_wrap #howto ol li .num img { margin: 0 auto; }
	#contents_wrap #howto ol li .thumb { float: none; width: 100%; margin-bottom: 10px; text-align: center; }
	#contents_wrap #howto ol li .thumb img { width: 100%; max-width: 300px; }
	#contents_wrap #howto ol li .text { float: none; width: 100%; }

	#contents_wrap #foodstuff_wrap { margin-bottom: 45px; padding: 20px; }
	#contents_wrap #foodstuff_wrap .thumb { display: block; width: 195px; margin: 0 auto; }
	#contents_wrap #foodstuff_wrap .text { display: block; padding: 1.25em 0 0 0; }
	#contents_wrap #foodstuff_wrap .text .name { margin-bottom: 0.5em; font-size: 128.6%; }
}



/* -------------------------------------------
	郷土料理レシピ一覧
---------------------------------------------- */

#contents_wrap.recipes{ padding: 68px 80px 95px;margin-top: 60px; }
#contents_wrap.recipes .recipe_list {margin: 55px 0 70px;}
#contents_wrap.recipes .recipe_list ul:after,#contents_wrap.recipes .recipe_list ul:before{display:table;content:" "}
#contents_wrap.recipes .recipe_list ul:after{clear:both;}
#contents_wrap.recipes .recipe_list li{width:30.245%;float:left;margin-left:4.4%;margin-top:47px;}
#contents_wrap.recipes .recipe_list li:nth-child(3n-2){margin-left: 0;}
#contents_wrap.recipes .recipe_list li:nth-child(3n){margin-left:4.86%;}
#contents_wrap.recipes .recipe_list li:nth-child(-n+3){margin-top:0;}
#contents_wrap.recipes .recipe_list li a{display:block;}
#contents_wrap.recipes .recipe_list li a:hover{text-decoration:none;}
#contents_wrap.recipes .recipe_list li a:hover .recipe_thumb img{opacity:.7}
#contents_wrap.recipes .recipe_list li .recipe_txt .hokkaido{color: #7c648e;}
#contents_wrap.recipes .recipe_list li .recipe_txt .tohoku{color: #98b3c6;}
#contents_wrap.recipes .recipe_list li .recipe_txt .kanto{color: #b1af6d;}
#contents_wrap.recipes .recipe_list li .recipe_txt .chubu{color: #ad6c64;}
#contents_wrap.recipes .recipe_list li .recipe_txt .kini{color: #ac8453;}
#contents_wrap.recipes .recipe_list li .recipe_txt .chugoku{color: #6a6e9d;}
#contents_wrap.recipes .recipe_list li .recipe_txt .shikoku{color: #cd9cca;}
#contents_wrap.recipes .recipe_list li .recipe_txt .kyushu{color: #c47392;}
#contents_wrap.recipes .recipe_list li .recipe_txt .okinawa{color: #7570a2;}
#contents_wrap.recipes .recipe_list li .recipe_txt em{font-weight: bold;}
#contents_wrap.recipes .recipe_list li a:hover .recipe_txt{opacity:.7;}
#contents_wrap.recipes .recipe_list li .recipe_thumb{position:relative;padding-top:68.6%;background-color:#fff;overflow:hidden;margin-bottom:15px;}
#contents_wrap.recipes .recipe_list li .recipe_thumb img{display:block; width: 100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s;transition:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
#contents_wrap.recipes .recipe_list li .recipe_txt{color:#333;text-align:center;line-height:1.859em;-webkit-transition:.3s;transition:.3s;}
#contents_wrap.recipes .more_btn{display:none;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;width:400px;color:#fff;font-size:1.14em;font-weight:700;background-color:#810203;border:1px solid #810203;border-radius:0;padding:14px 0 13px;margin:0 auto;cursor:pointer;-webkit-transition:.3s;transition:.3s}
#contents_wrap.recipes .more_btn:hover{opacity:.7}


@media only screen and (max-width: 767px) {
	#contents_wrap.recipes{ padding: 40px 20px 20px;margin: 22px 0; }
	#contents_wrap.recipes #title_recipes{margin-bottom: 35px;}
	#contents_wrap.recipes #title_recipes img{width: 100%;max-width: 192px;}
	#contents_wrap.recipes .recipe_list{margin:35px 0 39px}
	#contents_wrap.recipes .recipe_list li{width:100%;float:none;margin-left:0;margin-top:50px;}
	#contents_wrap.recipes .recipe_list li:nth-child(3n){margin-left:0;}
	#contents_wrap.recipes .recipe_list li:nth-child(-n+3){margin-top:39px;}
	#contents_wrap.recipes .recipe_list li:first-child{margin-top:0;}
	#contents_wrap.recipes .recipe_list li:nth-child(n+5) {display: none;}
	#contents_wrap.recipes .more_btn{display:block;width:100%;font-size:1em;}
}