@charset "UTF-8";
/* CSS Document */
/* mainblue #0d49b2 */
html{
	font-size: 62.5%;
}
body{
	font-size:1.6em;
	color:#090909;
	-webkit-print-color-adjust: exact; 
	 padding:0 !important;
	 margin:0 !important;
}
.m_container{
	width:100%;
	max-width:1000px;
	padding:0;
	margin:0 auto;
	position: relative;
}
#maintitle,.maintitle{
	padding-bottom: 10px;
	font-size: 2em;
	background-image: repeating-linear-gradient(90deg, #0d49b2 0, #0d49b2 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);
	background-size: 4px 4px;
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-top:0.75em;
	margin-bottom:0.5em;
}
#maintitle small, .maintitle small{
	font-size:0.4em;
}
#main_wrap{
	display: flex;
	flex-wrap: wrap;
}
#maincolumn{
	width:70%;
	padding-left: 0.8em;
	padding-right: 0.8em;
}
#maincolumn p{
	margin-bottom:1.1em;
	font-size:1.1em;
	line-height:1.7em;
}
#sidebarcolumn{
	width:30%;
	padding-right: 0.8em;
	padding-left: 0.8em;
}
.sidebanner img{
	width: 100%;
	height: auto;
	margin-top:0.4em;
	margin-bottom: 0.4em;
}
#page h3 {
	position: relative;
	font-size: 1.4em;
	text-align: center;
	border-bottom: 5px solid #dddddd;
	margin-bottom:2em;
	margin-top:3em;
}

#page h3::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}
.lazy{height:auto;}
.fixImg{width:100%;height: auto;}
.p0{padding:0 !important;}
.contentfield{margin:0 auto;}
.nodeco{text-decoration: none !important}

.titlebar{
	background-color: #061f4b;
	color:#fff;
	padding:0.7em;
	font-size: 1.4em;
	font-weight: bold;
	display: inline-block;
	width: 80%;
	text-align: center;
	margin-top:4em;
	margin-bottom:1em;
	margin-left:10%;
}

/*header */
#gm{
	width:100%;
	position: relative;
	padding-bottom: 2px;
}
#gm::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	height: 2px;
	width:100%;
	background-image: url("images/gmborder.jpg");
}
#headborder{
	background-color: #0d49b2;
	color: #fff;
	font-weight: bold;
	padding:0.3em 0;
}
#head_menu{
	display:flex;
	padding-bottom:2px;
}
#header_logo{
	width:25%;
}
#pc_gm{
	display:flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
}
#pc_gm div{
	width:20%;
	position: relative;
	margin-left:2%;
}
#pc_gm img{
	width: 100%;
	height:auto;
}
#sm_gm{
	display: none;
}
/* header end */

/* footer */
#footer{
	color:#fff;
	background-color: #0d49b2;
	padding-bottom:2em;
}
#footer h2{
	font-weight: bold;
	text-align: center;
	font-size: 2em;
	margin: 1em 0;
	color: #fff;
}
#footer h2 a{
	color: #fff;
}
#footer_menu{
	width:80%;
	margin:0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
#footer_menu a{
	text-decoration: none;
	display: block;
	margin:1em 0;
	line-height: 2em;
	color: #fff;
}
#footer_address,#footer_tel,#copyrights{
	text-align: center;
	margin:0.5em 0;
}
#copyrights{
	margin:2em 0;
}
/* footer end */

/* index */
/* カルーセル設定 */
#topcontent{
/*	background-image: url("images/indextopicksback.jpg");
/*	background-repeat: repeat-x;*/
	background-color: #cae5ff;
	background-size: contain;
	color: #fff;
	padding-top:1em;
	margin-bottom:2em;
}
#indexsep{/* スライダー下で波型にカットしていたものをsvgに変更 */
/*	background-image: url("images/indexsep.png");
	background-repeat: repeat-x;
	width: 100%;
	position: absolute;
	top:-20px;
	height:20px;*/
}
.reccommendstore{
	display:flex;
	flex-wrap:wrap;
	color:#fff;
	position:relative;

}
.reccommendstore a{
	text-decoration:none;
	color:#fff;
}
.reccommendstore .mainimage{
	height:55vh;
	width:60%;
}
.reccommendstore .mainimage img{
	width:100%;
	height:55vh;
	object-fit: cover;
	object-position:center;
}
.reccommendstore .information{
	height:55vh;
	width:40%;
	padding:0.5em;
}
.reccommendstore h3{
	font-size:1.1em;
	font-weight:bold;
}
.reccommendstore h5{
	display:inline-block;
	position:absolute;
	top:0.5em;
	left:0.5em;
	padding:0.5em 1em;
}
.reccommendstore .introduction{
	height:20vh;
	width:100%;
	overflow:scroll;
	padding-top:2em;
}
.reccommendstore span{
	display:inline-block;
	border:1px solid #fff;
	padding:0.5em 1em;
	position:absolute;
	bottom:0.5em;
	right:0.5em;
}
.reccommendstore .storeinfo th{
	padding-right:0.5em;
	width:2em;
	text-align:center;
}
/* カルーセル end */
#InstagramTitle{
	text-align:center;
}
/* 店舗からのお知らせ */
.base_card_wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
}
.base_card{
	position:relative;
	margin-bottom:2em;
	width:49%;
	border:1px solid #ddd;
	box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.base_card p{
	margin-bottom:0 !important;
	line-height:0em !important;
}
.base_card .card_img{
	display:block;
	position:relative;
	width:100%;
}
.base_card .card_media{
	width:100%;
	padding-top:80%;
	background-position:center;
	background-size:cover;
}
.base_card .card_title{
	font-size:1.2em;
	line-height:1.8em;
	height:3.6em;
	font-weight:bold;
	padding: 0 0.5em;
}
.base_card .card_border{
	border-top:1px solid #ddd;
}
.base_card .card_author{
	display:flex;
	justify-content: space-between;
	align-items:center;
	padding:0.5em;
}
.base_card .card_author .readmore, .mdl-card-kuchikomi-link{
	background-color:#eee;
	border:1px solid #ddd;
	padding:1em 0.8em;
	border-radius:3px;
}
.base_card .card_author{
	font-weight:bold;
	font-size:0.9em;
}
.base_card .card_review h6, .mdl-card-kuchikomi-info h6{
	text-align:center;
	background-color:#eee;
	font-size:0.9em;
	font-weight:bold;
	padding:1em 0;
}
.mdl-card-kuchikomi-info h6{
	margin-top:2em;
}
.mdl-card-kuchikomi-link{
	width:60%;
	margin:1em auto;
	text-align:center;
}
.base_card .card_review blockquote{
	width:90%;
	font-size:0.9em;
	margin:1em 5%;
	height:8em;
	color:#999;
	overflow:scroll;
	padding:0;
}
.base_card dd, .mdl-card-kuchikomi-info dd{
	padding:0.8em 0;
	border-bottom:1px dotted #999;
}
.base_card .card_kuchikomi{
	margin:1em 0;
	padding-right:0.5em;
	text-align:right;
}
/* 店舗からのお知らせ end */
/* 店舗情報 */
#storelist{
	background-color: #cae5ff;
	padding-bottom:1em;
}
#storelist_wrap{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	justify-content: space-between;
}
.storelistcard{
	background-color: #f8f7f1;
	border-top:1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #a29d86;
	border-bottom: 1px solid #a29d86;
	width:33%;
	margin-bottom:0.8em;
	position: relative;
}
.storelistcard a{
	display: flex;
	padding:0.5em;
	text-decoration: none;
	color:#090909
}
.storelistcard .mainphoto{
	padding-top:30%;
	width:30%;
	background-size: cover;
}
.storelistcard .information{
	width:68%;
	margin-left: 2%;
}
.storelistcard .information p{
	font-size:1.2em;
	line-height: 1.4em;
}
.storedetail{
}
.storelistinfo{
	margin-top:0.8em;
	width: 100%;
	font-size: 0.8em;
}
.storelistcard .restaurant{
	display: inline-block;
	font-weight: bold;
	font-size:0.8em;
	line-height: 1.6em;
	padding-left:0.6em;
	padding-right: 0.6em;
	color:#fff;
	background-color:#d5623c;
}
.storelistcard .shop{
	display: inline-block;
	font-weight: bold;
	font-size:0.8em;
	line-height: 1.6em;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	color:#fff;
	background-color:#94d4f9;
}
/* 店舗情報 end */
#basicinfoTable{
	width:80%;
	margin:0 10% 2em;
}
#basicinfoTable th{
	width:20%;
	padding:0.8rem;
	color:#fff;
	background-color: #d5623c;
	text-align: center;
}
#basicinfoTable td{
	width:80%;
	padding:0.9rem;
}
#basicinfoTable,#basicinfoTable td,#basicinfoTable th {
	border-collapse: collapse;
	border:1px solid #d5623c;
}
/* index end */



@media screen and (max-width: 540px){
	#maincolumn{
		width:100%;
	}
	#sidebarcolumn{
		width:100%;
	}
	.titlebar{
		margin-bottom:2em;
		width:98%;
		margin-left: 1%;
	}
	/* header */
	#headborder{
		font-size:2vw;
		padding:1.5vw 2vw;
	}
	#pc_gm{display: none;}
	#header_logo{width:30%;}
	/* バーガーメニュー */
	#sm_gm{
		display: block;
		position:fixed;
		z-index: 9999;
		top:6vw;
		right:3vw;
	}
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: relative;
	  width: 10vw;
	  height: 10vw;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 1vw;
	  background-color:#0d49b2;
	  border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 1vw;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 4.5vw;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 1vw;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(2.5vw) rotate(-45deg);
	  transform: translateY(2.5vw) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-4.5vw) rotate(45deg);
	  transform: translateY(-4.5vw) rotate(45deg);
	}
	#nav-content .nav-sheet{
		transition: all .4s;
		width: calc(100% - 16vw);
		height:100%;
		position: fixed;
		left:-100%;
		top: 0;
		bottom:0;
		background-color: rgba(255,255,255,0.95);
		z-index: 999;
	}
	div.nav{
		left: 0 !important;
	}
	#nav-content .nav-sheet ul{
		margin-top:8vw;
	}
	#nav-content .nav-sheet li{
		position: relative;
		padding-left:8vw;
		padding-top:5vw;
		padding-bottom:5vw;
		padding-right: 8vw;
		border-bottom:1px solid #0d49b2;
		font-weight: bold;
	}
	#nav-content .nav-sheet li::before{
		content:">";
		position:absolute;
		font-size:5vw;
		left:2vw;
		top:5vw;
	}
	#nav-content .nav-sheet li a{
		color:#090909;
	}
	/* ハンバーガーメニューend */
	/* header end */
	/* footer */
	#footer_menu{
		width:100%;
	}
	/* footer end */
	/* inedex*/	
	/* カルーセル */
	#topcontent{
		height:80vh;
		padding-top:0;
	}
	.reccommendstore{
		height:80vh;
	}	
	.reccommendstore .mainimage{
		height:50vh;
		width:100%;
	}
	.reccommendstore .mainimage img{
		width:100%;
		height:50vh;
	}
	.reccommendstore .information{
		height:30vh;
		width:100%;
	}
	.reccommendstore .introduction{
		height:10vh;
		padding-top:0.3em;
	}
	/* カルーセル end */
	.base_card{
		width:98%;
	}
	#basicinfoTable{
		width:98%;
		margin:0 1% 2rem;
	}
	#basicinfoTable th{
		width:25%;
	}
	/* 店舗情報 */
	.storelistcard{
		width: 90%;
		margin:0.5em 5%;
	}
	.storelistcard .mainphoto{
		width:50%;
		background-color: #f00;
	}
	/* 店舗情報 */
	/* index end */
}


/*
#sb_instagram h3{
	background-color: transparent !important;
	border: none !important;
	color:initial !important;
}
#maincolumn h3{
	font-weight:  bold;
}

#indexmaincontainer{
	background-color: #fff;
	position: relative;
	margin-top:-30px;
}
#storelist{
	background-color: #cae5ff;
}	

p{
	display:block;
	margin-bottom: 1.5em;
}
.point{
	display: inline-block;
	font-size: 1.4em;
	padding-left:0.5em;
	padding-right: 0.5em;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #ff9900 60%);
	margin-top: 2em;
	margin-bottom:1em;
}
#maincolumn {
	line-height: 1.8em;
}

/* コメント欄*/
.comment-respond{}
.comment-respond .comment-form-email label{display: block;}
							
							
/* 熱海魚市場への質問 */
.ewd-ufaq-faqs h4::after{
	content:"";
	position: absolute;
	left: 0;
	top:0;
	bottom: 0;
	width:10px;
	border-radius: 5px;
	background-color: #0d49b2;

}
.ewd-ufaq-faqs h4{
	position: relative;
	padding:10px 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.ufaq-faq-title{
	border-bottom: dotted 1px #9090a0;
}
.ufaq-faq-title a{
	color:#0d49b2;
}
.ufaq-faq-title-text h4{
	padding: 0;	
}
.ufaq-faq-title-text h4::after{
	content:none;
}


#faq_mail, #faq_mail_reg{
	text-indent: 60px;
	height:45px;
	width:100%;
}
.inputWithIcon input[type="text"] {
  width: 100%;
  border: 2px solid #aaa;
  border-radius: 4px;
  margin: 8px 40px;
  outline: none;
  padding: 8px 0px;
  box-sizing: border-box;
  transition: 0.3s;
}

.inputWithIcon input[type="text"]:focus {
  border-color: dodgerBlue;
  box-shadow: 0 0 8px 0 dodgerBlue;
}

.inputWithIcon input[type="text"] {
}

.inputWithIcon {
  position: relative;
padding-top:20px;
}
.mw_wp_form_confirm .faq_input_noshow{
	display: none;
}
.mw_wp_form_confirm .faq_input_reg{
	height:65px;
	padding-left:60px;
	padding-top:32px;
}
#faq_comment{
	width:100% !important;
}
.inputWithIcon i {
  position: absolute;
  left: 0;
  top: 20px;
  padding: 0px 8px;
	width:50px;
	height:45px;
	line-height: 22.5px;
  color: #aaa;
  transition: 0.3s;
	font-size:1em;
}

.inputWithIcon input[type="text"]:focus + i {
  color: dodgerBlue;
}

.inputWithIcon.inputIconBg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}

.inputWithIcon.inputIconBg input[type="text"]:focus + i {
  color: #fff;
  background-color: dodgerBlue;
}
.faq_input_btn{
	display: block;
	width:60%;
	margin:20px 20% 0;
	padding:0.4em;
	text-align: center;
}
/* faq end */

/* 熱海の魚図鑑 */
.fish_lib{
display:flex;
flex-wrap:wrap;
margin-bottom:3.5em;
justify-content:space-around;
}
.fish_lib_img{
width:30%;
}
.fish_lib_img img{
width:100%;
height:auto;
margin-bottom:1em;
}
.fish_lib_desc{
width:65%;
}
.fish_lib_desc h3{
margin-top:0 !important;
}

/* テーブル関係 */
#timeschedule{
margin-bottom:3em;	
}
#timeschedule,#timeschedule td,#timeschedule th {
    border-collapse: collapse;
    border:1px solid #0d49b2;
    }
#timeschedule th{
	text-align: center;
	background-color: #0d49b2;
	color:#fff;
	font-weight: bold;
	padding: 0.3em;
}
#timeschedule td{
	padding: 0.3em 0;
	width:6em;
	text-align: center;
	vertical-align: middle;
}
#timeschedule .times{
	font-size:0.75em;
	text-align: center;
}



#reach_announce{
	padding:1rem;
	margin:4rem 0.2rem 2rem;
	font-weight: bold;
}
#reach_announce a{
	display: block;
	text-decoration: none;
	width:90%;
	padding:1em;
	margin:1em 5%;
	border-radius: 5px;
	background-color: #EB7A77;
	font-size:1.2rem;
	text-align: center;
	color: #fff;
}

.table_blue{
	width:80%;
	margin:2em 10%;
}
.table_blue th{
	background-color: #0d49b2;
	color:#fff;
	text-align: center;
}
.table_blue, .table_blue th, .table_blue td{
	border-collapse: collapse;
    border:1px solid #1D3D76;
}
.table_blue th, .table_blue td{
	padding:0.5em;
}

	.table_blue td{
		vertical-align: middle;
	}
/* table関係 end */


.uoichiba-news-wrap{
	display:flex;
	margin-bottom:1.5em;
	align-items:center;
	padding:0.5em;
}
.un-thumb{
	width:15%;
	position:relative;
}
.um-thumb ul{
	display:flex;
	flex-wrap:wrap;
}
.un-thumb li{
	position:relative;
	width:100%;
}
.un-thumb li:before{
	content: "";
  display: block;
  padding-top: 100%;
}
.un-thumb li img{
	position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.un-title{
	padding :0 0.8em;;
	
}
.un-date{
	display:inline-block;
	background-color:#000;
	color:#fff;
	line-height:1.6em;
	padding-left:0.5em;
	padding-right:1.5em;
	border-bottom-right-radius:0.8em;
}
.un-title font{
	display:block;
}
/* 魚市場ニュース end */
							
.related_post_container{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.related_post_container img{
	width:100%;
	height:5em;
	object-fit: cover;
}
.related_post_container li{
	text-align:center;
}
@media screen and (min-width: 751px){
		
	#reach_announce{
		padding:1rem;
		margin:4rem 1rem 2rem;
		font-weight: bold;
	}
	#reach_announce a{
		display: block;
		text-decoration: none;
		width:60%;
		padding:1em;
		margin:1em 20%;
		border-radius: 5px;
		background-color: #EB7A77;
		font-size:2.4rem;
		text-align: center;
		color: #fff;
	}

	.telLink {
		pointer-events: none;
	}
	.related_post_container li{
		width:24%;
	}
}

@media screen and (max-width: 750px){
	.table_blue{
		width:100% !important;
		margin:1em 0;
	}
	.related_post_container li{
		width:49%;
	}

	.related_post_container img{
		height:8em;
	}
}

/* ルーレット */
	#roolet_wrap{
			position:relative;
			width:100%;
			height:auto;
			overflow:hidden;
		}
		#roolet_wrap::before{
			content:"";
			display:block;
			padding-top:100%;
		}
		#roolet{
			display: flex;
			position:absolute;
			top:0;
			width:2000%;
		}
		#roolet:before{
			content:"";
			display:block;
			padding-top:5%;
		}
		#spinbtn{
			cursor: pointer;
		}
		.spin{
			animation: anim-scale 4.2s ease-out;
			animation-fill-mode:forwards;
		}
		@keyframes anim-scale{
			0%{transform : translateX(0%);
        animation-timing-function: ease-in;}
			25%{transform: translateX(-90%);
        animation-timing-function: ease-out;}
			60%{transform:translateX(-60%);
        animation-timing-function: ease-in;}
			100%{transform: translateX(-89.5%);
        animation-timing-function: ease-out;}
		}
		.lucky_store{
			width:10%;
			background-position:center;
			background-size:cover;
			position:relative;
			text-align:center;
		}
		.lucky_store span{
			position:absolute;
			left:0;
			bottom:0;
			width:100%;
			text-align:center;
			background-color:#F8B62D;
			color:#fff;
			padding-top:10px;
			padding-bottom:10px;
		}
/* ルーレット */

		
/* イベント履歴 */
	#eventorganiser_year_month .wrap{
		display:none;
	}



/* 2307調整用 */
.membertable{
		width:100%;
		margin:3rem auto;
	}
	.membertable th{
		background-color: #78d4ff;
		padding-left: 1.6rem;
		padding-right: 1.6rem;
		color:#fff;
	}
	.membertable td{
		padding-left: 4.8rem;
		position: relative;
	}
	.membertable td:nth-child(odd)::before{
	}
	.membertable td:nth-child(even)::before{
	}
	.membertable td,.membertable th{
		padding-top:1rem;
		padding-bottom: 1rem;
		width:100%;
		display:block;
	}
	
.store_list_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.store_list_wrap .store_unit{
	width:48%;
	box-sizing: content-box;	
	position: relative;
	margin-top: 1.5em;
	margin-bottom:3em;
}
.store_list_wrap .store_unit figure{
	width:100%;
	height:16em;
	background-size: cover;
	background-position: center;
}
.store_list_wrap .store_unit a{
	color:#333;
}
.store_list_wrap .store_unit h5{
	font-size: 1.6em;
	line-height: 1.8em;
}
.store_list_wrap .store_unit .store_inform{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.store_list_wrap .store_unit .store_inform dl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom:0.8em;
}
.store_list_wrap .store_unit .store_inform dt{
	width: 4em;
	text-align: right;
	padding-right: 0.8em;
}
.store_list_wrap .store_unit .store_inform dt{}