@charset "UTF-8";
/*!
Theme Name: 投資ログ
Theme URI: https://ohlc.jp/
Author URI: https://ohlc.jp/
Template:   cocoon-master
Version:    1.0.0
*/

/************************************
** Color
************************************/

/* Green
main: #195547
*/

body {
	background: #f4f5f7;
}

.header {
	border-top: 4px solid #195547;
}

#header .tagline,
#header .logo-text {
	text-align: center;
}

.navi {
	border-top: 1px solid #dcdcdc;
}

.navi-in {
	background: #fff;
}

.navi-in a:hover {
	background: #c8e6c9;
}

.widget h2,
.sidebar h3 {
	position: relative;
	padding: 0 0 0.5rem;
	background: #fff;
	color: #333;
}

.sidebar h3:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	border-radius: 3px;
	background-image: -webkit-gradient(linear, right top, left top, from(#4db6ac), to(#195547));
	background-image: -webkit-linear-gradient(right, #4db6ac 0%, #195547 100%);
	background-image: linear-gradient(to left, #4db6ac 0%, #195547 100%);
}

.footer {
	background: #fff;
	border-top: 2px solid #195547;
}

.go-to-top-button {
	color: #fff;
	background: #195547;
}

.nwa .author-box .author-description p {
	color: #333;
}

/************************************
** Shadow
************************************/

.footer,
.sidebar,
.main {
	box-shadow: 5px 5px 18px #e6e6e6, -5px -5px 18px #ffffff;
}

.navi {
	box-shadow: 0px 10px 10px -5px #e6e6e6, 0px 10px 10px -5px #ffffff;
}

.entry-card-wrap .entry-card {
	background: #fff;
	box-shadow: 5px 5px 12px #dbdbdb, -5px -5px 12px #ffffff;
}

.entry-card-content {
	padding: 8px;
}

.blogcard {
	box-shadow: 2px 2px 4px #e0e0e0, -2px -2px 4px #ffffff;
}

/************************************
** Header
************************************/

.logo-text {
	padding-bottom: 0;
	text-align: start;
}

.site-name-text {
	font-size: 31px;
	font-weight: bold;
}

.tagline {
	margin-top: 0;
}

.header .logo-text:before {
	position: relative;
	top: -10px;
	margin-right: 6px;
	content: "";
	display: inline-block;
	background-image: url("./images/chokinbako.png");
	background-size: contain;
	vertical-align: middle;
	width: 50px;
	height: 50px;
}


/************************************
** Index
************************************/

/************************************
** Content
************************************/

.article h2 {
	position: relative;
	background: #f5f5f5;
	padding: 0.5em;
	border-left: solid 0.7em #195547;
	border-radius: 0px;
}

.article h3 {
	padding: 12px 13px 12px;
	font-size: 18px;
	border-left: 8px solid #195547;
}

.article table {
	font-size: 15px;
}

.article p {
	margin-bottom: 2em;
}


.article img[class*='wp-image-'] {
	border: 1px solid #dcdcdc;
}

figure figcaption {
	text-align: center;
}

.source {
	font-size: 14px;
	color: #455a64;
}

.source .badge {
	background: #90a4ae;
}

.source a {
	color: #90a4ae;
}

.world-info {
	position: relative;
	display: flex;
	justify-content: space-between;
	border: 1px solid #dcdcdc;
	padding: 8px;
}

.world-info .world-info-title {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 2px 8px;
	font-size: 15px;
	font-weight: bold;
	background: #F44336;
	color: #fff;
}

.world-info .world-item-left {
	width: 32%;
}

.world-info .world-item-right {
	width: 66%;
}

.world-info .world-item-right table {
	margin-bottom: 0;
}

.world-info .world-item-right table th {
	width: 30%;
}

.twitter-tweet,
.video-container {
	margin: 0 auto;
}

.post_modified_date {
	text-align: center;
	margin-bottom: 2em;
}

.post_modified_date span {
	padding: 0.8em;
	color: #fff;
	background: #00695c;
}


/************************************
** Page
************************************/

/************************************
** Side
************************************/

.box-menus .fas {
	color: #195547;
}

.box-menus .box-menu:hover {
	box-shadow: inset 2px 2px 0 0 #195547, 2px 2px 0 0 #195547, 2px 0 0 0 #195547, 0 2px 0 0 #195547;
}

.toc-widget-box .toc {
	width: 100%;
}


/************************************
** Toc
************************************/

.toc {
	display: block;
	width: 80%;
	padding: 20px 25px;
	border: none;
	border-top: 5px solid;
	border-top-color: #195547;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	background: #f9f9f9;
}

.toc-title {
	text-align: left;
	margin: 0 20px 8px -16px;
	padding-left: -20px;
	font-size: 18px;
	font-weight: 700;
	color: #195547;
}

.toc-title:before {
	top: 0;
	left: -45px;
	width: 50px;
	height: 50px;
	margin-right: 5px;
	padding: 8px;
	font-family: 'Font Awesome 5 Free';
	content : "\f0ca";
	font-size: 16px;
	color: #fff;
	background-color: #195547;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.toc-content ol {
	padding: 0 0.5em;
	position: relative;
}

.toc-content ol li {
	line-height: 1.5;
	padding: 0.7em 0 0.5em 1.4em;
	border-bottom: dashed 1px silver;
	list-style-type: none !important;
}

.toc-content ol li:last-of-type {
	border-bottom: none;
}

.toc-content .toc-list li {
	font-weight: 700;
}

.toc-content .toc-list > li:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f138";
	position: absolute;
	left : 0.5em;
	color: #195547;
}

.toc-content .toc-list li li {
	padding-left: 0;
	font-weight: normal;
}


/************************************
** ul, ol
************************************/

.list-box {
	padding: 1rem 0.5rem 1rem 2rem;
	border: 3px double #1976d2;
}

.box-1 ul,
.box-1 ol {
	margin-bottom: 0.5rem;
	padding: 0.5rem 0 0 1rem;
}


/************************************
** Table
************************************/

.top-center tbody td:first-child {
	text-align: center;
}

.second-center tbody td:nth-child(2) {
	text-align: center;
}

.top-bold tbody td:first-child {
	font-weight: bold;
}

table.no-bgcolor tr {
	background-color: #fff;
}

table tr:nth-of-type(2n+1) {
	background-color: #fff;
}

.article table ul {
	margin-bottom: 0;
	padding-left: 1rem;
}

table ul li {
	list-style: none;
}


/************************************
** Box
************************************/

.box-1,
.box-2 {
	position: relative;
	margin: 2em 0;
	padding: 1em 1.2em;
}

.box-1 .box-title {
	position: absolute;
	display: block;
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 0 9px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.box-2 .box-title {
	position: absolute;
	display: block;
	top: 16px;
	left: 8px;
	padding: 0 9px;
	font-size: 16px;
	font-weight: bold;
}

.box-1.main-box-style {
	border: 2px solid #81c784;
	color: #004d40;
}

.box-1.main-titlebox-style {
	border: 2px solid #81c784;
	color: #004d40;
}

.box-1.main-titlebox-style .box-title {
	background: #81c784;
}

/* summary */
.box-1.box-summary {
	background: #e3f2fd;
}

.box-1.box-summary .box-title {
	background: #64b5f6;
}

.box-1.box-summary .box-title::before {
	font-family: "Font Awesome 5 Free";
	margin-right: 4px;
	content: "\f0eb";
}

/* advantage and disadvantage */
.box-1.box-advantage {
	background: #ffebee;
}

.box-1.box-advantage .box-title {
	background: #ef5350;
}

.box-1.box-advantage .box-title::before {
	font-family: "Font Awesome 5 Free";
	margin-right: 4px;
	content: "\f599";
}

.box-1.box-disadvantage {
	background: #e3f2fd;
}

.box-1.box-disadvantage .box-title {
	background: #64b5f6;
}

.box-1.box-disadvantage .box-title::before {
	font-family: "Font Awesome 5 Free";
	margin-right: 4px;
	content: "\f119";
}

/* red info box */
.box-2.box-danger {
	border: 2px solid #ef5350;
	background: #ffebee;
}

.box-2.box-danger .box-title {
	color: #ef5350;
}

.box-2.box-danger .box-title::before {
	font-family: "Font Awesome 5 Free";
	margin-right: 4px;
	content: "\f06a";
}

/* blue info box */
.box-2.box-info {
	border: 2px solid #64b5f6;
	background: #e3f2fd;
}

.box-2.box-info .box-title {
	color: #64b5f6;
}

.box-2.box-info .box-title::before {
	font-family: "Font Awesome 5 Free";
	margin-right: 4px;
	content: "\f05a";
}

.border-solid {
	border-width: 2px;
	border-style: solid;
}

.border-double {
	border-width: 3px;
	border-style: double;
}

.border-color-blue {
	border-color: #64b5f6;
}

.border-color-green {
	border-color: #81c784;
}

.border-color-orange {
	border-color: #ff8a65;
}

.background-color-blue {
	color: #455a64;
	background: #e3f2fd;
}

.background-color-green {
	color: #004d40;
	background: #f1f8e9;
}

.background-color-orange {
	color: #5d4037;
	background: #fff3e0;
}

.box-title-color-blue {
	background: #64b5f6;
}

.box-title-color-green {
	background: #81c784;
}

.box-title-color-orange {
	background: #ff8a65;
}


/************************************
** Button
************************************/

.pagination-next-link,
.wpcf7-submit,
.comment-btn,
.form-submit .submit,
.btn-1 {
	display: block;
	padding: 0.5em 1em;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.714285714;
	border-radius: 2px;
	color: #fff;
	box-shadow: 1px 3px 4px #888;
}

.btn-2 {
	display: block;
	padding: 0.5em 1em;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.714285714;
	border-radius: 3px;
	color: #fff;
	box-shadow: 0 -3px 0 rgba(0,0,0,0.3) inset;
}

.pagination-next-link,
.pagination-next-link:hover,
.wpcf7 .wpcf7-submit,
.form-submit .submit,
.comment-btn {
	border: none;
	color: #555;
	background: #f5f5f5;
}

.pagination .current {
	background: #f5f5f5;
}

.form-submit .submit {
	margin-top: 16px;
}

.pagination-next-link:hover,
.btn-1:hover,
.btn-2:hover {
	text-decoration: underline;
	opacity: 0.9;
	color: #fff;
}

.pagination-next-link:hover {
	color: #333;
}

.btn-m {
	width: 250px;
}

.btn-center {
	margin: 0 auto;
}

.btn-red {
	background: #e53935;
}

.btn-blue {
	background: #1976D2;
}

.btn-green {
	background: #02bb80;
}


/************************************
** Common
************************************/

.mt05 { margin-top: 0.5em; }
.mt1 { margin-top: 1em; }
.mt2 { margin-top: 2em; }
.mt3 { margin-top: 3em; }
.mr1 { margin-right: 1em; }
.ml1 { margin-left: 1em; }
.mb05 { margin-bottom: 0.5em; }
.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }
.mb3 { margin-bottom: 3em; }

.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w100 { width: 100%; }

.wc3 {
	width: 33.33%;
	width: -webkit-calc(100% / 3);
	width: -moz-calc(100% / 3);
	width: calc(100% / 3);
}

.wc4 {
	width: 25%;
	width: -webkit-calc(100% / 4);
	width: -moz-calc(100% / 4);
	width: calc(100% / 4);
}

.wc5 {
	width: 20%;
	width: -webkit-calc(100% / 5);
	width: -moz-calc(100% / 5);
	width: calc(100% / 5);
}

.small-font { font-size: 0.5rem; }
.large-font { font-size: 1.5rem; }

.bold { font-weight: bold; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.red { color: #d32f2f; }
.blue { color: #1a237e; }

.red-marker,
.yellow-marker {
	font-weight: bold;
}

.red-marker {
	background: linear-gradient(transparent 90%, #ef5350 90%);
}

.yellow-marker {
	background: linear-gradient(transparent 80%, #ffe082 80%);
}

/* key bind */
.key-red { background: #ffccbc; }
.key-blue { background: #bbdefb; }
.key-purple { background: #d1c4e9; }
.key-yellow { background: #fff9c4; }


/************************************
** Custom
************************************/

#switch-tab {
	margin-top: 20px;
}

#switch-tab > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
 
#switch-tab > ul li {
	float: left;
	margin-right: 1px;
	padding: 5px 25px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #6fa921;
}
 
#switch-tab > ul li.tab-select {
	background-color: #195547;
}

#switch-tab > ul li h3 {
	display: inline;
	padding: 0;
	font-size: 14px;
	border: none;
	background: none;
	color: #fff;
}

#switch-tab > ul li i {
	margin-right: 8px;
	font-size: 12px;
	font-weight: nomal;
}

#switch-tab .tab-content {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#switch-tab .tab-content > div {
	padding: 10px;
	border: 1px solid #195547;
}

#switch-tab .tab-content .tab-hide {
	display: none;
}

/* simulation */
.simulation {
	padding: 1px;
	border: 1px solid #888;
}

.simulation > div {
	min-height: 300px;
}

.simulation p {
	text-align: right;
	font-size: 12px;
}

.simulation .center-font {
	text-align: center;
	line-height: 300px;
}

.simulation a {
	text-decoration: underline;
	color: #195547;
}

.result {
	margin-top: 15px;
}

.result p {
	font-size: 12px;
	margin-bottom: 5px;
}

.result table,
.result table th,
.result table td {
	border-color: #333;
}

.result table thead tr {
	background-color: #6fa921;
}

.simulation-submit {
	width: 300px !important;
	padding: 8px !inportant;
	font-weight: bold;
	color: #fff;
	background-color: #195547;
}

.unselected {
	border: 2px solid #ff0000;
}


/************************************
** Media Query
************************************/

/* 1023px以下 */
@media screen and (max-width: 1023px){

	.mobile-menu-buttons {
		background: #195547;
	}

	.mobile-menu-buttons .menu-icon,
	.mobile-menu-buttons .menu-button,
	.mobile-menu-buttons .menu-caption {
		font-weight: bold;
		color: #fff;
	}

	.mobile-menu-buttons .menu-button:hover {
		background: #195547;
	}

	.footer-bottom {
		margin-top: 0;
	}

}

/* 834px以下 */
@media screen and (max-width: 834px) {

	#header .site-name-text {
		font-size: 28px;
	}

	.column-wrap > div {
		margin-bottom: 0;
	}

}

/* 767px以下 */
@media screen and (max-width: 767px) {

	.product-info {
		display: block;
	}

	.product-info .product-info-left {
		max-width: 100%;
		margin-right: 0;
	}

	.product-info .product-info-right {
		padding: 8px;
	}

	.product-info .product-info-tag {
		writing-mode: lr-tb;
		padding: 2px 8px;
	}

}

/* 599px以下 */
@media screen and (max-width: 599px) {

	.column-wrap .column-right .btn-1 {
		margin-top: 0.5em;
	}
}

/* 480px以下 */
@media screen and (max-width: 480px) {

	.toc {
		width: 100%;
	}

	ul.list-box,
	ol.list-box {
		padding: 0.5rem 0 0.5rem 2.5rem;
	}

	.world-info {
		display: block;
	}

	.world-info .world-item-left,
	.world-info .world-item-right {
		width: 100%;
	}

	.world-info .world-item-left {
		text-align: center;
		margin-bottom: 16px;
	}

}