@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:cotents.css */
/* creation date:2016年2月13日 */
/* last updated:2016年2月16日 */
/* -------------------------------------------------- */

@media screen and (min-width: 640px) {
	section > header > h2 {
		font-size:180%;
	}
	section > header > small {
		font-size:107%;
		color:#79530F;
	}
	section .ttl h3 {
		font-size:200%;
	}
	section > header > h2 b {
		font-size:143%;
	}
	.comment .com {
		font-size:158%;
		padding:50px 0 50px;
		text-align:center;
		text-shadow: 0px 6px 5px rgba(0, 0, 0, 0.26);
	}
	.catch {
		text-align:center;
		background:url(/cmp/seafoodfes/common/images/bg_kira_pc.png) repeat-x 50%;
	}
	.catch img {
		width:642px;
		height:auto;
	}
}

@media screen and (max-width: 639px) {
	section > header > h2 {
		font-size:214%;
	}
	section > header > small {
		font-size:107%;
		color:#79530F;
	}
	section .ttl h3 {
		font-size:171%;
	}
	section > header > h2 b {
		font-size:129%;
	}
}
section > header > h2 span {
	font-size:83%;
}

section > header {
	text-align:center;
	padding:30px 0 0px;
}
section > header > h2 {
	line-height:1.4;
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
section > header > small {
	line-height:1;
	display:block;
}



/* --------------------------------------------------
	002.pointBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.pointBlock {
		color:#fff;
		padding:0 0 25px 0;
	}
	.pointBlock header {
		padding-top:0 !important;
	}
	.pointBlock h2 {
		background:#fff;
	}
	.pointBlock h2 img {
		width:500px;
		height:auto;
	}
	.pointBlock .inner {
		padding:45px 0 40px;
		overflow:hidden;
		zoom:1;
	}
	.pointBlock .inner .in {
		width:1000px;
		margin:0 auto;
	}
	.pointBlock .inner .in dl {
		width:33%;
		text-align:center;
		float:left;
		padding:0 5px 50px;
	}
	.pointBlock .inner .in dl dt {
		font-size:143%;
		text-align:center;
		line-height:40px;
		padding-bottom:20px;
	}
	.pointBlock .inner .in dl.two dt {
		line-height:30px;
		padding-bottom:6px;
	}
	.pointBlock .inner .in dl dt span {
		display:block;
		padding-bottom:10px;
	}
	.pointBlock .inner .in dl dd {
		text-align:left;
		padding:0 5px;
	}
	.pointBlock .inner .in dl dd figure {
		height:px;
		margin:10px 10px 20px;
	}
	.pointBlock .inner .in dl dd figure img {
		width:100%;
		border:2px solid #fff;
		height:auto;
	}
}

@media screen and (max-width: 639px) {
	.pointBlock {
		color:#fff;
		padding:0px 0 15px 0;
		position:relative;
		top:-20px;
		margin:0 0 -20px;
	}
	.pointBlock h2 img {
		width:100%;
		height:auto;
	}
	.pointBlock .inner .in dl {
		text-align:center;
		padding:15px 0 25px;
	}
	.pointBlock .inner .in dl dt {
		font-size:164%;
		font-weight:bold;
		text-align:center;
		line-height:1.2;
		padding-bottom:10px;
	}
	.pointBlock .inner .in dl dt span {
		display:block;
		padding-bottom:25px;
	}
	.pointBlock .inner .in dl dd {
		text-align:center;
		letter-spacing:0;
	}
	.pointBlock .inner .in dl dd figure {
		margin:10px 10px 20px;
	}
	.pointBlock .inner .in dl dd figure img {
		width:100%;
		height:auto;
	}
}

/* --------------------------------------------------
	003.aboutBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.aboutBlock {
		padding:45px 0px;
		text-align:center;
	}
	.aboutBlock .inner {
	}
	.aboutBlock .outlineBlock {
		width:700px;
		padding:15px;
		margin:10px auto 0px;
	}
	.aboutBlock .outlineBlock .in {
		padding:20px 10px;
	}
	.aboutBlock .outlineBlock .in dl {
		font-size:107%;
		padding:10px 0px;
		border-bottom:1px solid #B29A4E;
	}
	.aboutBlock .outlineBlock .in dl dt {
		width:25%;
		float:left;
		font-weight:bold;
		text-align:left;
		padding:0 15px;
	}
	.aboutBlock .outlineBlock .in dl dd {
		width:75%;
		font-size:107%;
		float:right;
		text-align:left;
		padding:0 15px;
	}
	.aboutBlock .outlineBlock .in dl dd small {
		font-size:79%;
		line-height:1.5;
		display:inline-block;
	}
	.aboutBlock .outlineBlock .in dl dd span {
		font-size:86%;
	}
}
@media screen and (max-width: 639px) {
	.aboutBlock .outlineBlock {
		padding:15px;
		margin:0 10px 20px;
	}
	.aboutBlock .outlineBlock .in dl {
		padding:5px;
		border-bottom:1px solid #B29A4E;
	}
	.aboutBlock .outlineBlock .in dl dt {
		font-weight:bold;
		text-align:left;
	}
	.aboutBlock .outlineBlock .in dl dd {
		line-height:1.5;
		text-align:left;
	}
	.aboutBlock .outlineBlock .in dl dd small {
		font-size:71%;
		line-height:1.3;
		display:inline-block;
	}
	.aboutBlock .outlineBlock .in dl dd span {
		font-size:86%;
		display:inline-block;
	}
}



/* --------------------------------------------------
	007.mapBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.mapBlock {
		position:relative;
		margin:0 auto;
		padding:10px 0 25px;
		overflow:hidden;
		zoom:1;
	}
	.mapBlock h3 {
		width:110px;
		font-size:129% !important;
		line-height:40px;
		border:1px solid #333;
		margin:0 10px;
		display:inline-block !important;
	}
	.mapBlock .ttl {
		text-align:center;
		display:inline-block;
	}
	.mapBlock .ttl p {
		font-size:107%;
		display:inline-block;
	}
	.mapBlock .ttl .place  {
		font-size:143%;
		padding-top:15px;
		display:inline-block;
	}
	.mapBlock .ttl .place  br {
		display:none;
	}
}

@media screen and (max-width: 639px) {
	.mapBlock {
		padding:10px 0 40px;
		background:url(/cmp/seafoodfes/common/images/bg_bar.png) repeat-x bottom;
		background-size:auto 5px;
	}
	.mapBlock h3 {
		width:110px;
		font-size:129% !important;
		line-height:40px;
		border:1px solid #333;
		margin:0 auto;
	}
	.mapBlock .ttl {
		line-height:1.3;
		text-align:center;
		margin:0 auto;
	}
	.mapBlock .ttl p {
		font-size:100%;
	}
	.mapBlock .ttl {
		text-align:center;
	}
	.mapBlock .ttl .place  {
		font-size:158%;
		font-weight:bold;
		padding-top:15px;
	}
}

/* --------------------------------------------------
	005.pickupBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#pickupBlock {
		background:url(/cmp/seafoodfes/common/images/bg_03.png);
		background-size:256px auto;
		padding:50px 0;
		overflow:hidden;
	}
	section#pickupBlock > span {
		font-size:114%;
		font-weight:bold;
		text-align:center !important;
		display:block;
		color:#002e73;
	}
	#pickupBlock h2 {
		font-size:200%;
		line-height:1.3;
		color:#93732c;
		font-weight:bold;
		text-align:center;
		padding-bottom:25px;
	}
	#pickupBlock h2 br {
		display:none;
	}
	#pickupBlock .inner {
		width:990px;
		margin:0 auto;
	}
	#pickupBlock article {
		width:330px;
		float:left;
		overflow:hidden;
		padding:15px;
	}
	#pickupBlock article figure {
		padding-bottom:15px;
	}
	#pickupBlock article figure img {
		width:100%;
	}
	#pickupBlock article .in {
		text-align:center;
	}
	#pickupBlock article .in small {
		font-size:114%;
		line-height:1;
		font-weight:bold;
		font-style:italic;
		color:#002e73;
	}
	#pickupBlock article .in h3 {
		font-size:158%;
		line-height:1.1;
		padding-bottom:10px;
	}
	#pickupBlock article .in span {
		font-size:80%;
		line-height:1.1;
		display:block;
	}
	#pickupBlock article .in .img {
		width:74px;
		float:left;
		margin-right:10px;
	}
	#pickupBlock article .in .img img {
		width:100%;
	}
	#pickupBlock article .in p {
		line-height:1.2;
		padding-top:15px;
		text-align:left;
	}
	#pickupBlock p > small {
		font-size:86%;
		line-height:1.2;
		text-align:center;
		display:block;
		padding-top:20px;
	}
}
@media screen and (max-width: 639px) {
	#pickupBlock {
		background:url(/cmp/seafoodfes/common/images/bg_03.png);
		background-size:256px auto;
		padding-top:30px;
	}
	#pickupBlock .inner {
		background:url(/cmp/seafoodfes/common/images/bg_bar.png) repeat-x bottom;
		background-size:auto 5px;
		padding:15px 15px;
	}
	section#pickupBlock > span {
		font-size:114%;
		font-weight:bold;
		text-align:center !important;
		display:block;
		color:#002e73;
	}
	#pickupBlock h2 {
		font-size:158%;
		line-height:1.3;
		color:#93732c;
		font-weight:bold;
		text-align:center;
		padding-bottom:25px;
	}
	#pickupBlock article {
		padding-bottom:30px;
		clear:both;
		overflow:hidden;
	}
	#pickupBlock article figure {
		width:45%;
		float:left;
		padding-right:15px;
	}
	#pickupBlock article figure img {
		width:100%;
	}
	#pickupBlock article .in {
		width:55%;
		float:right;
	}
	#pickupBlock article .in small {
		font-size:114%;
		line-height:1;
		font-weight:bold;
		font-style:italic;
		color:#002e73;
	}
	#pickupBlock article .in h3 {
		font-size:143%;
		line-height:1.1;
		padding-bottom:10px;
	}
	#pickupBlock article .in span {
		font-size:59%;
		line-height:1.1;
		display:block;
	}
	#pickupBlock article .in .img {
		width:74px;
		float:left;
		margin-right:10px;
	}
	#pickupBlock article .in .img img {
		width:100%;
	}
	#pickupBlock article .in p {
		font-size:86%;
		line-height:1.2;
		padding-top:10px;
	}
	#pickupBlock article:nth-of-type(2) figure {
		float:right;
	}
	#pickupBlock article:nth-of-type(2) .in {
		float:left;
	}
	#pickupBlock p > small {
		font-size:9px;
		line-height:1.2;
		display:inline-block;
		letter-spacing:0;
	}
}

/* --------------------------------------------------
	005.faqBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#faqBlock {
		width:990px;
		margin:0px auto 70px;
		clear:both;
	}
	#faqBlock > header {
		padding:80px 0 20px 0;
	}
	#faqBlock .inBox {
		padding:20px;
		overflow:hidden;
		zoom:1;
	}
	#faqBlock article {
		width:31%;
		background:#fff;
		text-align:center;
		padding:15px 10px;
		margin:0 1%;
		float:left;
	}
	#faqBlock article h3 {
		font-size:129%;
		line-height:1.5;
		padding-bottom:12px;
		padding-top:6px;
		position:relative;
	}
	#faqBlock article h3 i {
		color:#C29B4A;
	}
	#faqBlock article .inner {
		padding:10px 25px;
		text-align:left;
		min-height:120px;
		position:relative;
	}
	#faqBlock article .inner small {
		font-size:86%;
	}
}
#faqBlock article:nth-last-of-type(1) {
	border:none;
}
@media screen and (max-width: 639px) {
	#faqBlock {
		clear:both;
		margin:0 10px 25px;
	}
	#faqBlock > header {
		padding:30px 0 20px 0;
	}
	#faqBlock > header small:before ,
	#faqBlock > header small:after {
		display:none;
	}
	#faqBlock article {
		padding:5px 10px;
		background:#fff;
		border-radius:5px;
		margin:0 10px 10px;
	}
	#faqBlock article h3 {
		font-size:121%;
		line-height:1.4;
		text-align:left;
		padding-top:6px;
		position:relative;
	}
	#faqBlock article h3 i {
		color:#C29B4A;
	}
	#faqBlock article .inner {
		padding:10px 15px 5px;
	}
	#faqBlock article .inner p {
		line-height:1.5;
	}
}