@charset "UTF-8";

/*共通*/
.sub_visual{
	width: 100%;
	margin: 0 0 2em 0;
}
.cacth{	
	margin: 2em 0 3em 0;
	font-weight: bold;
}
.textarea {
	width: 960px;
	margin: 1em auto 7em;
}
.textarea p{
	margin-bottom: 1em;	
}


/*画像対応*/

.photo{
	margin: 3em 0;
	text-align: center;
}
.photo p{
	text-align: left;
}
.photo750{
	width: 750px;
	margin: 3em auto;
	text-align: center;
}
.photo750 p{
	text-align: left;
}
.photo700{
	width: 700px;
	margin: 3em auto;
	text-align: center;
}
.photo700 p{
	text-align: left;
}
.pht{ width: 48%; } /*2枚同サイズ*/
.pht3{ width: 32%; } /*3枚同サイズ*/
.pht4{ width: 24%; } /*4枚同サイズ-選手紹介*/

.pht_a01{ width: 58%; } /*2枚横並び大きいサイズ*/
.pht_a02{ width: 40%; } /*2枚横並び小さいサイズ*/

.pht_b01{ width: 66%; } /*2枚横並び大きいサイズ2*/
.pht_b02{ width: 28%; } /*2枚横並び小さいサイズ2*/

.pht_c01{ width: 36%; } /*2枚横並び小さいサイズ3*/
.pht_c02{ width: 60%; } /*2枚横並び大きいサイズ3*/

.pht_left { float: left; margin: 0 3em 2em 0; width: 35%; } /*画像左へ回り込み*/
.pht_right { float: right; margin: 0 0 2em 2em; width: 24%; } /*画像右へ回り込み*/
.name { font-weight: bold; font-size: 14px; }


/*カラム*/
.column {
	display: flex;
	margin: 0 0 3em 0; 
}
.column img {
	padding: 0 2em 0 0; 
}

/*2カラム、３カラムサイズ設定*/
.column2,
.column3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.column2 li{ width: 48%; /*margin-bottom: 3em;*/ }
.column3 li{ width: 30%; }

/*.column2,.column3,
p {	font-weight: normal; }
*/
.photo,.pht_left,.pht_right,.column2,.column3,
img { max-width: 100%; }

.photo,.pht_left,.pht_right,
.caption{ font-size: 13px;}


/*背景色*/
.white_color{background: #fff;}
.gray_color{background: #E6E6E6;}
.creamyellow_color{background: #FFFCDB;}

/*調整*/
.p01-m01{
	padding: 1em;
	margin: -1em;
}
.detail{
	width: 100%;
	padding: 2em;
}

dl{
	overflow: hidden;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px #aaaaaa dashed;
	margin-top: 10px;
	font-size: 14px;
}
dl dt{
	float: left;
	background: #5f2c14;
	padding: 4px 20px 3px;
	border-radius: 15px;
	margin-left: 20px;
	color: #fff;
	font-weight: bold;
	min-width: 80px;
	text-align: center;
}
dl dd{
	float: left;
	padding: 2px 20px;
	font-weight: bold;
}


/*ul li ----------------------*/
ul{
	width: 100%;
    margin: 0 auto 1em;
}
ul.maru li {
	position: relative;
	padding-left: 1.2em;
}
ul.maru li::after,
ul.maru li::before {
	display: block;
	content: '';
	position: absolute;
	margin-left: 1em;
}
ul.maru li::after {
	top: .35em;
	left: -1.2em;
	width: 10px;
	height: 10px;
	background-color: #234455;
	border-radius: 100%;
}
ul.maru li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

	
@media only screen and (max-width: 768px) {
	
.textarea {
	width: 100%;
	margin: auto;
}

/*画像対応*/
.photo{
}
.photo750{ width: 100%; }
.photo700{ width: 100%; }
.pht{ width: 100%; } /*2枚同サイズ*/
.pht3{ width: 100%; } /*3枚同サイズ*/
.pht4{ width: 48%; margin: 0 auto 1em; } /*4枚同サイズ-選手紹介*/

.pht_a01{ width: 100%; } /*2枚横並び大きいサイズ*/
.pht_a02{ width: 100%; } /*2枚横並び小さいサイズ*/

.pht_b01{ width: 100%; } /*2枚横並び大きいサイズ2*/
.pht_b02{ width: 100%; } /*2枚横並び小さいサイズ2*/

.pht_c01{ width: 100%; } /*2枚横並び小さいサイズ3*/
.pht_c02{ width: 100%; } /*2枚横並び大きいサイズ3*/

.pht_left { float: left; margin: 0 1.5em 2em 0; width: 36%; } /*画像左へ回り込み*/
.pht_right { float: right; margin: 0 0 2em 1.5em; width: 36%; } /*画像右へ回り込み*/
.name { font-weight: bold; font-size: 13px; }


/*カラム*/
.column {
    display: inline-block;
    margin: 3em 0;
    text-align: center;
}
.column img {
	padding: 0 0 0 0; 
}

/*2カラム、３カラム*/
.column2,
.column3 {
	display: inline-block;
}

.column2 li{ width: 100%; margin-bottom: 3em; }
.column3 li{ width: 100%; margin-bottom: 2em;}
	
.photo,.pht_left,.pht_right,.column2,.column3,
img { max-width: 100%; }

.photo,.pht_left,.pht_right,.column2,.column3,
.caption{ font-size: 12px; }

.detail{
	padding: 0;
	margin-top: 1em;
	text-align: left;
}


dl{
}
dl dt{
	margin-left: 0px;
}
dl dd{
}

		
ul.maru li {
	margin-bottom: 1em;
	}
}


.logo{
	margin: auto;
	text-align: center;
	width: 100%;
}
@media only screen and (max-width: 768px) {
.logo{
	width: 60%;
}
}
/*スポット_糸島のマップ*/
ul.spot{
	width: 90%;
	display: flex;
	border-radius: 2px;
	margin: 2em 0 3em auto;
}
ul.spot li:nth-child(odd) {
	width: 20%;
	padding: 1em 1em 1em 2em;
}
ul.spot li:nth-child(even) {
	width: 80%;
    padding: 1.5em 2em 0.8em;
    font-size: 0.9rem;
}
@media only screen and (max-width: 768px) {
ul.spot{
	width: 100%;
	margin: 2em 0 0 0;
	}
ul.spot li:nth-child(odd) {
	width: 40%;
	padding: 1em 0;
}
ul.spot li:nth-child(even) {
	width: 60%;
	padding: 1.5em 0.5em 0.8em 0.5em;
    font-size: 0.7rem;
}
}


/*古民家に住むという選択*/
#kominkablock{
	width: 100%;
	background: #E6E6E6;
}
#kominkablock .kominka_area {
	width: 960px;
	padding: 3em 0;
	margin: auto;
}
#kominkablock .kominka_area p{
	margin-bottom: 1em;	
}
#kominkablock p.indent {
  text-indent: 1em;
}
#kominkablock h4.kominka{
	position: relative;
	font-weight: bold;
    font-size: 24px;
	margin-bottom: 1.4em;
}
#kominkablock h4.kominka:before {
	position: absolute;
    content: url("../special/img/logo_saisei.png") ;
	right: 30px;
	bottom: -2px;
}

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

#kominkablock .kominka_area {
	width: 90%;
	padding: 3em 0;
	margin: auto;
}
#kominkablock h4.kominka{
	position: relative;
	font-weight: bold;
    font-size: 20px;
}
#kominkablock h4.kominka:before {
	position: absolute;
    content: url("../special/img/logo_saisei_sp.png") ;
	right: 15px;
	bottom: 10px;
}
}





/*マイタウン_HOT TOPICS*/
.hot_topics_bg{
	background: #FFFADA;
	padding: 2em;
}

/*HOT TOPICS*/
ul.hot_topics{
	width: 100%;
	display: flex;
	border-radius: 2px;
	margin: 2em 0 3em auto;
}
ul.hot_topics li:nth-child(odd) {
	width: 40%;
	padding: 1em;
}
ul.hot_topics li:nth-child(even) {
	width: 60%;
}
@media only screen and (max-width: 768px) {
ul.hot_topics{
	display: inline-block;
}
ul.hot_topics li:nth-child(odd) {
	width: 100%;
	padding: 1em 0;
}
ul.hot_topics li:nth-child(even) {
	width: 100%;
}
}
/*小窓*/
.hot_topics_bg02{
	background: #fff;
}
.hot_topics_bg02 ul.topics{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hot_topics_bg02 ul.topics li {
	width: 46%;
	padding: 1em;
}
@media only screen and (max-width: 768px) {
.hot_topics_bg02 ul.topics li {
	width: 100%;
}
}

/*smile*/
.senpai{
	width: 50%;
	margin: auto;
	background: #E6E2D6;
	padding: 1em;
}

@media only screen and (max-width: 768px) {
.senpai{
	width: 90%;
}
}







/*県議会*/
ul.kengi_topics{
	width: 100%;
    margin: 1em auto;
	display: flex;
}
ul.kengi_topics li:nth-child(odd) {
	width: 40%;
	padding-right: 1.5em;
}
ul.kengi_topics li:nth-child(even) {
	width: 58%;
}
@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%;
}
}
/*議員を紹介する枠*/
ul.kengiin{
	width: 50%;
    margin: 1em 0;
	display: flex;
	align-items: flex-end;
}
ul.kengiin li:nth-child(odd) {
	width: 20%;
	padding-right: 1.5em;
    margin-bottom: -10px;
}
ul.kengiin li:nth-child(even) {
	width: 70%;
	font-size: 0.7rem;
}
@media only screen and (max-width: 768px) {
ul.kengiin{
	width: 100%;
}
ul.kengiin li:nth-child(odd) {
	width: 30%;
}
ul.kengiin li:nth-child(even) {
	width: 70%;
}
}
/*福岡県議会事務局 調査課*/
.kengikai{
	width: 700px;
	padding: 1em;
	border: #4B5355 solid 1px;
	margin: 4em auto;
	text-align: center;
}
.kengikai .detail{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 2em 0;
}
.kengikai .detail .col{
	width: 48%;
}
@media only screen and (max-width: 768px) {
.kengikai{
	width: 80%;
	margin: 2em auto;
}
.kengikai .detail{
	display: inline-block;
}
.kengikai .detail .col{
	width: 100%;
	margin-bottom: 2em;
}
}


/*プレゼント*/
.present{
	margin: 2em auto;
	text-align: center;
}
@media only screen and (max-width: 768px) {
}






/*ウェブ物産展*/
#bussanblock{
	width: 100%;
	background: #000;
	color: #0F1B01;
}
#bussanblock .bussan_area{
	width: 1000px;
    margin: auto;
    padding: 3em;
}
#bussanblock h4{
	font-weight: bold;
    font-size: 24px;
	color: #fff;
}
#bussanblock h5{
	color: #364f6b;
	/*color: #CD550D;*/
	font-weight: bold;
    font-size: 22px;
	margin-bottom: 0.8em;
}
#bussanblock ul.bussan{
	width: 100%;
    margin: 1em auto;
	background: #fff;
	display: flex;
}
#bussanblock ul.bussan li:nth-child(odd) {
	width: 50%;
    padding: 1.5em;
}
#bussanblock ul.bussan li:nth-child(even) {
	width: 45%;
    padding: 1.5em;
	color: #333;
}
@media only screen and (max-width: 768px) {

#bussanblock .bussan_area{
	width: 90%;
    margin: auto;
    padding: 1.5em 1em;
}
#bussanblock h4{
    font-size: 22px;
}
#bussanblock h5{
    font-size: 20px;
	margin-bottom: 0.8em;
}
#bussanblock ul.bussan{
	width: 100%;
    margin: 1em auto;
	display: inline-block;
}
#bussanblock ul.bussan li:nth-child(odd) {
	width: 100%;
    padding: 0;
    max-width: 90%;
    margin: 1em auto;
}
#bussanblock ul.bussan li:nth-child(even) {
	width: 84%;
    padding: 0;
    margin: auto;
	padding-bottom: 1em;
}
}




/*福がお～か暮らし*/
ul.fukurashi{
	width: 100%;
    margin: 6em auto -1.5em;
	display: flex;
}
ul.fukurashi li:nth-child(odd) {
	width: 25%;
	padding-right: 1.5em;
}
ul.fukurashi li:nth-child(even) {
	width: 73%;
}
@media only screen and (max-width: 768px) {
ul.fukurashi{
	display: inline-block;
}
ul.fukurashi li:nth-child(odd) {
	width: 100%;
	padding-right: 0em;
}
ul.fukurashi li:nth-child(even) {
	width: 100%;
}
}




/*強めの*/
.attention{
	text-align: center;
	margin: 2em 0;
	font-size: 14px;
	font-weight: bold;
}
/*注釈*/
.annotation{
	margin: 2em 0;
	font-size: 13px;
}
/*注釈・本文中*/
.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;}
}