/*============================================
市コンテンツ表示用 スタイル
============================================*/

.Ichi_Contents{
	width:100%;
}
/* ====================================================== */
.Cnt_00{
	width: 100%;
	border-collapse: collapse;
	margin:2px 2px 18px 2px;
}
.Cnt_00  a{
	text-decoration: none;
}

.Cnt_00 h2{
	font-size:1.8rem; 
	color:#2e2e2e;
	text-align: left;
	padding: 0px 2px 2px 2px;
}

.Cnt_00 .caption{
	font-size:1.6rem; 
	line-height: 3.0rem;
	color:#696969;
	text-align: left;
	padding: 2px 2px 2px 2px;
}
.Cnt_00 .caption a:hover{
	background:#dbebf8;
}

.Cnt_00 .Cnt_title0 {
	color: #778899;/*#505050;*/
	/*  padding: 0.5em;*/
	display: inline-block;
	background:#dbebf8;	/*#ebeced;	/*#fafafa;	 #dfe6ed;	/*#e1e9f0;	 #dbebf8; #dcdcdc*/
	vertical-align: middle;
	border-radius: 4px;
	width:96%;
	font-size:2.0rem;
	line-height: 3.6rem;
	font-weight: bold;
	color:#4169e1;/*#2e2e2e;*/
	text-align: left;
	padding:6px 6px 6px 6px;
/*	margin-bottom: 0.5rem;*/
}

.Cnt_00 .Cnt_title {
	width:96%;
	display: inline-block;
	text-align: left;
	font-weight: bold;
	border-width:1px;
	border-style:solid;
	border-color:#ddf #aac #aac #ddf;
	background:repeating-linear-gradient(#E8E8FA 1px, #E8E8FA 2px, #F2F2F5 3px, #F2F2F5 4px);
	color:#333c5e;	/*#446;*/
	font-size:2.0rem;
	margin:4px 2px 4px 2px;
	padding:3px 4px 3px 10px;
	border-radius: 4px;
}


.Cnt_00 .Cnt_title a:link { 
	color:#4169e1;	/* #6e6e6e;*/
	text-decoration: none;
}

.Cnt_00 .Cnt_title a:hover { 
	color:#ff7f50;

}

.Cnt_00 .Cnt_title:before {
 /* content: '●';*/
  color: #ffffff;/*#ffffff; /*#ffa07a;*/
  margin-right: 8px;
}

.Cnt_00 th,td {
	padding: 6px 6px;
/*	border: 1px solid #ddd; 
	font-size: 1.3rem;
	color:#696969;*/
	border:none;
	vertical-align:top;
}

.Cnt_00 th {
	background: #ffffff;
	width: 32%;
	text-align: left;
	vertical-align:top;
}

.Cnt_00 img {
	width:100%;
	max-width:460px;
	min-width:200px;
}

/*-----------------------------------------------------*/
@media only screen and (max-width:574px) { /*479px*/

	.Cnt_00 {
		margin:2px 2px 18px 2px;
	}
	.Cnt_00 th,
	.Cnt_00 td{
		width: auto;
		display: block;
		border-top: none;
	}
	.Cnt_00 th {
	/*	background: #f4f4f4;*/
		text-align: center;
		vertical-align:top;
	}
	.Cnt_00 img{
		width:100%;
		max-width:420px;
		min-width:268px;
	}
/*	.Sample tr:first-child {
		border-top: 1px solid #d5d5d5;
	}
*/
}

/* ====================================================== */

.MainView {
	width:100%;
	margin:0px 0px 4px 0px;
	padding:0;
	position:	relative;	 /* 相対位置指定 */
}
.MainView img {
	width:100%;
	max-width:800px;
	min-width:290px;
}

.SubView {
	width:100%;
	margin:0px 0px 4px 0px;
	padding:0;
	position:	relative;	 /* 相対位置指定 */
}
.SubView img {
	width:100%;
	min-width:312px;
/*	max-height:320px;*/
/*	min-height:250px; */
/*	object-fit:cover;*/
}

.object-fit-img {
	width:100%;
	object-fit: cover;
	object-position: bottom;
	font-family: 'object-fit: cover; object-position: bottom;';
}




.ShopContents{
/*	border-bottom: 1px solid #ddd;*/

	padding: 8px 4px;
	font-family: Meiryo,Osaka, "游ゴシック","メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ShopContents h1{
	text-align:left;
	font-size: 1.2rem;
	font-weight: bold;
	color: #045FB4;
	padding: 8px 4px;
	border-bottom: solid 2px #045FB4;
	margin:14px 0px 12px 0px;
}
.ShopContents h2{
	text-align:left;
	font-size: 1.1rem;
	font-weight: bold;
	color: #045FB4;
	padding: 0px 0px;
	margin:2px 0px 2px 0px;
}

.ShopContents h3{
	text-align:left;
	font-size: 1.0rem;
	font-weight: bold;
	color: #343638;
	padding: 2px 2px;
	margin:0px 0px 0px 0px;
}

/*  レスポンシブテーブルデザイン   for shop detail */

.ShopDitailWrap{
/*	border-bottom: 1px solid #ddd;*/
	padding: 8px 8px;
/*	font-family: Meiryo,Osaka, "游ゴシック","メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

.ShopDitail{
	width:100%;
	border: 1px solid #ccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
 
.ShopDitail th{
	padding: 6px 8px 5px 5px;
	border-top:dotted 1px  #e0dccc;
	width: 30%;
	overflow: hidden;
	color: #2e2e33;	/*#13131e;*/
	font-style: normal;
	font-weight: bold;
	font-size: 0.926rem;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #eeece4;
}

.ShopDitail th:first-child {
	border-top: solid 1px  #e0dccc;
}
 
.ShopDitail td{
	padding: 5px 10px 5px 10px;
	font-size: 0.896rem;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}

/*.ShopDitail td:first-child{
	border:none;
	background-color:#a61e1e;
}
*/
 
@media (max-width: 520px){
	.ShopDitail th{
	  	width:100%;
	 	display:block;
		margin: 0 auto;
		border:none;
	 /* border-radius: 3px;*/
	}
	.ShopDitail td{
	  	display: list-item;
	 	width: 100%;
		padding: 5px 5px 5px 5px;
		border:none !important;
	}
}

/*-----------------------------------------------------------------------------*/
.notice2{
	width:90%;
	max-width:640px;
	min-width:246px;
	transition: 0.8s;
	margin: 14px auto;

}
.notice2 .NoticeTitle{
	text-align:left;
	font-size: 0.892rem;
	color:#333333;
	background-color:#F3F6F9;
	padding: 6px 8px;
	line-height: 1.1rem;
	font-weight: bold;
	border-left: 4px solid #a9a9a9;	/*#778899;	/*#21AA21;*/
	border-bottom: 1px solid #a9a9a9;	/*#778899;	/*#21AA21;*/
}
.notice2 .NoticeInfo{
	font-size: 0.812rem;
	color:#696969;
	line-height: 1.28rem;
	padding: 8px 8px 8px 14px;
}

.notice2 .NoticeTime{
	text-align: right;
	font-size: 0.94rem;
	color:#696969;
	padding: 3px 10px;
	font-weight: bold;
}
.notice2 .NoticeEdit{
	text-align: right;
	font-size: 1.0rem;
	color:#696969;
	padding: 8px 10px;
}

.notice2:hover{
    background:#F3F6F9;
    color: white;
}

.notice2 a{
   text-decoration: none;
}

a:hover{
    text-decoration: none;
}

/*-------------------------------------------------------------
	table Notice
------------------------------------------------------------- */
.Notice {
	margin: auto;
	width: 92%;
	border-collapse: collapse;
}

.Notice th,
.Notice td{
	padding: 8px 10px;
	border: none;
	font-size:1.0rem;
	color:#696969;
	vertical-align:top;
}

.Notice th {
	background: #ffffff;
	width: 24%;
	text-align: left;
	vertical-align:top;
}

.Notice img {
	width:100%;
	max-width:182px;
	min-width:148px;
}

/*-----------------------------------------------------*/
.Notice  .title5 {
 	font-size:1.0rem;
	font-weight: bold;
	color:#2e2e2e;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
  	margin-bottom: 1.0rem;
}
.Notice  .title5::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.Notice  .title5 a:link { 
	color: #4169e1;
	text-decoration: none;
}

.Notice .title5 a:hover { 
	color:#ff7f50;
}

/*-----------------------------------------------------*/
.Notice .notice_time{
 	font-size:1.0rem;
	font-weight: bold;
	color:#5e5656;
}
/*-----------------------------------------------------*/
.Notice .notice_info{
 	font-size:0.926rem;
 	line-height: 1.2rem;
	margin-bottom: 1.0rem;
}

@media only screen and (max-width:782px) {
	.Notice th,
	.Notice td {
		width: auto;
		display: block;
		border-top: none;
	}
	.Notice th {
	/*	background: #f4f4f4;*/
		text-align: left;
		vertical-align:top;
	}
	.Notice img{
		width:100%;
		max-width:400px;
		min-width:268px;
	}
/*	.tableNotice tr:first-child {
		border-top: 1px solid #d5d5d5;
	}
*/
}

/* --------------------------------------------------------
	table
-------------------------------------------------------- */
.test_wrap{
	border-bottom: 1px solid #ddd;
	padding: 8px 8px;
	font-family: Meiryo,Osaka, "游ゴシック","メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.test_wrap h3{
	font-size:1.0rem; 
	color:#2e2e2e;
	text-align: left;
}