/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.8.1544512047
Updated: 2018-12-11 16:07:27

*/
/*
.site-title { 
        clear: none; 
        font-size: 30px; 
        font-size: 30px; 
        font-weight: 800; 
        line-height: 1.25; 
        letter-spacing: 0.08em; 
        margin: 0; 
        padding: 0; 
        text-transform: none; 
} 
 
.entry-meta { 
        color: #767676; 
        font-size: 28px; 
        font-size: 28px; 
        font-weight: 800; 
        letter-spacing: 0.1818em; 
        padding-bottom: 0.25em; 
        text-transform: none; 
} 

.entry-footer .cat-links, 
.entry-footer .tags-links { 
        display: block; 
        font-size: 28px; 
        font-size: 28px; 
        font-weight: 800; 
        letter-spacing: 0.1818em; 
        padding-left: 2.5em; 
        position: relative; 
        text-transform: none; 
} 
*/
body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
.wide-wrap{width:1000px; margin:50px auto; position:relative;}
#post-17{background-color:#f5f5f5}
#panel2{background-color:#f5f5f5}
#panel4{background-color:#f5f5f5}

#post-21{
	background-image: url("/content/wp-content/uploads/2018/12/top_techpay.jpg");
    background-repeat: no-repeat;
	background-size: auto 100%;
}

#post-21:before{
	z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-color: rgba(0,0,0,0.5);
}

h2.widget-title {
    font-size: 20px;
    margin-bottom: 2em;
}

entry-title {
    color: #222;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
/* ヘッダの企業文字　
body.has-header-image .site-title, 
body.has-header-video .site-title, 
body.has-header-image .site-title a, 
body.has-header-video .site-title a {
    background-color:rgba(76,76,76,0.5);
    color: #fff;
}
body.has-header-image .site-description, 
body.has-header-video .site-description {
    color: #fff;
    background-color:rgba(76,76,76,0.5);
 /*   opacity: 0.8; */


/* フッターの背景色 */
.site-footer {
	background-color:#cccccc;
}


/* 全固定ページで非表示 */
.page .entry-title {
    display: none;
}

/*　TOPへ戻る*/
/*ボタンの領域*/
#re-top {
	position:fixed; /*画面に固定*/
	bottom:10%; /*画面下へ*/
	right:5%; /*画面右へ*/
	z-index:10; /*レイヤー順序を上に*/
	background-color:transparent; /*領域の背景色（透明）*/
}
/*丸ボタン*/
.re-topB {
	position:relative;
	display:block; 
	background-color:rgba(0,0,0,0.7); /*丸ボタンの色*/
	color:rgb(255,255,255); /*三角と文字色*/
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	width:60px;
	height:60px;
	text-align:center;
	line-height:24px;
	border-radius:30px;
	padding-top:30px;
	box-sizing:border-box;
}
/*三角部分*/
.re-topB:before {
	content:'\25B2';
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	text-align:center;
	font-size:20px;
}
/*　TOPへ戻る終了*/

/* 端末画素別設定 */
@media screen and ( min-width: 20em ) {
.wide-wrap{width:100%; margin:70px auto; position:relative;}
}

@media screen and ( min-width: 30em ) {
.wide-wrap{width:100%; margin:70px auto; position:relative;}
}

@media screen and ( min-width: 48em ) {
.wide-wrap{width:1000px; margin:70px auto; position:relative;}
	.site-description {
		font-size: 16px;
		font-size: 1.5rem;
	}
}

@media screen and ( min-width: 67em ) {
.wide-wrap{width:1000px; margin:70px auto; position:relative;}
}

@media screen and ( min-width: 79em ) {
.wide-wrap{width:1000px; margin:70px auto; position:relative;}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
.wide-wrap{width:1000px; margin:70px auto; position:relative;}
}


/* Frontページ文字幅 */
	.page-one-column .panel-content .wrap {
		max-width: 1000px;
	}


/* h2のデザイン指定 */
h2 {
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-left: 6px solid #4169e1;
}


/* 固定ページの幅を1000pxに変更 */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

/* リンク下線を消す */
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
}

/* リンク文字色*/
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a
 {
	color: #0000ff;/*リンク文字色*/
}
a:hover,
a:active {
	color: #808080;/*マウスオーバー時のリンク文字色*/
} 

/*カスタムヘッダーのレスポンシブル動画対応*/
.wp-custom-header { 
    position:relative;
    width:100%;
    padding-top:56.25%;
}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video { 
    position:absolute; 
    top:0; 
    right:0; 
    width:100% !important; 
    height:100% !important;
}

/*吹き出し枠線*/

/* headerロゴの中央寄せ*/
.text-center{
	text-align: center;	
}
.site-branding{
	vertical-align:middle;
}

.text-left{
	text-align: left;	
}
/**
.navigation-top {

    bottom: initial;
	top: 0;
    font-size: 14px;
    font-size: 0.875rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 3;

}
**/

.navigation-top-custom {

    bottom: initial;
	top: 0;
    font-size: 14px;
    font-size: 0.875rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 3;

}

.custom-logo-link img {
    display: inline-block;
    max-height: 60vh;
	
    width: auto;
}


@media screen and (max-width: 750px){
	.custom-logo-link img {
    display: inline-block;
    max-height: 100px;
	
    width: auto;
}
}
.custom-logo-link {

    padding-right: initial;

}