@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/*-----共通-----*/
#content{ padding-top: 5em;}
#content_special {/*特集*/
	padding: 0 0 5em; 
	background: #e1efd8;
}
#content_special02 {/*小特集*/
	padding: 0 0 5em;
	margin-top: 5em;
	background: #86a6c4;
}
#content_yorimichi {/*ふくおか寄り道紀行*/
	padding: 3em 0 5em;
	background: #018f51;
}
#content_food { /*プライドフード*/
	padding: 0 0 5em; 
	background: #ffe69c;
}
#content_talk1 { /*いきいきトーク1*/
	padding: 0 0 5em; 
	background: #edf1b0;
}
#content_talk2 { /*いきいきトーク2*/
	padding: 0 0 5em; 
	background: #bce2e8;
}
#content_mytown { /*きらめきマイタウン*/
	padding: 3em 0 5em;
	background: #8fd0d6; 
}
#content_smile {/*smile移住・定住*/
	padding: 0 0 5em;
	margin-top: 5em;
	background: #fadbda; 
}
#content_flower { /*花あふれるふくおか*/
	padding: 3em 0 5em; 
	background: #f9d0c3; 
}
#content_subpage{/*about・map・event*/
	background: #fff; 
}
@media only screen and (max-width: 768px) {
	
#content{ padding-top: 2em;
}
#content_special {/*特集*/
	padding: 1em 0;
}
#content_special02 { /*小特集*/
	padding: 1em 0; 
}
#content_yorimichi { /*ふくおか寄り道紀行*/
	padding: 1em 0;
}
#content_food{/*プライドフード*/
	padding: 1em 0;
}
#content_talk1{/*いきいきトーク1*/
	padding: 1em 0;
}
#content_talk2{/*いきいきトーク2*/
	padding: 1em 0;
}
#content_mytown{/*きらめきマイタウン*/
	padding: 1em 0; 
}
#content_smile{ /*smile移住・定住*/
	padding: 1em 0;
}
#content_flower{/*花あふれるふくおか*/
	padding: 1em 0; 
}
#content_subpage{/*about・map・event*/
	width: 90%;
    margin: auto;
}
}


/*-----共通：メインビジュアル リードなど--------------------*/

#mainBlock.foodBlock,.mytownBlock,.smileBlock,.flowerBlock,.yorimichiBlock,.specialBlock,.specialBlock02,.talkBlock{
    margin: 0;
    width: calc(100% - 150px);
	border-top-right-radius: 45px;
	border-bottom-right-radius: 45px;
}
#mainBlock.specialBlock{ background: #e1efd8; }/*特集*/
#mainBlock.specialBlock02{ background: #b6d2ec; }/*小特集*/
#mainBlock.yorimichiBlock{ background: #018f51; }/*ふくおか寄り道紀行*/
#mainBlock.foodBlock{ background: #ffe69c;}/*プライドフード*/
#mainBlock.talkBlock{ background: #ffe9d6;}/*いきいきトーク*/
#mainBlock.mytownBlock{ background: #e0fcff; }/*きらめきマイタウン*/
#mainBlock.smileBlock{ background: #fadbda; }/*smile移住・定住*/
#mainBlock.flowerBlock{ background: #f9d0c3; }/*花あふれるふくおか*/

#mainBlock .wrapper {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 3% 7% 3% 10%;
	max-width: 1200px;
	margin: auto;
}
#mainBlock .wrapper .main_left{
	/*width: 70%;*/
	width: 67%;
}
#mainBlock .wrapper .main_right{
	width: 25%;
	text-align: center;
}
/**/
#mainBlock .wrapper .main_left_sp{
	width: 80%;
}
#mainBlock .wrapper .main_right_sp{
	width: 18%;
}
#mainBlock .wrapper .main_left .main_visual{
	margin-top: -15%;
}
#mainBlock .wrapper .main_left_sp .main_visual{
	margin-top: -18%;
}
#mainBlock .wrapper .main_left .main_visual img{
	width: 100%;
}
#mainBlock .wrapper .main_left .lead{
	/*display: block;*/
	display: inline-block;
	font-weight: bold;
	padding: 1em;
	margin-top: 1.5em;
    font-size: 0.9rem;
    text-align: left;
    background: #fff;
    border-radius: 3px;
}
#mainBlock .wrapper .main_left_sp .lead{/*特集*/
	display: inline-block;
	font-weight: bold;
	padding: 1em;
	margin-top: 1.5em;
    font-size: 0.9rem;
    text-align: left;
    background: #fff;
    border-radius: 3px;
}
@media only screen and (max-width: 768px) {
	
#mainBlock.foodBlock,.mytownBlock,.smileBlock,.flowerBlock,.yorimichiBlock,.specialBlock,.specialBlock02,.talkBlock{
    width: calc(100% - 40px);
    margin: auto;
    border-radius: 8px;
}
#mainBlock .wrapper {
    display: block;
	padding: 1em 2em;
	max-width: 100%;
}
#mainBlock .wrapper .main_left{
	width: 100%;
}
#mainBlock .wrapper .main_right{
	width: 100%;
	margin-bottom: 2em;
}
#mainBlock .wrapper .main_left .main_visual{
	display: contents;
    top: 0;
}
#mainBlock .wrapper .main_left .lead{
	margin-top: 1em;
    font-size: 0.8rem;
	}
}
@media only screen and (min-width: 1200px) {
#mainBlock .wrapper {
	max-width: 1200px;
}
}

/*-----サブページの文章エリア--------------------*/

.concept{
	width: 90%;
    margin: 5em auto;
}
h2.subttl{
	background: #dfdfdf;
    padding: 1em 1.5em;
    font-size: 1.5rem;
    border-radius: 10px;
}
h3.mapttl{
	color:#0D658A;
    /*margin: 2em 0 1em;*/
	margin-bottom: 1em;
    font-size: 1rem;
}
@media only screen and (max-width: 768px) {
	
.concept{
	width: 100%;
    margin: 2em auto;
}
h2.subttl{
    font-size: 1.2rem;
    padding: 0.6em 1.5em;}
}

/*-----共通：h2.ロゴ画像など--------------------*/

h2.main_title{}
@media only screen and (max-width: 768px) {
	
h2.main_title{
	max-width: 50%;
    margin: -3em auto 0;
}
.specialBlock h2.main_title{
	/* max-width: 25%; */
    margin: 0 auto 0;
}
.talkBlock h2.main_title{
	max-width: 40%;
    margin: -3em auto 0;
}
.yorimichiBlock h2.main_title{
    margin: 0 auto 0;
}
}

/*-----共通：h3.キャッチ--------------------*/

h3.catch,.catch_special,.catch_special02,.catch_yori,.catch_food,.catch_smile{
	writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: left;
	font-size: 2.2rem;
	margin: 1em auto;
	letter-spacing: 0.2em;
}
h3.catch_special{
	font-size: 2.5rem;
}
h3.catch_special.indent {
	text-indent: -1em;
}
h3.catch_special02{
	font-size: 2.5rem;
}
h3.catch_food{
	font-size: 2.5rem;
}
h3.catch_smile{
	font-size: 1.9rem;
}
/*h3.catch span.big{
	font-size: 3.2rem;
}*/
h3.catch_yori{
	color: #fff;
	font-size: 1.9rem;
}

@media only screen and (max-width: 768px) {
	
h3.catch,.catch_special,.catch_special02,.catch_yori,.catch_food,.catch_smile{
	writing-mode: horizontal-tb;
	font-size: 1.4rem;
	margin: 1em auto;
	text-align: center;
}
h3.catch_special{
    font-size: 1.5rem;
}
h3.catch_special02{
    font-size: 1.5rem;
}
h3.catch_food{
    font-size: 1.5rem;
}
h3.catch_smile{
    font-size: 1.2rem;
}
h3.catch_yori{
	color: #fff;
	font-size: 1.1rem;
}
}

/*-----共通：h3タイトル--------------------*/

h3.food_ttl,.mytown_ttl,.smile_ttl,.flower_ttl,.yorimichi_ttl {
	padding: 0.3em 1.5em;
	font-size: 1.6rem;
	margin-bottom: 1em;
}
h3.food_ttl { border-left: 8px solid #322716; }/*プライドフード*/
h3.mytown_ttl { border-left: 8px solid #0099d9; }/*きらめきマイタウン*/
h3.smile_ttl { border-left: 8px solid #fdd303; }/*smile移住・定住*/
h3.flower_ttl {	border-left: 8px solid #c21c1d; }/*花あふれるふくおか*/
h3.yorimichi_ttl {	border-left: 8px solid #006C3A; }/*ふくおか寄り道紀行*/
@media only screen and (max-width: 768px) {
	
h3.food_ttl,.mytown_ttl,.smile_ttl,.kengi_ttl,.flower_ttl,.yorimichi_ttl {
	padding: 0.2em 1em;
    font-size: 1.1rem;
}
}

/*-----共通：h4ポイントタイトル--------------------*/

h4.point_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 2em;
	color: #24b4bd;
}
h4.point_ttl::before,
h4.point_ttl::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #3fc1c9;
}
h4.point_ttl::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
h4.point_ttl::after {
	margin-left: 30px;
	transform: rotate(35deg)
}
@media only screen and (max-width: 768px) {
	
h4.point_ttl {
	font-size: 1.2rem;
}
h4.point_ttl::before,
h4.point_ttl::after {
	width: 3px;
	height: 30px;
}
h4.point_ttl::before {
	margin-right: 20px;
	transform: rotate(-35deg)
}
h4.point_ttl::after {
	margin-left: 20px;
	transform: rotate(35deg)
}
}

/*-----共通：h5ノーマル太字--------------------*/

h5{	
	font-size: 1.15rem;
	margin-bottom: 0.3em;
}
@media only screen and (max-width: 768px) {
h5{	
	font-size: 0.9rem;
}
}

/*-----共通：最初の文章--------------------*/

.intro{
	width: 70%;
    margin: 5em auto;
}
@media only screen and (max-width: 768px) {
	
.intro{
	width: 80%;
    margin: 3em auto;
}
}

/*-----共通：中レイアウト--------------------*/

.contentgroup{
    /*width: calc(100% - 220px);*/
    /*width: calc(100% - 280px);*/
	max-width: 1200px;
    margin: auto;
    padding: 3em;
}
.contentgroup .detail{
	background: #fff;
	width: 80%;
	/*padding: 3.5em;*/
	padding: 3em 4em;
	margin: 3em auto;
	border-radius: 5px;	
}
@media only screen and (max-width: 768px) {
.contentgroup{
	/*width: calc(100% - 40px);*/
    width: 94%;
	margin: 2em auto 0;
	padding: 0;
	}
.contentgroup .detail{
	padding: 1.5em;
}
}
@media only screen and (min-width: 1200px) {
#mainBlock .wrapper {
	max-width: 1200px;
}
}

/*-----共通：1枚--------------------*/

.photo{
	width: 100%;
	margin-bottom: 2em;
	/*margin: 3em auto;*/
}

.pht_right {
    float: right;
    margin: 0 0 1em 1em;
    width: 44%;
}
@media only screen and (max-width: 768px) {
.pht_right {
    width: 55%;
}
}


/*-----共通：画像2枚横並び--------------------*/

ul.column2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
ul.column2 li{
	width: 47%;
	margin-bottom: 2em;
}
@media only screen and (max-width: 768px) {
	
ul.column2 {
    display: block;
  }
ul.column2 li{
	width: 100%;
}
ul.column2 li img{
	text-align: center;
}
}

/*-----共通：画像2枚横並び_大きさ違い--------------------*/

ul.column2_2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.column2_2 li:nth-child(odd) {
	width: 67%;
}
ul.column2_2 li:nth-child(even) {
	width: 30%;
}
@media only screen and (max-width: 768px) {
	
ul.column2_2{
    display: block;
}
ul.column2_2 li:nth-child(odd) {
	width: 100%;
}
ul.column2_2 li:nth-child(even) {
	width: 100%;
    margin-top: 0.5em;
}
}
/*-----共通：画像2枚横並び_大きさ違い_左が小さい--------------------*/

ul.column2_2ls{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.column2_2ls li:nth-child(odd) {
	width: 30%;
}
ul.column2_2ls li:nth-child(even) {
	width: 60%;
}
@media only screen and (max-width: 768px) {
	
ul.column2_2ls{
    display: block;
}
ul.column2_2ls li:nth-child(odd) {
	width: 100%;
}
ul.column2_2ls li:nth-child(even) {
	width: 100%;
    margin-top: 0.5em;
}
}


ul.column2_3{/*マイタウン_HOT TOPICSで使用*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.column2_3 li:nth-child(odd) {
	width: 55%;
}
ul.column2_3 li:nth-child(even) {
	width: 43%;
}
@media only screen and (max-width: 768px) {
	
ul.column2_3{
    display: block;
}
ul.column2_3 li:nth-child(odd) {
	width: 100%;
}
ul.column2_3 li:nth-child(even) {
	width: 100%;
    margin-top: 0.5em;
}
}

/*-----共通：画像2枚横並び 背景あり--------------------*/
ul.column2s {/*マイタウン_新たな交流スポットで使用*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	background-image: repeating-linear-gradient(-45deg,#ecf7ff 0, #ecf7ff 3px,transparent 3px,transparent 6px);
	padding: 1em;
}

ul.column2s li{
    display: flex;
    flex-direction: column;
	width: 47%;
}
ul.column2s li .pic {/*下ぞろえ*/
  margin-top: auto;
}

@media only screen and (max-width: 768px) {
	
ul.column2s {
    display: block;
  }
ul.column2s li{
	width: 100%;
	margin-top: 1em; 
}
}

/*-----共通：画像3枚横並び--------------------*/

ul.column3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
ul.column3 li{
	width: 30%;
	margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
	
ul.column3 {
    display: block;
  }
ul.column3 li{
	width: 100%;
	margin-bottom: 1em;
}
}

/*-----共通：画像3枚横並び背景あり--------------------*/

ul.column3_b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	background-image: repeating-linear-gradient(-45deg,#ecf7ff 0, #ecf7ff 3px,transparent 3px,transparent 6px);
	padding: 1em;
  }
ul.column3_b li{
	width: 30%;
	margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
	
ul.column3_b {
    display: block;
  }
ul.column3_b li{
	width: 100%;
	margin-bottom: 1em;
}
}

/*-----共通：画像3枚横並び_spでは2つ並び--------------------*/

ul.column3_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
ul.column3_2 li{
	width: 30%;
	margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
	
ul.column3_2 { }
ul.column3_2 li{
	width: 48%;
	margin-bottom: 1em;
}
}


/*-----共通：画像とテキスト--------------------*/

ul.pictext{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.pictext li:nth-child(odd) {
	width: 37%;
}
ul.pictext li:nth-child(even) {
	width: 60%;
}
@media only screen and (max-width: 768px) {
	
ul.pictext{
    display: block;
}
ul.pictext li:nth-child(odd) {
	width: 100%;
}
ul.pictext li:nth-child(even) {
	width: 100%;
    margin-top: 0.5em;
}
}

/*-----information--------------------*/

.information_area{/*プライドフード*/
	width: 70%;
    padding: 3em;
    margin: 5em auto 2em;
    border-radius: 5px;
	font-size: 0.9em;
    background: #fff;
}
.information_area02{/*寄り道紀行・花あふれるふくおか*/
	width: 80%;
    padding: 3em;
    margin: auto;
    border-radius: 5px;
	font-size: 0.9em;
    background: #FFF;
}

ul.information{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.information li:nth-child(odd) {
	width: 50%;
}
ul.information li:nth-child(even) {
	width: 45%;
}
@media only screen and (max-width: 768px) {

.information_area{
	padding: 2em;
    border-radius: 5px;
    font-size: 0.9em;
}
.information_area02{
	padding: 2em;
    margin: 0 auto 3em;
    border-radius: 5px;
    font-size: 0.9em;
}

ul.information{
    display: block;
}
ul.information li:nth-child(odd) {
	width: 100%;
}
ul.information li:nth-child(even) {
	width: 100%;
    margin-top: 0.5em;
}
}

/*-----共通：問い合わせ--------------------*/

.inquiry_box{
	width: 60%;
    margin: 2em auto;
    padding: 2.5em 2em 2em;
    position: relative;
    border: 2px solid #5679b7;
	text-align: center;
}
.inquiry_box .inquiry_ttl {
	background-color:#fff;
	font-size: 1.1em;
	font-weight: bold;
	color: #5679b7;
	padding: 0 0.5em;
	line-height: 1;
	position:absolute;
	top: -5px;
	left: 20px;
}
dl.inquiry {
    display: flex;
    flex-wrap: wrap;
	font-size: 0.9rem;
}
dl.inquiry dt { 
	width: 17%; 
	font-weight: bold;
	font-size: 1rem;
}
dl.inquiry dd { margin-left: 0;}
@media screen and (max-width: 768px) {

dl.inquiry dl { }
dl.inquiry dt { width: 100%; }
dl.inquiry dd { width: 100%; }
}

/*-----紹介などの枠--------------------*/

.introduction{
	width: 70%;
	margin: 5em auto 3em;
}
@media screen and (max-width: 768px) {
.introduction{
	width: 90%;
}
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/*special_西の都----------*/

h2.special{
	font-size: 2rem;
	text-align: center;
	margin-bottom: 1em;
}
h2.special span{
	display: block;
	font-size: 1rem;
}
h3.ttl_special{
    font-size: 1.5rem;
    margin-bottom: 0.5em;
}
h3.ttl_special02{
    font-size: 2rem;
    margin-bottom: 0.5em;
	font-family: 'Noto Serif JP', serif;
}
.intro_Box{
	width: 87%;
	margin: 1em auto 2em;
	border: 1px solid #ababab;
	padding: 1em;
	border-radius: 5px;
	font-size: 0.9rem;
}
.intro_Box p{
	margin-bottom: 0;
}
/* 文字の上に点 */
.dots {
  -webkit-text-emphasis: filled;
  text-emphasis: filled;
}

@media only screen and (max-width: 768px) {
	
h2.special{
	font-size: 1.5rem;
}
h2.special span{
	font-size: 0.9rem;
}
h3.ttl_special{
    font-size: 1.2rem;
}
h3.ttl_special02{
    font-size: 1.5rem;
}
}

/*タイトルのナンバリング*/
h4.icon_story01,.icon_story02,.icon_story03,.icon_story04 {
	position: relative;
    padding: 0.3em 0 0 3em;
    font-size: 1.3rem;
    margin: 2em 1em 1em;
}
h4.icon_story01 p,.icon_story02 p,.icon_story03 p,.icon_story04 p {
    font-size: 1.6rem;
    margin-bottom: 0;
}
h4.icon_story01 span,.icon_story02 span,.icon_story03 span,.icon_story04 span {
    font-size: 1rem;
}
h4.icon_story01:before {
	position: absolute;
    content: url("../special/img/story01.png") ;
	top: 0px;
	left: -35px;
}
h4.icon_story02:before {
	position: absolute;
    content: url("../special/img/story02.png") ;
	top: -14px;
	left: -35px;
}
h4.icon_story03:before {
	position: absolute;
    content: url("../special/img/story03.png") ;
	top: -14px;
	left: -35px;
}
h4.icon_story04:before {
	position: absolute;
    content: url("../special/img/story04.png") ;
	top: -14px;
	left: -35px;
}
@media only screen and (max-width: 768px) {
	
h4.icon_story01,.icon_story02,.icon_story03,.icon_story04 {
    font-size: 1rem;
    padding: 0.3em 0 0 1.7em;
}
h4.icon_story01 p,.icon_story02 p,.icon_story03 p,.icon_story04 p {
    font-size: 1.3rem;
	line-height: 1.2;
}
h4.icon_story01 span,.icon_story02 span,.icon_story03 span,.icon_story04 span {
    font-size: 0.6rem;
}
h4.icon_story01:before {
    content: url("../special/img/story01_sp.png") ;
	top: 0px;
	left: -28px;
}
h4.icon_story02:before {
    content: url("../special/img/story02_sp.png") ;
	top: 0px;
	left: -28px;
}
h4.icon_story03:before {
    content: url("../special/img/story03_sp.png") ;
	top: 0px;
	left: -28px;
}
h4.icon_story04:before {
    content: url("../special/img/story04_sp.png") ;
	top: 0px;
	left: -28px;
}
}

.bunkazai{
	width: 93%;
    margin: 1.5em 0 0 0;
    padding: 1.5em 1em 0em;
    position: relative;
    border: 2px solid #00A496;
    font-size: 0.9em;
    border-radius: 5px;
}
.bunkazai .bunkazai_ttl {
	background-color:#fff;
	font-size: 1.1em;
	font-weight: bold;
	color: #00A496;
	padding: 0 0.5em;
	line-height: 1;
	position:absolute;
	top: -5px;
	left: 20px;
}
.specialbox{
	width: 90%;
	margin: 2em auto 0;
}

/*special02_地域猫活動----------*/

.susumekata{
	width: 500px;
	margin: 0 auto 5em;
}
h4.ttl_special02{
    font-size: 1.3rem;
}
.arrow{
	text-align: center;
}
@media only screen and (max-width: 768px) {
.susumekata{
	width: 80%;
	margin: 0 auto 5em;
}
h4.ttl_special02{
    font-size: 1.1rem;
}
}

.interview_area{
    width: 90%;
    margin: 7em auto 5em;
}
.interview{
    display: flex;
    border-top: 1px solid #D8D8D8;
    padding-top: 1em;
}
.interview_img img{
    width: 90%;
}
.interview_img p{
	font-size: 0.8rem;
	font-weight: bold;
}
.interview_img span{
	font-size: 1.1rem;
}
.interview_text{
    width:100%;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 2em;
}
.interview_text span{
	color: #EB6EA5;
	font-size: 1rem;
}
@media only screen and (max-width: 768px) {
.interview_area{
    width: 80%;
    margin: 7em auto 5em;
}
.interview{
    display: block;
	margin: 0;
	}
.interview_img img{
    width: 100%;
}
.interview_img p{
	font-size: 0.8rem;
}
.interview_text{
	font-size: 1rem;
	margin: 0;
}
.interview_text span{
	font-size: 0.8rem;
}
}

/*寄り道紀行----------*/

/*.yorimichi_group{
	width: 73%;
}*/
.yorimichi{
	margin: 6em 0;
}
.yorimichi_petit{
	margin: 7%;
}
.yorimichi_petit_photo{
	margin: 3em auto;
}
h4.yori{
	font-size: 1.8rem;
    margin: 4em 0 1em;
}
h4.yori:first-child{
	font-size: 1.8rem;
    margin: 0 0 1em;
}
.yorimichiphoto{
	padding: 1em;
	margin: auto;
}

ul.yorimichi2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 8em;
}
ul.yorimichi2 li:nth-child(odd) {
	width: 40%;
}
ul.yorimichi2 li:nth-child(even) {
	width: 58%;
}
.yorimichipht_right {
    float: right;
    margin: 0 0 1em 1em;
}

.yorimichibox{
	border: solid 1px #00A95F;
	padding: 1em;
}

@media only screen and (max-width: 768px) {

.yorimichi_group{
	width: 94%;
}
.yorimichi{
	margin: 3em 0;
}
.yorimichi_petit{
	margin: 5em 10%;
}
.yorimichi_petit_photo{
	margin: 3em auto;
}
h4.yori{
	font-size: 1.4rem;
}
h4.yori:first-child{
	font-size: 1.4rem;
}
.yorimichiphoto{
	padding: 0;
}
ul.yorimichi2{
    display: block;
}
ul.yorimichi2 li:nth-child(odd) {
	width: 100%;
}
ul.yorimichi2 li:nth-child(even) {
	width: 100%;
    margin-top: 0.5em;
}
.yorimichibox img{
	max-width: 80%;
}
}


/*きらめきマイタウン----------*/

/*HOTTOPICS*/
ul.hottopics{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.hottopics li:nth-child(odd) {
	width: 45%;
}
ul.hottopics li:nth-child(even) {
	width: 53%;
}
@media only screen and (max-width: 768px) {
	
ul.hottopics{ display: block; }
ul.hottopics li:nth-child(odd) {
	width: 100%;
	padding-right: 0em;
}
ul.pictext2 li:nth-child(even) {
	width: 100%;
}
}
.map{ 
	text-align: center;
	margin: 2em 0;
}

/*mapタイトルのナンバリング*/
h4.icon_mytown_01,.icon_mytown_02,.icon_mytown_03,.icon_mytown_04,.icon_mytown_05,.icon_mytown_06 {
	position: relative;
    padding: 0.3em 0 0 2em;
    font-size: 1.4rem;
    margin-bottom: 1em;
}
h4.icon_mytown_01:before {
	position: absolute;
    content: url("../mytown/img/icon_1.png") ;
	top: 5px;
	left: 5px;
}
h4.icon_mytown_02:before {
	position: absolute;
    content: url("../mytown/img/icon_2.png") ;
	top: 5px;
	left: 5px;
}
h4.icon_mytown_03:before {
	position: absolute;
    content: url("../mytown/img/icon_3.png") ;
	top: 5px;
	left: 5px;
}
h4.icon_mytown_04:before {
	position: absolute;
    content: url("../mytown/img/icon_4.png") ;
	top: 5px;
	left: 5px;
}
h4.icon_mytown_05:before {
	position: absolute;
    content: url("../mytown/img/icon_5.png") ;
	top: 5px;
	left: 5px;
}
h4.icon_mytown_06:before {
	position: absolute;
    content: url("../mytown/img/icon_6.png") ;
	top: 5px;
	left: 5px;
}
@media only screen and (max-width: 768px) {
h4.icon_mytown_01,.icon_mytown_02,.icon_mytown_03,.icon_mytown_04,.icon_mytown_05,.icon_mytown_06 {
    font-size: 1.1rem;
}
h4.icon_mytown_01:before {
	top: 0px;
}
h4.icon_mytown_02:before {
	top: 0px;
}
h4.icon_mytown_03:before {
	top: 0px;
}
h4.icon_mytown_04:before {
	top: 5px;
}
h4.icon_mytown_05:before {
	top: 0px;
}
h4.icon_mytown_06:before {
	top: 0px;
}
}




/*smile移住・定住----------*/

.smile_read{
	background:#e7d5e8;
	padding: 2em;
}
.smile_read .inner{
	background: #fff;
    padding: 1em;
    border-radius: 5px;
	font-size: 0.9rem;
	width: 60%;
	margin: auto;
}
.smile_textarea {
	background:#e7d5e8;
	padding: 2em;
	margin: 3em 0;
}
.smile_textarea p::first-letter {/*頭だけ大文字*/
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {

.smile_read .inner{
	font-size: 0.8rem;
	width: 90%;
}
.smile_textarea p::first-letter {/*頭だけ大文字*/
  font-size: 1.3rem;
}
}

/*移住支援*/
.emigrate{
	position: relative;
    margin: 7em auto;
    padding: 3em 2em 2em;
    border: 2px solid #f08300;
    width: 70%;
    background: #fff;
    border-radius: 5px;
}
.emigrate .title {
	background-color: #f08300;
    padding: 0.5em 1em;
    font-size: 1.1rem;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    position: absolute;
    top: -15px;
    left: 40px;
    border-radius: 15px;
}
@media only screen and (max-width: 768px) {
	
.emigrate{
    margin: 5em auto 0;
}
.emigrate .title {
    font-size: 0.9rem;
    left: 20px;
}
}

/*福がお～か暮らし*/
.fukugaokakurashi{
	padding: 2em;
    margin: 7em auto;
    width: 35%;
    background: #fff;
    border-radius: 5px;
	text-align: center;
}
.fukugaokakurashi img{
	width: 50%;	
}
@media only screen and (max-width: 768px) {
	
.fukugaokakurashi{
    margin: 5em auto;
    width: 80%;
}
}



/*花あふれるふくおか----------*/



/*県議会だより----------*/
.kengi_detail{
	width: 70%;
	padding: 2em 4em;
	margin: 4em auto;
}

h2.kengikai_title{
	text-align: center;
	margin: -5em 0 -3em;
}
@media only screen and (max-width: 768px) {
.kengi_detail{
	width: 90%;
	padding: 0;
	margin: 4em auto;
}
h2.kengikai_title{
	max-width: 60%;
	margin: 0 auto;
}
}

h3.ttl_kengkai{
	padding: 0em 1em;
    border-left: 7px solid #00783d;
    font-size: 1.5rem;
	margin: 4em 0 1em;
}
@media only screen and (max-width: 768px) {
h3.ttl_kengkai{
    font-size: 1.3rem;
	margin: 2em 0 1em;
}
}

h3.ttl_kengikaibox{
	padding: 0.4em 1em 0.2em;
    border: #00A95F solid 1px;
    font-size: 1.5rem;
	margin: 4em 0 1em;
	color: #00A95F;
}
.kengi_green{ color: #00A95F; font-weight: bold; }
@media only screen and (max-width: 768px) {
h3.ttl_kengikaibox{
    font-size: 1.3rem;
	margin: 2em 0 1em;
}
}


h4.kengi_ttl{
	background-image: repeating-linear-gradient(-45deg,#cfffdf 0, #cfffdf 3px,transparent 3px,transparent 6px);
    padding: 0.6em 1em;
    font-size: 1.2rem;
    margin: 2em 0 1.5em;
} 

.kengi_info{
	margin: 1em auto 3em;
    border: #333 1px solid;
    width: 70%;
    border-radius: 2px;
}
.kengi_info_up{
	background: #FFFBC7;
	padding: 1em;
}
.kengi_info_btm{
	background: #fff;
	padding: 1em;
}
@media only screen and (max-width: 768px) {
.kengi_info{
    width: 100%;
}
.kengi_info_up{
}
.kengi_info_btm{
}	
}


ul.kengi_topics{
	display: flex;
}
ul.kengi_topics li:nth-child(odd) {
	width: 50%;
	padding-right: 1.5em;
}
ul.kengi_topics li:nth-child(even) {
	width: 48%;
}
.namerist{ 
	font-size: 0.8rem;
}
@media only screen and (max-width: 768px) {

ul.kengi_topics{
	width: 100%;
	display: inline-block;
}
ul.kengi_topics li:nth-child(odd) {
	width: 100%;
	padding-right: 0em;
}
ul.kengi_topics li:nth-child(even) {
	width: 100%;
}
.namerist{
	font-size: 0.7rem;
}
}

/*福岡県議会事務局 調査課*/
.kengikai{
	width: 60%;
	padding: 1em;
	border: #4B5355 solid 1px;
	margin: 4em auto;
	text-align: center;
}
.kengikai .comment{
	margin: 2em 0;
    font-size: 0.9rem;
}
.kengikai .contact{
    margin: 2em auto;
    font-weight: bold;
}
@media only screen and (max-width: 768px) {
.kengikai{
	width: 80%;
	margin: 2em auto;
}
.kengikai .comment{
	font-size: 0.8rem;
}
.kengikai .contact{
}
}




/*いきいきトーク----------*/
.talk_box{
	font-size: 0.9em;
	padding: 2em;
	margin: 4em auto;
	border: 1px solid #878787;
}
.talk_box .t01,.t02,.t03,.t04,.t05,.t06,.t07,.t08{ 
	padding-left: 0.5em; 
	margin: 0.4em 0;
}
.talk_box.talkPart1 .t01{ border-left: solid 3px #f39800; } 
.talk_box.talkPart1 .t02{ border-left: solid 3px #47b26c; } 
.talk_box.talkPart1 .t03{ border-left: solid 3px #a74d85; } 
.talk_box.talkPart1 .t04{ border-left: solid 3px #2ea7e0; } 
.talk_box.talkPart1 .t05{ border-left: solid 3px #eb6ea5; } 
.talk_box.talkPart1 .t06{ border-left: solid 3px #966731; } 
.talk_box.talkPart1 .t07{ border-left: solid 3px #796baf; } 

.talk_box.talkPart2 .t01{ border-left: solid 3px #a74d85; } 
.talk_box.talkPart2 .t02{ border-left: solid 3px #8fc322; } 
.talk_box.talkPart2 .t03{ border-left: solid 3px #f39800; } 
.talk_box.talkPart2 .t04{ border-left: solid 3px #2ea7e0; } 
.talk_box.talkPart2 .t05{ border-left: solid 3px #966731; } 
.talk_box.talkPart2 .t06{ border-left: solid 3px #006bb6; } 
.talk_box.talkPart2 .t07{ border-left: solid 3px #009944; } 
.talk_box.talkPart2 .t08{ border-left: solid 3px #eb6ea5; } 

.kajitatsu{ font-weight: bold; color: #e99411; }
.kataoka{ font-weight: bold; color: #48aa68; }
.motonaga{ font-weight: bold; color: #9f4b7e; }
.kajihisa{ font-weight: bold; color: #2ea7e0; }
.fujita{ font-weight: bold; color: #eb6ea5; }
.fujikawa{ font-weight: bold; color: #966731; }
.takase{ font-weight: bold; color: #826daf; }
.chiji{ font-weight: bold; color: #db392a; }

.itabashi{ font-weight: bold; color: #8fc322; }
.egashira{ font-weight: bold; color: #a74d85; }
.koba{ font-weight: bold; color: #f39800; }
.kumagawa{ font-weight: bold; color: #2ea7e0; }
.sakai{ font-weight: bold; color: #966731; }
.harada{ font-weight: bold; color: #006bb6; }
.miyamoto{ font-weight: bold; color: #009944; }


h3.talk_ttl{ font-size: 1.4rem; margin: 1.5em 0 0.5em; }
@media only screen and (max-width: 768px) {
h3.talk_ttl{ font-size: 1.1rem; }
}

.talk_photobox{
	border: solid 1px #F3994F;
	padding: 1em;
}
.talk_photobox p{ font-size: 0.8em; }
@media only screen and (max-width: 768px) {
/*.talk_photobox p{ font-size: 0.7em; }*/
}

h4.ikiikispot_ttl{
	position: relative;
	font-size: 1.8rem;
	text-align: center;
	width: 50%;
    margin: auto;
}
h4.ikiikispot_ttl:before {
	position: absolute;
    content: '';
    background: url("../talk/img/mark_spot.png") ;
	width: 115px;
	height: 61px;
	left: -20px;
    top: -65px;
}
h4.ikiikispot_ttl.talk2ikiki:before {
    background: url("../talk2/img/mark_spot.png") ;
}
@media screen and (max-width:480px){/*スマホの場合*/
h4.ikiikispot_ttl{
	font-size: 1.2rem;
	width: 90%;
}
h4.ikiikispot_ttl:before {
    background: url("../talk/img/mark_spot_sp.png") ;
	width: 85px;
	height: 45px;
	left: 4px;
    top: -50px;
}
h4.ikiikispot_ttl.talk2ikiki:before {
    background: url("../talk2/img/mark_spot_sp.png") ;
}
}
@media screen and (min-width:481px) and ( max-width:768px) {/*タブレットの場合*/
h4.ikiikispot_ttl{
	font-size: 1.5rem;
	width: 60%;
}
h4.ikiikispot_ttl:before {
    background: url("../talk/img/mark_spot_sp.png") ;
	width: 85px;
	height: 45px;
	left: -60px;
    top: -50px;
}
}

.companyname{
	font-size: 1.1rem;
	font-weight: bold;
}


/*-----共通：画像3枚横並び--------------------*/

ul.map3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
ul.map3 li{
	width: 30%;
	margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
	
ul.map3 {
    display: block;
  }
ul.map3 li{
	width: 100%;
	margin-bottom: 3em;
}
}


/*グラフふくおかについてなど-------------*/
.about_detail{
	width: 80%;
	padding: 0 4em;
	margin: 4em auto;
}
@media only screen and (max-width: 768px) {
.about_detail{
	width: 100%;
	padding: 0;
	margin: 2em auto;
}
}



/*その他共通--------------------------------------*/
/*キャプション*/
.caption{ 
	font-size: 0.8rem;
}
@media only screen and (max-width: 768px) {
.caption{
	font-size: 0.7rem;
}
}
/*強めの*/
.attention{
	text-align: center;
	margin: 2em 0;
	font-size: 14px;
	font-weight: bold;
}
/*注釈*/
.annotation{
	margin: 2em 0;
	font-size: 0.9rem;
}
/*注釈・本文中*/
.annotation02{
	margin: -0.5em 0;
	font-size: 13px;
}

@media only screen and (max-width: 768px) {
	
.attention{
	font-size: 12px;
}
/*注釈*/
.annotation{
	font-size: 12px;
	margin: 3em 0;}
}



/*画像にナンバー*/
.num {
   position: relative;
}
.num img {
   width: 100%;
}
.num p {
	position: absolute;
    bottom: 8px;
    left: 0;
    margin: 0;
    color: #000;
    background: white;
    font-size: 15px;
    line-height: 1;
    padding: 6px 10px;
}
@media only screen and (max-width: 768px) {
.num p {
    bottom: 4px;
    left: 0;
    font-size: 14px;
}
}

.line{
	border-bottom: #C5C59D 1px solid;
	margin: 1em 0;
}



/* 2024/03/20追記：新しい福岡：見出し */
.newfukuHead {
	min-height: 3em;
	padding-top: 0.25em;
	font-size: 1.5em;
	line-height: 1.25;
	margin-bottom: 0.5em;
	/* padding-left: 3.25em; */
	padding-left: 0;
	/* background-image: url(../special/img/ic1.png); */
	background-repeat: no-repeat;
	background-size: 3em;
	position: relative;
}

/* .newfukuHead.area2 {
	background-image: url(../special/img/ic2.png);
}
.newfukuHead.area3 {
	background-image: url(../special/img/ic3.png);
}
.newfukuHead.area4 {
	background-image: url(../special/img/ic4.png);
} */
.newfukuHead__num {
	font-size: 0.75em;
	display: flex;
	align-items: center;
	margin-bottom: 0.25em;
}

.newfukuHead.omiya  {
	padding-left: 0;
	background-image: none;
	min-height: inherit;
	margin-bottom: 1.5em;
}

.newfukuHead__logo {
	width: 10em;
	margin-left: 0.25em;
	display: inline-block;
	white-space: nowrap;
}

.newfukuHead__logo img {
	width: 5em;
}
.newfukuColor1 {
	color: #f6ad3c;
}
.newfukuColor2 {
	color: #e35450;
}
.newfukuColor3 {
	color: #2f59a3;
}
.newfukuColor4 {
	color: #8fc31f;
}

ul.column2 li.column2__item__wide {
	width: 62%;
}
ul.column2 li.column2__item__narrow {
	width: 32%;
}

.detail.omiya {
	padding-top: 0;
}
.detail.yokabus{
	max-width: 1088px;
	margin: 0 auto;
	background-color: #fff;
}
.yokabus__img {
	margin-top: -3em;
	margin-left: -4em;
	margin-right: -4em;
}

@media only screen and (max-width: 768px) {
	.newfukuHead {
		font-size: 1.2em;
	}
	.newfukuHead__logo {
		/* display: block; */
		float: none;
	}
	ul.column2 li.column2__item__wide {
		width: 100%;
	}
	ul.column2 li.column2__item__narrow {
		width: 100%;
	}
	.yokabus__img {
		margin-top: -1.5em;
		margin-left: -1.5em;;
		margin-right: -1.5em;;
	}
}

/* 2024/03/21追加：寄り道 */
.yorimichiHead {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.yorimichiHead__left h4.yori {
	margin-bottom: 0;
}
.yorimichiHead__Right {
	max-width: 375px;
	width: 19vw;
	margin-left: auto;
}

@media only screen and (max-width: 768px) {
	.yorimichiHead {
		display: block;
	}
	.yorimichiHead__Right {
		min-width: 150px;
	}
}


/* 2024/03/23：知事と */
@media only screen and (min-width: 769px) {
	/* 写真が縦長にできないときの調整 */
	.main_title.talkTitle {
		padding-bottom: 3vw;
	}
}
.colorOnehealth {
	color: #007cc3;
}