/*
  Skin Name: 空き家買取くん（オレンジ）
  Description: 空き家買取くんのスキン（オレンジ）
  Author: たろー
  Screenshot URI: https://akiya-kaitorikun.com/wp-content/themes/cocoon-child-akiya2024/skins/akiya-skin-orange/screenshot.jpg
  Version: 1.0.0
  Priority: 9999000000
*/
/*以下にスタイルシートを記入してください*/


/*ベース-----------------------------------------------*/
@import url("css/base.css");

/*コマンド-----------------------------------------------*/
@import url("css/command.css");

/*レイアウト---------------------------------------------*/
@import url("css/layout.css");

/*フォーム---------------------------------------------*/
@import url("css/form.css");


/*フキダシの調整*/
#main .speech-balloon{
	padding: 1em 1.2em;
	line-height: 1.7;
}
#main .speech-name {
	line-height: 1.2;
}
/* こまあきくん（右から）*/
#main .sb-id-16 .speech-balloon {
  	background: #faf3e8!important;
	border: solid 2px #ff9732!important;
}
#main .sb-id-16 .speech-balloon::before {
  border-left: 12px solid #ff9732;
}
#main .sb-id-16 .speech-balloon::after {
  border-left: 12px solid #faf3e8;
}
@media screen and (max-width: 480px){
  #main .sb-id-16 .speech-balloon::before { 
	  border-left: 7px solid #ff9732;
  }
  #main .sb-id-16 .speech-balloon::after { 
	  border-left: 7px solid #faf3e8;
  }
}


/*　サイドバー追従目次のスタイル*/
#sidebar-scroll{
	top: 20px;
}
#sidebar-scroll .toc{
	background: #f4f4f4;
	border-radius: 5px;
	padding: 25px;
	font-size: 14px;
}


/*　目次のスタイル*/

.toc{
	display: block;
	width: 95%;
	padding: 2em 1.5em;
	border-color: #ddd;
	border-left-width: 4px;
	border-radius: 3px;
	margin: 3em auto!important;
}
.toc-title{
	border-bottom: 1px dashed #ddd;
	padding: 0 0 1em;
	line-height: 1;
	font-weight: bold;
	cursor: default;
	text-align: left;
}
.toc-title::after{
	font-weight: normal;
}
ol.toc-list{
	counter-reset: item;
	list-style: none;
	padding-left: 0!important;
}
ol.toc-list>li{
	margin-bottom: .5em;
	padding-left: 1.5em;
	position: relative;
}
ol.toc-list>li:first-of-type{
	margin-top: 1em;
}
ol.toc-list>li:before{
	counter-increment: item;
	content: counter(item) ".";
	position: absolute;
	left: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
ol.toc-list>li>a:first-of-type {
    font-weight: bold;
}
ol.toc-list>li>ol{
	padding-left: 0!important;
	list-style: none;
}
ol.toc-list>li>ol>li{
	position: relative;
	padding-left: 1.1em;
	margin-left: 0;
}
ol.toc-list>li>ol>li:before{
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	display: block;
	color: #ddd;
	position: absolute;
	left: 0;
	transform: scale(.5);
}

/*ブログカードなどのスタイル*/
.blogcard{
	box-shadow: rgba(0, 0, 0, .15) 0px 3px 13px 2px;
	padding: 1.25em 1.25em .75em;
}
.blogcard-site{
	font-size: .8em;
}
.blogcard-title{
	margin-bottom: .65em;
}
.blogcard-thumbnail{
	margin-right: 1.25em;
}
.blogcard-thumbnail img{
	border-radius: 3px;
}
.blogcard-date{
	display: none;
}
.blogcard-footer{
	position: relative;
}
.blogcard-footer:before{
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: #ff9732;
	position: absolute;
	right: 0;
	bottom: 0;
}

.blogcard-type {
    margin-top: 50px;
}


/*good、badのboxスタイル*/
@media (max-width: 480px){
.good-box,.bad-box{
	padding: 1.2em;
}
.good-box:before,.bad-box:before{
	margin: 0;
	left: auto;
	top: auto;
}
.good-box div:first-child,.bad-box div:first-child{
	line-height: 1;
	padding-left: 22px;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #98e093;
}
.bad-box div:first-child{
	border-bottom-color: #eb6980;
}
}/*480まで*/

.good-box .list,.bad-box .list{
	display: block;
	list-style: none;
	padding: 0;
	line-height: 1.5;
}
.good-box .list>li,.bad-box .list>li{
	position: relative;
	padding-left: 1.35em;
	margin-left: 0;
	margin-top: .75em;
}
.good-box .list>li:first-child,.bad-box .list>li:first-child{
	margin-top: 0;
}
.good-box .list>li:before,.bad-box .list>li:before{
	content: '\f111';
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	display: inline-block;
	position: absolute;
	left: 0;
	transform	: scale(.5);
	color: #98e093;
} 
.bad-box .list>li:before{
	color: #eb6980;
}


/*tableのスタイル*/
#main table{
	line-height: 1.5;
	border-radius: 10px;
	border: 1px solid #d0d0d0;
	border-collapse: inherit;
	overflow: hidden
}
#main td,
#main th{
	padding: 1em;
	border: none;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	text-align: left;
}
#main td:first-child,
#main th:first-child{
	border-left: none;
}
#main tr:first-child td,
#main tr:first-child th{
	border-top: none;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	▼481px以上の指定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (min-width: 481px){
/*info系のスタイル*/
.is-style-information-box::before, .is-style-question-box::before, .is-style-alert-box::before, .is-style-memo-box::before, .is-style-comment-box::before, .is-style-ok-box::before, .is-style-ng-box::before, .is-style-good-box::before, .is-style-bad-box::before, .is-style-profile-box::before, .information-box::before, .question-box::before, .alert-box::before, .information::before, .question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	height: calc(100% - 20px);
	top: 10px;
	border-right-style: dashed;
}


}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	▼768px以上の指定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (min-width: 768px){
	
/*目次のスタイル*/

.toc{
	padding: 2em 2.5em;
}




}