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

location.css

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

.location #contents{
	overflow-x: hidden;
}

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


@media screen and (max-width: 767px) {
.sec_nakamachi{
	margin: 8% 0 0;
}
.sec_shopping{
	margin-top: 15%;
}
.second_block{
	margin-top: 12%;
}
.sec_park{
	margin-top: 15%;
}
.sec_edu{
	margin-top: 15%;
}
.sec_child{
	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: 50%;
	transform: translate(-50%, -50%);
	width: 96%;
	font-size: 26px;
	font-size: clamp(15px, 2.6vw, 26px);
	color: #fff;
	text-align: center;
}
h1.h1_ttl .en{
	display: block;
	font-size: 180%;
	font-family: "Cinzel", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.15em;
}
h1.h1_ttl .jp{
	display: inline-block;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #fff;
}


h2.h2_ttl{
	font-size: 32px; /*36px*/
	font-size: clamp(22px, 3.2vw, 32px); /* clamp(22px, 3.6vw, 36px) */
	font-weight: 500;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
}
h2.h2_cate_ttl{
	font-family: "Cinzel", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 36px;
	font-size: clamp(22px, 3.6vw, 36px);
	text-align: center;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
}

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

h3.h3_topics{
	font-family: "Cinzel", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 50px;
	font-size: clamp(28px, 5vw, 50px);
	text-align: center;
	color: #978949;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
}

h4.h4_nakamachi{
	font-size: 34px;
	font-size: clamp(20px, 3.4vw, 34px);
	font-weight: 500;
	text-align: center;
	color: #2f4571;
	margin-top: 1em;
}
h4.h4_topics{
	font-size: 30px;
	font-size: clamp(22px, 3vw, 30px);
	text-align: center;
	color: #a72037;
	margin: 1.4em 0 0.8em;
}

h4.h4_cate{
	font-size: 20px;
	font-size: clamp(17px, 2.0vw, 20px);
	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;
}

h5.h5_live{
	font-size: 20px;
	font-size: clamp(16px, 2.0vw, 20px);
	line-height: 1.6em;
	color: #fff;
	background-color: #2f4571;
	padding: 0.3em 0.5em;
	margin: 0.8em 0 0.4em; 
}

h6.h6_lifeinfo{
	font-family: "Cinzel", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	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) {
h3.h3_loca.sp_align_left{
	text-align: left;
}
h3.h3_loca.sp_align_left .resp_autowrap{
	display: inline;
}
h3.h3_loca br.sp_none{
	display: none;
}

p.p_lead{
	text-align: justify;
}
p.p_lead .resp_autowrap{
	display: inline;
}
}



/*** map400 **********************************/
.map400{
	position: relative;
	margin-top: 5%;
}
.map400 .inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 69%; /*68%*/
	/*max-width: 980px;*/
}
.map400 img{
	width: 100%;
	height: auto;
}

.map400 figcaption{
	position: absolute;
	right: 0.5em;
	bottom: 10%;
}


@media screen and (max-width: 767px) {
.map400 .inner{
	width: 80%;
}
}



/*** 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.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-family: 'Noto Serif JP', serif;
	font-weight: 400;
	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: #B9AB53;
background: linear-gradient(90deg, rgba(185, 171, 83, 1) 0%, rgba(120, 106, 62, 1) 100%);
}

.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;
}
}



/*** live_box **********************************/
.live_box{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.live_box_l{
	width: 46.09375%;
}
.live_box_r{
	width: 46.09375%;
}
.live_box_r .second{
	padding-top: 2em;
}
.live_box_r img{
	padding: 1em 0 0.8em;
}


@media screen and (max-width: 767px) {
.live_box_l{
	width: 100%;
}
.live_box_r{
	width: 100%;
	margin-top: 2em;
}
}



/*** topics **********************************/
.topics_wrap{
	width: 100%;
	max-width: 1200px;
	margin: 5% auto 0;
}
.topics_box{
	width: 90%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 0.8em 0;
	background-color: #978949;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
}
.topics_inner{
	margin: 0 0.8em;
	padding: 4em 2em;
	background-color: #fff;
}
.topics_inner .txt{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

.topics_inner .txt .detail{
	margin-top: 1.5em;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.topics_inner i.icon_first{
	position: absolute;
	bottom: -2.5em;
	left: 50%;
	margin-left: 5em;
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	font-size: 34px;
	font-size: clamp(20px, 3.4vw, 34px);
	text-align: center;
	color: #fff;
	width: 4em;
	height: 4em;
	line-height: 4em;
	border-radius: 50%;
	background-color: #a72037;
}

@media screen and (max-width: 640px) {
.topics_inner i.icon_first{
	margin-left: 4em;
}
}




/*** fig_topics **********************************/
.fig_topics{
	position: relative;
	width: 118%;
	margin-left: -9%;	
}
.fig_topics figcaption{
	position: absolute;
	right: 1em;
	bottom: 0.5em;
}

@media screen and (max-width: 640px) {
.fig_topics{
	width: 124%;
	margin-left: -12%;	
}
.fig_topics figcaption{
	right: auto;
	left: 1em;
}
}



/*** 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-family: 'Noto Serif JP', serif;
	font-weight: 400;
	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 {

}