/*
 Theme Name:港区議団テーマ
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  first Child Theme
 Author:       CCU
 Author URI:   http://ccu.or.jp
 Template:     first
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  first-child
*/

div.site-content {margin-top:-40px;}

body.home,body.blog,body.page,body.archive,body.single {background-image:url("/wp_img/bg_body_kugidan.png");
background-repeat:repeat-x;}

div#page {border:#eee solid 1px;}

div.header-image {max-height:none;overflow: visible;}
div.heiwa {max-width:1000px;position:relative}
div.heiwa img {width:75%;max-width:820px;}
div.heiwa p {position: absolute;
top:30px;
left:70%;
margin-right:20px;
font-size:0.8em;
text-shadow: 4px 4px 0 #fff,-4px 4px 0 #fff,4px -4px 0 #fff,-4px -4px 0 #fff;
text-shadow: 4px 4px 2px #fff,-4px 4px 2px #fff,4px -4px 2px #fff,-4px -4px 2px #fff;}

div.giin_box {
display: flex;
 display:-moz-flex;
 display:-webkit-flex;
 display:-o-flex;
 display:-ms-flex;
flex-wrap:wrap;
 -js-display: flex;
 -ms-flex-wrap: wrap;
justify-content: center;}

div.top_box {max-width:280px;
/*width:24%;
float:left;*/
margin:5px;}

.page-numbers {border:#ccc solid 1px;padding:10px 10px;}
span.current {background-color:#ccc;font-weight:500;}
a.cat,a.post-edit-link {border:#ccc solid 1px;
margin:3px;
padding:4px 6px;
border-radius:4px;
font-size:0.6em;}
a.post-edit-link {background-color:#f99;}

div.prof_box {max-width:240px;
float:left;
margin-left:10px;}

div.top_box_photo {border-style:solid;
border-width:6px;
border-color:#fff;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px; 
-moz-border-radius-topright:8px; 
margin-right:2px;}

div.page_prof {width:220px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px; }

div.color_inokuma {background-color:#f8509d;border-color:#f8509d;}
div.color_ohtaki {background-color:#ff9933;border-color:#ff9933;}
div.color_kazami {background-color:#2a7ead;border-color:#2a7ead;}
div.color_kumada {background-color:#b73d48;border-color:#b73d48;}

div.page_prof_text {float:left;
margin-left:5px;
padding:10px 0px 0px 10px;
width:445px;
background-color:#fff;
border-style:solid;
border-width:1px 0px 0px 0px;
line-height:1.4em;}

div.top_box_name, div.top_box_name_yomi {color:#fff;text-align:center;}
div.top_box_name {font-family: "メイリオ", sans-serif;
font-size:1.8em;
font-weight:700;
margin-top:-8px;}

div.btn_sns {float:right;width:150px;margin-top:5px;}
div.btn_sns {float:right;width:150px;}
div.btn_sns img {margin:0px 2px;width:45px;}
img.icon_sns {width:33%;margin:0px;}

div.header_title {background-image:url("/wp_img/bg_header_title.jpg");
background-size:contain;
background-repeat: no-repeat;
background-position: bottom;
width:100%;
height:186px;
margin-bottom:10px;
text-align:center;}
div.header_title div {padding:100px 0px 0px 0px;
font-family: "メイリオ", sans-serif;
font-size:2.0em;
font-weight:600;
letter-spacing: 1.3em;
text-shadow: 2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;
text-shadow: 2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff;}

.header-image {text-align:left;
max-height:680px;
margin-left:100px;}

div.site-bar {background-image:url("/wp_img/bg_menu.png");font-size:1.2em;}

li.menu-item {margin-left:4px;padding-right:4px;border-right:#fff solid 1px;}
li#menu-item-56 {border-right:none;}

div.banner {border:#ccc solid 1px;
margin-bottom:20px;
opacity:1.0;
max-width:258px;
text-align:right;}

div.banner img {margin :0px auto;}
div.stream img {background-color:#069;box-shadow: 0px 1px 4px #666;}

div.soudan, div.quest {background-color:#fff;
box-shadow: 0px 1px 4px #666;
min-height:174px;}

div.banner_text {margin:8px 12px;text-align:left;}
div.banner:hover {border:#f30 solid 1px;opacity:0.9;}

div.sns {border:#eee solid 2px;
border-radius:4px;
margin-bottom:20px;
max-width:500px;}

div.blog_list {border:#ccc solid 1px;
padding:8px;
border-radius:4px;
text-align:center;
margin-bottom:10px;
background-color:#f9f9f9;}

a[href$=".pdf"] {display: inline-block;
padding-left: 24px;
background: url(/wp_img/icon_pdf.png) no-repeat left center;}

h1.site-title {font-size:38px;}
h1.site-title a {color:#333;}
h1.entry-title {color:#666;}


header.entry-header {margin:0px;}
div.entry-content {margin:0px;
/*border:#fcc solid 1px;*/}

div.entry-content h2 {border-bottom:#666 solid 2px;
display:inline-block;
margin-top:30px;}
div.entry-content h3 {color:#666;}

div.site-description {color:#333;
font-size:18px;
margin-bottom:10px;}

div.site-top {margin-bottom:10px;}
span.byline {display:none;}

footer.site-footer {background-color:#666;
text-align:center;
color:#fff;
padding:10px;
font-size:0.8em;}

footer.site-footer span {white-space:nowrap;}

div.home_box {background-color:#dff0f6;
border-radius:8px;
padding:20px 30px;
background-image:url("/wp_img/bg_blue.png");
background-size:contain;
background-repeat: no-repeat;
background-position: bottom;}
div.hone_box_title {font-family: "メイリオ", sans-serif;
font-weight:600;
margin-left:-30px;
font-size:1.8em;
padding:4px 12px;
border-left:#069 solid 12px;
text-shadow: 2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;
text-shadow: 2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff;}
div.hone_box_news_title {font-size:1.1em;
border-bottom:#06c dotted 2px;}
div.hone_box_news_content {padding:4px;}
h1.title {margin-bottom:0px;}
div.date2 {color:#999;}

div.date {font-size:0.9em;
color:#06c;
float:left;
width:16%;
min-width:90px;}
div.title {float:left;
width:80%;}
img.action {float:left;
width:100px;
margin:0px 8px 10px 0px;}

div.list_news {border-top:#06c dotted 2px;padding:4px;}
div.link_list {text-align:right;}
div.link_list a {background-image:url("/wp_img/icon_arr.gif");
background-repeat: no-repeat;
padding-left:16px;}

table.typeA th {background-color:#f9f9f9;padding:10px 20px;}
table.typeA td {padding:10px 30px;}

@media screen and (min-width: 960px) {
.content-area {width: 72%;}
}

div.pc {display: inline;}
div.sp {display: none;}

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

li.menu-item {font-size:0.9em;
margin:-5px;
padding:0px;
border-right:#f00 solid 0px;}
}

@media screen and (max-width:960px) {
div.pc {display: none;}
div.sp {display: inline;}

div.heiwa {text-align:center;}
div.heiwa img {width:90%;}
div.heiwa p {position: static;
margin:20px 30px;
text-align:left;}

div.top_box {/*width:48%;
float:left;
margin-left:10px;
margin-bottom:10px;*/
max-width:200px;}
footer.site-footer {text-align:left;padding-left:20px;}

}
/*
@media screen and (max-width:560px) {
div.top_box {width:100%;
max-width:550px;
float:none;
margin:10px;}
}
*/