/*
Theme Name: yoshimura
Description: yoshimura
Theme URI:
Author: hagiahra
Version: 1.0

*/

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

fonts

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




@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansCJKjp-Bold.otf"),
       local("NotoSansJP-Bold.otf"),
       url("./fonts/NotoSansCJKjp-Jxck-Regular.woff") format("woff");
}
@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 700;
  src: local("NotoSansCJKjp-Bold.otf"),
       local("NotoSansJP-Bold.otf"),
       url("./fonts/NotoSansCJKjp-Jxck-Bold.woff") format("woff");
}
@font-face {
  font-family: "NotoSansCJKjp-Black";
  font-style: normal;
  font-weight: 700;
  src: local("NotoSansCJKjp-Black.otf"),
       local("NotoSansJP-Black.otf"),
       url("./fonts/NotoSansCJKjp-Black.woff") format("woff");
}

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

bootstrap no-padding

*************************************************************************/
/* .row の左右のネガティブマージンを0にする */
.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}
 
/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

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

iphone横揺れ対策

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

html{
	overflow-x : hidden;
	overflow-y : scroll;
	-webkit-overflow-scrolling: touch;
}
body {
	overflow-x : hidden;
	overflow-y : scroll;
	-webkit-overflow-scrolling: touch;
}

img.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

img.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

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

reset

*************************************************************************/
html {
	font-family: NotoSansCJKjp;
}

body {
	font-family: NotoSansCJKjp;
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	color: #000;
}
li {
	list-style: none;
}



span.stress {
	color: #F00;
}
span.stress2 {
	color: #aa2327;
	font-weight: 700;
}
span.stress3 {
	color: #FF1865;
}
span.stress4 {
	color: #285603;
}
span.stress5 {
	color: #ce0000;
}

span.stress_entry_form {
	color: #F00;
	font-size: 65%;
	font-weight: 400;
}






span.f65 {
	font-size: 65%;
}
span.f70 {
	font-size: 70%;
}
span.f75 {
	font-size: 75%;
}
span.f80 {
	font-size: 80%;
}
span.f85 {
	font-size: 85%;
}
span.f90 {
	font-size: 90%;
}
span.f95 {
	font-size: 95%;
}
span.f100 {
	font-size: 100%;
}
span.f105 {
	font-size: 105%;
}
span.f110 {
	font-size: 110%;
}
span.f120 {
	font-size: 120%;
}
span.f130 {
	font-size: 130%;
}
span.f140 {
	font-size: 140%;
}
span.f150 {
	font-size: 150%;
}
span.f160 {
	font-size: 160%;
}
span.f170 {
	font-size: 170%;
}
span.f180 {
	font-size: 180%;
}

span.f190 {
	font-size: 190%;
}
span.f200 {
	font-size: 200%;
}
span.f230 {
	font-size: 230%;
}
span.f250 {
	font-size: 250%;
}
span.f300 {
	font-size: 300%;
}


p.f13px {
	font-size: 13px;
}
p.f14px {
	font-size: 14px;
}
p.f15px {
	font-size: 15px;
}
p.f16px {
	font-size: 16px;
}
p.f17px {
	font-size: 17px;
}
p.f18px {
	font-size: 18px;
}
p.f19px {
	font-size: 19px;
}
p.f20px {
	font-size: 20px;
}
p.f21px {
	font-size: 21px;
}
p.f22px {
	font-size: 22px;
}
p.f23px {
	font-size: 23px;
}
p.f24px {
	font-size: 24px;
}



span.white {
	color: #fff;
}
span.attention_c {
	font-size: 85%;
	background: #df0202;
	color: #fff;
	padding: 2px 3px;
	border-radius:5px;
}
span.yoshimura_blue {
	color: #0064af;
}
span.yoshimura_red {
	color: #c3141c;
}


.line20 {
	line-height: 2;
}

.line19 {
	line-height: 1.9;
}
.line18 {
	line-height: 1.8;
}
.line17 {
	line-height: 1.7;
}
.line16 {
	line-height: 1.6;
}

a {
	color: #00264af;
}
a:hover {
	color: #0064af;
}

/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/
.mt0{ margin-top: 0px; display: block;}
.mt5{ margin-top: 5px; display: block;}
.mt10{margin-top: 10px; display: block;}
.mt15{margin-top: 15px; display: block;}
.mt20{margin-top: 20px; display: block;}
.mt25{margin-top: 25px; display: block;}
.mt25{margin-top: 25px; display: block;}
.mt30{margin-top: 30px; display: block;}
.mt40{margin-top: 40px; display: block;}
.mt50{margin-top: 50px; display: block;}
.mt60{margin-top: 60px; display: block;}
.mt70{margin-top: 70px; display: block;}
.mt80{margin-top: 80px; display: block;}
.mt90{margin-top: 90px; display: block;}
.mt100{margin-top: 100px; display: block;}
.mt150{margin-top: 150px; display: block;}

.mb0{ margin-bottom:  0px; display: block;}
.mb5{ margin-bottom:  5px; display: block;}
.mb10{margin-bottom: 10px; display: block;}
.mb15{margin-bottom: 15px; display: block;}
.mb20{margin-bottom: 20px; display: block;}
.mb30{margin-bottom: 30px; display: block;}
.mb40{margin-bottom: 40px; display: block;}
.mb45{margin-bottom: 45px; display: block;}
.mb50{margin-bottom: 50px; display: block;}
.mb60{margin-bottom: 60px; display: block;}
.mb70{margin-bottom: 70px; display: block;}
.mb80{margin-bottom: 80px; display: block;}
.mb90{margin-bottom: 90px; display: block;}
.mb100{margin-bottom: 100px; display: block;}
.mb150{margin-bottom: 150px; display: block;}

.mr0{ margin-right: 0px;  display: block;}
.mr3{ margin-right: 3px;  display: block;}
.mr4{ margin-right: 4px;  display: block;}
.mr5{ margin-right: 5px;  display: block;}
.mr10{margin-right: 10px; display: block;}
.mr15{margin-right: 15px; display: block;}
.mr20{margin-right: 20px; display: block;}
.mr30{margin-right: 30px; display: block;}
.mr40{margin-right: 40px; display: block;}
.mr50{margin-right: 50px; display: block;}
.mr60{margin-right: 60px; display: block;}
.mr70{margin-right: 70px; display: block;}
.mr80{margin-right: 80px; display: block;}
.mr90{margin-right: 90px; display: block;}
.mr100{margin-right: 100px; display: block;}

.ml0{ margin-left: 0px; display: block;}
.ml5{ margin-left: 5px; display: block;}
.ml10{margin-left: 10px; display: block;}
.ml15{margin-left: 15px; display: block;}
.ml20{margin-left: 20px; display: block;}
.ml30{margin-left: 30px; display: block;}
.ml40{margin-left: 40px; display: block;}
.ml50{margin-left: 50px; display: block;}
.ml60{margin-left: 60px; display: block;}
.ml70{margin-left: 70px; display: block;}
.ml80{margin-left: 80px; display: block;}
.ml90{margin-left: 90px; display: block;}
.ml100{margin-left: 100px; display: block;}

.pt0{padding-top: 0px; display: block;}
.pt5{padding-top: 5px; display: block;}
.pt10{padding-top: 10px; display: block;}
.pt15{padding-top: 15px; display: block;}
.pt20{padding-top: 20px; display: block;}
.pt30{padding-top: 30px; display: block;}
.pt40{padding-top: 40px; display: block;}
.pt50{padding-top: 50px; display: block;}
.pt60{padding-top: 60px; display: block;}
.pt70{padding-top: 70px; display: block;}
.pt80{padding-top: 80px; display: block;}
.pt90{padding-top: 90px; display: block;}
.pt100{padding-top: 100px; display: block;}

.pb0{ padding-bottom: 0px;  display: block;}
.pb5{ padding-bottom: 5px;  display: block;}
.pb10{padding-bottom: 10px; display: block;}
.pb15{padding-bottom: 15px; display: block;}
.pb20{padding-bottom: 20px; display: block;}
.pb30{padding-bottom: 30px; display: block;}
.pb40{padding-bottom: 40px; display: block;}
.pb50{padding-bottom: 50px; display: block;}
.pb60{padding-bottom: 60px; display: block;}
.pb70{padding-bottom: 70px; display: block;}
.pb80{padding-bottom: 80px; display: block;}
.pb90{padding-bottom: 90px; display: block;}
.pb100{padding-bottom: 100px; display: block;}

.pr5{padding-right: 5px; display: block;}
.pr10{padding-right: 10px; display: block;}
.pr15{padding-right: 15px; display: block;}
.pr20{padding-right: 20px; display: block;}
.pr30{padding-right: 30px; display: block;}
.pr40{padding-right: 40px; display: block;}
.pr50{padding-right: 50px; display: block;}
.pr60{padding-right: 60px; display: block;}
.pr70{padding-right: 70px; display: block;}
.pr80{padding-right: 80px; display: block;}
.pr90{padding-right: 90px; display: block;}
.pr100{padding-right: 100px; display: block;}

.pl5{padding-left: 5px; display: block;}
.pl10{padding-left: 10px; display: block;}
.pl15{padding-left: 15px; display: block;}
.pl20{padding-left: 20px; display: block;}
.pl30{padding-left: 30px; display: block;}
.pl40{padding-left: 40px; display: block;}
.pl50{padding-left: 50px; display: block;}
.pl60{padding-left: 60px; display: block;}
.pl70{padding-left: 70px; display: block;}
.pl80{padding-left: 80px; display: block;}
.pl90{padding-left: 90px; display: block;}
.pl100{padding-left: 100px; display: block;}

/*-------------------------------------*/
/* コンテンツを左に右に振り分ける */
/*-------------------------------------*/

/* float */
.l {
	float: left;
	display: block;
}
.r {
	float: right;
	display: block;
}

.textl {
	text-align: left;
}
.textr {
	text-align: right;
}
.textc {
	text-align: center;
}
.w870 {
	width: 870px;
}
.w730 {
	width: 730px;
}
.w550 {
	width: 550px;
}

.rgba8 {
	background: rgba(255,255,255,.8);
}
.rgba9 {
	background: rgba(255,255,255,.9);
}
.rgba95 {
	background: rgba(255,255,255,.95);
}
.bk_red {
	background: #e00000;
}
.bk_blue {
	background: #001d7b;
}
.bk_blue2 {
	background: #0064af;
	height: 100%;
}
/*-------------------------------------*/
/* 浮動コンテンツのクリア */
/*-------------------------------------*/
.clear{ display: block; clear:both; height:0;}

/*//clearFix Coponents//*/
.clear {clear:both;}
.clearfix {display: inline-block; }
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }

/*-------------------------------------*/
/* CSS3の効果shadow 角丸 */
/*-------------------------------------*/
.c_shadow {
	border: 1px solid #cccccc;
	border-radius: 5px;
	box-shadow:  0px 0px 6px 1.1px #dbe1e4;
}

/* ボタンロールオーバー */
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=60);
}
/************************************************** 

Responsive Image

***************************************************/
img.scale, img.responsive {
	max-width: 100%;
	height: auto;
}
img.scale, img.responsive80 {
	max-width: 80%;
	height: auto;
}
/************************************************** 

センター揃え

***************************************************/
.m_auto {
	margin: 0 auto;
}
/***********************************************************************

snsボタン

*************************************************************************/
.sns_button_area {
	display: none;
}
/************************************************** 

ページ上部へ

***************************************************/
.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 20px;
}
.pagetop a {
    display: block;
    /*background-color: #ccc;
    text-align: center;*/
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 0px;
}
 
.pagetop a:hover {
    display: block;
    /*background-color: #222;
    text-align: center;*/
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 0px;
}

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

投稿 Youtubeの動画を埋め込み

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

.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

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

投稿 文字の大きさ変える

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

@media screen and (max-width: 890px) {
.sp_fonts11 {
	font-size: 11px;!important
}

.sp_fonts12 {
	font-size: 12px;!important
}

.sp_fonts13 {
	font-size: 13px;!important
}

.sp_fonts14 {
	font-size: 14px;!important
}
.sp_fonts15 {
	font-size: 15px;!important
}
.sp_fonts16 {
	font-size: 16px;!important
}

.sp_fonts17 {
	font-size: 17px;!important
}
.sp_fonts18 {
	font-size: 18px;!important
}
}



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

Gmap埋め込み 各ページ共通

**************************************************/
/*
.top_map {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

.top_map div {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
*/



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

Gmap埋め込み

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

.ggmap {
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 50px;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {

width: 100%;
height: 550px;
}


@media screen and (max-width: 768px) {
.ggmap {
padding-bottom: 56.25%;
padding-top: 30px;
height: 350px;
overflow: hidden;
margin-top: 50px;
position: relative;
}


.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 350px;
}


}

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

WP用Gmap

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

.ggmap2 {
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap2 iframe,
.ggmap2 object,
.ggmap2 embed {
width: 100%;
height: 550px;
}


@media screen and (max-width: 768px) {
.ggmap2 {
padding-bottom: 56.25%;
padding-top: 30px;
height: 350px;
overflow: hidden;
margin-top: 50px;
position: relative;
}

.ggmap2 iframe,
.ggmap2 object,
.ggmap2 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 350px;
}

}


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


モバイルレイアウト


*************************************************************************/
/*スマホ時表示のスタイル*/
p.sp_display {
	display: block;
}

/*パソコン時表示のスタイル*/
p.pc_display {
	display: none;
}






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

navigation

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



.sp_navi_con {
	position: fixed;
	top: 0px;
	right: 12px;
	z-index: 999;
}


/* MENU */
.sp_navi_con ul.dropdown-menu {
      position: absolute;
	  right: 0px;
	  
	  
	  width: 103%;
	  
	  
      padding: 0;
	  font-size: 130%;
	  background: #0064af;
	  margin-top: 0;
	  
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
}
.sp_navi_con ul.dropdown-menu li {
      width: 100%;
      height: auto;
      border-right: 0px solid transparent;
	  border-top: 1px solid #004b84; 
	  border-bottom: 1px solid #004b84; /*c06227a*/
      display: block;
      clear: both;
      text-align: left;
      float: none;
}
.sp_navi_con ul.dropdown-menu li a {
        padding: 15px 10px 15px 36px;
		display: block;
		color: #fff;
        background-position: 95.66666666667% center !important;
}
.sp_navi_con ul.dropdown-menu li a:hover {
        display: block;
		color: #000;
		background: #fff;
        background-position: 95.66666666667% center !important;
}

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

footer

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

/*市民の声*/
.shiminnokoe {
	background: url(images/footer_02.png) top center no-repeat;
	height: 300px;
	background-size: cover;
}
p.shiminnokoe_osaka img {
	width: 80%;
}

p.shiminnokoe_osaka {
	color: #fff;
	font-size: 25px;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 20px;
}

/*map*/
#map_canvas {
	height: 400px;
	width: 100%;
}

/*フッターの住所*/
.footer_con_pref {
	height: 200px;
}

.footer_con_pref_p {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-top: 50px;
}

.footer_con_pref_p2 {
	font-size: 16px;
	text-align: center;
}

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

コピーライト

******************************************/
.bk_copyright {
	background: #fff;	
}

.bk_copyright p {
	padding-top: 5px;
	text-align: center;
	color: #000;
}
.bk_copyright p a {
	color: #000;
}


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

スマホ共通

******************************************/
p.ex {
	font-size: 18px;
	line-height: 2;
	text-align: center;
	padding: 0 10px;
}
p.ex2 {
	font-size: 18px;
	line-height: 2;
	text-align: left;
	padding: 0 10px;
}

.blue_bk {
	background: #f4f5f7;
	padding: 60px 0;
}
.blue_bk_only {
	background: #f4f5f7;
	padding: 5px 15px;
	margin-bottom: 20px;
}



h2.sub_title {
	text-align: center;
	color: #003e82;
	font-size: 30px;
	line-height: 1.5;
	padding: 0 20px;
}
h3.sub_title02 {
	text-align: center;
	color: #003e82;
	font-size: 24px;
	line-height: 1.5;
}
h3.sub_title02_left {
	text-align: left;
	color: #003e82;
	font-size: 24px;
	line-height: 1.5;
}

/*wp_page_title*/
h2.page_title {
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 24px;
	padding: 10px 20px;
	line-height: 1.5;
	/*background: #f5f5f7;*/
	text-align: left;
	margin-bottom: 0px;
	margin-top: 40px;
	
	/*border-left: 3px solid #0052a4;*/
}

/*wp*/
/*single最近の投稿*/
h3.sub_title_wp {
	padding: .25em .75em;
	letter-spacing: 0.2em;
	color: #000;
	margin-left: 0px;
	border-bottom: 3px solid #0064af;
	font-weight: 700;
}

/*背景が薄いベージュ*/
h3.sub_title2_wp {
	padding: .5em .75em;
	background-color: #fafaf0;
	border-radius: 6px;
	color: #000;
	margin-left: 0px;
}
/************************************************** 

drower サイドメニュー左からでる

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

ul.drawer-menu {
}

ul.drawer-menu li {
	border-bottom: #00528f 1px solid;
}

ul.drawer-menu li a {
	padding: 10px 10px 10px 15px;
	display: block;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	background: #0064af;
	transition: all .2s;

}

ul.drawer-menu li a:hover {
	padding: 10px 10px 10px 15px;
	display: block;
	line-height: 40px;
	color: #0064af;
	background: #fff;
	text-decoration: none;
}

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

トップページ

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

/*トップページスライダー*/

   .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        background-position: center;
        background-size: cover;
		
    }
	.swiper-wrapper {
		height: 870px;/*周年記念パーティー用*/
		/*height: 640px;/*パーティー以外用*/
		width: 100%;
	}
	
	
	
	.mainimg_01 {
		width: 1000px;
		/*height: 870px;/*周年記念パーティー用*/
		height: 640px;
		margin: 0 auto;
	}
	.mainimg_01_in {
		position: relative;
		width: 1000px;
		/*height: 870px;/*周年記念パーティー用*/
		height: 640px;
	}
	.mainimg_01_in p {
		position: absolute;
		bottom: 40px;
		right: 65px;
	}

/*周年記念パーティー告知なしの場合はコメントアウト*/
/* 周年パーティー */
	.mainimg_02 {
		width: 1000px;
		height: 870px;
		margin: 0 auto;
	}
	.mainimg_02_in {
		position: relative;
		width: 1000px;
		height: 870px;
	}
	.mainimg_02_in p {
		position: absolute;
		top: 380px;
		left: 44px;
	}



/*周年記念パーティー告知なしの場合はコメントアウト*/
/*  */
	.mainimg_03 {
		width: 1000px;
		/*height: 870px;/*周年記念パーティー告知なしの場合はコメントアウト*/
		height: 640px;
		margin: 0 auto;

	}
	.mainimg_03_in {
		position: relative;
		width: 1000px;
		/*height: 870px;/*周年記念パーティー告知なしの場合はコメントアウト*/
		height: 640px;
	}
	.mainimg_03_in p.slide_button01 {
		position: absolute;
		/*top: 475px;/*周年記念パーティー告知用*/
		/*right: 335px;/*周年記念パーティー告知用*/
		top: 472px;/*パーティ以外時*/
		right: 345px;/*パーティ以外時*/
	}
	.mainimg_03_in p.slide_button02 { /*プロフィールボタン*/
		position: absolute;
		bottom: 40px;
		right: 65px;
	}



/* プロフィール  */
	.mainimg_03-2019 {
		width: 1000px;
		/*height: 870px;/*周年記念パーティー告知なしの場合はコメントアウト*/
		height: 640px;
		margin: 0 auto;

	}
	.mainimg_03-2019_in {
		position: relative;
		width: 1000px;
		/*height: 870px;/*周年記念パーティー告知なしの場合はコメントアウト*/
		height: 640px;
	}
	.mainimg_03-2019_in p.slide_button01 {
		position: absolute;
		/*top: 475px;/*周年記念パーティー告知用*/
		/*right: 335px;/*周年記念パーティー告知用*/
		top: 472px;/*パーティ以外時*/
		left: 60px;/*パーティ以外時*/
	}
	.mainimg_03-2019_in p.slide_button02 { /*プロフィールボタン*/
		position: absolute;
		bottom: 40px;
		right: 65px;
	}
	


























/*osaka万博*/
.mainimg_04 {
	width: 1000px;
	/*height: 870px;/*周年記念パーティー用*/
	height: 640px;
	margin: 0 auto;
}
.mainimg_04_in {
	position: relative;
	width: 1000px;
	/*height: 870px;/*周年記念パーティー用*/
	height: 640px;
}


/*すべてをかけて、大阪を前に。*/
.mainimg_05 {
	width: 1000px;
	height: 640px;
	margin: 0 auto;
}
.mainimg_05_in {
	position: relative;
	width: 1000px;
	height: 640px;
}



	
/*↓ home_test 2018年トップページメイン ↓*/
	.mainimg_2018 {
		text-align: center;
		border-bottom: 10px solid #0064AF;
	}
	.mainimg_2018_in {
		position: relative;
		width: 1300px;
		margin: 0 auto;
		/*height: 870px;/*2周年記念パーティー告知なしの場合はコメントアウト*/
		height: 822px;

	}
	.mainimg_2018_in p {
		position: absolute;
		top: 65px;
		left: 1.5%;
	}
	
/* home_test 2018年トップページメイン2*/
	.mainimg_2018_2 {
		text-align: center;
	}
	.mainimg_2018_2_in {
		position: relative;
		width: 1300px;
		margin: 0 auto;
		/*height: 870px;/*2周年記念パーティー告知なしの場合はコメントアウト*/
		height: 819px;

	}
	.mainimg_2018_2_in p {
		position: absolute;
		top: 65px;
		left: 1.5%;
	}
/*↑ home_test 2018年トップページメイン↑*/


/*sp 大阪市長パーティー*/
	.home_sp_contents {
		background: #e88b00;
		padding-top: 9vh;
		padding-bottom: 7vh;
	}

/**/
.post_contents_home {
	padding: 0px 10px 10px 10px;
	margin: 0px 10px 10px 10px;
	font-size: 20px;
	line-height: 1.7;
}



h3.home_h3 {
	border-bottom: 3px solid #0063ae;
	padding-bottom: 7px;
	font-weight: 700;
	text-align: center;
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	font-size: 30px;
}
h4.home_h4 {
	text-align: center;
	width: 170px;
	font-weight: 700;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	font-size: 20px;
}

/*もっと見る白ボタン*/
p.more_button1 {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	
	border: 1px solid #9c9c9c;
	width: 180px;
	height: 56px;
	line-height: 56px;

	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

p.more_button1 a {
  display: block;
  line-height: 54px;
  color: #000;
  background: #fff;
  transition: all .2s;
}
p.more_button1 a:hover {
	text-decoration: none;
	color: #fff;
	background: #0063ae;
}

/*もっと見る青ボタンプロフィール*/
p.more_button2 {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #fff;
	width: 240px;
	height: 65px;
	line-height: 85px;

	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
p.more_button2 a {
  display: block;
  line-height: 63px;
  color: #fff;
  background: #0064af;
  transition: all .2s;
}
p.more_button2 a:hover {
	text-decoration: none;
	color: #0064af;
	background: #fff;
}

/*もっと見る白ボタン写真ギャラリー*/
p.more_button3 {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 240px;
	height: 65px;
	line-height: 85px;

	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
p.more_button3 a {
  display: block;
  line-height: 63px;
  color: #000;
  background: #fff;
  transition: all .2s;
  border: 1px solid #000;
}
p.more_button3 a:hover {
	text-decoration: none;
	color: #fff;
	background: #0064af;
	border: 1px solid #0064af;
}

/*もっと見る赤ボタンご支援のお願い*/
p.more_button4 {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 240px;
	height: 65px;
	line-height: 85px;

	font-size: 24px;
	font-weight: 500;
	text-align: center;
	border: 1px solid #fff;
}
p.more_button4 a {
  display: block;
  line-height: 63px;
  color: #fff;
  background: #db1e18;
  transition: all .2s;
}
p.more_button4 a:hover {
	text-decoration: none;
	color: #db1e18;
	background: #fff;
}

/*もっと見る緑ボタンご支援のお願い*/
p.more_button5 {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 240px;
	height: 65px;
	line-height: 85px;

	font-size: 24px;
	font-weight: 500;
	text-align: center;
	border: 1px solid #fff;
}
p.more_button5 a {
  display: block;
  line-height: 63px;
  color: #fff;
  background: #23b574;
  transition: all .2s;
}
p.more_button5 a:hover {
	text-decoration: none;
	color: #23b574;
	background: #fff;
}


/*もっと見る白ボタン 大阪市長パーティの個人申込用ボタン*/
p.more_button6 {
	margin-top: 35px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	
	border: 1px solid #9c9c9c;
	width: 220px;
	height: 56px;
	line-height: 56px;

	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

p.more_button6 a {
  display: block;
  line-height: 54px;
  color: #fff;
  background: #0063ae;
  transition: all .2s;
}
p.more_button6 a:hover {
	text-decoration: none;
	color: #0063ae;
	background: #fff;
}



/*もっと見る2018 1*/
p.more_button2018_1 {
	margin-top: 50px;
	margin-bottom: 80px;
	margin-left: auto;
	margin-right: auto;
	
	border: 5px solid #0063ae;
	
	width: 100%;
	height: 85px;
	line-height: 85px;

	font-size: 40px;
	font-weight: 900;
	text-align: center;

	font-family: NotoSansCJKjp-Black;
}




p.more_button2018_1 a {
  display: block;
  line-height: 75px;
  color: #0063ae;
  background: #fff;
  transition: all .2s;
}
p.more_button2018_1 a:hover {
	text-decoration: none;
	color: #fff;
	background: #0063ae;
}


/*お知らせ2018 2*/
p.more_button2018_2 {
	margin-top: 30px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	
	border: 5px solid #0063ae;
	width: 100%;
	height: 180px;
	line-height: 180px;

	font-size: 55px;
	font-weight: 900;
	text-align: center;
	vertical-align: middle;

	font-family: NotoSansCJKjp-Black;
}

p.more_button2018_2 a {
  display: block;
  line-height: 170px;
  color: #0063ae;
  background: #fff;
  transition: all .2s;
}
p.more_button2018_2 a:hover {
	text-decoration: none;
	color: #fff;
	background: #0063ae;
}


/*プロフィール2018　3*/
p.more_button2018_3 {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	
	border: 5px solid #0063ae;
	width: 98%;
	height: 180px;
	line-height: 180px;

	font-size: 55px;
	font-weight: 900;
	text-align: center;
	vertical-align: middle;
	
	

	font-family: NotoSansCJKjp-Black;
}

p.more_button2018_3 a {
  display: block;
  line-height: 170px;
  color: #0063ae;
  background: #fff;
  transition: all .2s;
}
p.more_button2018_3 a:hover {
	text-decoration: none;
	color: #fff;
	background: #0063ae;
}

/*お知らせ2018 2*/
p.more_button2018_4 {
	margin-top: 30px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	
	border: 5px solid #0063ae;
	width: 100%;
	height: 180px;
	line-height: 1.4;

	font-size: 55px;
	font-weight: 900;
	text-align: center;
	vertical-align: middle;

	font-family: NotoSansCJKjp-Black;
}
p.more_button2018_4 span {
	font-size: 30px;
	font-weight: 400;
	font-family: NotoSansCJKjp;
}

p.more_button2018_4 a {
  display: block;
  color: #0063ae;
  background: #fff;
  transition: all .2s;
	height: 170px;
}
p.more_button2018_4 a:hover {
	text-decoration: none;
	color: #fff;
	background: #0063ae;
}


/*IEハック notoフォントを使用すると下に余白ができるので*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, p.more_button2018_1,p.more_button2018_2,p.more_button2018_3,p.more_button2018_4 { font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; } /* IE11 */
	
}

/*宣材用写真へのボタン*/

/*もっと見る青ボタンプロフィール*/
p.more_button_senzai {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #fff;
	width: 300px;
	height: 45px;
	line-height: 65px;

	font-size: 15px;
	font-weight: 400;
	text-align: center;
}
p.more_button_senzai a {
  display: block;
  line-height: 45px;
  color: #fff;
  background: #0064af;
	border: 1px solid #0064af;
  transition: all .2s;
}
p.more_button_senzai a:hover {
	text-decoration: none;
	color: #0064af;
	background: #fff;
	border: 1px solid #0064af;
}



/*写真ギャラリーに戻る*/
p.more_button10 {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	
	border: 1px solid #0063ae;
	border-radius: 5px;
	width: 250px;
	height: 56px;
	line-height: 56px;

	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

p.more_button10 a {
  display: block;
  line-height: 54px;
  color: #fff;
  background: #0063ae;
  transition: all .2s;
}
p.more_button10 a:hover {
	text-decoration: none;
	border-radius: 5px;
	color: #000;
	background: #fff;
}


/*過去のツイートを見るボタン*/

.twitter_bk {
	background: #43BDF0;
}

p.more_button7 {
	margin-left: auto;
	margin-right: auto;
	
	border: 1px solid #fff;
	width: 320px;
	height: 56px;
	line-height: 56px;

	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

p.more_button7 a {
  display: block;
  line-height: 54px;
  color: #fff;
  background: #43BDF0;
  transition: all .2s;
}
p.more_button7 a:hover {
	text-decoration: none;
	color: #43BDF0;
	background: #fff;
}





/*100%*/
.home_column {
  /*height: auto;*/
  height: 75vh;
  width: 100%;
  
}

.home_column2 {
  height: auto;
  width: 100%;
}


/***/
.home_cat1 {
  background: url(images/index_27.png) no-repeat top left;
  background-size: cover;
}
.home_cat2 {
  background: #0064af;
}

.home_profile {
	text-align: center;
	padding-top: 5vh;
	padding-bottom: 5vh;
	
}
.home_profile h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
}
.home_profile p {
	color: #fff;
	font-size: 18px;
	line-height: 2;
	font-weight: 400;
}
/***/


/***/
.home_cat3 {
  background: url(images/index_30.png) no-repeat top right;
  background-size: cover;
}
.home_cat4 {
  background: #fff;
}

.home_gallery {
	text-align: center;
	padding-top: 5vh;
	padding-bottom: 5vh;
}
.home_gallery h2 {
	color: #000;
	font-size: 30px;
	font-weight: 600;
	padding-top: 4vh;
}
.home_gallery p {
	color: #000;
	font-size: 18px;
	line-height: 2;
	font-weight: 400;
}


/***/
.home_cat5 {
  background: #db1e18;/*赤*/
}
.home_cat6 {
  background: #23b574;/*緑*/
}

.home_other {
	text-align: center;
	padding-top: 3vh;
	padding-bottom: 3vh;
}

.home_other h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 600;
}
.home_other p {
	font-size: 18px;	
}



/*970px以上*/
@media all and (min-width: 970px) {
	.home_column {
		height: 70vh;
		width: 100%;
	}
	.home_column2 {
		height: 35vh;
		width: 100%;
	}
	
	
	.home_profile {
		text-align: center;
		padding-top: 9vh;
	}
	.home_gallery {
		text-align: center;
		padding-top: 18vh;
	}
	.home_other {
		text-align: center;
		padding-top: 7vh;
	}
	
	

	
	.home_wrapper {
		display: flex;
	}
	.home_wrapper2 {
		display: flex;
		flex-direction: row-reverse;
	}
	
	.home_profile h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 600;
	}
	
	.home_profile p {
	color: #fff;
	font-size: 24px;
	line-height: 2;
	font-weight: 400;
	}
	
	.home_gallery h2 {
	color: #000;
	font-size: 34px;
	font-weight: 600;
	}
	.home_gallery p {
	color: #000;
	font-size: 24px;
	line-height: 2;
	font-weight: 400;
}

.home_other p {
	font-size: 24px;	
}

	
}


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

サブページ共通 header.php

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

.sub_header {
	background: url(images/sp/subimg_01_sp.jpg) top center no-repeat;
	background-size: 100% auto;
	min-width: 320px;
	min-height: 525px;
	height: auto;
	
}
.sub_header_party {
	/*background: url(images/0901topimg_01_sp.jpg) top center no-repeat;*/
	background: url(images/2018_topimg_01_sp.jpg) top center no-repeat;
	background-size: 100% auto;
	min-width: 320px;
	min-height: 525px;
	height: auto;
	
}
.sub_header_manifesto {
	background: url(images/sp/subimg_02_sp.jpg) top center no-repeat;
	background-size: 100% auto;
	min-width: 320px;
	min-height: 525px;
	height: auto;
	
}




.paeg_title_con {
	background: #0064af;
	height: 60px;
	padding-top: 15px;
}
.paeg_title_con h2 {
	color: #fff;
	text-align: center;	
	padding: 0;
	margin: 0;
}


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

WP投稿

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

/*投稿した本文のスタイル*/
.post_contents {
	padding: 0px 10px 59px 10px;
	margin: 0px 10px 10px 10px;
	font-size: 20px;
	line-height: 1.7;
}


/*投稿した画像*/
.post_contents img {
	max-width: 100%;
	height: auto;
	margin: 5px 0;
}


/*投稿した本文のスタイル（固定ページ）*/
.post_contents_page {
	font-size: 20px;
	line-height: 1.7;
	padding-bottom: 59px;
	
}


/*投稿した画像（固定ページ）*/
.post_contents_page img {
	max-width: 100%;
	height: auto;
	margin: 5px 0;
}

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

index.php

***************************************************/
.navigation{
	overflow: hidden;
	margin-bottom: 40px;
	margin-top: 60px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;

}
.left_pager {
	float: left;
	max-width: 500px;	
}
.right_pager {
	float: right;
	max-width: 500px;
}


.navigation a{
	display: block;
	padding: 1em;
	border: none;
	color: #000;
}
.navigation a:hover{
	/*background: #f5f5f7;*/
	background: #0052a4;
	color: #fff;
	text-decoration: none;
}
.navigation .alignright a:hover{
	border-left: 1px solid #ddd;
	
}

/*index.php*/
p.thumbnail-box {
	margin-top: 10px;
	text-align: center;
	
}

p.thumbnail-box img {
	width:auto;
	height:auto;
	max-width: 100%;
	max-height: 100%;
}

/*はてな*/
img.attachment-thumbnail {
	width: 100%;
	height: 100%;
}

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

single.php

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


/*頁下の新着紹介*/
.single_saishin_con {
	margin-top: 0px;
	padding-bottom: 59px;
}

/*リスト新着紹介*/

ul.single_saishin_ul {
	width: 100%;
	font-size: 18px;
	margin:0 0 50px -20px;
	
}
ul.single_saishin_ul li {
	width: 100%;

	border-bottom: 1px solid #98998b;
	padding: 15px 0 15px 15px;	
}

ul.single_saishin_ul li a {
	color: #231815;
}

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

固定ページ プロフィール

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

h2.profile_h2 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 30px;
	font-weight: 700;
}
h3.profile_h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 48px;
	font-weight: 700;
}
h4.profile_h4 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
}

h3.profile_h3_2 {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background: url(images/about_yoshimura_07.png) 10px center no-repeat;
	text-indent: 2em;
	padding-top: 15px;
	padding-bottom: 10px;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
}

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

固定ページ 個人献金

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

h3.individual_donation_h3 {
	text-align: left;
	font-size: 20px;
	color: #0064AF;
	line-height: 1.6;
	margin-top: 60px;
	font-weight: 600;
}

span.marker_yellow_hoso {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

.individual_donation_furikomi {
	margin-top: 50px;
	background: #f5f5f5;
}


h2.individual_donation_h2 {
	text-align: center;
	font-size: 24px;
	color: #0064AF;
	line-height: 1.6;
	font-weight: 500;
	margin-top: 60px;
	margin-bottom: 50px;
}




/*フォームまわり*/
.wpcf7-submit {
	font-size: 18px;
	font-weight: 700;
	padding: 10px 45px;
	background: #0374a8;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid 4px #dcdcdc;
	margin-bottom: 50px;
}
 
.wpcf7-submit:hover {
	background-color: #0374a8;
	color: #fff;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    max-width: 90%;
    color: black;
    background-color:#F9F9F9;
}

/*プレースホルダ―文字サイズ*/
input::-webkit-input-placeholder {
	 font-size: 13px;
	color: #888;
	font-weight: 600;
}


/* Firefox 18- */
input:-moz-placeholder {
	  font-size: 13px;
	color: #888;
	font-weight: 600;
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
input:placeholder-shown {
	 font-size: 13px;
	color: #888;
	font-weight: 600;
}

/* Firefox 19+ */
input::-moz-placeholder {
    font-size: 13px;
	color: #888;
	font-weight: 600;
}

/* IE 10+ */
input:-ms-input-placeholder {
    font-size: 13px;
	color: #888;
	font-weight: 500;
}

/*エラーメッセージ*/
.wpcf7 span.wpcf7-not-valid-tip {
	color: #F7060A;
	font-weight: 400;
}


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

PCのトップページのみ home.php

**************************************************/
/*新着の覧*/

.bk_light_blue {
	background: #B2D0E8;
}



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

一覧ページ index.php

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


.index_sen {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

/*PCのみ*/
@media only screen and (min-width: 961px) {
.index_sen {
	border-bottom: none;
	margin-bottom: 20px;
	height: 190px;
}
/*日付*/
p.post-date_index {
	font-size: 19px;
	font-weight: 400;
	/*background: url(images/footer/arrow_01.png) 10px 28px no-repeat;*/
	padding: 15px 0 0 15px;
}
}
/*日付*/
p.post-date_index {
	font-size: 19px;
	font-weight: 400;
	/*background: url(images/footer/arrow_01.png) 10px 28px no-repeat;*/
	padding: 15px 0 0 15px;
}

/*タイトル*/
h3.post-title_index {
	font-size: 22px;
	font-weight: 400;
	padding-left: 20px;
	margin-top: 0px;
}

h3.post-title_index a {
	color: #000;
}
h3.post-title_index a:hover {
	color: #9b2d48;
	text-decoration: underline;
}






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

大阪市長就任の出欠フォーム

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

table.tac2 {
	width: 100%;
	margin: 30px auto;
	border: 1px solid #CCC;	
}
table.tac2 td {
	border: 1px solid #CCC;	
	line-height: 2;
	padding: 10px;
	width: 100%;
	font-size: 15px;
}
table.tac2 td p {
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: 700;
	font-size: 18px;
}
table.tac2 td input {
	margin-bottom: 10px;
}

input.form-width30 {
	width: 30%;
}
input.form-width {
	width: 90%;
}

.mailform2 {
	margin: 0 auto;
	
}


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

スマホ時 非表示

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


/*パソコン時SEO*/
.pc_seo {
	display: none;
}


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


タブレット


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

@media only screen and (min-width: 640px) and (max-width:961px) {
/*******************************************

タブレット時 非表示

*********************************************/
/*スマホ時表示のスタイル*/
p.sp_display {
	display: none;
}
/*パソコン時表示のスタイル*/
p.pc_display {
	display: block;
}

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

タブレット時 非表示

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

/*top_page_*/
.home_column {
		height: 45vh;
		width: 100%;
	}
	
	
	

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

サブページ共通 header.php

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

.sub_header_party {
	background: url(images/2018_topimg_01_sp.jpg) top center no-repeat;
	background-size: 100% auto;
	min-width: 640px;
	min-height: 1000px;
	height: auto;
}
	
.sub_header_manifesto {
	/*background: url(images/1211topimg_01_sp.jpg) top center no-repeat;*/
	background-size: 100% auto;
	min-width: 640px;
	min-height: 1000px;
	height: auto;
}



}
/******************************************************************


PCレイアウト以下


********************************************************************/
@media only screen and (max-width: 961px) {
/*************************************

非表示

**************************************/
/*メインスライド*/
.slide_sp_display {
	display: block;
}
/*メインスライド*/
.slide_pc_display {
	display: none;
}

/*pc gnavi*/
.gnav_con {
	display: none;
}

.gnav_con_blue {
	display: none;
}

/*バーガー PCでも表示に変更*/
.burger_menu_con {
	display: block;
}
/*************************************

sub_page

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

.pankuzu {
	margin-top: 20px;
	margin-left: 5px;
	margin-bottom: 10px;

	/*background: #f5f5f7;*/
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-radius: 5px;
}
.pankuzu a {
	color: #000;
}

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

フッターのメニュー

******************************************/
/*footermenu*/
.pc_bk_footer {
	display: none;
}


.pc_bk_footer2 {
	background: #0064af;
	display: block;
}
.pc_bk_footer2_con {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
	

	
	
	
/****************************************
footer_menu_sp
*****************************************/
#footer_nav01 {
	display: none;
}


/*フッターメニュー*/
ul#footer_nav01_sp{
	width: auto;
	height: auto;
	float: none;
	padding: 0;
}


ul#footer_nav01_sp li{
	background: #0064af;
}
ul#footer_nav01_sp li:nth-child(even){
	background: #387cbd;
}




/*スマホ縦フッターメニュー*/
ul#footer_nav01_sp
	{
		margin-bottom: 0px;
	}

	ul#footer_nav01_sp li.lank1 {
	font-size: 160%;
	padding: 25px 25px 25px 35px;
	vertical-align:text-bottom;
	display: block;
	
}
	#footer_nav01_sp li.lank1 a {
		display: block;		
		vertical-align:inherit;
		background: url(images/sp/footer_sp_list_icon.png) left center no-repeat;
		color: #fff;
		height: 40px;
		line-height: 45px;
		text-indent: 1.5em;
	}
	#footer_nav01_sp li.lank1 a:hover {
		color: #eee;
		text-decoration: none;
	}

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

お問い合わせ

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

table.tac1 {
	width: 93%;
	margin-left: 20px;
	margin-top: 30px;
}
table.tac1 td, table.tac1 th{
	border: 1px solid #CCC;	
	line-height: 2;
}

table.tac1 th{
	font-size: 15px;
	width: 25%;
	padding: 10px;
	text-align: left;
	background-color: #f1f1f1;	/*背景色*/
}
table.tac1 td{
	padding: 10px;
	width: 70%;
	font-size: 15px;
}
.wl {
	width: 96%;
}
.wm {
	width: 75%;
}
.ws {
	width: 50%;
}
}
/************************************************** 

固定ページ 市長マニフェスト

**************************************************/
/*黒い文字*/
h2.manifesto_catch {
	font-size: 200%;
	font-family: "NotoSansCJKjp-Black";
	text-align: center;
}

/*黒い文字小さい文字*/
h3.manifesto_catch_sub {
	font-size: 100%;
	font-family: "NotoSansCJKjp-Black";
	text-align: center;
}
/*右揃え文字*/
.manifesto_gaiyo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}
.manifesto_gaiyo_con {
}

p.manifesto_gaiyo1 {
	font-size: 75%;	
	text-align: left;
	font-family: "NotoSansCJKjp-Black";
	margin-bottom: -5px;
	margin-top: 20px;
}
p.manifesto_gaiyo2 {
	font-size: 100%;
	margin-top: 0px;
	text-align: left;
	font-family: "NotoSansCJKjp-Black";
}


/*青い文字*/
h3.manifesto_midashi {
	color: #0064AF;
	font-size: 120%;
	font-family: "NotoSansCJKjp-Black";
	margin-top: 70px;
	line-height: 1.3;
	padding-left:2em;
	text-indent:-2em;
}
/*赤い文字*/
h4.manifesto_midashi2 {
	font-family: "NotoSansCJKjp";
	padding-left:1em;
	text-indent:-1em;
	color: #FC0105;
	
	font-weight: 600;
	padding-left:3.5em;
	font-size: 80%;
}
/*太字説明文*/
p.manifesto_text {
	font-family: "NotoSansCJKjp";
	font-weight: 600;
	font-size: 80%;
	margin-top: 20px;
	line-height: 2;
}


/*リスト*/
ul.manifesto_list {
	margin-top: 30px;
}
ul.manifesto_list li {
	font-family: "NotoSansCJKjp-Black";
	margin-left: -40px;
	font-size: 90%;
	margin-top: 20px;
	padding-left:3em;
	text-indent:-3em;
	
	
}
/*・テキスト リストの中の箇条書き*/
p.manifesto_text2 {
	font-family: "NotoSansCJKjp";
	font-weight: 600;
	font-size: 90%;	
	padding-left:1em;
	text-indent:-1em;
	line-height: 1.4;
	margin-top: 10px;
}



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


PCレイアウト


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

@media only screen and (min-width: 961px) {

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

PC時 非表示

*********************************************/
/*メインスライド*/
.slide_sp_display {
	display: none;
}
/*メインスライド*/
.slide_pc_display {
	display: block;
}


/*スマホ時表示のスタイル*/
p.sp_display {
	display: none;
}
/*パソコン時表示のスタイル*/
p.pc_display {
	display: block;
}

/*バーガー PCでも表示に変更*/
.burger_menu_con {
	display: none;
}


/*スマホのフッターメニュー*/
ul#footer_nav01_sp {
	display: none;
}
.sp_bk_footer2 {
	display: none;
}

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

固定ページ プロフィール

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

h2.profile_h2 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 38px;
	font-weight: 700;
}
h3.profile_h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 84px;
}
h4.profile_h4 {
	margin: 0;
	padding: 0;
	font-size: 36px;
	font-weight: 700;
}

h3.profile_h3_2 {
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	background: url(images/about_yoshimura_07.png) 80px center no-repeat;
	text-indent: 110px;
	padding-top: 15px;
	padding-bottom: 10px;
	width: 600px;
	font-size: 30px;
}

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

固定ページ 個人献金

**************************************************/
.mailform {
	margin: 0 auto;
	width: 520px;
}
h3.individual_donation_h3 {
	text-align: left;
	font-size: 30px;
	color: #0064AF;
	line-height: 1.6;
	margin-top: 60px;
	font-weight: 600;
}

span.marker_yellow_hoso {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

.individual_donation_furikomi {
	margin-top: 50px;
	background: #f5f5f5;
}


h2.individual_donation_h2 {
	text-align: center;
	font-size: 40px;
	color: #0064AF;
	line-height: 1.6;
	font-weight: 500;
	margin-top: 60px;
	margin-bottom: 50px;
}

/*プレースホルダ―文字サイズ*/
input::-webkit-input-placeholder {
	font-size: 13px;
}
input:-moz-placeholder {
	 font-size: 13px;
}
	
	
/************************************************** 

固定ページ 市長マニフェスト

**************************************************/
/*黒い文字*/
h2.manifesto_catch {
	font-size: 270%;
	font-family: "NotoSansCJKjp-Black";
	text-align: center;
}

/*黒い文字小さい文字*/
h3.manifesto_catch_sub {
	font-size: 160%;
	font-family: "NotoSansCJKjp-Black";
	text-align: center;
}
/*右揃え文字*/
.manifesto_gaiyo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}
.manifesto_gaiyo_con {
}

p.manifesto_gaiyo1 {
	font-size: 85%;	
	text-align: left;
	font-family: "NotoSansCJKjp-Black";
	margin-bottom: -5px;
	margin-top: 20px;
}
p.manifesto_gaiyo2 {
	font-size: 120%;
	margin-top: 0px;
	text-align: left;
	font-family: "NotoSansCJKjp-Black";
}


/*青い文字*/
h3.manifesto_midashi {
	color: #0064AF;
	font-size: 160%;
	font-family: "NotoSansCJKjp-Black";
	margin-top: 70px;
	line-height: 1.3;
	padding-left:2em;
	text-indent:-2em;
}
/*赤い文字*/
h4.manifesto_midashi2 {
	font-family: "NotoSansCJKjp";
	padding-left:1em;
	text-indent:-1em;
	color: #FC0105;
	font-size: 100%;
	font-weight: 600;
	padding-left:4em;
}
/*太字説明文*/
p.manifesto_text {
	font-family: "NotoSansCJKjp";
	font-weight: 600;
	font-size: 85%;
	margin-top: 20px;
	line-height: 2;
}


/*リスト*/
ul.manifesto_list {
	margin-top: 30px;
}
ul.manifesto_list li {
	font-family: "NotoSansCJKjp-Black";
	margin-left: -40px;
	font-size: 100%;
	margin-top: 20px;
	padding-left:3em;
	text-indent:-3em;
	
	
}
/*・テキスト リストの中の箇条書き*/
p.manifesto_text2 {
	font-family: "NotoSansCJKjp";
	font-weight: 600;
	font-size: 90%;	
	padding-left:1em;
	text-indent:-1em;
	line-height: 1.4;
	margin-top: 10px;
}
	
	

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

snsボタン

*************************************************************************/
.sns_button_area {
	position: fixed;
	right: 17px;
	top: 250px;
	z-index: 22;
	display: block;
}
/************************************************** 

top背景

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

.container {
	background: #fff;
}
.bk_none {
	background: none;
}



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

Gnav

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

.gnav_con {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	padding: 0px 0;
	text-align: center;
	background: rgba(255,255,255,0.6);
	text-align: center;
}
.gnav_con .gnav_list {
	width: 820px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
.gnav_con .gnav_list li {
	float: left;
	padding-left: 30px;
}
.gnav_con .gnav_list li a {
	font-size: 14px;
	color: #000;
	
	text-decoration: none;
	letter-spacing: 0.1em;
	display: block;
	line-height: 60px;
}
.gnav_con .gnav_list li a.current {
	color: #000000;
	text-decoration: underline;
}

/*青*/
h1.site_title {
	color:#fff;
	text-decoration: none;
	font-size: 21px;
	font-weight: 700;
}
h1.site_title a {
	color:#fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
}
	
.gnav_con_blue {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	padding: 0px 0;
	text-align: center;
	background: #0064AF;
}
.gnav_con_blue .gnav_list_blue {
	width: 820px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
.gnav_con_blue .gnav_list_blue li {
	float: left;
	padding-left: 20px;
}
.gnav_con_blue .gnav_list_blue li a {
	font-size: 16px;
	color: #fff;
	
	text-decoration: none;
	letter-spacing: 0.1em;
	display: block;
	line-height: 60px;
}
.gnav_con_blue .gnav_list_blue li a.current {
	color: #fff;
	text-decoration: underline;
}
	
	

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

サブページ共通 header.php

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

.sub_header {
	background: url(images/subimg_01.jpg) bottom center no-repeat;
	height: 460px;
	min-height: 460px;
}
.sub_header_party {
	background: url(images/2018_wp_topimg_01.jpg) bottom center no-repeat;
	height: 460px;
	min-height: 460px;
}
.sub_header_manifesto {
	background: url(images/subimg_02.png) bottom center no-repeat;
	height: 460px;
	min-height: 460px;
}	

.paeg_title_con {
	background: #0064af;
	height: 60px;
	padding-top: 15px;
}
.paeg_title_con h2 {
	color: #fff;
	text-align: center;	
	padding: 0;
	margin: 0;
}




/*seo*/
.pc_seo {
	padding:0;
	display: block;
}
/*header*/

h1#seo {
	font-size: 13px;
	margin: 5px 0 0 0px;
	color: #000;
	z-index: 999999;
}
h1#seo a {
	color: #000;
	z-index: 999999;
}
/*パソコンロゴ*/
p#pc_logo {
	display: block;
	text-align: left;
	margin: 15px 0 10px 0;
}

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

page_top

***************************************************/
.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 40px;
}



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

フッターのメニュー

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

/*市民の声*/
.shiminnokoe {
	background: url(images/footer_02.png) center center no-repeat;
	height: 400px;
	background-size: cover;
}

p.shiminnokoe_osaka {
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin-top: 120px;
	margin-bottom: 20px;
}

/*map*/
#map_canvas {
	height: 600px;
	width: 100%;
}


/*フッターの住所*/
.footer_con_pref {
	height: 200px;
}

.footer_con_pref_p {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin-top: 50px;
}

.footer_con_pref_p2 {
	font-size: 18px;
	text-align: center;
}

/*footermenu*/
.pc_bk_footer {
	display: block;
	background: #eee;
	padding-top: 45px;
	padding-bottom: 40px;
}
.pc_bk_footer p {
}

.pc_bk_footer a {
	color: #fff;
	font-size: 19px;
	transition: all .2s;
	line-height: 54px;
	display: block;
	background: #0063ae;
}
.pc_bk_footer a:hover {
	text-decoration: none;
	color: #fff;
	background: #387CBD;
	
}

/**/

.pc_bk_footer2 {
	background: #0064af;
	display: block;
}
.pc_bk_footer2_con {
	width: 1200px;
	height: 150px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}



ul#footer_nav01  {
	margin: 40px auto 0px;
	width: 800px;
}

/*フッターのリスト*/
ul#footer_nav01 li {
	float: left;
	margin-right: 20px;
	vertical-align: text-bottom;
	font-weight: 500;
	padding-left :15px;
}
ul#footer_nav01 li.footer_nav_last {
	float: left;
	margin-right: 0px;
	vertical-align: text-bottom;
	font-weight: 500;
	padding-left :15px;
}


ul#footer_nav01 li a {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
}
ul#footer_nav01 li a:hover{
	text-decoration: underline;
}

	
	
	
/*flexbox*/
	
.pc_bk_footer_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*justify-content: space-around;*/
	justify-content: center;
	/*justify-content: space-between;*/
}
.pc_bk_footer_flex p a {
	color: #fff;
	font-size: 19px;
	transition: all .2s;
	line-height: 54px;
	display: block;
	background: #0063ae;
	width: 205px;
	margin-left: 20px;
}
.pc_bk_footer_flex p:first-child a {
	margin-left: 0;
}
.pc_bk_footer_flex p a:hover {
	text-decoration: none;
	color: #fff;
	background: #387CBD;
}
	
	
	
	
	
	
	
	
	

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

sub_page共通スタイル

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

.pankuzu {
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 0px;
	/*background: #f5f5f7;*/
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-radius: 5px;
}
.pankuzu a {
	color: #000;
}



}