@charset "utf-8";
/**
 * iroha Board Project
 *
 * @author        Kotaro Miura
 * @copyright     2015-2016 iroha Soft, Inc. (http://irohasoft.jp)
 * @link          http://irohaboard.irohasoft.jp
 * @license       http://www.gnu.org/licenses/gpl-3.0.en.html GPL License
 */

/* custom.css */

@media print {
/*
    a[href]:after { content: " (" attr(href) ")" };
    abbr[title]:after { content:" (" attr(title) ")"; }
*/
    a[href]:after { content: "" !important; }
    abbr[title]:after { content: "" !important; }
}

.content-body
{
	background			: #ffffff;
}

@media only screen and (max-width:800px) {
	.content-body {
		height			: calc(100% - 100px)
	}
}
/* リンク配下の画像にカーソルを合わた時 */
a:hover img {
	opacity: 0.6;
}
/* コンテンツ名：タイプｘ */
/* 一言アドバイス */
.advice {
	position: relative;
	margin: 2em 0;
	padding: 25px 10px 7px;
	border: solid 1px #E8992C;
}
.advice .box-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	background: #E8992C;
	color: #ffffff;
	font-weight: bold;
}
.advice p {
	margin: 0; 
	padding: 10;
	font-size: medium;
}
/* コンテンツ名：自分の傾向と癖（タイプ）を知る */
/* タイプ一覧 */
.person-list-img {
	width: 25%;
	height: auto;
	margin: 10px;
	float: left;
 }
.person-list-text {
	width: auto;
	height: auto;
	margin: 5px 5px;
	overflow: hidden; /* 画像の下にテキストを回り込ませない*/
}
/* コンテンツ名：タイプｘ */
/* 人物画像 */
.person-img {
	width: 150px;
	height: auto;
	margin: 0px 10px 10px 0px;
	float: left;
}
/* コンテンツ名：タイプｘ、タイプｘの上司、タイプｘの部下 */
/* 人物サムネイル画像 */
.person-thumbnail-img {
	width: 65px;
	height: auto;
	margin: 5px 5px 0px 5px;
	float: left;
}
/* 標準見出し（コンテンツタイトル） */
.content-header {
	font-weight: bold;
	color: black;
	margin-bottom: 1em;
}
/* 童話コンテンツ配下のpタグ */
.content-header .subtitle {
	font-size: 60%;
}
/* 標準見出し（大見出し） */
.large-section {
	padding: 0.5em; /* 文字周りの余白 */
	margin-top: 1em;
	margin-bottom: 1em;
	color: #494949; /* 文字色 */
	background: #f9f9f9; /* 背景色 */
	border-left: solid 5px #336699; /* 左線（実線 太さ 色） */
}
/* 標準見出し（中見出し） */
.medium-section {
	padding: 0.25em 0.5em; /* 上下 左右の余白 */
	margin-top: 1.0em;
 	margin-bottom: 0.5em;
	color: #494949; /* 文字色 */
	background: transparent; /* 背景透明に */
	border-left: solid 5px #7bb3e8; /* 左線 */
}
/* 童話コンテンツ */
.content-fairytale {
	width: 100%;
	max-width: 70%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
/* 童話コンテンツのdivタグ */
.contents div {
	width: 100%;
	height: 100%;
}
/* 童話コンテンツ配下のpタグ */
.content-fairytale p {
	margin-bottom: 1.5em;
}