/**■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■
* AKカスタム投稿コンテンツCSS
■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■**/

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* 基本設定
■■■■■■■■■■■■■■■■■■■■■■■■■**/
.AK_CUSTOM_POSTCONTENTS .AK_CONTBOX {
	margin-bottom:3rem;
}

.AK_CUSTOM_POSTCONTENTS h2.midashi{
	font-size: 1.5rem;
	padding: 10px 0px;
	border-bottom: 5px solid #e5e5e5;
}
.AK_CUSTOM_POSTCONTENTS h3.midashi{
font-size: 1.3rem;
padding: 10px 0px;
}
.AK_CUSTOM_POSTCONTENTS img{
	max-width:100%;
	width:100%;
	vertical-align: top;
	margin-bottom:1rem;
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* 各ブロック
■■■■■■■■■■■■■■■■■■■■■■■■■**/

/*=====================
テキストブロック
=====================*/
/* none CSS...*/

/*=====================
画像ブロック
=====================*/
/* none CSS...*/

/*=====================
ギャラリーブロック
=====================*/
#AK_CUSTOM_POSTCONTENTS .cont_gallery .gallery_block H4{
	font-size:1rem;
	color:#6f6f6f;
}
#AK_CUSTOM_POSTCONTENTS .cont_gallery .gallery_block .contens{
	display: flex;/*必須*/
	flex-wrap:wrap;/*複数行表示*/
}
#AK_CUSTOM_POSTCONTENTS .cont_gallery .gallery_block .contens .img_box{
	margin:0;
	display:block;
	padding:5px;
}
#AK_CUSTOM_POSTCONTENTS .cont_gallery .gallery_block .contens .img_box img{
	margin:0;
	width:100%;
	object-fit:cover;
	aspect-ratio: 1 / 1;
}
/*=====================
ボタンブロック
=====================*/
#AK_CUSTOM_POSTCONTENTS .cont_button .button_block{
	margin-bottom:2rem;
}

#AK_CUSTOM_POSTCONTENTS .cont_button .button_block a{
	background-color:#000;
	color:#fff;
	display:block;
	padding:1rem 1rem;
	border-radius:5px;
	box-shadow: 0px 3px 3px #00000030;
	position:relative;
	overflow:hidden;
}
#AK_CUSTOM_POSTCONTENTS .cont_button .button_block a .main{
	display:block;
	font-size:1.2rem;
	text-align:center;
	font-weight:bold;
	margin-bottom:0.25rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_button .button_block a .sub{
	display:block;
	font-size:0.9rem;
	text-align:center;
}
#AK_CUSTOM_POSTCONTENTS .cont_button .button_block a::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-color: #ccc;
    position: absolute;
    right: -30px;
    bottom: -30px;
    transform: rotate(45deg);
}

/*=====================
リストブロック
=====================*/
#AK_CUSTOM_POSTCONTENTS .cont_list h4{
	font-size:1rem;
	color:#6f6f6f;
}
/*■■マーカー■■*/
/*==マーカータイプ0 無し==*/
#AK_CUSTOM_POSTCONTENTS .cont_list ul.marktype00{
	list-style: none;
	padding-left:  0rem;
}
/*==マーカータイプ1　ドット（デフォ）==*/
#AK_CUSTOM_POSTCONTENTS .cont_list ul.marktype01{
	list-style: none;
	padding-left:  0.25rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_list li.marktype01{
	position: relative;
	padding-left: 1.5rem;
}
 
#AK_CUSTOM_POSTCONTENTS .cont_list li.marktype01:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) translateX(0%);
	width: 10px;
	height: 10px;
	background-color: #8b6b4e;
	border-radius: 50%;
}

/*==マーカータイプ2　番号==*/
#AK_CUSTOM_POSTCONTENTS .cont_list ol.marktype02 li.marktype02{
	padding-left: 0.4rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_list ol.marktype02 li.marktype02::marker {
  font-weight: bold;
  color: #676767;
}

/*==マーカータイプ3　チェック==*/
#AK_CUSTOM_POSTCONTENTS .cont_list ul.marktype03{
	list-style: none;
	padding-left: 0.25rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_list li.marktype03{
	position: relative;
	padding-left: 1.5rem;
}

#AK_CUSTOM_POSTCONTENTS .cont_list li.marktype03:before {
    content: "";
    position: absolute;
    top: 17%;
    left: 3px;
    transform: translateY(-50%) translateX(0%);
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 0.6rem;
    height: 1rem;
    border-right: 4px solid #64ba9e;
    border-bottom: 3px solid #64ba9e;
}

/*=====================
テーブルブロック
=====================*/
#AK_CUSTOM_POSTCONTENTS .cont_table h4{
	font-size:1rem;
	color:#6f6f6f;	
}
#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table{
	background-color:#f7f7f7;
}

#AK_CUSTOM_POSTCONTENTS .cont_table .table_block .table-warp.fixed table{
	table-layout: fixed;
}

#AK_CUSTOM_POSTCONTENTS .cont_table .table_block .table-warp.scroll{
	overflow-x: scroll;
}
#AK_CUSTOM_POSTCONTENTS .cont_table .table_block .table-warp.scroll table{
	width: 100%;
	/*min-width: 800px;*/
	white-space: nowrap;
	border-collapse: collapse;
}


#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table th,
#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table td{
	padding:1rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table th{
	background-color:#7d7d7d;
	color:#fff;
	text-align:left;
}
#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table td.t_midashi{
	background-color:#eaeaea;
	font-weight:bold;
}

#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table th.TH_algin_left,
#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table .algin_left{
	text-align:left;
}
#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table th.TH_algin_center,
#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table .algin_center{
	text-align:center;
}
#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table th.TH_algin_right,
#AK_CUSTOM_POSTCONTENTS .cont_table .table_block table .algin_right{
	text-align:right;
}

/*=====================
トピックブロック
=====================*/
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock .topic-h3{
	background-color:#333;
	padding:0.5rem 1rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock .topic-h3 h3{
	font-size: 1.1rem;
	margin:0;
	color:#fff;
}
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock .topic-outer{
	border:3px solid #333;
	padding:1rem;
	background-color:#fbfbfb;
}
/* 色設定　グレー */
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock.type_gray .topic-h3{background-color:#7D7D7D;}
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock.type_gray .topic-outer{border-color:#7D7D7D;}
/* 色設定　ブルー */
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock.type_blue .topic-h3{background-color:#84a8b7;}
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock.type_blue .topic-outer{border-color:#84a8b7;}
/* 色設定　グリーン */
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock.type_green .topic-h3{background-color:#84b7a8;}
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock.type_green .topic-outer{border-color:#84b7a8;}
/* 色設定　イエロー */
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock.type_yellow .topic-h3{background-color:#decb74;}
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock.type_yellow .topic-outer{border-color:#decb74;}
/* 色設定　レッド */
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock.type_red .topic-h3{background-color:#d57558;}
#AK_CUSTOM_POSTCONTENTS .cont_topic .TOPICblock.type_red .topic-outer{border-color:#d57558;}


/*=====================
吹き出しブロック
=====================*/
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock{
	margin-top:1rem;
	margin-bottom:1rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont{
	display: flex;/*必須*/
	flex-wrap:wrap;/*複数行表示*/
	width:95%;
}

#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont .imgbox{
	width:25%;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont .textbox{
	width:75%;
}
@media (min-width:768px){
	#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont{
		width:85%;
	}
	#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont .imgbox{
		width:20%;
	}
	#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont .textbox{
		width:80%;
	}
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont .imgbox .img{
	overflow:hidden;
	border-radius:500px;
	margin-bottom: 0.5rem;
	border: 3px solid #eaeaea;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont .imgbox .img img{
	width:100%;
	object-fit:cover;
	aspect-ratio: 1 / 1;
	vertical-align: top;
	margin:0;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont .imgbox .imgname{
	text-align:center;
	font-size:0.7rem;
	font-weight: bold;
    color: #8d8d8d;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont .textbox{
	padding:0.5rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont .textbox .hukidasiouter{
	display: inline-block;
	position: relative;
	background-color: #eeeeee;
    padding: 1rem;
	border-radius:10px;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont .textbox .hukidasiouter p{
	margin-bottom:0.5rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont.HUKIDASHI_left{
	flex-direction: row;
	margin-left:0;
	margin-right:auto;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont.HUKIDASHI_left .textbox{
	text-align:left;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont.HUKIDASHI_left .textbox .hukidasiouter{
	margin-left:1rem;
	text-align:left;
}

#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont.HUKIDASHI_left .textbox .hukidasiouter::before{
	  content: "";
	  position: absolute;
	  top: 40px;
	  left: -30px;
	  margin-top: -15px;
	  border: 15px solid transparent;
	  border-right: 15px solid #eeeeee;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont.HUKIDASHI_right{
	flex-direction: row-reverse;
	margin-left: auto;
	margin-right:0;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont.HUKIDASHI_right .textbox{
	text-align:right;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont.HUKIDASHI_right .textbox .hukidasiouter{
	margin-right:1rem;
	text-align:left;
}
#AK_CUSTOM_POSTCONTENTS .cont_fukidasi .HUKIDASHIblock .Hcont.HUKIDASHI_right .textbox .hukidasiouter::before{
	  content: "";
	  position: absolute;
	  top: 40px;;
	  left: 100%;
	  margin-top: -15px;
	  border: 15px solid transparent;
	  border-left: 15px solid #eeeeee;
}


/*=====================
投稿ブロック
=====================*/
#AK_CUSTOM_POSTCONTENTS .cont_post{
	
}
#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box{
	display: block;
	padding:5px;
	position: relative;
}
#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box .contents{
	position:relative;
	display: flex;/*必須*/
	flex-wrap:wrap;/*複数行表示*/
	background-color: #f0f0f0;
	/*border:3px solid #eeeeee;*/
	padding:5px;
	box-shadow: 0px 3px 3px #00000030;
	border-radius:7px;
	overflow: hidden;
}

#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box .contents .p_L{
	width:40%;
	padding:5px;
}
#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box .contents .p_L img{
	border:0px solid #ececec;
	box-shadow: 0px 0px 3px #00000030;
	margin-bottom:0;
	width:100%;
	object-fit:cover;
	aspect-ratio: 4 / 3;
}
#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box .contents .p_R{
	width:60%;
	padding:5px;
}
#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box .contents .p_R h4{
	font-size:1.1rem;
	margin-bottom:0.5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/*color:#fff;*/
	color: #333;
}
#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box .contents .p_R p{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size:0.8rem;
	margin-bottom:5px;
	/*color:#fff;*/
	color: #333;
}
/*PCの時*/
@media (min-width:992px){
	#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box .contents .p_L{
		width:30%;
	}
	#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box .contents .p_R{
		width:70%;
		padding-left:2rem;
	}
	#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box .contents .p_R h4{
		-webkit-line-clamp: 3;
	}
	#AK_CUSTOM_POSTCONTENTS .cont_post .postlink_box .contents .p_R p{
		-webkit-line-clamp: 3;
	}
}


/*=====================
コード（prism.js）ブロック
=====================*/

#AK_CUSTOM_POSTCONTENTS .cont_code .design_show_area{
	margin-top: 3rem;
	margin-bottom: 3rem;
}

#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .hcb_wrap.hcb_wrap {
    display: block;
    font-size: 14px;
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 0;
    position: relative;
    z-index: 0;
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area{
    background-color: #2d2e29;
    border-radius:3px !important;
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box{
    display: flex;/*必須*/
    flex-wrap:wrap;/*複数行表示*/
    color: #fff;
    font-size: 0.8rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item{
    padding: 5px;
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-1{
    width: 40%;
    display: flex;/*必須*/
    flex-wrap:wrap;/*複数行表示*/
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-2{
    width: 40%;
    display: flex;/*必須*/
    flex-wrap:wrap;/*複数行表示*/
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-3{
    width: 20%;
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item p{
    margin: 0;
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item input[type=text]{
    margin: 0;
    padding: 0.5rem;
    font-size: 0.8rem;
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .hcb_wrap{
    margin-top: 0 !important;
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-3 .but-auter{
    margin-top: 1.3rem;
    height: calc(100% - 1.3rem);
    background-color: #858585;
    border-radius: 5px;
    display: flex;/*必須*/
    justify-content: center;/*左右*/
    align-items: center;/*上下位置を揃える*/
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-3 .but-auter button{
    border: 0;
    background-color: #00000000;
    color: #fff;
}
#AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area button.copy-to-clipboard-button{
    height: 5em;
    width: 5em;
	color: #ffffff !important;
}

/*PCの時*/
@media (min-width:992px){
    #AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box{
        display: flex;/*必須*/
        flex-wrap:wrap;/*複数行表示*/
        justify-content: flex-end;
    }
    #AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item{
        padding: 5px;
    }
    #AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-1{
        width: 280px;
        align-items: center;/*上下位置を揃える*/
    }
    #AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-2{
        width: 280px;
        align-items: center;/*上下位置を揃える*/
    }
    #AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-3{
        width: 100px;
    }
    #AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-3 .but-auter{
        margin-top: 0rem;
        height: 100%;
    }
    #AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-1 p{
        text-align: right;
        width: 120px;
        padding-right: 5px;
    }
    #AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-1 input{
        width: 150px;
    }
    #AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-2 p{
        text-align: right;
        width: 120px;
        padding-right: 5px;
    }
    #AK_CUSTOM_POSTCONTENTS .cont_code .CODE-area .change-text-box .code-input-area-item.code-input-area-2 input{
        width: 150px;
    }

}

/*=====================
HTMLブロック
=====================*/
/* none CSS...*/

/*=====================
見出しH2ブロック
=====================*/
/* none CSS...*/

/*=====================
見出しH3ブロック
=====================*/
/* none CSS...*/

/*=====================
テキストエディターブロック
=====================*/
/* none CSS...*/


/**■■■■■■■■■■■■■■■■■■■■■■■■■
* 目次
■■■■■■■■■■■■■■■■■■■■■■■■■**/

#AK_CUSTOM_POSTCONTENTS_MOKUJI.MOKUJI{
	max-width: 600px;
    width: 100%;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI.MOKUJI .contents {
    padding: 1.5rem 2rem;
    border: 0px solid #000;
    background-color: #f7f7f7;
    border-radius: 10px;
	margin-top: 2rem;
    margin-bottom: 2rem;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI.MOKUJI .contents .midashi {
    text-align: left;
    background-color: #7D7D7D;
    color: #fff;
    padding: 0.3rem 0.8rem;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 0rem;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI.MOKUJI .contents .midashi::after{
    content: "";
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI.MOKUJI .contents ul{
	padding-left: 0;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI.MOKUJI .contents ul li{
    list-style-type: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    border-bottom: 1px dotted #cbcbcb;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI.MOKUJI .contents ul li a{
	display: flex;/*必須*/
	flex-wrap:wrap;/*複数行表示*/
	text-decoration: none;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI.MOKUJI .contents ul li a span{
	display:block;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI.MOKUJI .contents ul li.cont_h2 a{
	font-size:1rem;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI.MOKUJI .contents ul li.cont_h2 a span.no{
	width:1.5rem;
	font-weight:bold;
	color:#838383;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI .contents ul li.cont_h2 a span.title{
	width:calc(100% - 1.5rem);
	font-weight:bold;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI .contents ul li.cont_h3 a{
	font-size:0.9rem;
	
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI .contents ul li.cont_h3 a span.no{
	width:2.5rem;
	font-weight:bold;
	color:#838383;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI .contents ul li.cont_h3 a span.title{
	width:calc(100% - 2.5rem);
	font-weight:bold;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI .contents ul li.cont_h2{
	padding-left:0;
}
#AK_CUSTOM_POSTCONTENTS_MOKUJI .contents ul li.cont_h3{
	padding-left: 15px;
}