@charset "UTF-8";

/**************************************************************************************************

ページタイトル

**************************************************************************************************/

#PageTitle {
	width:960px;
	height:120px;
	margin:0 auto;
	padding:0;
}
@media screen and (max-width: 959px) {
	#PageTitle {
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
}

@media screen and (max-width: 959px) {
	#PageTitle img {
		width: 100%;
		height: auto;
	}
}



/**************************************************************************************************

トップページ
home

**************************************************************************************************/

#TopimgBox {
	width:960px;
	height:300px;
	margin:0px auto;
	padding:0;
	background: url("home/img/headerimage.jpg") no-repeat;
}
@media screen and (max-width: 959px) {
	#TopimgBox {
		width: auto;
		height: 460px;
		padding: 0 10px;
		background: #fff url("home/img/headerimage-sp.jpg") no-repeat center bottom / 100% auto;
		position: relative;
		z-index: 9;
	}
}
@media screen and (max-width: 750px) {
	#TopimgBox {
		height: 420px;
	}
}
@media screen and (max-width: 650px) {
	#TopimgBox {
		height: 410px;
		background: #fff url("home/img/headerimage-sp.jpg") no-repeat center bottom / 130% auto;
	}
}
@media screen and (max-width: 480px) {
	#TopimgBox {
		height: 400px;
		background: #fff url("home/img/headerimage-sp.jpg") no-repeat center bottom / auto 100%;
	}
}
@media screen and (max-width: 360px) {
	#TopimgBox {
		height: 340px;
	}
}

@media screen and (max-width: 959px) {
	#TopimgBox:before {
		width: calc(1131px * 0.6);
		height: calc(158px * 0.6);
		margin: auto;
		background: url("home/img/headerimage-title-sp.png") no-repeat center top / 100% auto;
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		z-index: 10;
		content: "";
	}
}
@media screen and (max-width: 750px) {
	#TopimgBox:before {
		width: calc(1131px * 0.45);
		height: calc(158px * 0.45);
	}
}
@media screen and (max-width: 650px) {
	#TopimgBox:before {
		width: calc(1131px * 0.4);
		height: calc(158px * 0.4);
	}
}
@media screen and (max-width: 480px) {
	#TopimgBox:before {
		width: calc(1131px * 0.35);
		height: calc(158px * 0.35);
	}
}
@media screen and (max-width: 420px) {
	#TopimgBox:before {
		width: calc(1131px * 0.31);
		height: calc(158px * 0.31);
	}
}
@media screen and (max-width: 370px) {
	#TopimgBox:before {
		width: calc(1131px * 0.265);
		height: calc(158px * 0.265);
	}
}

.NewBox {
	width:260px;
	height:250px;
	margin:20px 20px 0 0;
	padding:0;
	float:right;
	background: url("home/img/new_bg.png") no-repeat;
}
@media screen and (max-width: 959px) {
	.NewBox {
		width: calc(100% - 20px);
		max-width: 360px;
		height: 280px;
		margin: 0 auto;
		float: none;
		background: url("home/img/new_bg-sp.png") no-repeat 0 0 / 100% auto;
		position: absolute;
		top: 140px;
		right: 0;
		left: 0;
	}
}
@media screen and (max-width: 750px) {
	.NewBox {
		top: 110px;
	}
}
@media screen and (max-width: 650px) {
	.NewBox {
		top: 100px;
	}
}
@media screen and (max-width: 480px) {
	.NewBox {
		top: 90px;
	}
}
@media screen and (max-width: 360px) {
	.NewBox {
		height: 240px;
		top: 80px;
	}
}

.Newtitle {
	width:260px;
	height:33px;
	margin:0;
	padding-top:5px;
	text-align:center;
}
@media screen and (max-width: 959px) {
	.Newtitle {
		width: 100%;
		height: auto;
		margin: auto;
		padding-top: 8px;
	}
}

@media screen and (max-width: 959px) {
	.Newtitle img {
		width: calc(587px * 0.3);
		height: auto;
		margin: auto;
	}
}
@media screen and (max-width: 360px) {
	.Newtitle img {
		width: calc(587px * 0.2);
	}
}

.Newlist {
	width:250px;
	height:190px;
	margin-top:10px;
	padding:5px;
	overflow: scroll;
	overflow-x: hidden;
}
@media screen and (max-width: 959px) {
	.Newlist {
		width: calc(100% - 50px);
		height: 160px;
		margin-top: 10px;
		padding: 20px;
	}
}
@media screen and (max-width: 360px) {
	.Newlist {
		height: 130px;
	}
}

.Newlist li {
	font-size:90%;
	color:#3761AC;
	list-style:none;
}
@media screen and (max-width: 959px) {
	.Newlist li {
		margin: 0 0 5px;
	}
}
@media screen and (max-width: 959px) {
	.Newlist li:last-child {
		margin-bottom: 0;
	}
}

li.listitem1 {
	width:171px;
	padding:10px 5px 10px 22px;
	font-size:90%;
	list-style: none;
	font-weight:bold;
	background: url("home/img/right_listicon1.jpg") no-repeat 5px 1.0em;
	border:none;
}
@media screen and (max-width: 959px) {
	li.listitem1 {
		width: 100%;
		font-size: 16px;
		padding: 10px 5px 10px 32px;
		background: url("home/img/right_listicon1.jpg") no-repeat 15px 1.0em;
	}
}

li.listitem2 {
	width:176px;
	padding:6px 5px 6px 17px;
	font-size:90%;
	list-style: none;
	border-top:#e5e5e5 dashed 1px;
}
@media screen and (max-width: 959px) {
	li.listitem2 {
		width: 100%;
		font-size: 16px;
		padding: 6px 15px 6px 32px;
	}
}

@media screen and (max-width: 959px) {
	li.listitem2 > img {
		width: auto!important;
	}
}

li.listitem3 {
	width:171px;
	padding:10px 5px 10px 22px;
	font-size:90%;
	list-style: none;
	font-weight:bold;
	border-top:#e5e5e5 dashed 1px;
	background: url("home/img/right_listicon1.jpg") no-repeat 5px 1.0em;
}
@media screen and (max-width: 959px) {
	li.listitem3 {
		width: 100%;
		font-size: 16px;
		padding: 10px 15px 10px 32px;
		background: url("home/img/right_listicon1.jpg") no-repeat 15px 1.0em;
	}
}

li.listitem4 {
	width:170px;
	padding:5px 5px 5px 23px;
	font-size:90%;
	color:#0B82B3;
	list-style:none;
	border-top:#e5e5e5 dashed 1px;
	background: url("home/img/linkicon.jpg") no-repeat 10px 1.0em;
}
@media screen and (max-width: 959px) {
	li.listitem4 {
		width: 100%;
		font-size: 15px;
	}
}

#areasearch {
	width:523px;
	margin:0px;
	padding-left:3px;
}
@media screen and (max-width: 959px) {
	#areasearch {
		width: 100%;
		display: flex;
		margin-bottom: 10px;
	}
}

#areasearch ul {
	margin:0px;
}
@media screen and (max-width: 959px) {
	#areasearch ul {
		width: calc(100% - 50px);
		display: flex;
		margin-right: 5px;
	}
}

#areasearch ul li {
	display: table-cell;
	*display: inline;
    	*zoom: 1;
	padding:0px;
	vertical-align:middle;
	float: left;
}

@media screen and (max-width: 959px) {
	#areasearch ul li:first-child {
		padding-right: 3px;
	}
}

@media screen and (max-width: 959px) {
	#areasearch ul li img {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
}

@media screen and (max-width: 959px) {
	#areasearch > img {
		width: 50px;
	}
}

#purposesearch {
	width:523px;
	margin:0px;
	padding-left:3px;
}
@media screen and (max-width: 959px) {
	#purposesearch {
		width: 100%;
		height: auto;
		display: flex;
		margin-bottom: 5px;
	}
}

#purposesearch ul {
	margin:0px;
}
@media screen and (max-width: 959px) {
	#purposesearch ul {
		width: 100%;
		display: flex;
	}
}

#purposesearch ul li {
	display: table-cell;
	*display: inline;
    	*zoom: 1;
	padding:0px;
	vertical-align:middle;
	float: left;
}

@media screen and (max-width: 959px) {
	#purposesearch ul li:first-child {
		padding-right: 3px;
	}
}

@media screen and (max-width: 959px) {
	#purposesearch ul li img {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
}

@media screen and (max-width: 959px) {
	#purposesearch > img {
		width: 50px;
	}
}

.TopFaqBox p {
	width:513px;
	height:26px;
	margin:0px;
	padding-top:10px;
	padding-left:15px;
	vertical-align:middle;
}
@media screen and (max-width: 959px) {
	.TopFaqBox p {
		width: 100%;
	}
}

/**************************************************************************************************

guidemap

**************************************************************************************************/
#gmap_wrap { overflow: hidden; }
@media screen and (max-width: 959px) {
	#gmap_wrap {
		padding: 0 5px;
	}
}

#gmap_map {
	margin-top: 10px;
	width: 360px;
	height: 480px;
	float: left;
	border: 1px solid #CCC;
}
@media screen and (max-width: 959px) {
	#gmap_map {
		width: 100%;
		height: 300px;
		float: none;
	}
}

#gmap_list {
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 10px;
	padding: 0;
	width: 160px;
	height: 480px;
	float: right;
	list-style: none;
}
@media screen and (max-width: 959px) {
	#gmap_list {
		width: 100%;
		height: 200px;
		float: none;
	}
}

#gmap_list li {
	width: 150px;
	height: 25px;
	font-size: 90%;
	border-bottom: 1px dashed #E5E5E5;
	margin-top: 7px;
	padding-bottom: 2px;
}
@media screen and (max-width: 959px) {
	#gmap_list li {
		width: 100%;
		height: auto;
		margin-top: 7px;
		padding-bottom: 8px;
	}
}

@media screen and (max-width: 959px) {
	#gmap_list li > div {
		display: flex;
		align-items: center;
	}
}

#gmap_list li img {
	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	margin-right: 2px;
}
@media screen and (max-width: 959px) {
	#gmap_list li img {
		width: auto;
		max-width: 100%;
		height: auto;
		margin-right: 5px;
	}
}

#gmap_list li a {
	display: inline-block;
	vertical-align: middle;
	width: 110px; /* 改行が必要な幅を超えるとカラム落ちします。 */
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	line-height: 1.1em;
}
@media screen and (max-width: 959px) {
	#gmap_list li a {
		width: auto;
	}
}

.info-data {
	width: 250px;
	font-size: 90%;
}
@media screen and (max-width: 959px) {
	.info-data {
		width: 100%;
	}
}

.info-data h1,
.info-data h3 {
	color: #C60;
	font-size: 16px;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #CCC;
	margin-bottom: 0.5em;
}
@media screen and (max-width: 959px) {
	.info-data h1,
	.info-data h3 {
		font-size: 12px;
	}
}

@media screen and (max-width: 959px) {
	.info_button > a {
		display: block;
		margin: 10px 0;
	}
}

@media screen and (max-width: 959px) {
	.info_button > ul {
		padding-bottom: 10px;
	}
}

.info_button li {
	display: block;
	float: left;
	margin-right: 16px;
}
@media screen and (max-width: 959px) {
	.info_button li {
		float: none;
		margin-right: 0;
		margin: 5px 0 0;
	}
	.info_button li:first-child {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 959px) {
	.info_button img {
		width: auto!important;
		max-width: 120px;
	}
}



/**************************************************************************************************

固定ページ共通
page

**************************************************************************************************/

.uline {
	border-bottom:#e5e5e5 dashed 1px;
}

.bgblue {
	background:#EEF7F8;
}

.bgorange {
	background:#FFFAF4;
}

.bgglay {
	background:#FAFAFA;
}

.bg_sightseeing {
	background:#FFFAF4;
}
.bg_gourmet {
	background:#FFFAF8;
}
.bg_playing {
	background:#F4F7FB;
}
.bg_stay {
	background:#F1F8F5;
}
.bg_shopping {
	background:#FFF8FF;
}
.bg_experience {
	background:#FDF8FF;
}

.ImgMapBox{
	width:250px;
	padding:10px;
	border:#ededed solid 1px;
	background: url("common/img/imgmap_bg.jpg") repeat-x bottom;
	float:left;
}
@media screen and (max-width: 959px) {
	.ImgMapBox {
		width: 100%;
		max-width: 272px;
		margin: 0 auto 20px;
	}
}

@media screen and (max-width: 959px) {
	.ImgMapBox img,
	.ImgMapBox iframe {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}

.InfoBox{
	width:440px;
	padding:0px;
	float:right;
}
@media screen and (max-width: 959px) {
	.InfoBox {
		width: 100%;
		max-width: 440px;
		margin: auto;
		float: none;
	}
}
@media screen and (max-width: 360px) {
	.InfoBox {
		max-width: 300px;
	}
}

@media screen and (max-width: 959px) {
	#swimmingEtitle {
		max-width: 440px;
		margin: 30px auto 0;
	}
}

.photoBox{
	width:150px;
	margin:0px 25px 0 15px;
	float:left;
}
@media screen and (max-width: 959px) {
	.photoBox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		float: none;
		margin: 20px 0 -10px;
		padding: 0 0 10px
	}
}

@media screen and (max-width: 959px) {
	.photoBox img {
		margin: 0 10px 10px 0;
	}
}

@media screen and (max-width: 959px) {
	.photoBox img:nth-of-type(2n) {
		margin-right: 0;
	}
}

.dataBox,
.dataBoxWithoutPhoto{
	width:535px;
	padding:0px;
	float:right;
}
@media screen and (max-width: 959px) {
	.dataBox,
	.dataBoxWithoutPhoto {
		width: 100%;
	}
}

.dataBoxWithoutPhoto{
	width:100%;
}

.contentsBox{
	width:725px;
	padding-left:20px;
}
@media screen and (max-width: 959px) {
	.contentsBox {
		width: 100%;
		max-width: 440px;
		display: flex;
		flex-wrap: wrap;
		margin: auto;
		margin-bottom: 30px!important;
		padding-left: 0;
	}
	/* もみじロード */
	body.page-id-1360 .contentsBox > img {
		width: 100%;
	}
	body.page-id-1360 .contentsBox p.maL10.maU30.maB50 {
		margin: 0 0 30px;
	}
	/* 交通案内 */
	body.page-id-19 .contentsBox > p.maU40 {
		margin-top: 20px;
	}
	body.page-id-19 .contentsBox > p.maL10 {
		margin-left: 0;
	}
	body.page-id-19 .contentsBox > p.maB40 {
		margin-bottom: 20px;
	}
	/* 富津のハイキング */
	body.page-id-761 .contentsBox > .maU5.maB10 {
		margin: 0 auto 15px;
	}
	body.page-id-761 .contentsBox > p.maL10.maB30 {
		margin: 0 0 25px;
	}
	/* 富津の海水浴 */
	body.page-id-2704 .contentsBox > .maU5.maB10 {
		margin: 0 auto 15px;
	}
	body.page-id-2704 .contentsBox > p.maL10.maB30 {
		margin: 0 0 25px;
	}
	/* 富津の温泉 */
	body.page-id-3650 .contentsBox > .maU5.maB10 {
		margin: 0 auto;
	}
	body.page-id-3650 .contentsBox > p.maL10.maB30 {
		margin: 0 0 25px;
	}
	/* 富津の潮干狩り */
	body.page-id-31 .contentsBox > .maU5.maB20 {
		margin: 0 auto 20px;
	}
	body.page-id-31 .contentsBox > p.maL10,
	body.page-id-31 .contentsBox > p.maL10.maB10 {
		margin-left: 0;
	}
	body.page-id-31 .contentsBox > .maU50 {
		margin-top: 20px;
	}
	/* 富津の潮干狩り > あさりオリジナルメニュー */
	body.page-id-863 .contentsBox > .maU5.maB20 {
		margin: 0 auto 20px;
	}
	body.page-id-863 .contentsBox > p {
		text-align: left;
		margin-left: 0;
	}
	body.page-id-863 .contentsBox > .maU50.txtC {
		width: 100%;
		margin: 20px auto 0;
	}
	/* 富津はかりめフェア */
	body.page-id-1222 .contentsBox > .maU5.maB10 {
		margin: 0 auto 20px;
	}
	body.page-id-1222 .contentsBox > .maU30.maB30 {
		margin: 0 auto 40px;
	}
	body.page-id-1222 .contentsBox > .maU30.maB30 > .floatL.maR30 {
		margin-right: 20px;
	}
	body.page-id-1222 .contentsBox > .maU30.maB30 > div > p.maL10.maU40.maB10 {
		margin: 20px 0 0;
	}
	body.page-id-1222 .contentsBox > .maU30.maB30 > div > p.maL10.maU30.maB10 {
		margin: 0;
	}
	/* 富津公園周回コース */
	body.page-id-787 .contentsBox {
		margin-top: -10px;
	}
	/* 富津射場 ヘリテージング */
	body.page-id-7061 .contentsBox > .maU5.maB40 {
		margin: 0 auto 30px;
	}
	body.page-id-7061 .contentsBox > p.maL10 {
		margin-left: 0;
	}
	/* 年間イベント */
	body.page-id-2891 .contentsBox > .maU5.maB10 {
		margin: 0 auto 25px;
	}
	body.page-id-2891 .contentsBox > p.maL10.maU20 {
		margin: 0 0 25px;
	}
}
@media screen and (max-width: 750px) {
	/* 富津の海水浴 */
	body.page-id-2704 .contentsBox > .maU5.maB10 {
		margin: 0 auto;
	}
}
@media screen and (max-width: 360px) {
	.contentsBox {
		max-width: 300px;
	}
}

@media screen and (max-width: 959px) {
	.contentsBox > p {
		font-size: 12px;
	}
}

@media screen and (max-width: 959px) {
	/* 「たび旅富津」ホームページの翻訳について */
	body.page-id-3343 .contentsBox > p.maL15.maU20.maB30 {
		margin-left: 0;
	}
}
@media screen and (max-width: 959px) {
	/* おすすめコース */
	body.page-id-14 .contentsBox > p.maL10 {
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 0;
	}
}
@media screen and (max-width: 959px) {
	/* お問い合わせ */
	body.page-id-37 .contentsBox > p.maU20.maL10,
	body.page-id-37 .contentsBox > p.maL10.maB20,
	body.page-id-37 .contentsBox > p.maL10.txtRed,
	body.page-id-37 .contentsBox > p.maL10.maB20.txtRed {
		margin-left: 0;
	}
}
@media screen and (max-width: 959px) {
	/* ふっつ海堡丼 */
	body.page-id-588 .contentsBox .maU5.maB10 {
		margin: 0 auto 20px;
	}
	body.page-id-588 .contentsBox .maU5.maB20.floatR {
		margin: 0 auto 20px;
		float: none;
	}
	body.page-id-588 .contentsBox > p.maL10 {
		margin-left: 0;
	}
	body.page-id-588 .contentsBox > p.maL10.maB50 {
		margin-bottom: 30px;
	}
	body.page-id-588 .contentsBox .pdf_download {
		margin: 20px auto 30px;
	}
	body.page-id-588 .contentsBox .pdf_download p {
		margin-left: 0;
	}
	body.page-id-588 .contentsBox .pdf_download p a {
		display: inline-block;
		margin: 5px 0 0;
	}
	/* ふっつ生のりフェア */
	body.page-id-1976 .contentsBox .maU10.maB5:first-child {
		margin: 0 auto 20px;
	}
	body.page-id-1976 .contentsBox > p.maL5.maB10 {
		margin-left: 0;
	}
	body.page-id-1976 .contentsBox > .maU20.maB30 {
		margin: 20px 0 10px;
	}
	body.page-id-1976 .contentsBox .pdf_download {
		margin: 20px 0 20px;
	}
	body.page-id-1976 .contentsBox .pdf_download p {
		margin-left: 0;
	}
	body.page-id-1976 .contentsBox .pdf_download p a {
		display: inline-block;
		margin: 5px 0 0;
	}
	/* もみじロード */
	body.page-id-1360 .contentsBox .maU5.maB10 {
		margin: 0 auto 20px;
	}
	body.page-id-1360 .contentsBox > p.maL10.maU20.maB20 {
		margin: 0 0 20px;
	}
	body.page-id-1360 .contentsBox > .maU30.maB30 {
		margin: 0 auto 30px;
	}
	/* 富津の潮干狩り */
	body.page-id-31 .contentsBox p.maL10.maB10:nth-of-type(6) {
		margin: 30px 0 10px;
	}
	body.page-id-31 .contentsBox .pdf_download {
		margin: 20px auto 30px;
	}
	body.page-id-31 .contentsBox .pdf_download p {
		margin-left: 0;
	}
	body.page-id-31 .contentsBox .pdf_download p a {
		display: inline-block;
		margin: 5px 0 0;
	}
	/* 富津はかりめフェア */
	body.page-id-1222 .contentsBox .pdf_download {
		margin: 10px 0 0;
	}
	body.page-id-1222 .contentsBox .pdf_download p a {
		display: inline-block;
		margin: 5px 0 0;
	}
	/* 富津射場 ヘリテージング */
	body.page-id-7061 .contentsBox .pdf_download {
		margin: 10px auto 35px;
	}
	body.page-id-7061 .contentsBox .pdf_download p {
		margin-left: 0;
	}
	body.page-id-7061 .contentsBox .pdf_download p a {
		display: inline-block;
		margin: 5px 0 0;
	}
}
@media screen and (max-width: 750px) {
	/* 富津の潮干狩り */
	body.page-id-31 .contentsBox .pdf_download {
		margin: -20px auto 30px;
	}
	/* 富津射場 ヘリテージング */
	body.page-id-7061 .contentsBox .pdf_download {
		margin: 15px auto 40px;
	}
	body.page-id-7061 .contentsBox .pdf_download p {
		font-size: 12px;
	}
	body.page-id-7061 .contentsBox .pdf_download p a {
		display: block;
	}
}
@media screen and (max-width: 360px) {
	/* 富津はかりめフェア */
	body.page-id-1222 .contentsBox .pdf_download {
		display: inline-block;
	}
}

@media screen and (max-width: 959px) {
	/* よくあるご質問 */
	body.page-id-21 .contentsBox > .questionArea {
		width: 100%;
	}
	body.page-id-21 .contentsBox > .questionArea.bgglay.uline.maB100 {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 959px) {
	.contentsBox > div > img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 959px) {
	.contentsBox > div.maB30 > img {
		width: 100%;
		height: auto;
	}
}

.outlineTable {
	width:440px;
	font-size:92%;
}
@media screen and (max-width: 959px) {
	.outlineTable {
		width: 100%;
	}
}

@media screen and (max-width: 959px) {
	.outlineTable * {
		word-break: break-all;
	}
}

.outlineTable th {
	width:15%;
	padding:5px;
}
@media screen and (max-width: 959px) {
	.outlineTable th {
		min-width: 60px;
	}
}

.outlineTable td {
	width:80%;
	padding:0px;
}

.accessTable {
	width:440px;
	font-size:92%;
}
@media screen and (max-width: 959px) {
	.accessTable {
		width: 100%;
	}
}

.accessTable th {
	width:15%;
	padding:5px;
}
@media screen and (max-width: 959px) {
	.accessTable th {
		min-width: 60px;
	}
}

.accessTable td {
	width:80%;
	padding:0px;
}

td.arrow {
	width:20px;
	padding:5px;
	text-align:center;
}

.dataTable {
	width:100%;
	font-size:92%;
}

.dataTable td {
	padding:5px;
}

.dataTable td.col2L {
	width:230px;
	padding:5px;
}

.dataTable td.col2R {
	width:230px;
	padding:5px;
}

.data185Area {
	width:185px;
	margin:0;
	padding:0px;
	font-size:90%;
}
@media screen and (max-width: 959px) {
	.data185Area {
		width: calc(50% - 5px);
	}
}

.data340Area {
	width:340px;
	margin:0;
	padding:0px;
	font-size:92%;
}
@media screen and (max-width: 959px) {
	.data340Area {
		width: 100%;
		max-width: 297px;
		margin: 0 auto;
		padding: 0 0 20px;
		float: none!important;
	}
	/* サイトマップ */
	body.page-id-35 .data340Area.floatL .maU20.maL20 {
		max-width: 360px;
		margin: 20px auto 0;
	}
	body.page-id-35 .data340Area.floatL {
		max-width: initial;
	}
	body.page-id-35 .data340Area.floatL .floatL.sitecat {
		width: 100px;
	}
	body.page-id-35 .data340Area.floatL ul {
		font-size: 14px;
	}
	body.page-id-35 .data340Area.floatR {
		max-width: 360px;
		margin: auto;
	}
	body.page-id-35 .data340Area.floatR > div {
		margin-left: 0;
	}
	body.page-id-35 .data340Area.floatR > div img {
		width: auto;
		height: auto;
		margin-right: 15px;
	}
	body.page-id-35 .data340Area.floatR > div .sitecat {
		width: calc(100% - 50px - 5px);
	}
	/* 交通案内 */
	body.page-id-19 .data340Area {
		max-width: initial;
	}
	body.page-id-19 .data340Area p {
		margin-left: 0;
	}
}
@media screen and (max-width: 750px) {
	/* サイトマップ */
	body.page-id-35 .data340Area ul {
		font-size: 12px;
	}
}
@media screen and (max-width: 360px) {
	/* サイトマップ */
	body.page-id-35 .data340Area.floatL .floatL.sitecat {
		width: 90px;
	}
}

@media screen and (max-width: 959px) {
	.data340Area:last-child {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 959px) {
	.data340Area p.ft120 {
		font-size: 13px;
	}
}

.data380Area {
	width:380px;
	font-size:92%;
	margin:0;
	padding:0px;
}
@media screen and (max-width: 959px) {
	.data380Area {
		width: 100%;
		margin: 0 0 -10px;
	}
	/* ふっつ海堡丼 */
	body.page-id-1360 .data380Area h5 {
		margin: 20px 0 10px;
	}
	body.page-id-1360 .data380Area p {
		margin: 0 0 10px;
	}
	/* 交通案内 */
	body.page-id-19 .data380Area > p {
		margin-left: 0;
	}
	body.page-id-19 .data380Area > p.maL10:last-child {
		margin-bottom: 10px;
	}
	body.page-id-19 .data380Area > p.maU10.maL10 {
		margin-top: 10px;
	}
	body.page-id-19 .data380Area > p.maB10.maL10 {
		margin-bottom: 20px;
	}
}

.contentsTable {
	width:100%;
}

.contentsTable td {
	padding:3px;
}

@media screen and (max-width: 959px) {
	.contentsTable.maB40 td {
		width: 50%;
		vertical-align: top;
	}
	.contentsTable td span.ft18 {
		font-size: 14px;
	}
}
@media screen and (max-width: 750px) {
	.contentsTable td span.ft18 {
		font-size: 12px;
	}
}
@media screen and (max-width: 360px) {
	.contentsTable td span.ft18 {
		font-size: 11px;
	}
}



/**************************************************************************************************

グルメ
gourmet.

**************************************************************************************************/

#sightseeingName,
#gourmetName,
#playingName,
#stayName,
#shoppingName,
#experienceName {
	width:685px;
	height:31px;
	margin-left:20px;
	padding:7px 0 0 50px;
}
@media screen and (max-width: 959px) {
	#sightseeingName,
	#gourmetName,
	#playingName,
	#stayName,
	#shoppingName,
	#experienceName {
		width: 100%;
		height: auto;
		margin: 0 0 20px;
		padding: 2px 0 4px 50px;
	}
}

#sightseeingName {
	color:#EB6023;
	background: url("sightseeing/img/h3_bg.png") no-repeat;
}
#gourmetName {
	color:#E61F19;
	background: url("gourmet/img/h3_bg.png") no-repeat;
}
#playingName {
	color:#256AB3;
	background: url("playing/img/h3_bg.png") no-repeat;
}
#stayName {
	color:#32B03F;
	background: url("stay/img/h3_bg.png") no-repeat;
}
#shoppingName {
	color:#E4298E;
	background: url("shopping/img/h3_bg.png") no-repeat;
}
#experienceName {
	color:#864E9C;
	background: url("experience/img/h3_bg.png") no-repeat;
}

@media screen and (max-width: 959px) {
	#sightseeingName,
	#gourmetName,
	#playingName,
	#stayName,
	#shoppingName,
	#experienceName {
		border-right: 1px solid #d4d4d4;
		border-radius: 0 6px 0 0;
		background-size: auto 100%;
	}
}

#sightseeingName h3,
#gourmetName h3,
#playingName h3,
#stayName h3,
#shoppingName h3,
#experienceName h3 {
	font-size:114%;
	margin-top: 3px;
	letter-spacing:1px;
}

#sightseeingName p,
#gourmetName p,
#playingName p,
#stayName p,
#shoppingName p,
#experienceName p {
	font-size:92%;
	padding-top:6px;
}

span.sightseeing,
span.gourmet,
span.playing,
span.stay,
span.shopping,
span.experience {
	font-size:105%;
}

span.sightseeing,
.sightseeingtxt {
	color:#EB6023;
}
span.gourmet,
.gourmettxt {
	color:#E61F19;
}
span.playing,
.playingtxt {
	color:#256AB3;
}
span.stay,
.staytxt {
	color:#32B03F;
}
span.shopping,
.shoppingtxt {
	color:#E4298E;
}
span.experience,
.experiencetxt {
	color:#864E9C;
}

#sightseeingOtitle,
#gourmetOtitle,
#playingOtitle,
#stayOtitle,
#shoppingOtitle,
#experienceOtitle {
	width:410px;
	height:23px;
	/*font-size:90%;*/
	font-weight: bold;
	padding:3px 0 0 30px;
	color:#fff;
}
@media screen and (max-width: 959px) {
	#sightseeingOtitle,
	#gourmetOtitle,
	#playingOtitle,
	#stayOtitle,
	#shoppingOtitle,
	#experienceOtitle {
		width: 100%;
		max-width: 440px;
		height: 25px;
		border-radius: 0 6px 0 0;
	}
}
@media screen and (max-width: 360px) {
	#sightseeingOtitle,
	#gourmetOtitle,
	#playingOtitle,
	#stayOtitle,
	#shoppingOtitle,
	#experienceOtitle {
		max-width: 300px;
	}
}

#sightseeingOtitle {
	background: url("sightseeing/img/gaiyoubg.png") no-repeat;
}
#gourmetOtitle {
	background: url("gourmet/img/gaiyoubg.png") no-repeat;
}
#playingOtitle {
	background: url("playing/img/gaiyoubg.png") no-repeat;
}
#stayOtitle {
	background: url("stay/img/gaiyoubg.png") no-repeat;
}
#shoppingOtitle {
	background: url("shopping/img/gaiyoubg.png") no-repeat;
}
#experienceOtitle {
	background: url("experience/img/gaiyoubg.png") no-repeat;
}

#sightseeingAtitle,
#gourmetAtitle,
#playingAtitle,
#stayAtitle,
#shoppingAtitle,
#experienceAtitle {
	width:410px;
	height:23px;
	/*font-size:90%;*/
	font-weight: bold;
	padding:3px 0 0 30px;
	color:#fff;
}
@media screen and (max-width: 959px) {
	#sightseeingAtitle,
	#gourmetAtitle,
	#playingAtitle,
	#stayAtitle,
	#shoppingAtitle,
	#experienceAtitle {
		width: 100%;
		border-radius: 0 6px 0 0;
		margin: 30px auto 0;
	}
}

#sightseeingAtitle {
	background: url("sightseeing/img/accessbg.png") no-repeat;
}
#gourmetAtitle {
	background: url("gourmet/img/accessbg.png") no-repeat;
}
#playingAtitle {
	background: url("playing/img/accessbg.png") no-repeat;
}
#stayAtitle {
	background: url("stay/img/accessbg.png") no-repeat;
}
#shoppingAtitle {
	background: url("shopping/img/accessbg.png") no-repeat;
}
#experienceAtitle {
	background: url("experience/img/accessbg.png") no-repeat;
}

#sightseeingEtitle,
#gourmetEtitle,
#playingEtitle,
#stayEtitle,
#shoppingEtitle,
#experienceEtitle {
	clear:both;
	width:715px;
	height:23px;
	/*font-size:90%;*/
	font-weight: bold;
	margin-left:20px;
	padding:3px 0 0 10px;
	color:#fff;
}
@media screen and (max-width: 959px) {
	#sightseeingEtitle,
	#gourmetEtitle,
	#playingEtitle,
	#stayEtitle,
	#shoppingEtitle,
	#experienceEtitle {
		width: 100%;
		max-width: 440px;
		height: 25px;
		margin-left: 0;
		border-radius: 0 6px 0 0;
	}
}
@media screen and (max-width: 360px) {
	#sightseeingEtitle,
	#gourmetEtitle,
	#playingEtitle,
	#stayEtitle,
	#shoppingEtitle,
	#experienceEtitle {
		max-width: 300px;
	}
}

#sightseeingEtitle {
	background: url("sightseeing/img/etcbg.png") no-repeat;
}
#gourmetEtitle {
	background: url("gourmet/img/etcbg.png") no-repeat;
}
#playingEtitle {
	background: url("playing/img/etcbg.png") no-repeat;
}
#stayEtitle {
	background: url("stay/img/etcbg.png") no-repeat;
}
#shoppingEtitle {
	background: url("shopping/img/etcbg.png") no-repeat;
}
#experienceEtitle {
	background: url("experience/img/etcbg.png") no-repeat;
}

@media screen and (max-width: 959px) {
	#sightseeingEtitle,
	#gourmetEtitle,
	#playingEtitle,
	#stayEtitle,
	#shoppingEtitle,
	#experienceEtitle {
		width: 100%;
		max-width: 440px;
		margin: auto;
	}
}
@media screen and (max-width: 360px) {
	#sightseeingEtitle,
	#gourmetEtitle,
	#playingEtitle,
	#stayEtitle,
	#shoppingEtitle,
	#experienceEtitle {
		max-width: 300px;
	}
}



/**************************************************************************************************

よくあるご質問
faq.

**************************************************************************************************/

h3#faqName {
	width:685px;
	height:29px;
	margin-left:20px;
	padding:9px 0 0 50px;
	color:#2CA6E0;
	font-size:114%;
	letter-spacing:1px;
	background: url("faq/img/h3_bg.jpg") no-repeat;
}
@media screen and (max-width: 959px) {
	h3#faqName {
		width: 100%;
		max-width: 440px;
		height: auto;
		font-size: 14px;
		margin: 0 auto;
		padding: 9px 5px 8px 50px;
		border-right: 1px solid #e5e5e5;
		border-radius: 0 4px 0 0;
	}
}

div.questionArea p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	width:100%;
	color:#3761AC;
	padding:5px 0px 5px 15px;
	border-top:#e5e5e5 dashed 1px;
}

/*for IE6 */
* html .questionArea p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .questionArea p {
	display: inline;
	zoom: 1;
}
div.questionArea p.image {
	width: 26px;
	padding-right: 0px;
}

div.anserBox {
	width:725px;
	height:38px;
	margin:0px;
	padding:0px;
	background: url("common/img/h3_bg.jpg") no-repeat;
}

/**************************************************************************************************

検索
search.

**************************************************************************************************/

h3.searchTitle {
	font-weight:normal;
	text-decoration:underline;
	font-size:114%;
	letter-spacing:1px;
	color:#0000ff;
}

h3.searchTitle a {
	color:#0000ff;
}

p.searchUrl {
	color:#2daf20;
	word-wrap: break-word;
}

.search-everything-highlight-color {
	font-weight: bold;
}

a .search-everything-highlight-color {
	font-weight: normal;
}

/**************************************************************************************************

ガイドマップ
guideMap.

**************************************************************************************************/


.spotBox{
	width:285px;
	height:75px;
	margin:5px 0px;
	padding:5px;
	border:#ededed solid 1px;
	background: url("guidemap/img/box_bg.jpg") repeat-x bottom;
}
@media screen and (max-width: 959px) {
	.spotBox {
		width: 100%;
		height: auto;
	}
}

table.guideTable  {
	width:100%;
}
@media screen and (max-width: 959px) {
	.pageBox2 > .paA10 > table.guideTable td:nth-of-type(2) {
		display: none;
	}
	.pageBox2 > .paA10.uline > table.guideTable td:nth-of-type(2) {
		display: block;
	}
}

@media screen and (max-width: 959px) {
	.guideTable tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

.guideTable th {
	vertical-align: middle;
	width:102px;
	height:153px;
	text-align:center;
	border:#ededed solid 1px;
}
@media screen and (max-width: 959px) {
	.guideTable tr th {
		width: 150px;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 20px 0 0;
		padding: 0;
	}
	.guideTable tr th:nth-of-type(1) {
		margin-top: 0;
	}
	.guideTable tr td p.maU10 > a > img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 959px) {
	.guideTable tr th {
		width: 120px;
		padding: 10px;
	}
	.guideTable tr th > img {
		width: 100%;
		height: auto;
		display: block;
	}
}

.guideTable td {
	vertical-align: top;
	width:180px;
	padding:0px 5px;
}
@media screen and (max-width: 959px) {
	.guideTable tr td {
		width: calc(100% - 150px - 15px);
		font-size: 12px;
		margin: 20px 0 0;
		padding: 0;
	}
	.guideTable tr td:nth-of-type(1) {
		margin-top: 0;
	}
	.guideTable tr td p.ft120.txtB {
		font-size: 15px;
	}
	.guideTable tr td p.txtRed {
		font-size: 12px;
	}
}
@media screen and (max-width: 959px) {
	.guideTable tr td {
		width: calc(100% - 120px - 15px);
	}
}



/**************************************************************************************************

お問い合わせ
contact

**************************************************************************************************/

h3#contactName {
	width:685px;
	height:29px;
	margin-left:20px;
	padding:9px 0 0 50px;
	color:#2CA6E0;
	font-size:114%;
	letter-spacing:1px;
	background: url("contact/img/h3_bg.jpg") no-repeat;
}
@media screen and (max-width: 959px) {
	h3#contactName {
		width: 100%;
		max-width: 440px;
		height: auto;
		font-size: 14px;
		margin: 0 auto;
		padding: 9px 3px 8px 50px;
		border-right: 1px solid #e5e5e5;
		border-radius: 0 4px 0 0;
	}
}

.contactBox {
	padding:15px;
	font-size:100%;
}
@media screen and (max-width: 959px) {
	.contactBox {
		padding: 0;
	}
}

@media screen and (max-width: 959px) {
	.contactBox table td:nth-of-type(1) {
		width: 80px;
		font-size: 12px;
	}
}

@media screen and (max-width: 959px) {
	.contactBox table td input,
	.contactBox table td textarea {
		width: 100%;
	}
}

@media screen and (max-width: 959px) {
	.contactBox p.maU30.botan {
		margin: 20px 0 0;
	}
}

@media screen and (max-width: 959px) {
	.contactBox p.maU30.botan span.ajax-loader {
		display: block;
		margin: 10px auto 0;
	}
}

@media screen and (max-width: 959px) {
	.contactBox .wpcf7-response-output {
		margin: 5px 0 0;
	}
}

/* =========== TABLE =========== */
.contactBox table {
	width: 100%;
	font-size:13px;
	line-height:1.6em;
	border-collapse:collapse;
	margin:0 ;
}

.contactBox td {
	font-size:13px;
	line-height:1.6em;
	padding:6px 8px;
	border:solid 1px #989898;
}
.contactBox th {
	font-size:13px;
	line-height:1.6em;
	vertical-align:top;
	padding:6px 8px;
	text-align:left;
	border:solid 1px #989898;
}

.contactBox p.botan {
	text-align:center;
}

/**************************************************************************************************

サイトマップ
sitemap

**************************************************************************************************/

h3#sitemapName {
	width:685px;
	height:29px;
	margin-left:20px;
	padding:9px 0 0 50px;
	color:#6A3906;
	font-size:114%;
	letter-spacing:1px;
	background: url("sitemap/img/h3_bg.jpg") no-repeat;
}
@media screen and (max-width: 959px) {
	h3#sitemapName {
		width: 100%;
		height: auto;
		font-size: 14px;
		margin-left: 0;
		padding: 9px 5px 8px 50px;
		border-right: 1px solid #e5e5e5;
		border-radius: 4px 4px 0 0;
	}
}

.sitecat{
	width:120px;
	margin:0px;
	padding:0px;
}

.orange {
	color:#E89000;
}

.red {
	color:#E61F19;
}
.blue {
	color:#1560AD;
}
.green {
	color:#1EAA39;
}
.pink {
	color:#E3007F;
}
.purple {
	color:#763991;
}


/**************************************************************************************************

カレンダー
calendar.

**************************************************************************************************/

#calendar {
	text-align:center;
}

#calendar table {
	width:97%;
	font-size:13px;
}

#calendar caption {
	padding:5px 0px;
	font-size:15px;
	text-align:center;
	font-weight:bold;
}

#calendar th {
	font-weight:bold;
	text-align:center;
}

#calendar a:link {
	color:#0000ff;
	text-decoration: underline;
}

#calendar a:visited {
	color:#0000ff;
	text-decoration: underline;
}

#calendar a:hover {
	color:#ff0000;
	text-decoration: underline;
}

#calendar a:active {
	color:#ff0000;
	text-decoration: underline;
}

/**************************************************************************************************

新着情報
whatsnew

**************************************************************************************************/

div.NewsTitleBox{
	vertical-align:middle;
	width:725px;
	height:38px;
	letter-spacing:1px;
	background:url(whatsnew/img/h3_bg.jpg) no-repeat;
}
@media screen and (max-width: 959px) {
	div.NewsTitleBox {
		width: 100%;
		border-right: 1px solid #e4e4e4;
		border-radius: 0 4px 0 0;
	}
}

h3.NewsTitle{
	padding-top:7px;
	padding-left:30px;
	font-size:18px;
	font-weight:bold;
	float:left;
}
@media screen and (max-width: 959px) {
	h3.NewsTitle {
		font-size: 14px;
		padding: 9px 10px 0 30px;
	}
}

p.Newsdate{
	display:table-cell;
	padding-top:10px;
	padding-right:20px;
	font-size:102%;
	color:#E61F19;
	font-weight:bold;
	vertical-align:bottom;
	flort:right;
	letter-spacing:1px;
}
@media screen and (max-width: 959px) {
	p.Newsdate {
		font-size: 11px;
		padding: 11px 10px 0 0;
	}
}

.singleBox {
	width:683px;
	margin:0;
	padding:20px;
	border:#e5e5e5 solid 1px;
}
@media screen and (max-width: 959px) {
	.singleBox {
		width: 100%;
	}
	/* 本サイトについて */
	body.page-id-906 .singleBox {
		padding: 10px;
	}
	body.page-id-906 .page_about .singleBox h4 {
		margin: 20px 0 10px;
	}
	body.page-id-906 .page_about .singleBox p {
		margin: 0 0 10px;
	}
	body.page-id-906 .page_about .singleBox ul {
		margin: 0 0 0 20px;
	}
	body.page-id-906 .page_about .singleBox ol {
		margin: 0 0 0 20px;
	}
}

@media screen and (max-width: 959px) {
	.singleBox p {
		font-size: 12px;
		word-break: break-word;
	}
}

.singleBox > img,
.singleBox > p img {
	border:#e5e5e5 solid 1px;
}
@media screen and (max-width: 959px) {
	.singleBox img,
	.singleBox > img,
	.singleBox > p img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 959px) {
	.singleBox iframe {
		width: auto;
		max-width: 100%;
	}
}

.singleBox img.attachment-large {
	width: 100%;
	height: auto;
}
/**************************************************************************************************

イベント情報
event

**************************************************************************************************/

div.EventTitleBox{
	vertical-align:middle;
	width:725px;
	height:38px;
	letter-spacing:1px;
	background:url(event/img/h3_bg.jpg) no-repeat;
}
@media screen and (max-width: 959px) {
	div.EventTitleBox {
		width: 100%;
		border-right: 1px solid #e4e4e4;
		border-radius: 0 4px 0 0;
	}
}

h3.EventTitle{
	padding-top:7px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	float:left;
}
@media screen and (max-width: 959px) {
	h3.EventTitle {
		font-size: 14px;
		padding: 9px 10px 0 30px;
	}
}

h3.EventTitle2{
	background:url(year-event/img/h3_bg.jpg) no-repeat;
	padding:9px 0 3px 0;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
}
@media screen and (max-width: 959px) {
	h3.EventTitle2 {
		width: 100%;
		height: auto;
		font-size: 14px;
		padding: 9px 5px 7px 30px;
		border-right: 1px solid #e5e5e5;
		border-radius: 4px 4px 0 0;
	}
}

p.Eventdate{
	display:table-cell;
	padding-top:10px;
	padding-right:20px;
	font-size:102%;
	color:#E61F19;
	font-weight:bold;
	vertical-align:bottom;
	flort:right;
	letter-spacing:1px;
}



/**************************************************************************************************

海保丼祭
kaihodon

**************************************************************************************************/
.pdf_download img {
	vertical-align: middle;
}

.shoplistTable {
	width: 590px;
	font-size: 90%;
}
@media screen and (max-width: 959px) {
	/* ふっつ海堡丼 */
	body.page-id-588 .contentsBox table.shoplistTable,
	body.page-id-1976 .contentsBox table.shoplistTable {
		width: 100%;
	}
	body.page-id-588 .contentsBox table.shoplistTable td,
	body.page-id-1976 .contentsBox table.shoplistTable td {
		font-size: 12px;
		padding: 5px;
	}
	body.page-id-588 .contentsBox table.shoplistTable td.col01,
	body.page-id-1976 .contentsBox table.shoplistTable td.col01 {
		width: auto;
	}
	body.page-id-588 .contentsBox table.shoplistTable td.col02,
	body.page-id-1976 .contentsBox table.shoplistTable td.col02 {
		width: auto;
	}
	body.page-id-588 .contentsBox table.shoplistTable td.col03,
	body.page-id-1976 .contentsBox table.shoplistTable td.col03 {
		width: auto;
	}
	body.page-id-588 .contentsBox table.shoplistTable td.col04,
	body.page-id-1976 .contentsBox table.shoplistTable td.col04 {
		width: auto;
	}
}

.shoplistTable_2 {
	width: 703px;
	font-size: 90%;
}

.shoplistTable .col03 {
	width: 20%;
}

.shoplistTable .col01{
	width: 25%;
}
.shoplistTable .col02 {
	width: 20%;
}
.shoplistTable_2 .event_1 {
	width: 20%;
}
.shoplistTable_2 .event_2 {
	width: 80%;
}

.shoplistTable thead {
	border-bottom: 1px solid #ccc;
}

.shoplistTable thead th {
	text-align: center;
}

.shoplistTable td {
	padding: 6px 8px;
}

.shoplistTable_2 thead {
	border-bottom: 1px solid #ccc;
}

.shoplistTable_2 thead th {
	text-align: center;
}

.shoplistTable_2 td {
	padding: 6px 8px;
}



/**************************************************************************************************

はかりめフェア

**************************************************************************************************/
.hakaTable {
	width: 100%;
}

@media screen and (max-width: 959px) {
	.hakaTable td {
		font-size: 12px;
		padding: 10px 5px;
	}
	.hakaTable td:first-child {
		padding-left: 0;
	}
	.hakaTable td:last-child {
		padding-right: 0;
	}
}
@media screen and (max-width: 750px) {
	.hakaTable td {
		font-size: 11px;
		padding: 10px 4px;
	}
}

.haka01 {
	width: 5%;
	border-bottom:solid 1px #D3D3D3;
	text-align:center;
}
@media screen and (max-width: 959px) {
	.haka01 {
		width: auto;
	}
}

.haka02 {
	width:15%;
	border-bottom:solid 1px #D3D3D3;
	text-align:center;
}
@media screen and (max-width: 959px) {
	.haka02 {
		width: auto;
	}
}

.haka03 {
	width:50%;
	border-bottom:solid 1px #D3D3D3;
	padding:15px;
}
@media screen and (max-width: 959px) {
	.haka03 {
		width: 120px;
	}
}

.osusume{
	font-weight:bold;
	border-bottom:dotted 1px #808080;
	margin-bottom:3px;
}



/**************************************************************************************************

あさりオリジナルメニュー
clamcooking

**************************************************************************************************/
.cooking_photo {
	margin: 10px;
}

.zairyouBox {
	border: 1px dotted #ccc;
	font-size: 90%;
	padding: 10px;
	width: 218px;
	margin: 10px 0 20px 10px;
}

.tukurikataBox {
	width: 420px;
	margin-left: 10px;
	padding-top: 10px;
}

.tukurikataBox p {
	margin: 0 0 10px 0;
}



/**************************************************************************************************

本サイトについて
about

**************************************************************************************************/
.page_about .singleBox ul {
	margin: 1em 2em 0;
	list-style-type: square;
}

.page_about .singleBox ol {
	margin: 1em 3em 0;
}
.page_about .singleBox ol ol {
	margin-top: 0;
	list-style-type: katakana;
}

.page_about h4 {
	margin: 1.6em 1em 0.6em 0;
	color: #e30012;
	border-left: 5px solid #e30012;
	padding: 0 8px;
}



/**************************************************************************************************

海水浴
kaisuiyoku

**************************************************************************************************/

.shoplistTable_kai {
	width: 700px;
	font-size: 90%;
}
@media screen and (max-width: 959px) {
	/* 富津の海水浴 */
	body.page-id-2704 .shoplistTable_kai {
		width: 100%;
	}
	/* 富津の温泉 */
	body.page-id-3650 .shoplistTable_kai {
		width: 100%;
	}
}

.shoplistTable_kai thead {
	border-bottom: 1px solid #ccc;
}
.shoplistTable_kai thead th {
	text-align: center;
}

.shoplistTable_kai .col05 {
	width: 40%;
}
.shoplistTable_kai .col03 {
	width: 15%;
}
.shoplistTable_kai .col01{
	width: 25%;
}
.shoplistTable_kai .col02 {
	width: 25%;
}
@media screen and (max-width: 959px) {
	/* 富津の海水浴 */
	body.page-id-2704 .shoplistTable_kai thead th {
		padding: 8px 5px;
	}
	body.page-id-2704 .shoplistTable_kai thead th:first-child {
		padding-left: 0;
	}
	body.page-id-2704 .shoplistTable_kai thead th:last-child {
		padding-right: 0;
	}
	body.page-id-2704 .shoplistTable_kai thead th.col05 {
		width: 30%;
	}
	body.page-id-2704 .shoplistTable_kai thead th.col02 {
		width: auto;
	}
	body.page-id-2704 .shoplistTable_kai thead th.col03 {
		width: auto;
	}
	body.page-id-2704 .shoplistTable_kai thead th.col04 {
		width: auto;
	}
	/* 富津の温泉 */
	body.page-id-3650 .shoplistTable_kai thead th {
		padding: 8px 5px;
	}
	body.page-id-3650 .shoplistTable_kai thead th:first-child {
		padding-left: 0;
	}
	body.page-id-3650 .shoplistTable_kai thead th:last-child {
		padding-right: 0;
	}
	body.page-id-3650 .shoplistTable_kai thead th.col05 {
		width: 15%;
	}
	body.page-id-3650 .shoplistTable_kai thead th.col02 {
		width: auto;
	}
	body.page-id-3650 .shoplistTable_kai thead th.col03 {
		width: auto;
	}
	body.page-id-3650 .shoplistTable_kai thead th.col04 {
		width: auto;
	}
}

.shoplistTable_kai td {
	padding: 6px 8px;
}
@media screen and (max-width: 959px) {
	/* 富津の海水浴 */
	body.page-id-2704 .shoplistTable_kai td {
		padding: 8px 5px;
	}
	body.page-id-2704 .shoplistTable_kai td:first-child {
		padding-left: 0;
	}
	body.page-id-2704 .shoplistTable_kai td:last-child {
		padding-right: 0;
	}
	body.page-id-2704 .shoplistTable_kai td.col01 {
		width: auto;
	}
	body.page-id-2704 .shoplistTable_kai td.col02 {
		width: auto;
	}
	body.page-id-2704 .shoplistTable_kai td.col03 {
		width: auto;
	}
	body.page-id-2704 .shoplistTable_kai td.col04 {
		width: auto;
	}
	/* 富津の温泉 */
	body.page-id-3650 .shoplistTable_kai td {
		padding: 8px 5px;
	}
	body.page-id-3650 .shoplistTable_kai td:first-child {
		padding-left: 0;
	}
	body.page-id-3650 .shoplistTable_kai td:last-child {
		padding-right: 0;
	}
	body.page-id-3650 .shoplistTable_kai td.col01 {
		width: auto;
	}
	body.page-id-3650 .shoplistTable_kai td.col02 {
		width: auto;
	}
	body.page-id-3650 .shoplistTable_kai td.col03 {
		width: auto;
	}
	body.page-id-3650 .shoplistTable_kai td.col04 {
		width: auto;
	}
}

#googlemap iframe {
	border: 1px solid #ccc;
}



/**************************************************************************************************

年間イベント
year-event

**************************************************************************************************/

.shoplistTable_event {
width: 700px;
font-size: 90%;
}
@media screen and (max-width: 959px) {
	.shoplistTable_event {
		width: 100%;
	}
}

.shoplistTable_event a {
color:#3761AC;
text-decoration:underline;
}

.shoplistTable_event td {
padding: 6px 8px;
}

.shoplistTable_event thead {
	border-bottom: 1px solid #ccc;
}

.shoplistTable_event thead th {
	text-align: center;
}

.shoplistTable_event thead {
	border-bottom: 1px solid #ccc;
}

.event_1{
width:150px;
}
@media screen and (max-width: 959px) {
	.event_1 {
		width: 90px;
	}
}

.Translate{
	width: 188px;
	padding:5px;
	text-align: left;
	border: #e5e5e5 solid 1px;
}
@media screen and (max-width: 959px) {
	.Translate{
		display: none;
	}
}

@media screen and (max-width: 959px) {
	.TranslateAbout {
		display: none;
	}
}

@media screen and (max-width: 959px) {
	.YearEvent {
		display: none;
	}
}

@media screen and (max-width: 959px) {
	.EventInfo {
		display: none;
	}
}

@media screen and (max-width: 959px) {
	.LeftBottomBnr {
		display: none;
	}
}



/**************************************************************************************************

ホームページ翻訳について
translation

**************************************************************************************************/

div.translation p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	width:100%;
	font-weight:bold;
	font-size:110%;
	color:#3761AC;
	padding:10px 0px 5px 10px;
	border-top:#e5e5e5 dashed 1px;
}

/*for IE6 */
* html .questionArea p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .questionArea p {
	display: inline;
	zoom: 1;
}

div.anserBox {
	width:725px;
	height:38px;
	margin:0px;
	padding:0px;
	background: url("common/img/h3_bg.jpg") no-repeat;
}
@media screen and (max-width: 959px) {
	div.anserBox {
		width: 100%;
		font-size: 13px;
		height: auto;
		border-right: 1px solid #e5e5e5;
		border-radius: 2px 2px 0 0;
	}
	div.anserBox p:nth-of-type(1) {
		padding: 5px 0 5px 10px;
	}
	div.anserBox p:nth-of-type(2) {
		font-size: 13px;
		padding: 5px 0 5px 5px;
	}
}
@media screen and (max-width: 750px) {
	div.anserBox p:nth-of-type(1) {
		padding: 5px 0 5px 5px;
	}
	div.anserBox p:nth-of-type(1) img {
		width: 18px;
		height: auto;
	}
	div.anserBox p:nth-of-type(2) {
		font-size: 12px;
	}
}
@media screen and (max-width: 360px) {
	div.anserBox {
		font-size: 12px;
	}
	div.anserBox p:nth-of-type(2) {
		padding: 2px 0 3px 10px;
	}
}

.tra a{
color:#3761AC;
text-decoration:underline;
}

.h_gengo{
font-size:130%;
}



/**************************************************************************************************

富津の温泉
futtsunoonsen

**************************************************************************************************/

.aohori_bg{
	width:720px;
	height:120px;
	background: url("futtsunoonsen/img/aohori_bg.jpg") no-repeat;
	margin-bottom:15px;
}
@media screen and (max-width: 959px) {
	/* 富津の温泉 */
	.aohori_bg {
		width: 100%;
		height: auto;
		background: url("futtsunoonsen/img/aohori_bg.jpg") no-repeat right center / 100% auto;
	}
	.aohori_bg p {
		min-height: 60px;
		font-size: 12px;
		margin: 10px 0;
		background: rgba(255,255,255,0.6);
	}
}

.oonuki_bg{
	width:720px;
	height:120px;
	background: url("futtsunoonsen/img/oonuki_bg.jpg") no-repeat;
	margin-bottom:15px;
}
@media screen and (max-width: 959px) {
	.oonuki_bg {
		width: 100%;
		height: auto;
		background: url("futtsunoonsen/img/oonuki_bg.jpg") no-repeat right center / 100% auto;
	}
}

.hamakanaya_bg{
	width:720px;
	height:120px;
	background: url("futtsunoonsen/img/kanaya_bg.jpg") no-repeat;
	margin-bottom:15px;
}
@media screen and (max-width: 959px) {
	/* 富津の温泉 */
	.hamakanaya_bg {
		width: 100%;
		height: auto;
		background: url("futtsunoonsen/img/kanaya_bg.jpg") no-repeat right center / 100% auto;
	}
	.hamakanaya_bg p {
		font-size: 12px;
		margin: 10px 0;
		background: rgba(255,255,255,0.6);
	}
}



/**************************************************************************************************

おすすめコース
course

**************************************************************************************************/

.if_stay{
	width:240px;
	background-color:#f5ffcd;
	padding:20px 0 15px 10px;
	margin-bottom:15px;
}
@media screen and (max-width: 959px) {
	.if_stay{
		width: 250px;
	}
}



/**************************************************************************************************

富津市の特産品プレゼント　おもてなし

**************************************************************************************************/
.omotenashiTable {
width: 100%;
}

.omotenashi01 {
width: 5%;
border-bottom:solid 1px #D3D3D3;
text-align:center;
padding:5px;
}

.omotenashi02 {
width:25%;
border-bottom:solid 1px #D3D3D3;
padding:10px 0px 10px 0px;
}

.omotenashi03 {
width:20%;
border-bottom:solid 1px #D3D3D3;
padding:5px;
}

.omotenashi04 {
width: 10%;
border-bottom:solid 1px #D3D3D3;
text-align:center;
}

.suzuki {
	vertical-align: middle;
	width:153px;
	height:153px;
	text-align:center;
}