﻿@charset "utf-8";
/*++ 共通 ++*/
#mainArea h1{
	margin : 15px 0 20px;
	font-size : 40px;
}

section#mainArea {
	width: 100%;
}

.featureArea h1{
}

.featureArea .f_read {
	width: 100%;
	height: 188px;
	overflow: hidden;
}
.featureArea .left_f_read {
	width: 474px;
	height: 138px;
	float: left;
	padding: 30px 30px 20px 50px;
	background: url(../images/feature/left_read_bg.jpg) 0 0 no-repeat;
}
.featureArea .right_f_read {
	width: 474px;
	height: 138px;
	float: right;
	padding: 30px 50px 20px 30px;
	background: url(../images/feature/right_read_bg.jpg) 0 0 no-repeat;
}
.featureArea .f_read p {
	margin: 5px 0 0 0;
	line-height: 1.4;
}

.featureArea h2{
	width: 100%;
	clear: both;
	font-weight: bold;
	color: #573F06;
	line-height: 120%;
}

.featureArea .f_detail {
	width: 100%;
	margin: 0;
	overflow: hidden;
}


/* 食レポ */
.featureArea .left_shokurepo,
.featureArea .right_shokurepo {
	width: 554px;
	margin: 10px 0 10px 0;
}
.featureArea .left_shokurepo {
	float: left;
}
.featureArea .right_shokurepo {
	float: right;
}
.featureArea .left_shokurepo h3,
.featureArea .right_shokurepo h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	color: #333333;
}
.featureArea .left_shokurepo li,
.featureArea .right_shokurepo li {
}
.featureArea .left_shokurepo li img,
.featureArea .right_shokurepo li img {
	margin-bottom: 10px;
}

.featureArea .left_shokurepo li p,
.featureArea .right_shokurepo li p {
	margin: 0 20px 8px 0;
	line-height: 1.2;
}
.featureArea .right_shokurepo li p a {
	font-size: 16px;
}
.featureArea .left_shokurepo li p span,
.featureArea .right_shokurepo li p span {
	color: #CC0000;
	font-weight: bold;
}
.featureArea .left_shokurepo li dl,
.featureArea .right_shokurepo li dl {
	font-size: 14px;
	overflow: hidden;
	line-height: 1.2;
}
.featureArea .left_shokurepo li dl dt,
.featureArea .right_shokurepo li dl dt {
	line-height: 1.4;
}
.featureArea .left_shokurepo li dl dd,
.featureArea .right_shokurepo li dl dd {
	margin:0 0 0 5px;
}

/* 番外編 */
.featureArea .left_bangai,
.featureArea .right_bangai {
	width: 542px;
	height: 400px;
	background: #F1E8D6;
	margin: 5px 0 10px 0;
}
.featureArea .left_bangai {
	float: left;
}
.featureArea .right_bangai {
	float: right;
}

.featureArea .left_bangai h3,
.featureArea .right_bangai h3 {
	width: 538px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin: 5px 0 0 0;
}
.featureArea .left_bangai ul,
.featureArea .right_bangai ul {
	width: 528px;
	margin: 0 0 0 14px;
	overflow: hidden;
}
.featureArea .left_bangai ul li,
.featureArea .right_bangai ul li {
	width: 160px;
	margin: 0 16px 0 0;
	float: left;
}
.featureArea .left_bangai ul li img,
.featureArea .right_bangai ul li img {
	margin-bottom: 8px;
}
.featureArea .left_bangai ul li h4,
.featureArea .right_bangai ul li h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}
.featureArea .left_bangai ul li p,
.featureArea .right_bangai ul li p {
	font-size: 14px;
	margin-bottom: 16px;
	line-height: 1.2;
}
.featureArea .left_bangai ul li dl,
.featureArea .right_bangai ul li dl {
	font-size: 14px;
}
.featureArea .left_bangai ul li dl dd,
.featureArea .right_bangai ul li dl dd {
	margin: 0 0 5px 5px;
	line-height: 1.2;
}

/* 特産品の詳細へ */
.featureArea .to_shun {
	width: 100%;
	overflow: hidden;
	margin: 0 0 45px 0;
}
.featureArea .left_to_shun,
.featureArea .right_to_shun  {
	width: 442px;
	height: 69px;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	line-height: 69px;
	background: url(../images/feature/to_shun_bg.gif) 0 0 no-repeat;
}
.featureArea .left_to_shun {
	float: left;
	margin-left: 50px;
}
.featureArea .right_to_shun {
	float: right;
	margin-right: 50px;
}
.featureArea .left_to_shun a,
.featureArea .right_to_shun a  {
	display: block;
	width: 442px;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;}
.f_mainimg img{width:100%;}
.left_himit,.right_himit{display: none;}
/* ---PCのみ------------------------------------------------------------------ */
@media screen and (min-width: 769px) {
.featureArea .left_shokurepo li.h01,
.featureArea .right_shokurepo li.h01 {
	min-height: 420px;
}
.featureArea .left_shokurepo li.h02,
.featureArea .right_shokurepo li.h02 {
	min-height: 410px;
}
}
/* ---レスポンシブ対応(グルメ特集-タブレット)------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
.featureArea .left_shokurepo li dl,
.featureArea .right_shokurepo li dl {margin: 0 0 0 14px;}
.featureArea .left_shokurepo li p,
.featureArea .right_shokurepo li p {
	margin: 0 20px 8px 14px;
}
.featureArea .left_shokurepo h3,
.featureArea .right_shokurepo h3 {margin: 0 0 0 14px;}
.featureArea h1 img{width: 100%;}
.featureArea .f_read {width: 100%;height: auto;}
.featureArea .left_f_read,.featureArea .right_f_read {
	width: 100%;
	height: auto;
	float: none;
	background: #F3E9D8;
	padding:10px;
	box-sizing:border-box;
	border-bottom:3px solid #FFF;}
.featureArea .left_shokurepo,
.featureArea .right_shokurepo{float: none;width: 100%;}
.featureArea .left_shokurepo li img,
.featureArea .right_shokurepo li img {width: 100%;}
.featureArea .left_shokurepo li.h01,
.featureArea .right_shokurepo li.h01,
.featureArea .left_shokurepo li.h02,
.featureArea .right_shokurepo li.h02,
.featureArea .left_shokurepo li.h03,
.featureArea .right_shokurepo li.h03,
.featureArea .left_shokurepo li.h04,
.featureArea .right_shokurepo li.h04
 {min-height: auto;margin: 0 0 30px 0;}
h2 img{width: 100%;}
.featureArea .f_detail img{width: 100%;}
.featureArea .left_to_shun{float:none;margin-left:auto;margin: 10px auto;}
.featureArea .right_to_shun{float:none;margin-right:auto;margin: 0 auto;}
.featureArea .to_shun {}
 {min-height: auto;margin: 0 0 80px 0;}
h2 img{width: 100%;}
.featureArea .left_to_shun{float:none;margin-left:auto;margin: 10px auto;}
.featureArea .right_to_shun{float:none;margin-right:auto;margin: 0 auto;}
.featureArea .to_shun {}
}
/* ---レスポンシブ対応(グルメ特集-スマホ)------------------------------------------------------------------ */
@media screen and (max-width: 541px) {
	.featureArea .left_bangai h3,
	.featureArea .right_bangai h3 {width: 100%;height: auto;}
	.featureArea .left_bangai ul img,
	.featureArea .right_bangai ul img{width: 70%;}
	.featureArea .left_bangai,
	.featureArea .right_bangai{float: none;width:100%;height:auto;}
	.featureArea .left_bangai ul li,
	.featureArea .right_bangai ul li {width: 100%;float: none;margin: 0 0 0 0;padding: 0 0 40px 0;text-align: center;}
	.featureArea .left_bangai ul,
	.featureArea .right_bangai ul {width: 100%;margin: 0 0 0 0;}
	.featureArea .left_bangai ul li h4,
	.featureArea .right_bangai ul li h4,
	.featureArea .left_bangai ul li p,
	.featureArea .right_bangai ul li p,
	.featureArea .left_bangai ul li dl,
	.featureArea .right_bangai ul li dl {
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;}
	.featureArea .left_bangai ul li p#featureBottom{text-align: right;}
	a#featureLink img{width:110px;height:20px;}
}
/* --------------------------------------------------------------------- */
@media screen and (max-width: 414px) {
.hantei_image{display:none;}
#why_image{
	background-image: url(http://www.shoku-toyama.jp/cp-bin/wordpress/wp-content/themes/etchu/images/feature/2014/autumn_himitsu.jpg);
	height: 30px;
	background-repeat: no-repeat;
	background-size: 120%;
	background-position-x: 50%;
	background-position-y: 0%;
	margin: 0 auto 10px auto;
	overflow: hidden;
	width: 320px;}
#why_image img{display: none;}
.left_himit,.right_himit{display: block;}
.f_himitbox01 {background-color:#FFEDA7;height: 260px;}
.f_himitbox02 {background-color:#E6F2F2;height: 260px;}
.f_himitbox01,.f_himitbox02 {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	padding:20px;
	line-height:1.5em;
	min-height:180px;
}
.left_himit p,.right_himit p {
	margin-top:0;
	margin-bottom:20px;
	margin:0 10px 20px;
}
#featureLink {}
#featureLink img{width:110px;right: 5px;position: absolute;}

.featureArea .left_bangai ul li p,
.featureArea .right_bangai ul li p {}

.featureArea .left_bangai ul li h4,
.featureArea .right_bangai ul li h4 {}

.featureArea .left_bangai ul li dl,
.featureArea .right_bangai ul li dl{}
.featureArea .left_to_shun,
.featureArea .right_to_shun  {
	width: 300px;
	height: auto;
	background-size: 100%;
	background-position: 50%;
	line-height: 3em;
	padding: 4px 0 0 0;}
.featureArea .left_to_shun a,
.featureArea .right_to_shun a  {width: 100%;}
.featureArea .left_to_shun{margin-bottom:-5px;}
}