/**
 * Theme Name: Widespread
 * Theme URI: http://www.wp-flat.com
 * Author: NetBusinessAgent
 * Author URI: http://www.nb-a.jp
 * Description: Widespread is a free WordPress theme for business.
 * Version: 1.0.14
 * License: GNU General Public License
 * License URI: license.txt
 * Text Domain: widespread
 * Domain Path: /languages/
 * Tags: white, one-column, right-sidebar, microformats, responsive-layout,  custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, sticky-post, theme-options, threaded-comments
 */


* {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	background: #fff;
	color: #000;
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}

header, footer, nav, section, article, figure, aside, main {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 20px;
	padding: 0;
}

h1 {
	padding-bottom: .5em;
	border-bottom: 3px double #ccc;
}

h2 {
	margin: 40px 0 20px 0;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #ccc;
}

h3 {
	position: relative;
	padding-bottom: .5em;
}
h3::before,
h3::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
}
h3::before {
	z-index: 2;
	width: 15%;
	background-color: #444;
}
h3::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}



h3, h4, h5, h6 {
	margin: 30px 0 10px 0;
}

ul {

}
p, ul, ol, dl, table, pre {
	margin: 0 0 0;
	padding: 0;
}

body a {
    color: #cf9918;
}

/*施工実績用*/
span.sekoujiseki {
    font-weight: normal;
    color: #ffffff;
    font-size: 90%;
    background-color: #ca8f00;
    padding: 0 0.4rem;
    margin-right: 0.5rem;
}

ul.list {
	list-style-type: none;
    background-color: #ffffff;
    border-radius: 3px;
	}

li, dt, dd {
	margin: 0;
	padding: 0;
}
dd {
	margin-left: 1em;
}

/**
 * img
 */
img {
	border: none;
	vertical-align: text-bottom;
}
table img {
	vertical-align: bottom;
}

/**
 * ul
 */
ul li {
	margin-left: 0;
	/* padding-left: 5px; */
}

/**
 * ol
 */
ol li {
	margin-left: 30px;
}

/**
 * table
 */
table {
	font-size: 100%;
	padding: 0;
}
th {
	font-weight: normal;
}
th, td {
	padding: 0;
	text-align: left;
}
table ul,
table ol,
table dl,
table table,
table p {
	margin-top: 0;
}

/**
 * form
 */
button,
input,
select,
textarea {
	box-sizing: border-box;
	max-width: 100%;
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	line-height: 1;
	margin-top: 20px;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
}

/**
 * blockquote
 */
blockquote {
	border-left: #eee solid 5px;
	margin: 0.5em 0 0.5em 20px;
	padding: 0 0 0 20px;
}

/**
 * pre
 */
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	max-width: 100%;
	overflow: auto;
	padding: 15px;
}

/**
 * abbr, acronym
 */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

/**
 * sup, sub
 */
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

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

/**
 * .wp-caption
 */
.wp-caption {
	border: none;
	text-align: left;
	background-color: transparent;
	margin-top: 20px;
	border-radius: 0;
	max-width: 100%;
}
.wp-caption-text {
	margin-top: 5px;
	font-size: 85%;
	line-height: 1.4;
	text-align: left;
}
.gallery-caption {
}

/**
 * Alignment
 */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/**
 * .sticky ( Sticky Posts )
 * Setting by layout.css
 */
.sticky {
}

/**
 * .bypostauthor
 */
.bypostauthor {
}

/**
 * .error etc
 */
.error,
.require,
.attention {
	color: #b70000;
}

/*グーグルマップ埋め込み*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.news {
	position: absolute;
    left: 50px;
    background: #fff;
    opacity: 0.85;
    padding: 10px;
    bottom: 120px;
}

.news ul li {
	margin-bottom: 10px;
}


span.date {
	margin-right: 1rem;
	padding-left: 0;
}

span.hissu {
    color: #ffffff;
    background-color: #C5AF32;
    padding: 1px 3px;
    margin-left: 10px;
    font-size: 85%;
    font-weight: normal;
}

input[type="text"],
	input[type="email"],
	input[type="tel"],
	textarea,select{
	width:80%;
	}

/*タイプライター*/
.typist {
	position: absolute;
	top: 100px;
    left: 50px;
    background: #fff;
    opacity: 0.85;
    padding: 10px;
}

.textSplitLoad {
    display: none;
}
.split {
    visibility: hidden;
}

p.split{
	color: #333333;
	font-weight: normal;
}

/*代表者挨拶*/
.entry-content .staff-boss {
    width: 100%;
    margin-bottom: 30px;
}

.entry-content .staff-boss img {
    margin: 0 auto 0 2%;
    float: right;
}

.entry-content p.boss-text {
	padding-right: 20px;
}

.entry-content p.boss-company {
	float: right;
	padding-top: 20px;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

/*タイプライター設定*/
.typist h2.txt {
	margin: 0;
	padding: 0;
	border-left: none;
}

h2.txt span {
	font-weight: normal;
	font-size: 100%;
}

#header .copyright {
    padding: 0;
    float: right;
    text-align: right;
	}





/*--------------------------------------------------
幅600px以下から
-----------------------------------------------------*/
@media only screen and (max-width: 980px) {
	#header .copyright {
    display: none;
	}
	}



@media only screen and (max-width: 600px) {
	.news {
		position: inherit;
    background: #fff;
    opacity: 0.6;
    left: 0;
    -webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 6px;  
    -webkit-border-bottom-right-radius: 6px;  
    -webkit-border-bottom-left-radius: 0;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 6px;  
    -moz-border-radius-bottomright: 6px;  
    -moz-border-radius-bottomleft: 0;
    }

    span.date {
    	display: block;
    	margin-right: 0;

    }	

    .entry-content table td,
    .entry-content table th {
    display: block;
	}

	/* テキストエリアの設定 */
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	textarea,select{
	width:90%;
	padding:5px;
	margin:10px 0;
	}

	/*代表者挨拶*/
	.staff-boss img {
    margin: 20px auto 20px auto;
    float: right;
    width: 100%;
	}

	.entry-content .staff-boss img {
    margin: 1rem auto 1rem auto;
    float: none;
	}

	.entry-content p.boss-text {
    padding-right: 0;
	}

	#contents .typist {
	width: 60%;
    top: 100px;
    left: -3px;
	}

	/*タイプライター設定*/
	.typist h2.txt {
	margin: 0;
	padding: 0;
	border-left: none;
	}

	h2.txt span {
	font-size: 100%;
	}

	.typist h2.txt {
		font-size:100%;
	}

	.typist {
    padding: 5px;
	}

	
	/*著作権footer*/
	#footer .copyright {
    padding: 10px 0 10px 0;
	}

}