@charset "utf-8";
/* CSS Document */

.index {
	font-family: 'Noto Sans JP', sans-serif;
}
.top_caption {
	background: none!important;
}
.top_caption p {
	font-size: 1.2em; 
	font-weight: 700;
	padding: 10px 0 10px 0;
}

.prefectures-area { 
	width: 100%; 
	margin: 100px auto; 
	clear: both; 
	padding: 50px 0 0 0;
}

.prefectures-area a:hover { opacity: 0.7;}
.prefectures-area h4 { line-height: 2.5em!important;}


/*新規掲載店舗*/
.new-listshop { 
	width: 98%; 
	height: auto; 
	background: #fff; 
	border: 4px solid #1B3F8D; 
	color: #1B3F8D; 
	border-radius: 20px; 
	padding: 10px; 
	margin: 30px auto;
}
.new-listshop h2 { 
	padding: 0 0 20px 20px;
}
.new-listshop dl { 
	padding: 0 0 0 20px; 
	display: flex; 
	flex-wrap: wrap; 
	justify-content: flex-start; 
	align-items: center;
}
.new-listshop dl a { 
	color: #1B3F8D;
}
.new-listshop dl dt { 
	width: 18%; 
	align-items: center; 
	margin: 0 0 15px 0;
}
.new-listshop dl dt span { 
	background: #1B3F8D; 
	color: #fff; 
	padding: 5px;
	width: fit-content; 
	margin: 0 10px 0 0;
	display: inline-block;
  line-height: 1;}
.new-listshop dl dd { 
	width: 77%; 
	align-items: center; 
	margin: 0 0 15px 0;
}
.new-listshop dl dd span { 
	padding: 0 20px 0 10px; 
	color: #1B3F8D;
}



/*大阪*/
.prefectures-area .top-osk-area {
	margin: 0;
}

/*京都*/
.prefectures-area .top-kyo-area {
	margin: 200px 0 0 0;
}

/*兵庫*/
.prefectures-area .top-ukb-area {
	margin: 200px 0 0 0;
}

/*東京*/
.prefectures-area .top-tyo-area {
	margin: 200px 0 0 0;
}


/*共通*/
#container .prefectures-area h3 { 
	border-left:none!important; 
	font-weight: 900; 
	color: #333333!important; 
	font-size: 3.5em!important; 
	padding: 0 0 15px 100px!important; 
	position: relative;
}

#container .prefectures-area h3 a { 
	text-decoration: none;
	color: #333333!important; 
}

#container .prefectures-area h3:before { 
	content: ""; 
	display: inline-block; 
	position: absolute; 
	top: -30px; 
	left: 0; 
	width: 80px; 
	height: 80px; 
	background-size: contain; 
	background-repeat: no-repeat;
}


/*大阪*/
.prefectures-area .top-osk-area h3 { 
	border-bottom: 10px solid #5897EE; 
}

.prefectures-area .top-osk-area h3:before { 
	background-image: url("../user/top/index-gimg001.png"); 
}

/*京都*/
.prefectures-area .top-kyo-area h3 { 
	border-bottom: 10px solid #F266A3; 
}

.prefectures-area .top-kyo-area h3:before { 
	background-image: url("../user/top/index-gimg004.png"); 
}

/*兵庫*/
.prefectures-area .top-ukb-area h3 { 
	border-bottom: 10px solid #40D13B; 
}

.prefectures-area .top-ukb-area h3:before { 
	background-image: url("../user/top/index-gimg006.png"); 
}

/*東京*/
.prefectures-area .top-tyo-area h3 { 
	border-bottom: 10px solid #8411a5; 
}

.prefectures-area .top-tyo-area h3:before { 
	background-image: url("../user/top/index-gimg007.png"); 
}


/*共通*/
.pft-box01 { 
	display: flex; 
	width: 100%; 
	height: auto; 
	justify-content: space-between; 
	flex-wrap: wrap; 
	padding: 50px 0 0 0; 
	color: #333333; 
	align-items: center; 
	box-sizing: border-box;
}

#container .prefectures-area .pft-box-left { 
	border-radius: 10px; 
	width: 40%; 
	height: 250px; 
	color: #fff; 
	background-size: 100%; 
	background-position: center center; 
	
	display: flex;             
  justify-content: center; 
  align-items: center; 
  text-align: center;  
	box-shadow: 8px 8px 0 #E8E7E7;
	position: relative; 
}

#container .prefectures-area .pft-box-left::after {
  content: "";
  position: absolute;
  top: -25px;
  right: -30px;
  width: 90px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
	z-index: 10;
}

#container .prefectures-area .pft-box-left a { 
	color: #fff;
	text-decoration: none;
}


/*大阪*/
.prefectures-area .top-osk-area .pft-box-left { 
	background: url("../user/top/index-general-top01.jpg") #ccc no-repeat; 
}

.prefectures-area .top-osk-area .pft-box-left::after {
  background-image: url("../user/top/index-gimg002.png");
}

/*京都*/
.prefectures-area .top-kyo-area .pft-box-left { 
	background: url("../user/top/index-general-top02.jpg") #ccc no-repeat; 
}

.prefectures-area .top-kyo-area .pft-box-left::after {
  background-image: url("../user/top/index-gimg003.png");
}

/*兵庫*/
.prefectures-area .top-ukb-area .pft-box-left { 
	background: url("../user/top/index-general-top03.jpg") #ccc no-repeat; 
}

.prefectures-area .top-ukb-area .pft-box-left::after {
  background-image: url("../user/top/index-gimg005.png");
}


/*東京*/
.prefectures-area .top-tyo-area .pft-box-left { 
	background: url("../user/top/index-general-top04.jpg") #ccc no-repeat; 
}

.prefectures-area .top-tyo-area .pft-box-left::after {
  background-image: url("../user/top/index-gimg008.png");
}


/*共通*/
.pft-box-left p {
  font-size: 4.5em!important;
	font-weight: 700;
	line-height: 0.8;

}
.pft-box-left p span {
  font-size: 0.6em!important;
}

.pft-box-right { 
	width: 50%; 
	text-align: left;
}

.pft-box-right h4 { 
	font-size: 2.5em!important; 
	padding: 0 0 10px 0; 
	font-weight: 700;
}

.pft-box-right p { 
	font-size: 1.3em;
}

.type-link { 
	width: 100%; 
	height: auto;
}

ul.type-link { 
	display: flex; 
	justify-content: flex-start; 
	flex-wrap: wrap; 
	width: 100%; 
	height: auto;
	gap:30px;
	align-items: center;
	box-sizing: border-box;
	margin: 40px auto;
}

#container ul.type-link li {
  width: calc((100% - 90px) / 4); 
	height: 100px;
	border-radius: 10px;
	display: flex;             
  justify-content: center; 
  align-items: center; 
  text-align: center;
}

#container ul.type-link li a {
	color: #fff;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 5px 0 0 0;	
}

#container ul.type-link li p {
  font-size: 2.5em !important;
	font-weight: 700;
	line-height: 1;

}
#container ul.type-link li p span {
  font-size: 0.6em!important;
}

/*大阪*/
ul.type-link li.type-osk01 { background:#136FEE;}
ul.type-link li.type-osk02 { background:#446CF1;}
ul.type-link li.type-osk03 { background:#259DF9;}
ul.type-link li.type-osk04 { background:#0AB8E5;}

/*京都*/
ul.type-link li.type-kyo01 { background:#F54EB2;}
ul.type-link li.type-kyo02 { background:#F9255F;}
ul.type-link li.type-kyo03 { background:#F1448F;}
ul.type-link li.type-kyo04 { background:#FB78B0;}

/*兵庫*/
ul.type-link li.type-ukb01 { background:#0EB985;}
ul.type-link li.type-ukb02 { background:#18976C;}
ul.type-link li.type-ukb03 { background:#09BF5E;}
ul.type-link li.type-ukb04 { background:#09E32D;}

/*東京*/
ul.type-link li.type-tyo01 { background:#c44fe5;}
ul.type-link li.type-tyo02 { background:#9120b1;}
ul.type-link li.type-tyo03 { background:#c40fc2;}
ul.type-link li.type-tyo04 { background:#ea56e8;}


/*共通*/
#container ul.area-link {
	display: flex; 
	justify-content: flex-start; 
	flex-wrap: wrap; 
	width: 100%; 
	height: auto;
	gap:20px;
	align-items: center;
	box-sizing: border-box;
	margin: 40px auto;
}

#container ul.area-link li {
	border: 1px solid #707070;
	background: #fff;
	border-radius: 10px;
	font-size: 1.3em;
}

#container ul.area-link li a { 
	text-decoration: none;
	color: #333;
	padding: 10px 20px 10px 20px;
	width:100%;
	display: block;
}


/*バナー*/
#container .linkbnr-area	{ 
	width: 100%; 
	height: auto; 
	padding: 100px 0 0 0;
	margin: 40px auto;
}

#container .linkbnr-area ul {
	margin: 0;
  padding: 0;
  box-sizing: border-box;
	width: 100%;
  display: flex;
  gap: 30px;
	flex-wrap: wrap;
}
	
#container .linkbnr-area li { 
	box-sizing: border-box;
	width: calc(50% - 15px);
	margin: 20px 0;
}	 	

#container .linkbnr-area img {
	width: 100%;
	padding: 0 0 5px 0;
}





@media screen and (max-width: 767px) {
/*新規掲載店舗*/
.new-listshop { 
	width: 90%; 
	height: auto; 
	background: #fff; 
	border: 4px solid #1B3F8D; 
	color: #1B3F8D; 
	border-radius: 20px; 
	padding: 10px; 
	margin: 30px auto;
	font-size: 1.2em;
}
	
.new-listshop h2 { 
	padding: 10px 0 20px 0; 
	width: 94%; 
	margin: 0 auto;
}
	
.new-listshop dl { 
	padding: 15px 0 0 0; 
	margin: 0 auto; 
	display: block; 
	width: 94%;
}
	
.new-listshop dl a { 
	color: #1B3F8D;
}
	
.new-listshop dl dt { 
	width: fit-content; 
	margin: 0;
}
	
.new-listshop dl dt span { 
	background: #1B3F8D; 
	color: #fff; 
	padding: 4px 4px 4px 4px; 
	width: fit-content; 
	margin: 0 10px 0 0;
}
	
.new-listshop dl dd { 
	margin: 5px 0 20px 0; 
	width:100%; 
	padding: 0;
	line-height: 1.8;
}
	
.new-listshop dl dd span { 
	padding: 0 20px 0 10px; 
	color: #1B3F8D;
}	
	
#container .prefectures-area { 
	width: 90%; 
	height: auto; 
	margin: 80px auto; 
	padding: 0;
}	
	
#container .prefectures-area h3 { 
	border-left:none!important; 
	font-weight: 900; 
	color: #333333!important; 
	padding: 0 0 15px 60px!important; 
	position: relative;
	background: none!important;
	font-size: 1.8em!important; 		
}	
	
#container .prefectures-area h3:before { 
	content: ""; 
	display: inline-block; 
	position: absolute; 
	top: -15px; 
	left: 0; 
	width: 50px; 
	height: 50px; 
	background-size: contain; 
	background-repeat: no-repeat;
}	
	
	
	
/*大阪*/
.prefectures-area .top-osk-area { 
	margin: 0; 
	padding: 0;
}		
	
.prefectures-area .top-kyo-area,.prefectures-area .top-ukb-area, .prefectures-area .top-tyo-area { 
	margin: 100px 0 0 0; 
	padding: 0;
}	
	
.prefectures-area .top-osk-area h3 { 
	border-bottom: 6px solid #5897EE; 	
}	
	
.prefectures-area .top-osk-area h3:before { 
	background-image: url("../user/top/index-gimg001.png"); 
}	
	
/*京都*/
.prefectures-area .top-kyo-area h3 { 
	border-bottom: 6px solid #F266A3; 	
}	
	
.prefectures-area .top-kyo-area h3:before { 
	background-image: url("../user/top/index-gimg004.png"); 
}	
	
/*兵庫*/
.prefectures-area .top-ukb-area h3 { 
	border-bottom: 6px solid #40D13B; 
}	
	
.prefectures-area .top-ukb-area h3:before { 
	background-image: url("../user/top/index-gimg006.png"); 
}	
	
/*東京*/
.prefectures-area .top-tyo-area h3 { 
	border-bottom: 6px solid #8411a5; 		
}	
	
.prefectures-area .top-tyo-area h3:before { 
	background-image: url("../user/top/index-gimg007.png"); 
}		
		
	

/*共通*/
#container .pft-box01 { 
	padding: 50px 0 0 0; 
	color: #333333; 

}
	
#container .prefectures-area .pft-box-left { 
	border-radius: 10px; 
	width: 94%; 
	height: 200px; 
	color: #fff; 
	background-size: 100%; 
	background-position: center center; 
	
	display: flex;             
  justify-content: center; 
  align-items: center; 
  text-align: center;  
	box-shadow: 8px 8px 0 #E8E7E7;
	position: relative; 
}	
	
#container .prefectures-area .pft-box-left::after {
  content: "";
  position: absolute;
  top: -25px;
  right: -30px;
  width: 90px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
	z-index: 10;
}	
	

/*大阪*/
.prefectures-area .top-osk-area .pft-box-left { 
	background: url("../user/top/index-general-top01.jpg") #ccc no-repeat; 
}

.prefectures-area .top-osk-area .pft-box-left::after {
  background-image: url("../user/top/index-gimg002.png");
}

	
/*京都*/
.prefectures-area .top-kyo-area .pft-box-left { 
	background: url("../user/top/index-general-top02.jpg") #ccc no-repeat; 
}

.prefectures-area .top-kyo-area .pft-box-left::after {
  background-image: url("../user/top/index-gimg003.png");
}	
	
	
/*兵庫*/
.prefectures-area .top-ukb-area .pft-box-left { 
	background: url("../user/top/index-general-top03.jpg") #ccc no-repeat; 
}

.prefectures-area .top-ukb-area .pft-box-left::after {
  background-image: url("../user/top/index-gimg005.png");
}	
	
	
/*東京*/
.prefectures-area .top-tyo-area .pft-box-left { 
	background: url("../user/top/index-general-top04.jpg") #ccc no-repeat;  
}

.prefectures-area .top-tyo-area .pft-box-left::after {
  background-image: url("../user/top/index-gimg008.png");
}	
		

/*共通*/
.pft-box-left p a { 
	color: #fff; 
	text-decoration: none;
}	
	
.pft-box-left p {
  font-size: 4.5em!important;
	font-weight: 700;

	line-height: 0.8;

}
.pft-box-left p span {
  font-size: 0.6em!important;
}

#container .pft-box-right { 
	width: 100%; 
	text-align: left;
}

.pft-box-right h4 { 
	font-size: 1.8em!important; 
	padding: 20px 0 10px 0; 
	font-weight: 700;
	line-height: 1.3!important;
}

#container .pft-box-right p { 
	font-size: 1.2em;
	line-height: 1.8;
}


#container .type-link { 
	width: 100%; 
	height: auto;
}

#container ul.type-link { 
	display: flex; 
	justify-content: flex-start; 
	flex-wrap: wrap; 
	width: 100%; 
	height: auto;
	gap:20px;
	align-items: center;
	box-sizing: border-box;
	margin: 30px auto;
}

#container ul.type-link li {
	width: calc(50% - 10px);
	height: 100px;
	border-radius: 10px;
	display: flex;             
  justify-content: center; 
  align-items: center; 
  text-align: center;
}

#container ul.type-link li a {
	color: #fff;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 5px 0 0 0;	
}

#container ul.type-link li p {
  font-size: 2.4em!important;
	font-weight: 700;
	line-height: 0.9;

}
#container ul.type-link li p span {
  font-size: 0.6em!important;
}


/*共通*/
#container ul.area-link {
	display: flex; 
	justify-content: flex-start; 
	flex-wrap: wrap; 
	width: 100%; 
	height: auto;
	gap:15px;
	align-items: center;
	box-sizing: border-box;
	margin: 40px auto;
	font-size: 0.8em!important;
}

#container ul.area-link li {
	border: 1px solid #707070;
	background: #fff;
	border-radius: 10px;
	margin: 0;
}

#container ul.area-link li a { 
	text-decoration: none;
	color: #333;
	padding: 10px;
	width:100%;
	display: block;
}
	

/*バナー*/
#container .linkbnr-area	{ 
	width: 90%; 
	height: auto; 
	margin: 40px auto;
	padding: 100px 0 0 0;
}
	
#container .linkbnr-area ul {
  display: block;
  }	
	
#container .linkbnr-area li { 
	margin: 20px 0 20px 0;
	width: 100%;
}	 	

#container .linkbnr-area img {
	width: 100%;
	padding: 0 0 5px 0;
}
	

}