/* WTP_BASE_001 */


/* タイトル */
.page-header {
	margin: 0 0 2em 0;
}

.entry-title {
	font-size: 2.5em;
}

/* エントリーのスタイル */
.entry-column h2 {
	color: #333;
	background: #f7f7f7;
	border-left: solid #333 5px;
	margin: 3em 10px 1.5em 10px;
	padding: 18px 20px;
	font-size: 24px;
	border-bottom: solid 3px #dadada;
	clear: both;
}

.entry-column h3 {
	position: relative;
	margin: 3em 10px 1.5em 10px;
    padding: 10px 0 10px 16px;
	font-size: 18px;
	color: #333;
	background: none;
}

.entry-column h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    width: 6px;
    height: 100%;
    background: #aaa;
}

.entry-column h4 {
	margin: 3em 10px 1.5em 10px;
	padding-left: 22px;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}

.entry-column h4:before {
    content: "▼";
    left: 0;
    position: absolute;
    color: #aaa;
}

.entry-column a:link {
	color: #006DD9;
	text-decoration: none;
}
.entry-column a:hover,
.entry-column a:focus,
.entry-column a:active {
	text-decoration: underline;
}
.entry-column a:visited {
	color: #7F5AD7;
	text-decoration: none;
}

/* 本文 */
.entry-column p {
	margin-top: 0;
	margin-bottom: 1.5em;
	font-size: 16px;
	line-height: 1.8;
}

/* エントリー内ボタン */
.entry-column p.entry-btn {
	margin-bottom: 10px;
}
.entry-column p.entry-btn a {
	background: #666;
	font-weight: bold;
	color: #FFF;
	line-height: 1.2;
	border: 0;
	display: inline-block;
	padding: 8px 15px;
	border-radius: 3px;
}
.entry-column p.entry-btn a:hover,
.entry-column p.entry-btn a:visited {
	color: #FFF;
	text-decoration: none;
}
.entry-column p.entry-btn a:focus,
.entry-column p.entry-btn a:active {
	color: #FFF;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5);
}
.entry-column p.entry-btn a:hover {
	background-color: #444;
	background-image: linear-gradient(to bottom, #666, #444);
	color: #FFF;
}
.entry-column p.entry-btn a:active,
.entry-column p.entry-btn a:focus {
	background: #444;
}

/* 色付きボタン */
.entry-column p.entry-btn-attention a {
	background: #C41134;
	font-weight: bold;
	color: #FFF;
	line-height: 1.2;
	border: 0;
	display: inline-block;
	padding: 8px 15px;
	border-radius: 3px;
}
.entry-column p.entry-btn-attention a:hover,
.entry-column p.entry-btn-attention a:visited {
	color: #FFF;
	text-decoration: none;
}
.entry-column p.entry-btn-attention a:focus,
.entry-column p.entry-btn-attention a:active {
	color: #FFF;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5);
}
.entry-column p.entry-btn-attention a:hover {
	background-color: #910021;
	background-image: linear-gradient(to bottom, #C41134, #910021);
	color: #FFF;
}
.entry-column p.entry-btn-attention a:active,
.entry-column p.entry-btn-attention a:focus {
	background: #910021;
}

.entry-column p.summary-title {
	margin: 0 0 10px 0;
}

.entry-column p.summary-detail {
	margin: 0 0 10px 0;
	font-size: 14px;
}

/* テーブル */
.entry-column table {
	width: 100%;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
}
.entry-column table.table-history {
	table-layout: fixed;
}

.entry-column th,
.entry-column td {
	display: block;
	padding: 5px 10px;
	text-align: left;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	border-top: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	vertical-align: top;
}

.entry-column .acms-table-responsive th,
.entry-column .acms-table-responsive td {
	display: table-cell;
	white-space: nowrap;
}

.entry-column .acms-table-responsive table {
	margin: 0;
}

.entry-column th {
	background: #F5F5F5;
}

@media screen and (min-width: 768px) {
    .entry-column td,.entry-column th {
        display:table-cell;
        padding: 15px 20px;
        text-align: left;
        font-size: 16px;
        border-top: 1px solid #dfdfdf;
    }

    .entry-column th {
		background: #F5F5F5;
    }

    .entry-column tr:nth-child(odd) {
        background: none;
    }
}

/* リスト */
.entry-column ul {
	margin: 0 0 25px 0;
	padding: 0 0 0 2em;
}
.entry-column ul li {
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 1.5;
}
.entry-column ul.summary-default {
	padding: 0;
}
.entry-column ul.summary-default li {
	margin: 0;
}

/* 番号付きリスト */
.entry-column ol {
	margin: 0 0 25px 0;
	padding: 0 0 0 2.5em;
}
.entry-column ol li {
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 1.5;
}

/* 定義リスト */
.entry-column dl {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 1.5;
}

.entry-column dt {
	margin: 0 0 5px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}

.entry-column dd {
	margin-left: 0;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.5;
}

/* 引用 */
.entry-column blockquote {
	width: 100%;
	margin-bottom: 30px;
	padding: 15px 20px 15px 16px;
	font-size: 16px;
	line-height: 1.5;
	border-left: 4px solid #BFBFBF;
	background: #EFEFEF;
	box-sizing: border-box;
}

/* ソースコード */
.entry-column pre {
	width: 100%;
	margin: 0 0 30px 0;
	box-sizing: border-box;
}
.entry-column pre ol {
	margin: 0;
	padding: 0 0 0 2.5em;
}
.entry-column pre ol li {
	line-height: 1.5;
}

/* 区切り線 */
.entry-column hr {
	border: 0;
	border-bottom: 1px solid #E5E5E5;
}


/* ユニット */
.entry-column .caption {
    margin: 0 0 1em 0;
    font-size: 14px;
    line-height: 1.5;
}

.column-file-auto + .caption {
	margin-left: 10px;
}

/* エントリーフッター */
.entry-footer {
    margin: 5em 0 20px 0;
    padding: 10px;
    background: #f5f5f5;
}

/* 続きを読むボタン */
.continue-link {
	margin: 0;
	font-size: 16px;
}

.continue-link a {
	display: inline-block;
	padding: 10px;
	color: #FFF;
	line-height: 1.5;
	font-weight: bold;
	border-radius: 3px;
	background: #767676;
}
.continue-link a [class*="acms-icon"] {
	margin: 0 10px 0 0;
}
.continue-link a:link,
.continue-link a:visited {
	color: #FFF;
}
.continue-link a:hover,
.continue-link a:focus,
.continue-link a:active {
	color: #FFF;
	text-decoration: none;
	background: #AAA;
}

	@media screen and (min-width: 768px) {
	/* 続きを読むボタン */
	.continue-link a {
		padding: 5px 10px;
		font-weight: normal;
	}


/* ------------------------------
　　ヘッダー
------------------------------ */
.header {
	position: relative;
}

@media (min-width: 768px) {
	.header-nav {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
	}
	.header-stack .header-nav {
		display: block;
		width: 100%;
		margin: 0 0 15px 0;
	}
}
@media (min-width: 1024px) {
	.header-nav {
		display: table-cell;
		width: 60%;
	}
	.header-stack .header-nav {
		display: block;
		width: 100%;
		margin: 0 0 15px 0;
	}
}

@media (min-width: 768px) {
	.header-nav-sub {
	    position: absolute;
	    top: 0;
	    right: 0;
	}
}

/* ------------------------------
　　ナビゲーション
------------------------------ */

.header-nav-sub .navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.header-nav-sub .navbar li {
    float: left;
    position: relative;
    margin: 0 5px;
}
.header-nav-sub .navbar li a {
	display: block;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    background: #666;
    border: none;
    border-radius: 0 0 8px 8px;
}
.header-nav-sub .navbar li a:hover,
.header-nav-sub .navbar li a:focus,
.header-nav-sub .navbar li a:active {
	text-decoration: none;
	color: #FFF;
	background: #333;
	border: none;
}


/* 著作権表示 */
.copyright {
	margin: 0;
	color: #9a9a9a;
}

.copyright-text {
    margin: 0 auto;
    font-size: 11px;
}

.copryright-logo {
	vertical-align: middle;
}