/*
Theme Name: Watari Koiki Kumiai
Theme URI: 
Author: INF
Author URI: 
Description: It was made based on Twenty Thirteen.
Version: 1.0
*/


/**
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 4.0 - Header
*   4.1 - Site Header
*   4.2 - Navigation
* 5.0 - Content
*   5.1 - Entry Header
*   5.2 - Entry Meta
*   5.3 - Entry Content
*   5.4 - 個別
*   5.5 - Post Formats
*   5.6 - Attachments
*   5.7 - Post/Paging Navigation
*   5.8 - Author Bio
*   5.9 - Archives
*   5.10 - Search Results/No posts
*   5.11 - 404
*   5.12 - Comments
*   5.13 - Multisite
*   5.14 - toppage
* 6.0 - Sidebar
*   6.1 - Widgets
* 7.0 - Footer
* 8.0 - Media Queries
* 9.0 - Print
* ----------------------------------------------------------------------------
*/


/**
* 1.0 Reset
*
* Modified from Normalize.css to provide cross-browser consistency and a smart
* default styling of HTML elements.
*
* @see http://git.io/normalize
* ----------------------------------------------------------------------------
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin:0;
	padding:0;
}



[hidden] {
	display: none;
}

html {
	font-size: 95%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 95%;
	-ms-text-size-adjust: 95%;
}

body {
	color: #141412;
	line-height: 1.5;
	margin: 0;
	font-family:'メイリオ','Lucida Grande',
		'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
		Meiryo, sans-serif;
}

a {
	color: #004692;
	text-decoration: none;
}

a:active,
a:hover,
a:visited {
	color: #ac0404;
}

a:focus {
	outline: thin dotted;
}

a:hover {
	text-decoration: underline;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}


hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}

.site-main table {
	border-collapse: collapse;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	max-width: 100%;
	width:auto !important;
}

.site-main th {
	background: none repeat scroll 0 0 #F8F4ED;
	border-collapse: collapse;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	font-size: 95%;
	padding: 0.4em 0.8em;
	text-align: center;
}

.site-main td {
	border-collapse: collapse;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	font-size: 95%;
	padding: 0.4em 0.8em;
}


/**
* 2.0 Repeatable Patterns
* ----------------------------------------------------------------------------
*/


.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
.clearfix:after { clear:both }
.clearfix { zoom:1 } /* For IE 6/7 */
.clearfix{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media all and (max-width:999px){
	.clearfix{
		justify-content: flex-start;
	}
}
.clearfix li img {
	max-width:100%;
}


hr.clear {
	clear:both;
	visibility:hidden;
}

/*
* Responsive images
*
* Fluid images for posts, comments, and widgets
*/
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 0px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 95%;
	text-align: center;
	font-weight: 300;
	margin: 0 0 15px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}

/* スキップリンク */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}



/**
* 3.0 Basic Structure
* ----------------------------------------------------------------------------
*/

.site {
	background-color: #F1F5FC;
	margin: 0 auto;
	max-width: 2000px;
	width: 100%;
}

/**
* 3.1 トップ以外は２カラム
* ----------------------------------------------------------------------------
*/
#primary {
	float: right;
	width: 100%;
	margin-left: -290px;
}

#secondary {
	float: left;
	width: 25%;
	font-size: 95%;
}

.site-content,
.site-content-1column {
	padding:10px;
	background-color:#FFF;
}
.site-content {
	margin-left:26%;

}


/**
* 4.0 Header
* ----------------------------------------------------------------------------
*/

/**
* 4.1 Site Header
* ----------------------------------------------------------------------------
*/

.site-header {
	position: relative;
	width:100%;
}

.site-header .home-link {
	display: block;
	padding: 20px 5px;
}

#box_headerinner {
	width:100%;
	max-width:1160px;
	margin:0 auto;
	position:relative;
}



/**
* 4.2 Navigation
* ----------------------------------------------------------------------------
*/

.main-navigation {
	clear: both;
	margin: 0 auto;
	width:100%;
	max-width: 1160px;
	min-height: 45px;
	position: relative;
	background-image: url(images/icon_headermenu.png);
	background-position: 0px 10px;
	background-repeat: no-repeat;
	font-size: 120%;

}

ul.nav-menu {
	padding:4px 65px;
}

.nav-menu li {
	display: inline-block;
}

.nav-menu li a {
	color: #141412;
	display: block;
	line-height: 1.5;
	padding: 15px 8px;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	color: #bc360a;
	text-decoration: underline;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #bc360a;
	text-decoration: underline;
}

.menu-toggle {
	display: none;
}

.fixed {
	position: fixed;
	top: 0;
	/*    width: 100%; */
	z-index: 10000;
}

/* Navbar */
.navbar {
	background-color: #FFF;
	width: 100%;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	/*	height: 65px;	*/
	min-height:50px;
	border-bottom: 1px solid #CC2728;
}
.site-header .search-form * {
	box-sizing: content-box;
}
.site-header .search-form {
	width: 440px;
	position: absolute;
	right: 20px;
	top: 12px;
	background: #F3F3F3 url(images/ttl_search.png) no-repeat 10px center;
	padding: 4px 10px 0 160px;
}


.search-form .cse .gsc-control-cse,
.search-form .gsc-control-cse {
	padding: 0 !important;
}
.cse .gsc-control-cse,
.gsc-control-cse {
	background-color:transparent!important;
	border:none!important;
}


/* サブメニュー */

#toggle_menu_sub {
	display:none;
}
/*
#menu_sub {
padding:0 20px;
}
*/
#menu_sub li{
	list-style-type:none;
	width:17%;
	float:left;
	margin-right:1%;
}

#menu_sub li:first-child {
	width:22%;
}

#menu_sub li:last-child {
	width:23%;
	margin-right:0;
}

#menu_sub li a {
	display:block;
	padding:4px;
	border-radius:4px;
}
/*
#menu_sub li:last-child a{
width:194px;
}
*/
#menu_sub li a:hover {
	position:relative;
	bottom:6px;     
}



/* スライドショー */

#box_slider {
	position:relative;
}

ul#coverWrap {
	display:none\9; /* IE8 以下 */
}
ul#coverWrap:not(:target) {
	display:block\9; /* IE9 */
}
ul#coverWrap li {
	position: absolute;
	z-index: 9000;
	width: 100%;
	height:20px;

	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% 100%; 
}

#slideTop {
	background-image: url(images/bg_slidetop.png);
}

#slideBottom {
	bottom:0;
	background-image: url(images/bg_slidebottom.png);
}

/**
* 4.3 カテゴリー別の見出し
* ----------------------------------------------------------------------------
*/

#ttl_category {
	background-color:#134D83;
}
#ttl_category h1 {
	max-width: 1160px;
	height: 245px;
	color: #fff;
	font-size: 230%;
	font-weight: normal;
	padding: 100px 0 0 70px;
	margin: 10px auto 0;
	background-repeat: no-repeat;
	background-position: right top;
}
#ttl_category h1#shoubou {
	background-image:url(images/bgttl_cat_shoubou.jpg);
}
#ttl_category h1#kumiai {
	background-image:url(images/bgttl_cat_kumiai.jpg);
}
#ttl_category h1#sousai {
	background-image:url(images/bgttl_cat_sousai.jpg);
}
#ttl_category h1#jimukyoku {
	background-image:url(images/bgttl_cat_jimukyoku.jpg);
}
#ttl_category h1#otoiawase {
	background-image:url(images/bgttl_cat_otoiawase.jpg);
}

/**
* 4.4 パンクズ
* ----------------------------------------------------------------------------
*/
.breadcrumbs {
	background-color:#F8F4ED;
	padding:0.4em 0;
}
.breadcrumbs p {
	width:100%;
	max-width:1160px;
	margin:0 auto;
	font-size:95%;
}

/**
* 5.0 Content
* ----------------------------------------------------------------------------
*/

#main {
	width:100%;
	max-width:1160px;
	margin:10px auto 0;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
	margin: 0 auto;
	width: 98%;
}


/**
* 5.1 Entry Header
* ----------------------------------------------------------------------------
*/



.entry-thumbnail img {
	display: block;
	margin: 0 auto 10px;
}

.entry-header {
	margin-bottom: 30px;
}

.entry-title {
	background: #F3F3F3 url(images/icon_pagettl.png) no-repeat 15px center;
	margin: 0 0 5px;
	padding: 0.6em 0.5em 0.5em 40px;
	color: #134c83;
	font-size: 180%;
	font-weight: normal;
}

.entry-title a {
	color: #141412;
}

.entry-title a:hover {
	color: #ea9629;
}




/**
* 5.2 Entry Meta
* ----------------------------------------------------------------------------
*/

.entry-meta {
	clear: both;
	font-size: 95%;
	text-align:right;
	color: #333;
}

/* ローカルナビ */

#local_nav {
	text-align: center;
	font-size: 95%;
	width: 100%;
	margin-left: auto;
}
#local_nav li {
	text-align:center;
	list-style-type:none;
	display:inline-block;
	margin-bottom:5px;
}
#local_nav li a {
	display: inline-block;
	padding: 5px 1em;
	background: #F9F7F1 url("images/icon_footer_right_menu.png") no-repeat 5px center;
	margin-left: 6px;
}

/**
* 5.3 Entry Content
* ----------------------------------------------------------------------------
*/

.entry-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.entry-content h3,.entry-content h4,
.entry-content h5,.entry-content h6 {
	margin:1.0em 0;
	padding:0.3em;
	clear: both;
}

.entry-content h3 {
	background: #F2EBDD url(images/icon_pagettl_h3.png) no-repeat 20px center;
	padding: 0.6em 0.5em 0.5em 60px;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	margin-top: 30px;
}
.entry-content h4 {
	background: #009999 url(images/icon_pagettl_h4a.png) no-repeat 18px center;
	font-size: 110%;
	font-weight: normal;
	color: #ffffff;
	padding-left: 35px;
	margin-top: 30px;
	padding-top: 8px;
}

.entry-content h5 {
	background-color: #D5EEEE;
	padding-top: 6px;
	font-size:100%;
}

.entry-content h6 {
	border-top: 1px solid #ECA2C2;
	border-bottom: 1px solid #ECA2C2;
	padding-top: 6px;
	font-size:100%;
}

.entry-content ul {
	margin: 1.0em 1.0em 1.0em 30px;

}

.entry-content ol {
	margin: 1.0em 1.0em 1.0em 50px;

}

.entry-content p {
	margin: 1.0em 0;

}

.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
}

.entry-content img.alignright,
.entry-content .wp-caption.alignright {
}


/**
* 5.4 個別
* ----------------------------------------------------------------------------
*/

#mailform th {
	font-weight: normal;
	min-width: 12em;
	text-align: left;
}

.font_red {
	color:#990000;
}

#mailform input[type="text"], 
#mailform input[type="email"], 
#mailform textarea {
	width: 100%;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #027DB3; /* Old browsers */
	background: -webkit-linear-gradient(top, #027DB3 0%, #027DB3 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #027DB3 0%, #027DB3 100%); /* W3C */
	border: none;
	border-bottom: 3px solid #0175A7;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #029ADB; /* Old browsers */
	background: -webkit-linear-gradient(top, #029ADB 0%, #029ADB 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #029ADB 0%, #029ADB 100%); /* W3C */
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #d94412; /* Old browsers */
	background: -webkit-linear-gradient(top, #029ADB 0%, #029ADB 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #029ADB 0%, #029ADB 100%); /* W3C */
	border: none;
	border-top: 3px solid #0175A7;
	padding: 10px 24px 11px;
}


/* キッズページ */

.menu_kidspage {
	width:100%;
	max-width:800px;
	margin:10px auto;
	overflow:hidden;
}
.menu_kidspage ul{
	margin:0;
	padding:0;
}
.menu_kidspage li {
	width:33%;
	text-align:center;
	margin:10px auto;
	float:left;
	list-style-type:none;
}
.menu_kidspage li a {
	display:block;
}
.menu_kidspage li a:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}

/* AddQuicktagで追加 */

.komejirusi {
	margin:1.0em 0;
	text-indent: -1em;
	padding-left: 2em;
}

.title_1{
	background: #004692 url(images/icon_pagettl_contact.png) no-repeat 20px center;
	padding: 0.5em 0.5em 0.5em 70px;
	font-size: 120%;
	font-weight: normal;
	color: #ffffff;
	margin-top: 35px;
}


/**
* 5.5 Post Formats
* ----------------------------------------------------------------------------
*/


/**
* 5.6 Attachments
* ----------------------------------------------------------------------------
*/

.attachment .hentry {
	background-color: #e8e5ce;
	margin: 0;
	padding: 0;
}

.attachment .entry-header {
	margin-bottom: 0;
	max-width: 1040px;
	padding: 30px 0;
}

.attachment .entry-title {
	display: inline-block;
	float: left;
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}

.attachment .entry-title:before {
	content: "\f416";
	font-size: 32px;
	margin-right: 10px;
}

.attachment .entry-meta {
	clear: none;
	color: inherit;
	float: right;
	max-width: 604px;
	padding: 9px 0 0;
	text-align: right;
}

.hentry.attachment:not(.image-attachment) .entry-meta {
	max-width: 104px;
}

.attachment footer.entry-meta {
	display: none;
}

.attachment-meta:before {
	content: "\f307";
}

.full-size-link a:before {
	content: "\f402";
}

.full-size-link:before {
	content: none;
}

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
	color: #ca3c08;
}

.attachment .entry-content {
	background-color: #fff;
	max-width: 100%;
	padding: 40px 0;
}

.image-navigation {
	margin: 0 auto;
	max-width: 1040px;
	position: relative;
}

.image-navigation a:hover {
	text-decoration: none;
}

.image-navigation .nav-previous,
.image-navigation .nav-next {
	position: absolute;
	top: 50px;
}

.image-navigation .nav-previous {
	left: 0;
}

.image-navigation .nav-next {
	right: 0;
}

.image-navigation .meta-nav {
	font-size: 32px;
	font-weight: 300;
	vertical-align: -4px;
}

.attachment .entry-attachment,
.attachment .type-attachment p {
	margin: 0 auto;
	max-width: 724px;
	text-align: center;
}

.attachment .entry-attachment .attachment {
	display: inline-block;
}

.attachment .entry-caption {
	text-align: left;
}

.attachment .entry-description {
	margin: 20px auto 0;
	max-width: 604px;
}

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
	margin: 0;
}

.attachment .site-main .sidebar-container {
	display: none;
}

.attachment .entry-content .mejs-audio {
	max-width: 400px;
	margin: 0 auto;
}

.attachment .entry-content .wp-video {
	margin: 0 auto;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}

/**
* 5.7 Post/Paging Navigation
* ----------------------------------------------------------------------------
*/

.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
}

.navigation a {
	color: #134D83;
}

.navigation a:hover {
	color: #ea9629;
	text-decoration: none;
}

.paging-navigation {
	background-color: #D9E4F7;
	padding: 20px 0;
	margin:1em 0;

}

.paging-navigation .nav-links {
	margin: 0 auto;
	width: 98%;
	overflow:hidden;
}

.paging-navigation .meta-nav {
	background-color: #134D83;
	border-radius: 50%;
	color: #fff;
	display: inline-block;

	padding: 8px 0;
	text-align: center;
	width: 45px;
}

.paging-navigation .nav-previous .meta-nav {
	margin-right: 10px;
}

.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;
}

.paging-navigation a:hover .meta-nav {
	background-color: #ea9629;
	text-decoration: none;
}

.post-navigation {
	background-color: #fff;
	color: #ca3c08;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	padding: 20px 0;
}

.post-navigation .nav-links {
	margin: 0 auto;
	max-width: 1040px;
}

.sidebar .post-navigation .nav-links {
	padding: 0 376px 0 60px;
}

.post-navigation a[rel="next"] {
	float: right;
	text-align: right;
}


/**
* 5.8 Author Bio
* ----------------------------------------------------------------------------
*/



/**
* 5.9 Archives
* ----------------------------------------------------------------------------
*/

ul#list_archive,
ul#list_archive_news {
	list-style-type:none;
	margin:2em;
}
ul#list_archive li{
	margin-bottom:10px;
}

ul#list_archive li a{
	display:block;
	padding:0.4em 0.4em 0.4em 20px;
	border-bottom:1px dotted #B6D1F3;
	background: url(images/icon_list_archive.png) no-repeat 2px 0.6em;
}

ul#list_archive_news li{
	margin-bottom:5px;
	padding:0.4em 0.8em;
	border-bottom:1px dotted #eee;
	background: url(images/icon_footer_right_menu.png) no-repeat 2px 0.9em;
}

/**
* 5.10 Search Results/No posts
* ----------------------------------------------------------------------------
*/

.page-header {
	background-color: #e8e5ce;
}

.page-title {
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 auto;
	padding: 30px 10px;
}

.page-content {
	margin: 0 auto;
	/*	max-width: 604px; */
	padding: 40px 0;
	width: 96%;
}



/**
* 5.11 404
* ----------------------------------------------------------------------------
*/
/*
.error404 .page-header {
background-color: #fff;
}

.error404 .page-title {
line-height: 0.6;
margin: 0;
padding: 300px;
position: relative;
text-align: center;
width: auto; 
}

.error404 .page-title:before {
color: #e8e5ce;
content: "\f423";
font-size: 964px;
line-height: 0.6;
overflow: hidden;
position: absolute;
left: 7px;
top: 28px;
}


.error404 .page-wrapper {
background-color: #e8e5ce;
}

.error404 .page-header,
.error404 .page-content {
margin: 0 auto;
max-width: 1040px;
padding-bottom: 40px;
width: 100%;
}
*/

/**
* 5.12 Comments
* ----------------------------------------------------------------------------
*/


/**
* 5.13 Multisite
* ----------------------------------------------------------------------------
*/


/**
* 5.14 toppage
* ----------------------------------------------------------------------------
*/

.site-content_top h2 {
	padding:0.4em;
}


#area_float1 {
	float: left;
	width: 100%;
	margin: 0 -250px 0 0;
}

#box_news {
	margin: 0 230px 0 0;
	padding-bottom:5px;
	background-color: #FFF;
	height:auto;
	min-height:380px;
}
#box_news h2 {
	background-color: #F1F5FC;
}
#box_news ul {
	padding:1.0em 0.5em;
}

#box_news li {
	list-style-type:none;
	border-bottom:1px dotted #999;
	padding:8px 0.5em;
}
#box_news li span {
	display:inline-block;
	width:6em;
	color:#FFF;
	margin-right:10px;
	border-radius:2px;
	text-align:center;
}

span.kumiai {
	background-color:#1b7e65;
}
span.jimukyoku {
	background-color:#4085A2;
}
span.shoubou {
	background-color:#E23932;
}
span.sousai {
	background-color:#7A4CA7;
}

#box_weather {
	float: right;
	width: 200px;
	margin-top:53px;
}

.page_thumb {
	width:280px;
	width:270px\9; /* IE8 以下 */
	margin-right:13px;
	float:left;
	background-color:#FFF;
}

div#box_kumiai div:last-of-type,
#box_pickup div:last-of-type,
#box_kumiaitown div:last-of-type{
	margin-right:0;

}

.page_thumb a {
	display:block;
	padding:10px;
}

.page_thumb a:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}

.page_thumb img,
#box_banners li img {
	width:100%;
	height:auto;
	padding-bottom: 2px;
}

.list_sidebn img {
	width: 100%;
	max-width: 292px;
}

.page_thumb p {
	font-size: 95%;
	min-height: 72px;
	color: #333333;
	padding-left: 5px;
}

.page_thumb a {
	text-decoration: none;
}


#box_kumiaitown,
#box_pickup {
	float:left;
	width:573px;
}

#box_pickup {
	margin-left:13px;
}


/**
* 5.15 Category top　　消防本部、葬祭場など、各カテゴリ別のトップ
* ----------------------------------------------------------------------------
*/

#box_cate_news,
#box_disaster,
#menu_category_main_wrap {
	margin-bottom:2em;
}

#box_cate_news {
	background-color:#FCFCFC;
	border:1px solid #F8F4ED;

}

.to_all_list{
	clear:both;
}

.to_all_list a{
	display:block;
	width:8em;
	text-align:center;
	background-image: url(images/icon_sankaku.png);
	background-repeat: no-repeat;
	background-position:5px center;
	border-radius:3px;
	padding:5px 0;
	margin:10px 5px 5px auto;
	color:#FFF;
}

#box_cate_news .to_all_list a, 
#box_news .to_all_list a {
	background-color:#027DB3;
}
#box_disaster .to_all_list a {
	background-color:#CC4C50;
}
#box_cate_news ul {
	padding:10px;
}
#box_cate_news li {
	border-bottom:1px dotted #eee;
	background: url(images/icon_footer_right_menu.png) no-repeat 5px center ;
	padding:0.4em 0.2em 0.4em 20px;
	line-height:1.2em;
	list-style-type:none;
}
#box_disaster {
	border:1px solid #F8F4ED;
	background-color:#FFFDFE;
	overflow:hidden;
}
#box_disaster h2 {
	font-size: 150%;
	color: #cc4c50;
	padding: 0.5em;
}
#info_kasai,
#info_kyujo,
#info_kyukyu{
	width:33%;
	padding:0.5em 0 0.5em 70px;
	float:left;
	font-size:120%;
	font-weight:bold;
}

#info_kasai {
	background: url(images/icon_disaster01.png) no-repeat 10px center ;
}
#info_kyujo {
	background: url(images/icon_disaster02.png) no-repeat 10px center ;
}
#info_kyukyu {
	background: url(images/icon_disaster03.png) no-repeat 10px center ;
}

#box_disaster p .num {
	color: #cc4c50;
	padding: 0 0.5em;
	font-size: 200%;
}

.menu_category_main {
	float:left;
	width:32%;
	margin:0 2% 2em 0;
}
#menu_category_main_wrap div:nth-child(3n) {
	margin-right:0;
}
.menu_category_main h2 {
	background: url(images/bg_menu_category_main.png) repeat-x left top #E6D5B5;
	border: 1px solid #F5F0E5;
	font-size: 100%;
	color: #4d4737;
	padding: 0.7em;
	height: auto;
}
.menu_category_main h2 span.ttl {
	background: url(images/icon_localnavi_ttl.png) no-repeat left center;
	padding-left: 30px;
}
.menu_category_main ul {
	margin: 10px 0;
	padding: 0.5em 0.2em 0 0.8em;
	background-color: #FCFCFC;
	border: 1px solid #F8F4ED;
}
.menu_category_main li {
	background: url(images/icon_footer_right_menu.png) no-repeat 5px 9px;
	padding: 0.2em 0.2em 0.4em 20px;
	line-height: 1.3em;
	list-style-type: none;
	font-size: 95%;
}

/**
* 6.0 Sidebar
* ----------------------------------------------------------------------------
*/


#btn_backto_catetop a {
	display: block;
	color: #333;
	background: url(images/icon_homebtn.png) no-repeat 10px 50% #F6F9FD;
	border: 1px solid #CCCCCC;
	padding: 20px 0 12px 70px;
	margin-bottom: 5px;
	height: 65px;
	text-decoration: none;
	font-size: 120%;
}
#btn_backto_catetop a:hover {
	background-color:#D7EBFB;
}

#area_sidemenu {
	background-color:#98D9DD;
	padding:14px;
}

.ttl_sidemenu {
	list-style-type: none;
	background: #F6F6F6 url(images/icon_sidelist.png) no-repeat 8px 11px;
	padding: 10px 8px 8px 32px;
	font-size: 100%;
	font-weight: bold;
}

ul.list_category li {
	list-style-type: none;
	background: #FFF url(images/icon_footer_right_menu.png) no-repeat 10px 12px;
	padding: 0.5em 0.2em 0.4em 21px;
	line-height: 1.3em;
}

.list_sidebn li {
	list-style-type:none;
	margin:10px 0;
}

#area_sidemenu a img {
	width: 100%;
	height: auto;
	padding: 0 10px 10px 10px;
	background-color: #FFF;
}



/**
* 6.1 Widgets
* ----------------------------------------------------------------------------
*/


/**
* 7.0 Footer
* ----------------------------------------------------------------------------
*/

#box_banners {
	padding:20px 0;
	width: 100%;
	background-color: #FFF;
}
#box_banners ul{
	margin: 0 auto;
	width: 100%;
	max-width:1160px;
	font-size:0;
}
#box_banners li {
	width:18%;
	display:inline-block;
	margin:5px 1%;
}

#box_banners li a {
	display:block;
	padding: 0 0;
	background:linear-gradient(to bottom, #FFF 0, #F4F4F4 40%, #E2E2E2 60%, #F0F0F0 100%);
	border:1px solid #C8C8C8;
}

#box_banners li a:hover {
	background:#D7EBFB;
}


.site-footer {
	clear:both;
	background-color:#FDFCF9;
	color: #333;
	font-size: 14px;
}

.site-info {
	margin: 0 auto;
	width: 100%;
	max-width: 1160px;
	padding: 20px 0;
	position:relative;
}

.site-footer p {
	margin:0.8em 0 0;
}

#footer_right {
	position: absolute;
	bottom: 20px;
	right: 0px;
}

#logo_footer img {
	width:auto;
	height:auto;
}

#logo_footer02 img {
	width:auto;
	height:auto;
}
#text_addess {
	margin-left: 0.8em;
	font-size: 115%;
	color: #134d83;
}


#footer_right li {
	display: inline-block;
	list-style-type: none;
	background: url(images/icon_footer_right_menu.png) no-repeat left center;
	padding-left: 15px;
	margin-left: 30px;
	border-bottom: 1px dotted #ccc;
	font-size: 115%;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 30px;
	font-size: 80%;
	max-width: 1500px;
	z-index: 11;   
}
#page-top a {
	background: #027DB3 url(images/icon_to_top.png) no-repeat 5px center;
	text-decoration: none;
	color: #fff;
	width: 100%;
	padding: 20px 0px 20px 50px;
	text-align: center;
	display: block;
	border-radius: 5px;
	height: 50px;
	overflow: hidden;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #027DB3;
}


/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1190px) {

	#box_disaster p .num {
		font-size: 130%;
	}

	.menu_category_main,
	#menu_category_main_wrap div:nth-child(3),
	#menu_category_main_wrap div:nth-child(6) {
		width: 48%;
		margin-right:2%;
	}
}
@media (max-width: 1093px) {

	.site-header .search-form {
		width:300px;

		background-color: #F3F3F3;
		background-image:none;
		padding:4px;
	}
}

@media (max-width: 1069px) {


	/* サブメニュー　画像幅をフィット */

	#menu_sub li img {
		width:100%;
		max-width: 180px;
		height:auto;
	}

	#menu_sub li:first-child img{
		max-width: 225px;
	}
	#menu_sub li:last-child img{
		max-width: 256px;
	}

	.sidebar img.alignleft,
	.sidebar .wp-caption.alignleft {
		margin-left: 0;
	}

	.sidebar img.alignright,
	.sidebar .wp-caption.alignright {
		margin-right: 0;
	}

	.error404 .page-header {
		margin-left: auto;
		max-width: 604px;
		width: 100%;
	}

	.archive-header,
	.search .page-header,
	.archive .page-header,
	.blog .page-header,
	.error404 .page-content,
	.search .page-content,
	.archive .page-content,
	.attachment .entry-header,
	.attachment .entry-content,
	.post-navigation .nav-links,
	.sidebar .site-info,
	.site-footer .widget-area {
		padding-left: 20px;
		padding-right: 20px;
	}

	.error404 .page-title {
		font-size: 24px;
		padding: 180px;
	}

	.error404 .page-title:before {
		font-size: 554px;
	}

	.attachment .image-navigation {
		max-width: 724px;
	}

	.image-navigation .nav-previous,
	.image-navigation .nav-next {
		position: static;
	}

	.site-main .widget-area {
		margin-right: 60px;
	}
}

@media (max-width: 999px) {

	/* サブメニュー　2行表示 */
	#menu_sub li,
	#menu_sub li:first-child,
	#menu_sub li:last-child {
		width:33.3%;
		margin-right:0;
	}


	/* トップのレイアウトを変更 */

	#box_weather {
		display: block;
		width: 100%;
		margin: 5px 0 1em 0;
	}
	#area_float1,
	#box_news{
		margin: 0 auto;
		float:none;
	}

	#box_kumiai .page_thumb {
		width:24.2%;
		margin:0;
	}
	#area_float2 .page_thumb {
		width:100%;
		margin:10px 1%;
	}
	.page_thumb img {
		width:100%;
		max-width:230px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	#box_kumiaitown,
	#box_pickup {
		width:50%;
	}

}

@media (max-width: 960px) {
	#ttl_category h1 span {
		display:block;
		height: 40px;
		font-size:20px;
		padding:10px 0 0 10px;
	}
	#ttl_category h1 {
		height: 250px;
		padding: 0px;

		background-position: right 50px;
	}

	.site-header .search-form {
		top:0;
		right:0;
	}


	/* Small menu */
	.main-navigation {
		background-size:auto 30px;
	}
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		margin: 0;
		font-size: 18px;
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: #141412;
		padding: 16px 0 10px 60px;
	}

	.menu-toggle:focus {
		outline: thin dotted;
	}

	.toggled-on .nav-menu {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
		font-size: 0; /* 追加 */
	}

	.toggled-on li {
		display: inline-block;
		width:50%;
		border:1px solid #FFF;
		border-collapse:collapse;
		background-color:#ccc;
		font-size: 18px; /* 追加 */
	}


	.toggled-on .nav-menu li:hover > a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: #db572f;
		color: #fff;
	}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: #220e10;
		color: #fff;
	}

	ul.nav-menu {
		display: none;
	}


}

@media (min-width: 768px) {
	/* 左カラムの高さがなさすぎる場合の対策 */
	.site-content {
		min-height:500px;
	}
}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 768px) {

	.label_search {
		display:none;
	}



	/* トップのレイアウトを変更 */

	#box_kumiai .page_thumb,
	#area_float2 .page_thumb {
		width:48%;
	}

	#box_kumiaitown,
	#box_pickup {
		float:none;
		width:100%;
	}

	/* 2階層目レイアウトを変更 */
	#secondary,
	#primary,
	.site-content {
		float:none;
		width:100%;
		margin:10px auto;
	}


	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.attachment .image-navigation,
	.attachment .entry-attachment .attachment {
		max-width: 604px;
		padding: 0;
		width: 100%;
	}

	.gallery-caption {
		display: none;
	}
	#footer_right {
		position:static;
	}
	#footer_right ul {
		margin:1em 0;
	}
}

@media (min-width: 644px) {
	/* スライドショー　644pxまでは3列表示 */
	ul#slider {
		left: 50%;
	}
	ul#slider li {
		left: -50%;
	}

	ul#slider li img {
		position: relative;
		left: -340px;

	}
}

@media (max-width: 643px) {

	h1.site-title img {
		max-width: 384px;
		width: 100%;
		height:auto;
	}
	.site-header .home-link {
		margin-right:50px;
	}


	#info_kasai,
	#info_kyujo,
	#info_kyukyu{
		width:100%;
		float:none;
	}


	/* サブメニューのアコーディオン */

	#menu_sub{
		display: none;
		padding:0;
	}

	#menu_sub li,
	#menu_sub li:first-child,
	#menu_sub li:last-child{
		width: 100%;
		padding-left:10px;
	}
	#menu_sub li img {
		width:144px;
	}
	#menu_sub li:first-child img{
		width:180px;
	}
	#menu_sub li:last-child img{
		width:205px;
	}
	#toggle_menu_sub{
		display: block;
		position: absolute;
		top:20px;
		right:2px;
	}
	#toggle_menu_sub a{
		display: block;
		color: #fff;
		text-align: center;
		width: 36px;
		height:32px;
	}

	/* メールフォームのtableをタテに */
	#mailform td, #mailform th {
		width:100%;
		display:block;
	}


}

@media (max-width: 500px) {

	.menu_category_main,
	#menu_category_main_wrap div:nth-child(3),
	#menu_category_main_wrap div:nth-child(6) {
		float:none;
		width: 98%;
		margin:10px auto;
	}

	#box_banners li {
		width:48%;
	}
	#footer_left,
	#footer_right {
		width:98%;
		margin:10px auto;
		padding:5px;
	}
	/*
	#ttl_category h1{
	max-width:100%;
	height:70px;
	color:#FFF;
	font-size:130%;
	padding:10px;
	margin:10px auto;
	background-size:auto 100%;
	background-position: right top;
}
	*/
	#ttl_category h1{
		max-width:100%;
		height:140px;
		background-size:100% auto;
		background-position: right 50px;
	}

}
/* Mobile devices */
@media (max-width: 430px) {
	.site-header .search-form {
		width: 98%;
		position: static;
		margin:5px auto;
	}
}


/* Mobile devices */
@media (max-width: 360px) {

}


/**
* 9.0 Print
* ----------------------------------------------------------------------------
*/

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

		.site-header .search-field {
			background-image: url(images/search-icon-2x.png);
		}

		.format-audio .audio-content,
		.format-status .entry-content:before,
		.format-status .entry-meta:before,
		.comment-list > li:after,
		.comment-list .children > li:before {
			background-image: url(images/dotted-line-2x.png);
		}
}

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}

	footer a[rel="bookmark"]:link:after,
	footer a[rel="bookmark"]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}

	.site {
		max-width: 98%;
	}

	.site-header {
		background-image: none !important;
	}

	.site-header .home-link {
		max-width: none;
		min-height: 0;
	}

	.site-title {
		color: #000;
		font-size: 21pt;
	}

	.site-description {
		font-size: 10pt;
	}

	.author-avatar,
	.site-footer,
	.comment-respond,
	.comments-area .comment-edit-link,
	.comments-area .reply,

	.comments-link,
	.entry-meta .edit-link,
	.page-links,
	.site-content nav,
	.widget-area,
	.main-navigation,
	.navbar,
	.more-link {
		display: none;
	}

	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-meta {
		margin: 0;
		width: 100%;
	}

	.page-title,
	.entry-title {
		font-size: 21pt;
	}

	.entry-meta,
	.entry-meta a {
		color: #444;
		font-size: 10pt;
	}

	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.format-image .entry-content .size-full {
		margin: 0;
	}

	/* Remove colors from post formats */
	.hentry {
		background-color: #fff;
	}

	/* Comments */
	.comments-area > li.comment {
		background: none;
		position: relative;
		width: auto;
	}

	.comment-metadata {
		float: none;
	}

	.comment-author .fn,
	.comment-reply-link,
	.comment-reply-login {
		color: #333;
	}
}




/* 20191030追記 */
.nyusatsu_button {
	display: block;
	white-space: nowrap;
	border-radius: 5px;
	text-align: center;
}

.nyusatsu_button_inner {
	background-color: #005b56;
	white-space: nowrap;
	border-radius: 5px;
	padding: 0.6em 1.4em 0.6em 2.4em;
	display: inline-block;
	color: #fff !important;
	position: relative;
	border: 1px solid #005b56;
	transition: 0.4s;
}

.nyusatsu_button_inner::before {
	position: absolute;
	content: '';
	top: 0.9em;
	left: 1.1em;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #FFF;
	transition: 0.4s;
}

.nyusatsu_button_inner:hover {
	background-color: #fff;
	color: #005b56 !important;
}

.nyusatsu_button_inner:hover::before {
	border-color: transparent transparent transparent #005b56;
}
/* 20191029追記 */









#box_kumiai .box_kumiai_inner {
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	padding: 0 0.4em;
}

#box_kumiai .box_kumiai_inner .page_thumb{
	float:none;
	margin: 0;
	width:24.2%;
}
#box_kumiai .box_kumiai_inner .page_thumb img{
	max-width: 260px;
}
.page_thumb a {
	display: block;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
}
.page_thumb a p {
	text-align: left;
}

@media all and (max-width:768px){
	#box_kumiai .box_kumiai_inner .page_thumb{
		float:none;
		margin: 0 0 0.4em;
		width:49.5%;
	}

}

#box_kumiaitown{
	float:none;
	width:auto;
}
.box_kumiaitown_inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	padding: 0 0.4em;
}
.page_thumb_outer {
	width: 24.2%;
}

.page_thumb_outer .page_thumb{
	width: 100%;
}
.page_thumb_outer_pickup h2 img{
	max-width: 100%;
}

@media all and (max-width:768px){
	#box_kumiaitown .page_thumb_outer {
		width: 49.5%;
	}
	#box_kumiaitown .page_thumb_outer .page_thumb{
		width: 100%;
		margin: 0.2em 0;
	}
	#box_kumiaitown .page_thumb_outer_pickup {
		width: 100%;
		margin-top: 2em;
	}
	#box_kumiaitown .page_thumb_outer_pickup .page_thumb {
		width: 49.5%;
	}
}

.footer_left, .footer_right{
	width: 50%;
	float:left;
	text-align: center;
	padding: 0 0.6em;
}
.footer_left #logo_footer img {
	width: 100%;
	max-width: 415px;
}
.footer_right #logo_footer02 img {
	width: 100%;
	max-width: 363px;
}
.footer_inner {
	display: inline-block;
	text-align: left;
	width: 415px;
	max-width: 100%;
}
#footer_middle {
	overflow: hidden;
	margin-bottom: 2em;
}
#footer_bottom {
	clear: both;
	text-align: right;
	margin-right: 1em;
}
#footer_bottom li {
	display: inline-block;
	list-style-type: none;
	background: url(images/icon_footer_right_menu.png) no-repeat left center;
	padding-left: 15px;
	margin-left: 30px;
	border-bottom: 1px dotted #ccc;
	font-size: 115%;
}
@media all and (max-width:768px){
	.footer_left, .footer_right{
		width:100%;
	}
	.footer_right{
		margin-top:2em;
	}
}
#text_addess {
	margin: 1em 0 0 0.8em;
	font-size: 115%;
	color: #134d83;
}
#text_addess span.footer_subtitle{
	font-size: 110%;
	font-weight: 700;
}
#text_addess span.footer_tell{
	padding-left:1em;
	display: inline-block;
}


/* タブ切り替え */
/*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 50px;
	background-color: #fff;
	*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
	width: 33.333%;
	height: 50px;
	border: 1px solid #fff;
	background-color: #F0F5FB;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
}
.tab_item:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	clear: both;
	overflow: hidden;
	padding: 10px 10px 4px;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background-color: #fff;
	color: #212121;
}




/* フッター */
li.btn_contact{
	background:none !important;
	border-bottom:none !important;
}

.btn_contact{
	position: relative;
	z-index: 10;
}
.img_hoveroff{
	position: relative;
	z-index: 10;
}
.img_hoveron{
	position: absolute;
	z-index: 9;
	left:15px;
}
.img_hoveroff:hover{
	opacity: 0;
}

@media all and (max-width:768px){
	#footer_bottom li {
		padding-left: 15px;
		margin-left: 20px;
		display: block;
		border-bottom: none;
	}

	#footer_bottom li a{
		border-bottom: 1px dotted #ccc;
	}
	li.btn_contact {
		margin-left: 5px !important;
	}
	#footer_bottom {
		text-align: left;
	}
	#page-top {
		position: fixed;
		bottom: 20px;
		right: 15px;
		z-index: 11;
	}
}


/* 20260416 Googleカスタム検索対応 */

.site-header .search-form {
    padding: 4px 10px 4px 160px;
}

.site-header .search-form .gsc-control-wrapper-cse {
    width: 100% !important;
}

form.gsc-search-box {
    margin: 0 !important;
    min-width: 100% !important;
}

table.gsc-search-box {
    width: calc(100% - 83px) !important;
}

form.gsc-search-box table tr {
    display: flex;
    align-items: center;
}

.gsib_a {
    padding: 5px 9px 4px 9px !important;
    background-image: none !important;
}

.gsib_a::before {
    display: none;
}

table.gsc-search-box td {
    margin: 0;
}

table.gsc-search-box td.gsib_b {
    display: none;
}

.gsc-search-box .gsc-search-button {
    display: block !important;
    padding: 0;
}

.gsc-search-box .gsc-search-button.gsc-search-button-v2 {
    margin-left: 12px;
    display: block !important;
    width: 69px !important;
    height: 27px !important;
    border-radius: 2px;
    cursor: pointer;
}

.gsc-above-wrapper-area,
.gsc-wrapper {
    max-width: 100% !important;
}

.gsc-results-wrapper-overlay {
	box-sizing: border-box !important;
}

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

    .site-header .search-form {
        padding: 4px;
    }

}

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

    .site-header .search-form {
        position: static;
        margin: 5px auto;
    }

}