@charset "Shift_JIS";

#contentsWrap{
	width:100%;
	max-width: 1680px;
	min-width: 960px;
	margin:0 auto;
	background: url("../../images/location/01/back.png") center top;
	background-size: cover;
	padding-bottom:40px;
}

#contentsWrap .caption{
	color:#000;
}

.fullimg img{
	width:100%;
}

.fullimg .imgcaption{
	width:96%;
	max-width: 1280px;
	margin:10px auto 0;
}

.fullimg .imgcaption .caption{
	text-align: right;
}

.section{
	width:96%;
	max-width: 1280px;
	margin:130px auto 0;
}

.section h3{
	width:574px;
	margin:0 auto 50px;
	max-width: 100%;
}

.section h3 img {
	width: 100%;
}

.section .img2 {
	width: 235px;
	margin: 0 auto;
	max-width: 50%:
}

.section .img2 img {
	max-width: 100%;
}

.section .sectionInner .inner{
	margin-top:40px;
}

.section .sectionInner .fullimg+.inner{
	margin-top:60px;
}

.section .fullimg{
	margin-top:50px;
}

.section .infoBox{
	width:960px;
	margin:30px auto 0;
}

#moliere{
	position: relative;
}

#moliere .section{
	position: relative;
	z-index:2;
}

#moliere .fbox{
	margin-top:40px;
	position: relative;
	z-index:0;
}

#moliere .txtBox{
	width:960px;
	margin:0 auto;
}

#moliere .txtBox p{
	margin-top:40px;
}

#moliere .imgBox{
	width:284px;
	position: absolute;
	left:70%;
	top:100px;
}

#auberge{
	position: relative;
}

#auberge .section{
	position: relative;
	z-index:2;
}

#auberge .fbox{
	margin:40px auto 0;
  width:90%;
  max-width: 960px;
	position: relative;
	z-index:0;
  display:flex;
  justify-content: space-between;
}

#auberge .txtBox{
	width:454px;
}

#auberge .txtBox p{
	margin-top:40px;
}

#auberge .imgBox{
	width:45.0%;
	max-width:480px;
}

#auberge .imgBox .img1{display:block;margin:0 0 0 180px;}
#auberge .imgBox .img2{display:block;margin:75px auto 0 0;}

#shiiya{
	position: relative;
}

#shiiya .section{
	position: relative;
	z-index:2;
}

#shiiya .fbox{
	margin-top:60px;
	position: relative;
	z-index:0;
  display:flex;
  justify-content: flex-end;
  flex-flow: row-reverse nowrap;
}

#shiiya .txtBox{
	width:588px;
	margin:0 0 0 auto;
}

#shiiya .txtBox p,
#shiiya .txtBox h5{
	margin-top:40px;
}

#shiiya .imgBox{
	width:37.5%;
	max-width:480px;
  margin-right:6%;
}

@media screen and (max-width: 1170px) {
	#shiiya .imgBox{
		width:33.0%;
		max-width:480px;
		position: absolute;
		left:0.5%;
		top:50px;
	}
}

#shiiya .imgBox .img1{display:block;margin:0 auto 0 0;}
#shiiya .imgBox .img2{display:block;margin:75px 0 0 auto;}

#shiiya .infoBox{
	width:588px;
	margin:30px 0 0 auto;
}


#maruyama{
	position: relative;
}

#maruyama::after{
	position: absolute;
	content: '';
	display: block;
	width:60%;
	height:375px;
	z-index:1;
	left:0;
	top:920px;
	background: rgba(209,136,145,.2);
}

#maruyama .section{
	position: relative;
	z-index:2;
}

#maruyama h3{
	width:592px;
}

#maruyama .fbox{
	margin-top:40px;
	position: relative;
	z-index:0;
}

#maruyama .txtBox{
	width:960px;
	margin:0 auto;
}

#maruyama .txtBox p{
	margin-top:75px;
}

#maruyama .imgBox{
	width:43.8%;
	max-width: 560px;
	position: absolute;
	right:0;
	top:-50px;
}

#maruyama .imgBox img{
	max-width: 100%;
}

#maruyama .floor{
	width:960px;
	margin:50px auto 0;
}

#education{
	position: relative;
	padding-bottom:30px;
}

#education .section{
	position: relative;
	z-index:2;
}

#education h3{
	width:852px;
}

#education .fbox{
	width:960px;
	margin:40px auto 0;
	position: relative;
	z-index:0;
}

#education .imgBox{
	width: 425px;
	position: absolute;
	right:0;
	top:0;
}

#education .floor{
	width: 425px;
	margin:60px 0 0 30px;
}

.tab-area {
  display: flex;
  cursor: pointer;/* カーソルポインターに */
  justify-content: space-between;
  margin-bottom: 5px;
}
.tab {
  width: calc(16.6% - 1px);
  padding: 5px;
  text-align: center;
  background: #CCC;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1.4;
  padding: 10px 0;
  margin: 0 1px;
}
.tab.active {
  background-color: #ED8335;
  color: #fff;
}
.tab:nth-child(2).active {
	background-color: #D8A150;
}
.tab:nth-child(3).active {
	background-color: #755741;
}
.tab:nth-child(4).active {
	background-color: #E95183;
}
.tab:nth-child(5).active {
	background-color: #3882D5;
}
.tab:nth-child(6).active {
	background-color: #A657D8;
}
.tab:nth-child(7).active {
	background-color: #AF922B;
}
.panel {
  display: none;
  text-align: center;
  margin-bottom: 80px;
}
.panel.active {
  display: block;
}

.panel .img img {
	max-width: 100%;
}
.inner img {
	max-width: 100%;
}

/**************************************************************************************/
/*TKD追記ここから*/
.panel-inner {
  background: #fff;
  padding: 40px 30px;
  margin-top: 1.5rem;
}
.panel h3 {
  width: 100%;
  margin: 0 auto 30px;
}
.list_circle_num {
  display: flex;
  justify-content: space-between;
}
.list_circle_num .num_box {
  width: 48%;
}
.list_circle_num .shop_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 15px 5px 10px 5px;
  border-bottom: 1px solid #cccccc;
  font-size: 13px;
}
.shop_list > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  text-decoration: none;
  transition: 0.5s;
}
.num_box .shop_list.linkBlock {
  padding: 0;
}
.num_box .shop_list.linkBlock a {
  padding: 15px 5px 10px 5px;
  margin: 5px 0;
  border-radius: 5px;
}
.shopping .shop_list > a {
  background: rgba(237, 131, 53, 0.15);
}
.shopping .shop_list > a:hover {
  background: rgba(237, 131, 53, 0.9);
}
.gourmet01 .shop_list > a {
  background: rgba(216, 161, 80, 0.15);
}
.gourmet01 .shop_list > a:hover {
  background: rgba(216, 161, 80, 0.9);
}
.gourmet02 .shop_list > a {
  background: rgba(117, 87, 65, 0.15);
}
.gourmet02 .shop_list > a:hover {
  background: rgba(117, 87, 65, 0.9);
}
.education .shop_list > a {
  background: rgba(233, 81, 131, 0.15);
}
.education .shop_list > a:hover {
  background: rgba(233, 81, 131, 0.9);
}
.parks .shop_list > a {
  background: rgba(56, 130, 213, 0.15);
}
.parks .shop_list > a:hover {
  background: rgba(56, 130, 213, 0.9);
}
.medical .shop_list > a {
  background: rgba(166, 87, 216, 0.15);
}
.medical .shop_list > a:hover {
  background: rgba(166, 87, 216, 0.9);
}
.public .shop_list > a {
  background: rgba(175, 146, 43, 0.15);
}
.public .shop_list > a:hover {
  background: rgba(175, 146, 43, 0.9);
}
.shop_list > a:hover {
  color: #fff;
  box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.2);
}
a[target="_blank"] {
  position: relative;
}
a[target="_blank"]::after {
  content: "";
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  right: 5px;
  width: 1em;
  height: 1em;
  background-image: url("../../images/location/04/arrow_link.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.5s;
}
.shopping a[target="_blank"]::after {
  background-image: url("../../images/location/04/arrow_link_shopping.svg");
}
.gourmet01 a[target="_blank"]::after {
  background-image: url("../../images/location/04/arrow_link_gourmet01.svg");
}
.gourmet02 a[target="_blank"]::after {
  background-image: url("../../images/location/04/arrow_link_gourmet02.svg");
}
.education a[target="_blank"]::after {
  background-image: url("../../images/location/04/arrow_link_education.svg");
}
.parks a[target="_blank"]::after {
  background-image: url("../../images/location/04/arrow_link_parks.svg");
}
.medical a[target="_blank"]::after {
  background-image: url("../../images/location/04/arrow_link_medical.svg");
}
.public a[target="_blank"]::after {
  background-image: url("../../images/location/04/arrow_link_public.svg");
}
a[target="_blank"]:hover::after {
  background-image: url("../../images/location/04/arrow_link_w.svg");
}

.shop_list dt {
  position: relative;
  padding-left: 1.5rem;
  text-align: left;
}
.shop_list dt .badge {
  display: inline-block;
  color: #fff;
  padding: 0.2rem 0.3rem;
  border-radius: 3px;
  font-size: clamp(0.25rem, 0.3rem + 0.385vw, 0.5rem);
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  background-color: #E74C3C;
  margin-left: 5px;
  transition: 0.5s;
}
.shop_list dt::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: calc(1.5em);
  height: calc(1.5em);
  background-color: #000;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  font-size: 12px;
}
.shopping dt::before,
.shop_list dt .badge.bg-shopping {
  background-color: #ed8335;
}
.gourmet01 dt::before,
.shop_list dt .badge.bg-gourmet01 {
  background-color: #d8a150;
}
.gourmet02 dt::before,
.shop_list dt .badge.bg-gourmet02 {
  background-color: #755741;
}
.education dt::before,
.shop_list dt .badge.bg-education {
  background-color: #e95183;
}
.parks dt::before,
.shop_list dt .badge.bg-parks {
  background-color: #3882d5;
}
.medical dt::before,
.shop_list dt .badge.bg-medical {
  background-color: #a657d8;
}
.public dt::before,
.shop_list dt .badge.bg-public {
  background-color: #af922b;
}
.shop_list > a:hover dt .badge {
  background-color: #fff;
}
.shop_list > a:hover dt .badge.bg-shopping {
  color: #ed8335;
}
.shop_list > a:hover dt .badge.bg-gourmet01 {
  color: #d8a150;
}
.shop_list > a:hover dt .badge.bg-gourmet02 {
  color: #755741;
}
.shop_list > a:hover dt .badge.bg-education {
  color: #e95183;
}
.shop_list > a:hover dt .badge.bg-parks {
  color: #3882d5;
}
.shop_list > a:hover dt .badge.bg-medical {
  color: #a657d8;
}
.shop_list > a:hover dt .badge.bg-public {
  color: #af922b;
}

.shop_list dt.num_1::before {
  content: "1";
}
.shop_list dt.num_2::before {
  content: "2";
}
.shop_list dt.num_3::before {
  content: "3";
}
.shop_list dt.num_4::before {
  content: "4";
}
.shop_list dt.num_5::before {
  content: "5";
}
.shop_list dt.num_6::before {
  content: "6";
}
.shop_list dt.num_7::before {
  content: "7";
}
.shop_list dt.num_8::before {
  content: "8";
}
.shop_list dt.num_9::before {
  content: "9";
}
.shop_list dt.num_10::before {
  content: "10";
}
.shop_list dt.num_11::before {
  content: "11";
}
.shop_list dt.num_non::before {
  content: "";
}
.shop_list dt + dd {
  margin: 0 0 0px 10px;
}
.shop_list.linkBlock a[target="_blank"] dt + dd {
  margin: 0 25px 0px 10px;
}
.shop_list div {
  font-size: 10px;
}
/**************************************************************************************/
/*TKD追記ここまで*/



/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {

	#contentsWrap{
		min-width: inherit;
	}

	.fullimg .imgcaption{
		width:90%;
	}

	.section{
		width:100%;
		margin:80px auto 0;
	}

	.section h3{
		width:90% !important;
	}

	.section .sectionInner .inner{
		margin-top:30px;
	}

	.section .sectionInner .fullimg+.inner{
		margin-top:30px;
	}

	.section .fullimg{
		width:90%;
		margin:30px auto 0;
	}

	.section .infoBox,
	#shiiya .infoBox{
		width:66.5%;
		max-width: 450px;
		margin:30px auto 0;
	}

	#moliere .txtBox{
		width:90%;
		margin:0 auto;
	}

	#moliere .imgBox{
		width:54.7%;
		max-width: 350px;
		margin:30px auto 0;
		position: static;
	}

  #auberge .fbox{
    display:block;
  }

	#auberge .txtBox{
		width:100%;
		margin:0 auto;
	}

	#auberge .imgBox{
		width:100%;
		margin:30px auto 0;
		position: static;
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	#auberge .imgBox img{
		width:48.9%;
		margin:0 !important;
	}

	#shiiya .fbox{
		margin-top:30px;
    display:block;
	}

	#shiiya .txtBox{
		width:90%;
		margin:0 auto;
	}

	#shiiya .imgBox{
		width:90%;
		margin:30px auto 0;
		position: static;
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	#shiiya .imgBox img{
		width:48.9%;
		margin:0 !important;
	}

	#maruyama::after{
		display: none;
	}

	#maruyama .txtBox{
		width:100%;
	}

	#maruyama .txtBox h5{
		padding:0 5%;
	}

	#maruyama .txtBox p{
		margin-top:5%;
		padding:5%;
		background: rgba(209,136,145,.2);
	}

	#maruyama .imgBox{
		padding:5% 5% 20%;
		background: rgba(209,136,145,.2);
		position: static;
		width:100%;
		box-sizing: border-box;
		max-width: inherit;
	}

	#maruyama .imgBox img{
		width:73.5%;
		margin:0 auto;
	}

	#maruyama .floor{
		width:100%;
		margin:-15% 0 0;
	}

	#maruyama .floor img{
		width:90%;
		margin:0 auto;
	}

	#education .fbox{
		width:100%;
	}

	#education .txtBox{
		width:90%;
		margin:0 auto;
	}

	#education .imgBox,
	#education .floor{
		width:66.5%;
		margin:20px auto 0;
		position: static;
	}

	.tab-area {
		flex-wrap: wrap;
	}

	.tab {
		width: calc(32.3% - -1.5px);
		margin-bottom: 2px;
        white-space: pre;
        font-size: 12px;
        padding: 5px 0;
        height: 40px;
	}
}

/**************************************************************************************/
/*TKD追記ここから*/
@media screen and (max-width: 640px) {
  .panel-inner {
    padding: 20px 15px;
  }
  .panel-inner h3 {
    width: 100% !important;
    margin: 0 auto 10px;
  }
  .list_circle_num {
    flex-direction: column;
  }
  .list_circle_num .num_box {
    width: 100%;
  }
  .shop_list dt,
  .shop_list dd {
    font-size: 2.5vw;
  }
  .shop_list dt::before {
    font-size: 10px;
  }
  .shop_list div {
    font-size: 1.5vw;
  } 
}

/**************************************************************************************/
/*TKD追記ここまで*/