@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@chaset "UTF-8";
/*
 Share Style <
-------------------------------------------------
*/
body{
	margin:0;
	padding:0;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	background:url(../images/subback.jpg) repeat center top;
}

html{
	font-size:100%;
}

@font-face {
  font-family: 'arial-black';
  src: local('Arial Black');
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}

#pageWrap img{border:0;}
#pageWrap ul{list-style:none;}

body,
#htbdfwp_contents{
}

#pageWrap ul{
	margin:0;
	padding:0;
	list-style:none;
}

#pageWrap {
	margin: 0 auto;
	color: #000;
	line-height:1.5;
}

.clear{clear:both; visibility:hidden; padding:0; margin:0;}
.leftArea{float:left;}
.rightArea{float:right;}

/*-- clearfix --*/
#pageWrap .cf {overflow: hidden;}

/*---------------------------------

	#header

---------------------------------*/
#pageWrap header{
	padding:0;
	max-width:100%;
	height:175px;
	margin:0 auto;
	background-color:#008b3d;
}

#pageWrap #headerArea{
	width:1095px;
	height:175px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background:url(../images/sublogoback.png) no-repeat center top;

}


#pageWrap header h1{
	padding:0;
	width:321px;
	height:auto;
	position:absolute;
	top:-50px;
	left:0;
}

#pageWrap header h1 img{
	width:321px;
	height:auto;
}

#pageWrap header #headerArea #header_contents{
	float:right;
	width:465px;
}

#pageWrap header #eventDate{
	padding:10px 0 7px;
	margin:0;
}


#pageWrap #snsArea{
	margin:0;
	padding:0;
	width:270px;
	float:right;
}

#pageWrap #snsArea p{
	padding:0;
	float:left;
	color:#ffffff;
	font-size:0.9rem;
}


#pageWrap #snsArea ul{
	margin:0 auto;
	width:160px;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	
	-webkit-flex-wrap: nowrap;
	flex-wrap:         nowrap;
	
	-webkit-justify-content: space-between;
	justify-content:         space-between;
}

#pageWrap  #snsArea img{
	width:45px;
	height:auto;
}

@media screen and (max-width:750px){
	#pageWrap header{
		padding:0;
		max-width:100%;
		height:100px;
		margin:0 auto;
		background-color:#008b3d;
	}

	#pageWrap #headerArea{
		width:100%;
		height:100px;
		margin:0 auto;
		position:relative;
		overflow:hidden;
		background:url(../images/sublogoback02.png) no-repeat center right;
		background-size:80% auto;
	}

	#pageWrap header h1 img,
	#pageWrap header #eventDate img{
		width:100%;
		height:auto;
	}

	#pageWrap header h1{
		padding:0;
		width:100px;
		height:auto;
		position:absolute;
		top:0;
		left:0;
	}

	#pageWrap header #headerArea #header_contents{
		float:right;
		width:180px;
	}

	#pageWrap header #eventDate{
		padding:10px 0 8px;
		margin:0;
		width:180px;
	}

	#pageWrap #snsArea{
		margin:0;
		padding:0;
		width:180px;
		float:right;
	}

	#pageWrap #snsArea ul{
		margin:0 auto;
		width:120px;
	}

	#pageWrap #snsArea p{
		display:none;
	}

	#pageWrap  #snsArea img{
		width:30px;
		height:auto;
	}
}

/*---------------------------------

	#nav

---------------------------------*/

#pageWrap #nav{
	padding:0;
	width: 100%;
	height:130px;
	background: url(../images/navBack.png) repeat-x top left;
}

#pageWrap #nav ul{
	width:1095px;
	margin:0 auto;
	padding:13px 0 0;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}

@media screen and (max-width:750px){

	#pageWrap #nav{
		padding:15px 0 10px;
		background: url(../images/navBack.png) repeat top left;
	}

	#pageWrap #nav ul{
		width:300px;
		padding:0;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}

	#pageWrap #nav ul li{width:140px;}

	#pageWrap #nav ul li img{
		width:100%;
		height:auto;
	}
}

/*---------------------------------

	#mainVisual

---------------------------------*/

#pageWrap #mainVisual{
	background: url(../images/header/01.jpg) no-repeat top center;
	height:210px;
	max-width:1920px;
	width:100%;
}

#pageWrap #mainVisual.back02{background: url(../images/header/02.jpg) no-repeat top center;}
#pageWrap #mainVisual.back03{background: url(../images/header/03.jpg) no-repeat top center;}

#pageWrap #mainVisual #pagetitleArea{
	width:1095px;
	height:210px;
	margin:0 auto;
	position:relative;
}

#pageWrap #mainVisual h1{
	text-align:center;
	color:#ffffff;
	padding:60px 0 0;
	font-family: 'Noto Sans JP';
    font-weight: 500;
	font-size:3rem;
	letter-spacing:4px;
}

#pageWrap #mainVisual #topicPath{
	position:absolute;
	bottom:10px;
	right:10px;
	background-color:#ffffff;
	padding:5px 20px;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size:0.8rem;
}

@media screen and (max-width:750px){

	#pageWrap #mainVisual{
		background-size:cover;
		height:130px;
		max-width:1920px;
		width:100%;
	}

	#pageWrap #mainVisual #pagetitleArea{
		width:100%;
		height:130px;
		margin:0 auto;
		position:relative;
	}

	#pageWrap #mainVisual h1{
		text-align:center;
		color:#ffffff;
		padding:10px 0 0;
		font-family: 'Noto Sans JP';
	    font-weight: 500;
		font-size:1.5rem;
		letter-spacing:3px;
		line-height: 1.3;
	}

	#pageWrap #mainVisual #topicPath{
		position:absolute;
		bottom:10px;
		right:10px;
		background-color:#ffffff;
		padding:5px 10px;

		border-radius: 4px;
		-webkit-border-radius: 4px;
		font-size:0.7rem;
	}
}


/*---------------------------------

	#mainContentsArea

---------------------------------*/

#pageWrap #mainContentsArea{
	width:1095px;
	margin:0 auto;
}

#pageWrap #mainContentsArea .entryBodyArea{
	width:800px;
	margin:0;
	background-color:#ffffff;
	font-family:Arial,Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	float:right;/*
	min-height: 700px;*/
}

#pageWrap #mainContentsArea h2.topTitle{
	text-align:left;
	padding:30px 20px 30px 70px;
	margin-left:20px;
	font-size:27px;
	color:#000000;
	background:url(../images/icon/entryTitle.png) no-repeat center left;
	line-height:1.3em;
	font-family: 'Noto Sans JP';
    font-weight: 600;
}

#pageWrap #mainContentsArea .entryBodyArea h3{
	background-color:#ebebeb;
	padding:17px 15px;
	margin:0 0 20px;
	position:relative;
	font-size:1.1rem;
	border-left:4px solid #bfbfbf;
	font-family: 'Noto Sans JP';
    font-weight: 600;
}

#pageWrap #mainContentsArea .entryBodyArea h4{
	padding:5px 8px;
	font-size:16px;
	color:#ff571a;
	border-left:10px solid #ff571a;
	margin:35px 20px 10px;
}
/* 
#pageWrap #mainContentsArea .entryBodyArea h4:first-child{
	margin-top:25px;
} */

#pageWrap #mainContentsArea .entryBodyArea h5{
	padding:5px 6px;
	font-size:16px;
	color:#4d4d4d;
	background-color:#eeeeee;
	margin:20px 15px 10px;
}

#pageWrap #mainContentsArea .entryBodyArea p{
	padding:0 20px;/**/
	margin:0 0 30px 0;
	font-size:0.9rem;
	line-height:1.7em;
}

#pageWrap #mainContentsArea .entryBodyArea .txt_c{
	text-align:center;
}

#pageWrap #mainContentsArea .entryBodyArea .tx_red{
	color:#e50000;
}

#pageWrap #mainContentsArea .entryBodyArea p img{
	border:1px solid #d9d9d9;
	margin:5px;
}

#pageWrap #mainContentsArea .entryBodyArea p.entry_date{
	font-size:0.9rem;
	color:#cccccc;
	text-align:right;
	
}

#pageWrap #mainContentsArea .entryBodyArea .faq dl{/* 
	width:660px; */
	margin:40px 20px;
}

#pageWrap #mainContentsArea .entryBodyArea .faq dl dt{
	font-size:1rem;
	font-weight:bold;
	padding:4px 35px;
	margin:0 0 15px;
	min-height:20px;
	background:#ecf9ff url(../images/icon/faq_q.png) no-repeat 5px 4px;
	color:#0075a9;
}

#pageWrap #mainContentsArea .entryBodyArea .faq dl dd{
	font-size:0.9rem;
	background: url(../images/icon/faq_a.png) no-repeat 5px 4px;
	padding:0;
	margin:0 0 15px;
	padding:0 40px 20px;
	line-height:1.6em;
	border-bottom:1px dotted #cccccc;
}


/*--[.tableLayout01]----------*/
#pageWrap table.tableLayout01{
	width:700px;
	margin:0 auto 20px;
	border-collapse: collapse;
	border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
}

#pageWrap table.tableLayout01 tr th,
#pageWrap table.tableLayout01 tr td{
	border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
	padding:10px 15px;
	vertical-align:middle;
}

#pageWrap table.tableLayout01 tr th{
	background-color:#ededed;/**/
	width:150px;
	text-align:left;
}

#pageWrap table.tableLayout01 tr td{
	background-color:#f7f7f7;
}

#pageWrap table.tableLayout01 tr th.title{
	background-color:#ffffff;
	color:#b3000f;
	width:auto;
	margin:0;
	padding:0;
}

#pageWrap table.tableLayout01 tr th.title strong{
	position: relative;
	display:block;
	margin:15px 0 5px;
	padding:0 16px;
}

#pageWrap table.tableLayout01 tr th.title strong::before{
	content: "";
	display: inline-block;
	position: absolute;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #b3000f;
	margin-top: -6px;
	left: 0px;
	top: 50%;
}

#pageWrap table.tableLayout01 tr td span{vertical-align:middle;}
#pageWrap table.tableLayout01 tr td img{vertical-align:middle;}



/*---- [番組企画グルメ] ----------------------*/

#pageWrap .entryBodyArea .pgFood_boxArea{
	margin: 0 20px 35px;
	padding:0;
}

#pageWrap #mainContentsArea .entryBodyArea .pgFood_boxArea h4{
	margin: 5px 0px 5px;
	background-color: #fffecc;
}

#pageWrap .entryBodyArea .pgFood_boxArea .boxImg{
    width: 300px;
	height:auto;
    margin: 10px 20px 0 0;
	padding:0;
	float:left;
}

#pageWrap .entryBodyArea .pgFood_boxArea .boxImg img{
    width:300px;
	height:auto;
}

#pageWrap .entryBodyArea .pgFood_boxArea .boxTxt{
	margin: 0;
	padding:0;
}

#pageWrap #mainContentsArea .entryBodyArea .boxTxt p{
	font-size:0.85rem;
	text-align:left;
	background:none;
	line-height:1.7;
	margin: 0;
	padding:5px;
}

#pageWrap #mainContentsArea .entryBodyArea .pgFood_boxArea a .boxTxt p{
	color:#000000;
}


/*---- [市町村グルメ] ----------------------*/

#pageWrap #mainContentsArea #townfood_Section{
	margin: 0 auto;
    width: 98%;
	background-color:#ffffff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#pageWrap #mainContentsArea #townfood_Section h4{
	background-color:#f5f5f5;
	padding:7px 10px 5px;
	margin:0;
	position:relative;
	font-size:16px;
	border-left:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* 
#pageWrap #townfood_Section h4 span{
	display:block;
	position:absolute;
	right:10px;
	top:15px;
} */

#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea{
	width:48%;
	min-height:100px;
	margin:0;
	margin:0 5px 10px;
	float:left;
	background-color:#ffffff;
	border:1px solid #cccccc;
	position:relative;
}

#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea::after {
    border-right: 1px solid #a8a8a8;
    border-top: 1px solid #a8a8a8;
    content: "";
    display: block;
    margin-top: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
}

#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea .s_txt{
	font-size:13px;
	font-weight:bold;
	padding:5px;
	padding:10px 5px;
	margin:0;
	line-height:1.5em;
}

#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea .s_txt span{
	font-size:11px;
	color:#ff6e54;
	font-weight:normal;
}

#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea .imgArea{
    width: 80px;
    height: 80px;
    margin: 10px 10px;
    overflow: hidden;
    background-color: #888;
	float:left;
}

#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea .imgArea img{
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea a{
	text-decoration:none;
    display: block;
    min-height: 130px;
}



/*----------------------

[.towns_Section]

------------------------*/
#pageWrap .towns_Section .thumbnail_boxArea{
	width:190px;
	min-height:170px;
	float:left;
	margin:0 0 5px 6px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	position:relative;
}

#pageWrap .towns_Section .thumbnail_boxArea .th_img{
	width:190px;
	height:130px;
    margin: 0 auto;
	padding:0;
    overflow: hidden;
	position:relative;
}

#pageWrap .towns_Section .thumbnail_boxArea .th_img img{
    position:absolute;
    top:70%;
    left: 50%;
    width: auto;
    height: 190px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#pageWrap .towns_Section .thumbnail_boxArea .th_title{
	position:absolute;
	bottom:0;
	z-index:200px;
	width:190px;
	height:35px;
	background:url(../images/mask.png) 0 0 repeat;
}

#pageWrap #mainContentsArea .towns_Section .thumbnail_boxArea .th_title p{
	padding:7px 19px 5px 7px;
	font-size:13px;
	line-height:1.3em;
	position:relative;
	height:20px;
}

#pageWrap .towns_Section .thumbnail_boxArea .th_title p:after {
	display:block;
	content:"";
	width:7px;
	height:7px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-3px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#pageWrap .towns_Section .thumbnail_boxArea a{
	color:#000000;
}


#pageWrap #mainContentsArea .entryBodyArea .towns_foodBox .towns_foodArea{
	border-bottom:1px solid #ebebeb;
	background-color:#ffffff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#pageWrap #mainContentsArea .entryBodyArea .towns_foodBox .towns_foodArea h4{
	text-align:center;
	border:none;
}

#pageWrap #mainContentsArea .entryBodyArea .towns_foodBox .towns_foodArea:after {
	display:block;
	content:"";
	width:7px;
	height:7px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-3px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#pageWrap #mainContentsArea .entryBodyArea .towns_foodBox .towns_foodArea .imgArea{
    width: 70px;
    height: 70px;
    margin: 10px 0 10px 10px;
    overflow: hidden;
	float:left;
}

#pageWrap #mainContentsArea .entryBodyArea .towns_foodBox .towns_foodArea .imgArea img{
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 70px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#pageWrap #mainContentsArea .entryBodyArea .towns_foodBox .towns_foodArea .leftArea{
	width:53%;
	border:none;
	line-height:1.5em;
}

#pageWrap #mainContentsArea #topiclist a{
	min-height:50px;
}

#pageWrap #mainContentsArea #topiclist li .topiclistTxt{
	font-size:12px;
	float:left;
	width:75%;
	padding:0 0 5px;
}
#pageWrap #mainContentsArea .entryListArea ul#topiclist li span{
	font-size:11px;
	padding:0 0 3px;
}

#pageWrap #mainContentsArea .topiclistImg{
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    overflow: hidden;
	float:left;
}

#pageWrap #mainContentsArea .topiclistImg img{
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 70px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}




/*--[.entryListArea]----------*/

ul.entryListArea {
	border-top:1px solid #cccccc;
	margin:0;
	padding:0;
}

ul.entryListArea li{
	font-size:15px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom:1px solid #cccccc;
}

ul.entryListArea li a{
	border-bottom:1px solid #cccccc;
	display:block;
	padding:10px 30px 10px 10px;
	margin:0;
	background: url(../images/icon/entryListArea_arrow.png) no-repeat center right;
	text-decoration:none;
	position:relative;
}

ul.entryListArea li a:after {
	display:block;
	content:"";
	width:8px;
	height:8px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-5px;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

ul.entryListArea li:last-child > a{
	border-bottom:none;
}

ul.entryListArea li span{
	display:block;
	color:#000000;
	font-size:14px;
	font-family:Arial,Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	padding:0 0 3px;
}

ul.entryListArea li a:hover{
	background:#f7f7f7 url(../images/icon/entryListArea_arrow.png) no-repeat center right;
}

#pageWrap .entryListArea .imgArea{
	float:left;
	text-align:center;
	overflow:hidden;
	width:70px;
	height:70px;
	position:relative;
	margin-right:10px;
}

#pageWrap .entryListArea .imgArea img{
	height:70px;
	width:auto;
}

#pageWrap .entryListArea p{
	padding:0;
	margin:0;
}


#pageWrap .entryListArea div{
	float:left;
	font-size:15px;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;
	width:80px;/* 
	height:70px; */
	color:#ffffff;
	margin-right:10px;
}

#pageWrap #mainContentsArea .entryBodyArea .entryListArea div p{
	padding:12px 0;
	margin:0;
}

#pageWrap .entryListArea div.info{background-color:#009944;}
#pageWrap .entryListArea div.soldout{background-color:#cc0011;}


/*--[.timeSchedule]----------*/
#pageWrap table.timeSchedule{
	width:750px;
	float:left;
	margin:20px 20px;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#pageWrap table.timeSchedule tr th,
#pageWrap table.timeSchedule tr td{
	border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	padding:15px;
	vertical-align:middle;
}

#pageWrap table.timeSchedule tr th{
	background-color:#ededed;/**/
	width:150px;
	text-align:left;
}
#pageWrap table.timeSchedule tr td{
	background-color:#ffffff;
	font-size:0.9rem;
}

#pageWrap table.timeSchedule tr th.title{
	background-color:#e5005a;
	color:#ffffff;
	font-size:15px;
	width:auto;
	text-align:center;
}

#pageWrap table.timeSchedule tr td span{vertical-align:middle;}
#pageWrap table.timeSchedule tr td img{vertical-align:middle;}


@media screen and (max-width:750px){

	#pageWrap #mainContentsArea{
		width:100%;
	}

	#pageWrap #mainContentsArea .entryBodyArea{
		width:100%;
		float:none;/*
		min-height: 500px;*/
	}

	#pageWrap #mainContentsArea h2.topTitle{
		text-align:left;
		padding:28px 20px 30px 45px;
		margin-left:10px;
		font-size:1.1rem;
		color:#000000;
		background:url(../images/icon/entryTitle.png) no-repeat center left;
		background-size:40px auto;
		line-height:1.3em;
		font-family: 'Noto Sans JP';
	    font-weight: 600;
	}

	#pageWrap #mainContentsArea .entryBodyArea h3{
		background-color:#ebebeb;
		padding:13px 10px;
		margin:0 0 20px;
		position:relative;
		font-size:1rem;
		border-left:4px solid #bfbfbf;
		font-family: 'Noto Sans JP';
	    font-weight: 600;
	}

	#pageWrap #mainContentsArea .entryBodyArea h4{
		padding:3px 6px;
		font-size:16px;
		margin:25px 10px 10px;
	}

	#pageWrap #mainContentsArea .entryBodyArea h5{
		padding:5px 6px;
		font-size:16px;
		color:#4d4d4d;
		background-color:#eeeeee;
		margin:20px 15px 10px;
	}

	#pageWrap #mainContentsArea .entryBodyArea p{
		padding:0 10px;/**/
		margin:0 0 15px 0;
		font-size:0.8rem;
		line-height:1.7em;
	}

	ul.entryListArea li{
		font-size:13px;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}



	#pageWrap #mainContentsArea .entryBodyArea .faq dl{/* 
		width:660px; */
		margin:20px 10px;
	}

	#pageWrap #mainContentsArea .entryBodyArea .faq dl dt{
		font-size:0.9rem;
		font-weight:bold;
		padding:4px 5px 5px 30px;
		margin:0 0 15px;
		min-height:20px;
		line-height:1.4;
		background:#ecf9ff url(../images/icon/faq_q.png) no-repeat 5px 4px;
		background-size:20px 20px;
		color:#0075a9;
	}

	#pageWrap #mainContentsArea .entryBodyArea .faq dl dd{
		font-size:0.85rem;
		background: url(../images/icon/faq_a.png) no-repeat 5px 4px;
		background-size:20px 20px;
		padding:0;
		margin:0 0 15px;
		padding:0 5px 20px 30px;
		line-height:1.6em;
		border-bottom:1px dotted #cccccc;
	}

	#pageWrap #mainContentsArea .entryBodyArea p img{
		width:97%;
		max-width:400px;
		height:auto;
		
	}

	/*----------------------

	[.towns_Section]

	------------------------*/
	#pageWrap .towns_Section .thumbnail_boxArea{
		width:150px;
		min-height:140px;
		float:left;
		margin:0 0 5px 6px;
		background-color:#ffffff;
		border:1px solid #cccccc;
		position:relative;
	}

	#pageWrap .towns_Section .thumbnail_boxArea .th_img{
		width:150px;
		height:100px;
	    margin: 0 auto;
		padding:0;
	    overflow: hidden;
		position:relative;
	}

	#pageWrap .towns_Section .thumbnail_boxArea .th_img img{
	    position:absolute;
	    top:50%;
	    left: 50%;
	    width: auto;
	    height:150px;
	    -webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	}

	#pageWrap .towns_Section .thumbnail_boxArea .th_title{
		position:absolute;
		bottom:0;
		z-index:200px;
		width:150px;
		height:35px;
		background:url(../images/mask.png) 0 0 repeat;
	}

	/*--[.entryListArea]----------*/
	ul.entryListArea li span{
		font-weight:bold;
	}


	/*--[.timeSchedule]----------*/
	#pageWrap table.timeSchedule{
		width:300px;
		float:none;
		margin:20px auto;
		border-collapse: collapse;
		border-left: 1px solid #ccc;
	    border-top: 1px solid #ccc;
	}

	#pageWrap table.timeSchedule tr th,
	#pageWrap table.timeSchedule tr td{
		padding:10px;
	}

	#pageWrap table.timeSchedule tr th{
		background-color:#ededed;/**/
		width:80px;
		text-align:left;
		font-size:0.8rem;
	}

	#pageWrap table.timeSchedule tr td{
		background-color:#ffffff;
		font-size:0.7rem;
	}


	/*--[.tableLayout01]----------*/
	#pageWrap table.tableLayout01{
		width:95%;
		margin:0 auto 20px;
		border-collapse: collapse;
		border-left: 2px solid #ffffff;
	    border-top: 2px solid #ffffff;
		font-size:13px;
	}

	#pageWrap table.tableLayout01 tr th,
	#pageWrap table.tableLayout01 tr td{
		border-right: 2px solid #ffffff;
	    border-bottom: 2px solid #ffffff;
		padding:10px;
		vertical-align:middle;
	}

	#pageWrap table.tableLayout01 tr th{
		background-color:#ededed;/**/
		width:35%;
		text-align:left;
	}

	#pageWrap table.tableLayout01 tr td{
		background-color:#f7f7f7;
	}

	#pageWrap table.tableLayout01 tr th.title{
		background-color:#ffffff;
		color:#b3000f;
		width:auto;
		margin:0;
		padding:0;
	}

	#pageWrap table.tableLayout01 tr th.title strong{
		position: relative;
		display:block;
		margin:15px 0 5px;
		padding:0 16px;
	}

	#pageWrap table.tableLayout01 tr th.title strong::before{
		content: "";
		display: inline-block;
		position: absolute;
		border-style: solid;
		border-width: 6px 0 6px 6px;
		border-color: transparent transparent transparent #b3000f;
		margin-top: -6px;
		left: 0px;
		top: 50%;
	}

	#pageWrap table.tableLayout01 tr td span{vertical-align:middle;}
	#pageWrap table.tableLayout01 tr td img{vertical-align:middle;}



	#pageWrap #mainContentsArea #townfood_Section h4 {
	    float: left;
	    font-size: 14px;
	    padding: 40px 10px;
	    width: 50px;
	}

	#pageWrap .entryBodyArea .pgFood_boxArea{
		margin: 0 10px 35px;
	}

	#pageWrap .entryBodyArea .pgFood_boxArea .boxImg{
	    max-width: 300px;
	    width: 100%;
		height:auto;
	    margin: 10px 10px 0 0;
		padding:0;
		float:none;
	}

	#pageWrap .entryBodyArea .pgFood_boxArea .boxImg img{
	    width: 100%;
		height:auto;
	}

	#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea {
	    float:none;
	    margin: 0 5px 10px;
	    width: 96%;
		min-height:70px;
	}

	#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea .imgArea {
	    height: 60px;
	    width: 60px;
		margin:5px 10px 25px 5px;
	}

	#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea .s_txt {
	    font-size: 10px;
		padding:5px 15px 5px 5px;
	}

	#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea a{
	    min-height: 70px;
	}






	#pageWrap .entryListArea div{
		float:none;
		overflow:hidden;
		width:80px;
		color:#ffffff;
		margin-bottom:5px;
	}

	#pageWrap #mainContentsArea .entryBodyArea .entryListArea div p{
		padding:2px;
		margin:0;
		font-size: 0.7rem;
	}

}


#pageWrap #entryLinkList{
	width:730px;
	margin:10px auto 20px;
	font-size:0.8rem;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	
}

#pageWrap #entryLinkList li{
	margin:0 3px 5px;
	text-align:center;
}

#pageWrap #entryLinkList li a{
	display:block;
	border:1px solid #f4e400;
	background-color:#fffbc2;
	padding:5px;
	width:164px;

}




/*---------------------------------

	#mainContentsArea

---------------------------------*/


#pageWrap #sideNavi{
	width:260px;
	margin:20px 0 0;
	float:left;
}

#pageWrap #sideNavi h3{
	background-color:#fff100;
	color:#74531b;
	font-size:20px;
	padding:40px 15px;
	text-align:center;
	
	border-radius:6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
}

#pageWrap #mainContentsArea #sideNavi ul{
	padding:0;
	margin:0 0 15px;/*
	border-bottom:1px solid #bfbfbf;*/
}

#pageWrap #mainContentsArea #sideNavi ul li{margin:0;}
#pageWrap #mainContentsArea #sideNavi ul li a{
	display:block;
	border-bottom:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	padding:16px 10px 15px 28px;
	color:#000000;
	
	background:#ffffff url(../images/icon/sideIcon.png) no-repeat 10px 21px;
}

@media screen and (max-width:750px){

	#pageWrap #sideNavi{
		width:90%;
		margin:20px auto 0;
		float:none;
	}

	#pageWrap #sideNavi h3{
		background-color:#fff100;
		color:#74531b;
		font-size:20px;
		padding:10px 15px;
		text-align:center;
		
		border-radius:6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
	    -moz-border-radius: 6px 6px 0 0;
	}

	#pageWrap #mainContentsArea #sideNavi ul li{margin:0;}
	#pageWrap #mainContentsArea #sideNavi ul li a{
		display:block;
		border-bottom:1px solid #e6e6e6;
		border-left:1px solid #e6e6e6;
		border-right:1px solid #e6e6e6;
		padding:16px 10px 15px 28px;
		color:#000000;
		font-size:0.9rem;
		
		background:#ffffff url(../images/icon/sideIcon.png) no-repeat 10px 19px;
	}
}

#pageWrap #mainContentsArea #sideNavi ul li a:link,
#pageWrap #mainContentsArea #sideNavi ul li a:visited{
	text-decoration:none;
}

#pageWrap #mainContentsArea #sideNavi ul li a:hover{
	background-color:#f5f5f5;
}


/*---------------------------------

	#contents_wrap

---------------------------------*/
#pageWrap #contents_wrap{
	padding:10px 0 30px;
	width: 100%;
	background-color:#fff01e;
}

#pageWrap #contents_wrap #contentsArea h1{
	text-align:center;
	padding:20px 0 0;
}

#pageWrap #contents_wrap #contentsArea h1 img{
	width:300px;
	height:auto;
	
}

#pageWrap #contents_wrap #contentsArea{
	max-width:1095px;
	margin:0 auto;
}

#pageWrap #contents_wrap #contentsArea ul{
	width:1095px;
}

#pageWrap #contents_wrap #contentsArea ul li{
	width:250px;
	height:auto;
	position:relative;
	float:left;
	margin:30px 0 0;
	margin-right:30px;
}

#pageWrap #contents_wrap #contentsArea ul li:nth-child(4n){
	margin-right:0;
}

#pageWrap #contents_wrap #contentsArea ul li a{
	margin:0;
	padding:0;
	line-height:0;
	display:block;
}

#pageWrap #contents_wrap #contentsArea ul li p{
	position:absolute;
	bottom:0;
	left:0;
	background:#000000;
	margin:0;
	padding:0;
	display:block;
	height:50px;
	width:100%;
	background: url(../images/black.png) repeat bottom center;
	line-height:1.5;
}

#pageWrap #contents_wrap #contentsArea ul li p:after {
	display:block;
	content:"";
	width:10px;
	height:10px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-5px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#pageWrap #contents_wrap #contentsArea ul li p span{
	display:block;
	padding:15px 10px 0;
	color:#ffffff;
	font-size:0.8rem;
}

#pageWrap #contents_wrap #contentsArea ul li img{
	width:100%;
	height:auto;
}



/*--[.timeSchedule]----------*/
#pageWrap table.stm_number{
	width:95%;
	margin:20px auto 40px;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
	font-size:12px;
}

#pageWrap table.stm_number tr th,
#pageWrap table.stm_number tr td{
	border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	padding:6px 5px;
	text-align:center;
	font-size:15px;
}

#pageWrap table.stm_number tr th.title{
	background-color:#c40014;
	color:#ffffff;
	text-align:center;
}

#pageWrap table.stm_number tr th{
	background-color:#ededed;
}

#pageWrap table.stm_number tr th.ichimoni{background-color:#eaffb7;}
#pageWrap table.stm_number tr th.ichi{background-color:#ffc4de;}

#pageWrap table.stm_number tr td img{
		width:100%;
		height:auto;
		max-width:250px;
}

@media screen and (max-width:750px){

	#pageWrap #contents_wrap{
		padding:0 0 20px;
		width: 100%;
		background-color:#fff01e;
	}

	#pageWrap #contents_wrap #contentsArea h1{
		text-align:center;
		padding:20px 0 10px;
		width:300px;
		margin:0 auto;
	}

	#pageWrap #contents_wrap #contentsArea h1 img{
		width:100%;
		height:auto;
		
	}

	#pageWrap #contents_wrap #contentsArea ul{
		width:310px;
		margin:0 auto;
	}

	#pageWrap #contents_wrap #contentsArea ul li{
		width:150px;
		height:auto;
		position:relative;
		float:left;
		margin:15px 0 0;
		margin-right:10px;
	}

	#pageWrap #contents_wrap #contentsArea ul li img{
		width:100%;
		height:auto;
	}

	#pageWrap #contents_wrap #contentsArea ul li p{
		position:absolute;
		bottom:0;
		left:0;
		background:#000000;
		margin:0;
		padding:0;
		display:block;
		height:30px;
		width:100%;
		background: url(../images/black.png) repeat bottom center;
		line-height:1.5;
	}

	#pageWrap #contents_wrap #contentsArea ul li p:after {
		display:block;
		content:"";
		width:5px;
		height:5px;
		position:absolute;
		top:50%;
		right:10px;
		margin-top:-4px;
		border-top: solid 1px #ffffff;
		border-right: solid 1px #ffffff;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	#pageWrap #contents_wrap #contentsArea ul li p span{
		display:block;
		padding:7px 10px 20px ;
		color:#ffffff;
		font-size:0.7rem;
	}

	#pageWrap #contents_wrap #contentsArea ul li p span.s_txt{
		font-size:0.55rem; padding-top:6px; padding-right:20px;line-height: 1.1;
	}

	#pageWrap #contents_wrap #contentsArea ul li:nth-child(even){
		margin-right:0;
	}


	#pageWrap #mainContentsArea #townfood_Section .townfood_SectionArea::after {
	    margin-top: -6px;
	}
}

/*---------------------------------

	footer

---------------------------------*/
#pageWrap footer{
	background:url(../images/footerBack.png) repeat-x top left;
	height:136px;
}

#pageWrap footer #ichimatsuri{
	padding:50px 0 0;
	text-align:center;
}

@media screen and (max-width:550px){

	#pageWrap footer #ichimatsuri img{
		width:170px;
	}
}

/*-----------------------

   link

-----------------------*/
a:link,
a:visited{
	color:#0066ae;
}

a:hover{
	color:#34abff;
}

header nav ul a:link,
header nav ul a:visited{
	text-decoration:none;
	color:#5b5b5b;
}

header nav ul a:hover{
	color:#cccccc;
}