@import url("https://www.osasi.co.jp/common/css/reset.css");
@import url("https://www.osasi.co.jp/common/css/base.css");

/*
Theme Name: 技術情報
Author: simplemaker,inc.
Author URI: http://simplemaker.co.jp
Description: 技術情報のテーマです。
Version: 1.0.0
*/

body{
	background-color:#fff;
}

/* Float Clearing
--------------------------------------------- */

.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.post-navigation:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before,
.entry-header {
	content: " ";
	display: table;
}

.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.post-navigation:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after,
.entry-header:after  {
	clear: both;
	content: " ";
	display: table;
}


/* Typographical Elements
--------------------------------------------- */
.site-container .content p {
	line-height:1.8;
	margin: 0 0 24px;
	padding: 0;
}
.site-container strong {
	font-weight: 700;
}
.site-container em{
	font-style: italic;
	font-weight: 700;
}
.site-container ol, ul {
	list-style: none;
}
.site-container ul {
	list-style: disc outside;
	margin: 0 0 25px 48px;
	padding: 0;
	line-height:1.5;
}
.site-container ol {
	list-style-type: decimal;
	margin: 0 0 25px 48px;
	line-height:1.5;
}
.site-container ol ol {
	list-style: upper-roman;
}
.site-container ol ol ol {
	list-style: lower-roman;
}
.site-container ol ol ol ol {
	list-style: upper-alpha;
}
.site-container ol ol ol ol ol {
	list-style: lower-alpha;
}
.site-container ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
.site-container dl {
	line-height:1.5;
	margin: 0 0 25px 5px;
}
.site-container dl dt {
	font-weight: bold;
	margin: 10px 0 0 0;
}
.site-container dl dd {
	margin: 5px 0 0 24px;
}
.site-container blockquote,
.site-container blockquote::before {
}
.site-container blockquote {
	margin: 0;
	padding: 24px 40px;
}
.site-container blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}
.site-container pre {
	background-color: #F9F9F9;
	overflow: scroll;
	padding: 0 20px;
	white-space: pre;
}
.site-container cite {
	font-style: normal;
}

/* Table
--------------------------------------------- */
.site-container table {
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 25px;
}
.site-container table caption {
	margin: 0 0 5px;
	font-size: 15px;
	font-variant: small-caps;
}
.site-container th,td {
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	line-height:1.3;
}
.site-container th {
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	background: #ebeff5;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
}
.site-container td {
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

/* Headings
--------------------------------------------- */
.site-container h1,
.site-container h2,
.site-container h3,
.site-container h4,
.site-container h5,
.site-container h6 {
	color: #444;
	line-height: 1.3;
	margin: 0;
	margin-bottom: 16px;
	padding: 0;
}
.site-container h1 {
	font-size: 25px;
}
.site-container h2 {
	font-size: 22px;
}
.site-container h3 {
	font-size: 18px;
}
.site-container h4 {
	font-size: 14px;
}
.site-container h5 {
	font-size: 14px;
}
.site-container h6 {
	font-size: 14px;
}

/* Objects
--------------------------------------------- */
.site-container embed,
.site-container iframe,
.site-container img,
.site-container object,
.site-container video {
	max-width: 100%;
}
.site-container img {
	height: auto;
	width: auto\9; /* IE8 */
}

/* Forms
--------------------------------------------- */
.site-container .content form p{
	line-height:1.2;
}
.site-container input,
.site-container select,
.site-container textarea {
	background: #fff;
	border: 1px solid #ddd;
	color: #999;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 16px;
	max-width: 100%;
}
.site-container input:focus,
.site-container textarea:focus {
	border: 1px solid #aaa;
	outline: none;
}
.site-container ::-moz-placeholder {
	color: #999;
}
.site-container ::-webkit-input-placeholder {
	color: #999;
}
.site-container button,
.site-container input[type="button"],
.site-container input[type="reset"],
.site-container input[type="submit"] {
	background: #375ba8;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	padding: 16px 24px;
	text-transform: uppercase;
	width: auto;
}
.site-container button:hover,
.site-container input:hover[type="button"],
.site-container input:hover[type="reset"],
.site-container input:hover[type="submit"] {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */	
}
.site-container input[type="search"]::-webkit-search-cancel-button,
.site-container input[type="search"]::-webkit-search-results-button {
	display: none;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */
.site-container,
.site-container .wrap {
	margin: 0 auto;
	width: 980px;
}
.site-container .site-inner {	
	clear: both;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content */
.content {
	float: left;
	width: 718px;
}
.layout-2c-r .content {
	float: right;
}
.layout-2c-l .content {
	float: left;
}
.layout-1c .content {
	width: 100%;
}

/* Primary Sidebar */
.sidebar-primary {
	float: right;
	width: 210px;
}
.layout-1c .sidebar-primary {
	display: none;
}
.layout-2c-r .sidebar-primary {
	float: left;
}
.sidebar-primary a {
}

/* WordPress
--------------------------------------------- */
.avatar {
	float: left;
}
.alignleft .avatar {
	margin-right: 24px;
}
.alignright .avatar {
	margin-left: 24px;
}
.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
	display: none;
}
.sticky {
}
img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}
img.alignnone {
	margin-bottom: 12px;
}
.alignleft {
	float: left;
	text-align: left;
}
.alignright {
	float: right;
	text-align: right;
}
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}
.wp-caption {
	max-width: 100%;
}
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}
.wp-caption-text {
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	text-align: center;
	padding-top:10px !important;
}
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto 20px;
}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0 0 16px;
	text-align: center;
	list-style: none;
	padding: 0;
}
.gallery .gallery-item .gallery-icon {
	position:relative;
}
.gallery .gallery-item .gallery-icon img {
	width: auto;
	max-width: 89%;
	height: auto;
	padding: 5%;
	margin: 0 auto;
}
.gallery-caption {
	margin: 0 10px;
}
table#wp-calendar {
	width: 100%;
	border:none;
	position:relative;
}
table#wp-calendar  th,
table#wp-calendar  td {
	border:none;
	font-size:12px !important;
	padding: 5px 2px;
}
table#wp-calendar  thead{
	border-top:1px solid #d8d8d8;
	border-bottom:1px dashed #d8d8d8;
}
table#wp-calendar  th {
	text-align: center;
	background-color:#f6f6f6;
}
table#wp-calendar  td {
	text-align: center;
}
table#wp-calendar  a{
	font-weight:bold;
	color:#00b7e5;
}
table#wp-calendar td#today{
	color:#fff;
	background:url(images/ico_today.png) no-repeat 50% 50%;
}
table#wp-calendar td#today a{
	color:#fff;
	font-weight:normal;
}
table#wp-calendar caption{
	font-weight:bold;
}
table#wp-calendar tfoot{
	position:static;
	top:0;
	left:0;
}
table#wp-calendar tfoot td{
	padding:0;
	position:absolute;
}
table#wp-calendar tfoot #prev{
	top:0;
	left:0;
	text-align:left;
}
table#wp-calendar tfoot #next{
	top:0;
	right:0;
	text-align:right;
}
.widget_search input.search-field {
	width: 100%;
}

/* Headings
--------------------------------------------- */
.entry-title {
	font-size: 36px;
	word-wrap: break-word;
	line-height: 1.2;
}
.entry-title a,
.sidebar .widget-title a {
	color: #444;
}
.entry-title a:hover {
	color: #666;
}
.archive-title{
	font-size: 18px !important;
	margin-top:-20px !important;
	margin-bottom:40px !important;
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */
.site-header {
}
.site-header > .wrap {
	padding: 30px 0 50px;
}

/* Title Area
--------------------------------------------- */
.title-area {
	font-weight: 700;
	height:78px;
	padding: 72px 48px 0;
	background:url(images/hd_bg.png) no-repeat 0 0;
}
.header-image .title-area {
	padding: 0;
}
.site-title {
}
.site-header a{
	display:block;
}
.site-header a:hover{
	opacity:0.85;
	filter: alpha(opacity=85); 
	-ms-filter: "alpha(opacity=85)";
}
.site-header a,
.site-header a h1,
.site-header a:hover h1,
.site-header a .site-description,
.site-header a:hover .site-description{
	color:#fff;
	text-decoration:none !important;
}
.site-header h1{
	font-size:35px;
	letter-spacing:0.08em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	width:186px;
	margin: 0 0 8px;
	float:left;
}
.site-description {
	color:#fff;
	font-size: 14px !important;
	font-weight: 300;
	line-height: 1.5 !important;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;

}
.site-description span{
	color:#fff;
	font-weight: 300;
	line-height: 1.5 !important;
	margin: 0;
	padding-top:13px;
	width:698px;
	float:right;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */
.omega-nav-menu {
	clear: both;
	color: #999;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.omega-nav-menu li {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left;
}
.omega-nav-menu a {
	border: none;
	color: #666;
	display: block;
	padding: 28px 24px;
	position: relative;
}
.omega-nav-menu ul {
	left: -9999px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}
.omega-nav-menu ul a {
	background: #fff;
	border: 1px solid #eee;
	border-top: none;
	font-size: 14px;
	padding: 16px 20px;
	position: relative;
	width: 200px;
}
.omega-nav-menu ul ul {
	margin: -54px 0 0 199px;
}
.omega-nav-menu li:hover {
	position: static;
}
.omega-nav-menu li:hover > ul {
	left: auto;
	opacity: 1;
}

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */
.entry {
	margin-bottom: 60px;
}
.entry-header{
	display:block;
	margin-bottom:30px;
	padding:3px 0 22px 78px;
	background:url(images/ico_tit.png) no-repeat 6px 0;
	border-bottom:3px solid #d8d8d8;
}
.entry-header .entry-title{
	font-size:26px;
	margin-bottom:6px;
}
.entry-content {
	word-wrap: break-word;
}
.entry-content a {
	text-decoration: underline;
}
.entry-content img.wp-post-image {
	margin-bottom: 15px;
}
.entry-summary img.medium,
.entry-summary img.thumbnail,
.entry-content img.medium,
.entry-content img.thumbnail {
	float: left;
	margin: 7px 24px 24px 0;
}
.entry-content .attachment a,
.entry-content .gallery a {
	border: none;
}
.entry-content .wp-caption p {
	margin-bottom: 0;
}
.entry-meta {
	clear: both;
	color: #666;
	font-size: 14px;
}
.entry-header .entry-meta {
	line-height:1.3;
}
.entry-header .entry-meta .date{
	display:block;
	width:180px;
	float:left;
}
.entry-header .entry-meta .category{
	display:block;
	width:440px;
	border-left:1px dotted #ccc;
	padding-left:10px;
	word-break:break-all;
	float:right;
}
.entry-footer .entry-meta {
	margin: 0;
	padding: 0px 0px 8px;
}
.entry-footer .entry-meta a {
	display: inline-block;
}
.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}
.entry-categories,
.entry-tags {
	display: block;
}

/* Entry Navigation
--------------------------------------------- */
.navigation {
	clear: both;
	font-size: 14px;
	margin: 40px 0;
	overflow: hidden;
}
.entry .navigation a {
	border-bottom: 1px solid #ddd;
}
.navigation li {
	display: inline;
}
.navigation li a {
	background: #333;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
}


/* Pagination
--------------------------------------------- */
.pagination .page-numbers {
	padding: 8px 12px;
	border: 1px solid #F5F5F5;
    border-radius: 25px 25px 25px 25px;
    padding: 8px 14px;
    margin: 0 5px 0 0;
	display: inline-block;
}
.pagination .current {
	background-color: #F5F5F5;
}


/* Comments
--------------------------------------------- */
.entry-comments,
#respond {
	background: #fff;
	border-radius: 3px;
}
.entry-comments,
.ping-list,
#respond {
	margin-bottom: 40px;
}
.entry-comments a,
#respond a {
	border-bottom: 1px solid #ddd;
}
.entry-comments .comment-author {
	margin: 0;
}
.entry-comments .comment-content {
	clear: both;
}
#respond input[type="email"],
#respond input[type="text"],
#respond input[type="url"] {
	width: 50%
}
#respond label {
	display: block;
	margin-right: 12px;
}
ol.comment-list {
	margin: 0;
	padding: 0;
}
.comment-list li.ping, .comment-list li.comment {
	list-style-type: none;
}
.comment-list .comment-content > ol, 
.comment-list .comment-content > ul {
	margin-bottom: 24px;
}
li.comment,
li.pingback {
	border: 2px solid #fff;
	border-right: none;
}
li.comment .comment-item,
li.pingback .comment-item {
	background: #f5f5f5;
	margin: 12px 0;
	padding: 32px;
}
li.comment ol {
	margin: 0
}
.comment .avatar ,
.pingback .avatar{
	margin: 0 16px 24px 0;
}
.bypostauthor {
}
.form-allowed-tags {
	background: #f5f5f5;
	font-size: 14px;
	padding: 24px;
}


/*
Sidebars
---------------------------------------------------------------------------------------------------- */
.sidebar {
}
.widget-title {
	word-wrap: break-word;
	font-size: 16px !important;
	border-bottom:3px solid #d8d8d8;
	padding-bottom:8px !important;
}
.widget_calendar .widget-title{
	background:url(images/ico_calendar.png) no-repeat 0 0;
	padding-left:30px;
}
.widget_categories .widget-title{
	background:url(images/ico_category.png) no-repeat 0 0;
	padding-left:30px;
}
.widget_archive .widget-title{
	background:url(images/ico_archive.png) no-repeat 0 0;
	padding-left:30px;
}
.widget_recent_entries .widget-title{
	background:url(images/ico_recent.png) no-repeat 5px 0;
	padding-left:30px;
}

.sidebar ul,
.footer-widgets ul {
	margin: 0;
}
.sidebar li,
.footer-widgets li {
	list-style-type: none;
	margin-bottom: 6px;
	padding: 0;
	word-wrap: break-word;
}
.sidebar ul > li:last-child {
	margin-bottom: 0;
}
.sidebar .widget {
	margin-bottom: 40px;
}
.sidebar .search-form {
	width: 100%;
}
.sidebar .widget-wrap ul li a{
	display:block;
	background:url(images/arr_side.png) no-repeat 0 0.45em;
	padding-left:12px;
}


/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */
.footer-widgets {
	border-top: 1px solid #F5F5F5;
	padding: 40px 0 16px;
}
.footer-widgets .widget {
    margin-bottom: 24px;
}
.footer-widgets .col-3 .widget-area {
	float: left;
	padding: 0 3% 0 0;
    width: 33%;
}
.footer-widgets .col-4 .widget-area {
	float: left;
	padding: 0 3% 0 0;
    width: 25%;
}
.footer-widgets .widget-area:last-child {
	padding: 0;
	float: right;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */
.site-footer {
	border-top: 1px solid #F5F5F5;
	color: #666;
	font-size: 14px;
	padding: 40px 0;
	text-align: center;
}
.site-footer p {
	margin: 0;
}
.site-footer a {
	display: inline-block;
}
p.copyright {
	font-size: inherit;
	float: left;
}
p.credit {
	float: right;
}
.more{
	clear:both;
	text-align:right;
	background-color:#f6f6f6;
	padding:5px 10px !important;
	margin-bottom:10px !important;
}
.more a{
	background:url(images/arr_common.png) no-repeat 0 50%;
	padding-left:15px;
}
#page_nav{
	text-align:center;
	border-top:1px dashed #d8d8d8;
	padding-top:34px;
}
#page_nav a{
	text-decoration:none;
	border:1px solid #d8d8d8;
	padding:1px 7px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#page_nav a:hover{
	border-color:#86c4f0;
}
#page_nav span.current{
	color:#fff;
	font-weight:bold;
	background-color:#bbb;
	border:1px solid #bbb;
	padding:1px 7px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#page_nav a.prev,#page_nav a.next{
	text-decoration:underline;
	border:none;
}
#page_nav a.prev:hover,#page_nav a.next:hover{
	text-decoration:none;
}
#page_nav a.prev{
	background:url(images/arr_pager_l.png) no-repeat 0 50%;
	padding-left:15px;
}
#page_nav a.next{
	background:url(images/arr_pager_r.png) no-repeat 100% 50%;
	padding-right:15px;
}

/*
tablepress
---------------------------------------------------------------------------------------------------- */
.tablepress tfoot th, .tablepress thead th{
	background: #ebeff5 !important;
}
.tablepress th,
.tablepress td {
border-bottom: 1px solid #d8d8d8 !important;
border-right: 1px solid #d8d8d8 !important;
}

/*
Plugins Style
---------------------------------------------------------------------------------------------------- */

/* Jetpack
--------------------------------------------- */
input#subscribe-field {
	padding: 16px !important;
}