/***********************************************************************************************************************

location.css

***********************************************************************************************************************/

.mx700{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}
.mx800{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.mx900{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.sec_lead{
	position: relative;
	margin: 5% 0 0;
}
.sec_shopping{
	margin-top: 8%;
}
.second_block{
	margin-top: 10%;
}
.sec_park{
	margin-top: 8%;
}
.sec_event{
	margin-top: 8%;
}
.sec_lifeinfo{
	margin-top: 8%;
}



@media screen and (max-width: 767px) {
.sec_lead{
	margin: 8% 0 0;
}
.sec_shopping{
	margin-top: 15%;
}
.second_block{
	margin-top: 12%;
}
.sec_park{
	margin-top: 15%;
}
.sec_event{
	margin-top: 15%;
}
.sec_lifeinfo{
	margin-top: 12%;
}
}



/*** hd **********************************/
.hd{
	position: relative;
}
.hd figure{
	position: relative;
}
.hd figure figcaption{
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
	/*color: #fff;*/
	text-align: right;
}
.hd img{
	width: 100%;
	height: auto;
}
.hd .pc{}
.hd .sp{ display: none;}


@media screen and (max-width: 767px) {
.hd .pc{ display: none;}
.hd .sp{ display: block;}
}



/*** h1〜  **********************************/
h1.h1_ttl{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 8%;
	transform: translateY(-50%);
	font-size: 24px;
	font-size: clamp(13px, 2vw, 24px);
	color: #fff;
	text-align: center;
}
h1.h1_ttl .en{
	display: block;
	font-size: 250%;
	font-family: Arial, Helvetica, "sans-serif";	
	letter-spacing: 0.1em;
}
h1.h1_ttl .jp{
	display: inline-block;
}

h2.h2_ttl{
	font-size: 40px;
	font-size: clamp(24px, 4vw, 40px);
	font-weight: 500;
	text-align: center;
	line-height: 1.6em;
	color: #f08a5f;
	margin-bottom: 1em;
}
h2.h2_cate_ttl{
	font-family: Arial, Helvetica, "sans-serif";	
	font-size: 60px;
	font-size: clamp(30px, 6vw, 60px);
	color: #f08a5f;
	text-align: center;
	margin-bottom: 0.5em;
}

h3.h3_lead{
	font-size: 48px;
	font-size: clamp(26px, 4.8vw, 48px);
	font-weight: 500;
	text-align: center;
	line-height: 1.6em;
	color: #f08a5f;
	margin-bottom: 1em;
}

h3.h3_ttl{
	font-size: 26px;
	font-size: clamp(20px, 2.6vw, 26px);
	font-weight: 500;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 0.05em; /*0.1em*/
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px solid #000;
}
h3.h3_ttl.sp_align_left{
}

h4.h4_cate{
	font-size: 20px;
	font-size: clamp(17px, 2.0vw, 20px);
	font-weight: 500;
	line-height: 1.6em;
	color: #2f4571;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
	border-bottom: 1px solid #000;
}
h4.h4_cate .num{
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 80%;
	color: #fff;
	text-align: center;
	background-color: #2f4571;
	border-radius: 50%;
	margin-right: 0.3em;
}

h6.h6_lifeinfo{
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 22px;
	font-size: clamp(18px, 2.2vw, 22px);
	letter-spacing: 0.1em;
	margin-bottom: 0.2em;
}

p.p_lead{
	font-size: 18px;
	font-size: clamp(16px, 1.8vw, 18px);
	/*line-height: 2em;*/
	text-align: center;
}
p.p_cate{
	text-align: justify;
	padding-top: 0.5em;
}

.clr_fff{
	color: #fff;
}
.shadow{
	text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000;
}



@media screen and (max-width: 767px) {
h1.h1_ttl{
	left: 5%;
}
h1.h1_ttl .en{
	font-size: 200%;
}
h3.h3_ttl.sp_align_left{
	text-align: left;
}
h3.h3_ttl.sp_align_left .resp_autowrap{
	display: inline;
}
h3.h3_ttl br.sp_none{
	display: none;
}
p.p_lead{
	text-align: justify;
}
p.p_lead .resp_autowrap{
	display: inline;
}
}


/*** ph_chobo **********************************/
.ph_chobo{
	position: relative;
	margin-top: 5%;
}
.ph_chobo figcaption{
	position: absolute;
	right: 1em;
	bottom: 0.5em;
}
.ph_chobo img{
	width: 100%;
	height: auto;
}




/*** fig_areamap **********************************/
.fig_areamap{
	margin-top: 8%; /*3%*/
}
.fig_areamap figcaption{
	margin-top: 1em;
}


@media screen and (max-width: 767px) {
.fig_areamap{
	margin-top: 5%;
}
}


/*** ph_shopping **********************************/
.shopping_box{
	margin-top: 8%;
}
.ph_shopping{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto 5%; /*5% auto 0*/
}

@media screen and (max-width: 767px) {
.shopping_box{
	margin-top: 12%;
}
}




/*** cate_main **********************************/
figure.cate_main{
	position: relative;
	margin-bottom: 5%;
}
figure.cate_main figcaption{
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
}
figure.cate_main img{
	width: 100%;
	height: auto;
}

@media screen and (max-width: 767px) {
figure.cate_main{
	margin-bottom: 8%;
}
}




/*** list_cate **********************************/
.list_cate{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin-top: 7%;
}
.list_cate.first{
	margin-top: 4%;
}
.list_cate.reverse{
	flex-direction: row-reverse;
}
.sec_event .list_cate{
	align-items: center;
}

.list_cate li.cate_ph_main{
	width: 67.87109375%;
}
.list_cate li.cate_ph_sub{
	width: 27.34375%;
}

.list_cate li.col1{
	width: 100%;
	margin-top: 5%;
}

.list_cate li.col2{
	width: 46.09375%;
	margin-top: 5%;
}
.list_cate li.col2:nth-child(1),
.list_cate li.col2:nth-child(2){
	margin-top: 0;
}
.list_cate li.col2.last_center{
	margin-left: auto;
	margin-right: auto;
}


.list_cate li.col3{
	width: 30.078125%;
}


.list_cate figure{
	position: relative;
}
.list_cate li.cate_ph_sub figure{
	margin-top: 1em;
}

.list_cate figure figcaption{
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
}

.list_cate li.col2 figure,
.list_cate li.col3 figure{
	margin-bottom: 1em;
}
.list_cate li.col2 figure figcaption.time{
	right: -1em;
	bottom: -1em;
	font-weight: 500;
	font-size: 18px;
	font-size: clamp(13px, 1.8vw, 18px);
	color: #fff;
	text-align: center;
	width: 6em;
	height: 4.3em;
	border-radius: 50%;
	padding-top: 1.7em;
	background: #f08a5f;
}

.list_cate li.col2 figure figcaption.caption{
	left: 0.5em;
	bottom: 0.5em;
}


.list_cate img{
	width: 100%;
	height: auto;
}



@media screen and (max-width: 767px) {
.list_cate{
	margin-top: 10%;
}
.list_cate li.cate_ph_main{
	width: 100%;
	margin-bottom: 1em;
}
.list_cate li.cate_ph_sub{
	width: 100%;
}
.list_cate li.col2{
	width: 100%;
	margin-top: 10%;
}
.list_cate li.col2:nth-child(2){
	margin-top: 10%;
}
.list_cate li.col3{
	width: 100%;
	margin-top: 10%;
}
.list_cate li.col3:first-child{
	margin-top: 0;
}

.list_cate li.cate_ph_sub figure{
	margin-top: 0;
}

.list_cate li.cate_ph_sub dl.only_sp{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.list_cate li.cate_ph_sub dl.only_sp dt{
	width: 58%;
}
.list_cate li.cate_ph_sub dl.only_sp dd{
	width: 38%;
	padding-top: 1.2em;
}
}



/*** fig_map **********************************/
.fig_map{
	margin-top: 5%;
}


/*** list_lifeinfo **********************************/
.list_lifeinfo{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin-top: 5%;
}
.list_lifeinfo li{
	width: 48%;
}

@media screen and (max-width: 767px) {
.list_lifeinfo li{
	width: 100%;
}
}



/*** list_lifeinfo **********************************/
.float_lifeinfo{
	font-size: 14px;
	font-size: clamp(12px, 1.4vw, 14px);
	margin-bottom: 2.5em;
}
.float_lifeinfo tr{
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.float_lifeinfo th{
	position: relative;
	padding: 0.5em 0;
	text-align: left;
}
.float_lifeinfo td{
	width: 11em;
	padding: 0.5em 0;
	text-align: right;
}
.float_lifeinfo th .num{
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	text-align: center;
	color: #fff;
	background-color: #ed6c00;
	border-radius: 50%;
	margin-right: 0.2em;
}

.float_lifeinfo.clr_culture th .num{ background-color: #915da3;}
.float_lifeinfo.clr_park th .num{ background-color: #009944;}
.float_lifeinfo.clr_sports th .num{ background-color: #00a0e9;}
.float_lifeinfo.clr_edu th .num{ background-color: #004098;}
.float_lifeinfo.clr_hospi th .num{ background-color: #e85298;}








/*************************************************************************************
*************************************************************************************

print

*************************************************************************************
**************************************************************************************/

@media print {

}