@charset "utf-8";
/* CSS Document */
#spMenuWrap {
	display: block;
}
#print_image {
  display: none;
}

#wrapper .pc_block {
  display: none !important;
}
#wrapper .sp_block{
  display: block;
}

header #bar {
	width: 100%;
	top: 0;
	left: inherit;
	right: 0;
	z-index: 98;
	padding: 0;
	float: none;
	/*border-bottom: none;*/
	height: 54px;
}
.fix-area {
	position: fixed;
  width: 100%;
  height: 54px;
  background: #fff;
  border-bottom: 1px solid #000;
}
#contentsArea {
  float: none;
  width: 100%;
}
#contents {
  margin: 0;
  background: #fbf7f2;
  padding: 0 0 30px 0;
}
#contents img {
  width: 100%;
}
#mainimage {
	width: 100%;
	margin-bottom:10px;

}

.title_main {
  margin-top:12px;
  position: relative;
  z-index: 10;
  margin-bottom: 20px;
}
#contents {
	width: 100%;
	max-width: inherit;
	margin: 0 auto;
	background: #fbf7f2;
	z-index: 10;
}
#contInner {
  margin-left: 0;
	width: 92%;
	max-width: 1280px;
	margin: 0 auto;
}
/*  #contents_header
----------------------------------------*/
.btn_show {
  padding-bottom: 10px;
}
.btn_show.hide {
  display: none !important;
}
.btn_hide {
  margin: 0 -10px;
}
.btn_more {
  padding: 20px 0 20px 0;
  clear: both;
}
#contents_header {
  padding: 0 10px 10px 10px;
  display: none;
}
#contents_header h2 {
  background: none;
  padding: 0 0 10px 0;
}
#contents_header .nav_special ul {
  width: 100%;
	text-align: center;
	font-size: 0;
  padding-bottom: 20px;
}
#contents_header .nav_special ul:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
#contents_header .nav_special ul li {
  margin-top: 1%;
}
#contents_header .nav_genre ul {
  padding-bottom: 20px;
}
#contents_header .nav_genre ul:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
#contents_header .nav_genre li {
  width: 49%;
  float: left;
  margin-right: 1%;
  margin-top: 1%;
}
#contents_header .nav_genre li:nth-child(2n) {
  margin-left: 1%;
  margin-right: 0;
}
#contents_header .nav_scene ul {
	display: grid; 
  grid-template-columns: 156fr 156fr 156fr; /* 元サイズ比率 */ 
  gap: 5px; 
	margin-bottom: 20px;
}
#contents_header .nav_scene ul:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
#contents_header .nav_scene li {

}
#contents_header .nav_scene li img {
  width: 100%;
	height: auto
}



/*  .panel
----------------------------------------*/
.panel .inner{
	width:96%;
	margin:auto;
}
.panel .item_list:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}

.panel .item_list .shop_wrap a {
  width: 48%;
  float: left;
  margin-top: 10px;
  position: relative;
  display: block;
  margin: 0 1% 2% 1%;
}
.panel .item_list .shop_wrap a:hover{
	text-decoration:none;
}
.panel .item_list a .photo{
  width:100%;
  margin:0;
  padding:0;
}
.panel .item_list a dl.item{
  margin:0;
  padding:0;
  width:100%;
  position:absolute;
  bottom:0;
  color:#ffffff;
  background-color:rgba(0,0,0,0.5);
  font-size:110%;
  line-height:1.3em;
}
.panel .item_list a dl dt{
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  padding:6px 7px 0 7px;
  font-weight:bold;
}
.panel .item_list a dl dd{
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin:0;
  padding:0 7px 6px 7px;
}
.panel .item_list a dl dd span{
  font-size:84%;
}

/*  .modal_wrap
----------------------------------------*/
.modal_wrap{
	width:96%;
	margin:auto 2%;
	max-width:610px;
	background:#ffffff;
	padding:9px;
	position:relative;
	overflow: scroll;
}
.modal_wrap .inner_modal{
	padding:10px 10px 10px 8px;
	overflow: hidden;
}
.modal_wrap .inner_modal .logo_shop{
	width:30%;
	margin:0 auto 10px auto;
}
.modal_wrap .inner_modal .ph_shop{
	width:80%;
	margin:0 auto 15px;
}
.modal_wrap .inner_modal .ph_shop span{
	display: block;
	padding-top: 10px;
}
.modal_wrap .inner_modal .shop_info h3 {
	color:#000000;
	font-size: 14px;
	font-weight:bold;
	border-bottom: 1px solid #000000;
	padding-bottom: 7px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.modal_wrap .inner_modal .shop_info h3 .shop_info_floor {
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
	background: #000000;
	padding: 7px 20px;
	display: inline-block;
	margin-right: 12px;
}
.modal_wrap .inner_modal .shop_info p.txt {
	font-size: 10px;
	color:#000000;
	line-height:1.7;
	margin-bottom: 10px;
}
.modal_wrap .inner_modal .shop_info p.name {
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	line-height:1.5;
	margin-bottom: 5px;
}
.modal_wrap .inner_modal .shop_info p.note {
	font-size: 10px;
	text-indent: -5em;
	padding-left: 5em;
	margin-top: 5px;
}
.modal_wrap .inner_modal dl {
	display: table;
	width: 100%;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.modal_wrap .inner_modal dl:nth-of-type(1) {
	border-top: 1px solid #000000;
}
.modal_wrap .inner_modal dt,
.modal_wrap .inner_modal dd {
	border-right: 1px solid #000000;
	padding: 8px 0;
	text-align: center;
	font-size: 10px;
	display: table-cell;
}
.modal_wrap .inner_modal dt {
	background: #f0f0f0;
	font-weight: bold;
	width: 30%;
}
.modal_wrap .inner_modal dd {
	width: 70%;
}
.modal_wrap .inner_modal dl.first dd {
	padding: 8px 5%;
	text-align: left;
}

.rowtext .item_list .txt {
  background: #280000b3 url(../img/ico-arrow.png) no-repeat 95% 50%;
  -webkit-background-size: 6px 10px;
  background-size: 6px 10px;
  /*min-height: 65px;*/
}
.rowtext .item_list a:hover .txt {
  text-decoration: none;
  border-bottom: 0;
}
.panel .item_list .item {
  display: block;
  padding: 6px 8% 3px 5%;
}
.panel .item_list a .photo {
  margin:0;
  padding:0;
}
.panel .item_list .txt {
  width:100%;
  position:absolute;
  bottom:0;
  color:#ffffff;
  z-index: 95;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin:0;
  text-align:left;
}

.panel .item_list .txt .name {
  display: block;
  font-size: 84%;
  line-height: 1.3em;
  font-weight: bold;
  margin-bottom: 3px;
	overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.panel .item_list .txt .descript {
  font-size: 75%;
  line-height: 1.5em;
  display: block;
}
.rowtext .modal_content .comment {
  background: #4ab2e2;
}

.rowtext .other_title {
  color: #ffffff;
  background: #4ab2e2;
  padding: 3px 3px 3px 8px;
  margin: 15px 0 6px 0;
}
.rowtext .other_title p {
  font-size: 92%;
  font-weight: bold;
}



/*  .add new modal
----------------------------------------*/
.tab_content .plaza {
	display: none;
}
.modal_wrap .photo_img {
	line-height: 0;
}
.modal_wrap .text_note {
	background: #316745;
	color: #fff;
	padding: 5px 0;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
}
.modal_wrap .txt_sub {
	color: #e9a224;
	font-size: 15px;
	padding-left: 10px;
	border-left: 5px solid #e9a224;
	font-weight: bold;
	line-height: 1.5;
}
.modal_wrap .list_detail {
	margin-top: 10px;
	padding: 0 10px;
}
.modal_wrap .list_detail .text_item {
	color: #565656;
	margin-top: 10px;
}
.modal_wrap .list_detail .text_item .big_text {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5;
}
.modal_wrap .list_detail .text_item .notice {
	padding: 0;
	margin: 0;
	font-size: 10px;
	line-height: 1.5;
	font-weight: bold;
}
.modal_wrap .blogger {
	overflow: hidden;
	margin-top: 10px;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #e9a224;
}
.modal_wrap .blogger p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
}
.modal_wrap .blogger .blogger_photo {
	float: right;
	width: 80px;
	height: auto;
	margin-left: 15px;
}
.modal_wrap .blogger .blogger_photo img {
	width: 100%;
	height: auto;
}
.modal_wrap .author {
	margin: 10px 0 15px;
	padding: 0 10px;
}
.modal_wrap .author p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
	text-align: justify;
}
.modal_wrap .author ul {
	display: table;
}
.modal_wrap .author li {
	display: table-cell;
	vertical-align: top;
}
.modal_wrap .author li.author_photo {
	text-align: center;
	width: 120px;
	padding-right: 20px;
}
.modal_wrap .author li.author_photo  img {
	width: 100%;
	height: auto;
}
.modal_wrap .author li.author_photo .name {
	font-weight: bold;
	display: block;
	margin-top: 5px;
	font-size: 10px;
	color: #565656;
}
.modal_wrap .author li.text {
	font-size: 12px;
	text-align: justify;
	line-height: 1.5;
}
.warpper_modal {
	overflow-x: scroll;
}
.scroll_modal {
	overflow: hidden;
	padding-right: 6px;
}
.modal_wrap .inner_modal .scroll_modal dt {
	background: #f0f0f0;
}
.modal_wrap .inner_modal .scroll_modal dt,
.modal_wrap .inner_modal .scroll_modal dd {
	text-align: center;
	vertical-align: middle;
	padding: 5px 0;
}
.modal_wrap .inner_modal .scroll_modal .shop_info h3 {
	margin-bottom: 5px;
}
.modal_wrap .inner_modal .scroll_modal dd {
	width: auto;
}
.modal_wrap .inner_modal .scroll_modal dl.first dd {
	text-align: center;
	padding: 5px;
}