/**■■■■■■■■■■■■■■■■■■■■■■■■■
汎用flexレイアウトボックス全体CSS
■■■■■■■■■■■■■■■■■■■■■■■■■**/
.ak_outer a:link,
.ak_outer a:visited,
.ak_outer a:hover,
.ak_outer a:active{
	color:#333;
	transition: .5s;
}
/*全幅レイアウト時にアウターdivに付与*/
.ak_fw{
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
/*アウターの余白と色*/
.ak_outer{
    padding-top: 2rem;
    padding-bottom: 3rem;
    position: relative;
    background-color: #f7f7f7;
}
/*インナーの幅と余白*/
.ak_outer .inner{
    max-width: 1110px;
    width: 100%;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/*見出しが入る場合のH2*/
.ak_outer .inner h2{
    font-size: 1.5rem;
    text-align: center;
    width: 100%;
}
/*全コンテンツが入っているdiv*/
.ak_outer .inner .contents{
    display: flex;
    flex-wrap:wrap;
}
/*★アイテム　横並びの数と余白*/
.ak_invk_item,
.ak_outer .inner .contents .item{
    width: 100%;
    padding: 10px;
}
/*★アイテム内の見た目*/
.ak_invk_item .box,
.ak_outer .inner .contents .item .box{
    background-color: #fff;
    padding: 10px;
	height: 100%;
}
/*★リンクの見た目*/
.ak_outer .inner .link{
    padding: 0 1rem;
    text-align: center;
}
.ak_outer .inner .link a{
    display: inline-block;
    padding: 0.5rem 1.5rem;
    color: #fff;
    background-color: #333;
}
/**■■■■■■■■■■■■■■■■■■■■■■■■■
記事呼び出しレイアウト基本CSS
■■■■■■■■■■■■■■■■■■■■■■■■■**/
.ak_invk_item.preset .box,
.ak_outer.preset .inner .contents .item .box{
    display: flex;
    flex-wrap:wrap;
}
.ak_invk_item.preset .ak_subtitle,
.ak_outer.preset .ak_subtitle{
    margin: 0.5rem 0;
    font-size: 1.1rem;
}
.ak_invk_item.preset .ak_subdate,
.ak_outer.preset .ak_subdate{
    margin: 0.5rem 0;
    font-size: 0.85rem;
}
.ak_invk_item.preset .ak_subtext,
.ak_outer.preset .ak_subtext{
    margin: 0.5rem 0;
    font-size: 0.9rem;
}

/*縦並びレイアウト*/
.ak_invk_item.preset.ak_flexH .box .left,
.ak_outer.preset.ak_flexH .inner .contents .item .box .left{
    width: 100%;
}
.ak_invk_item.preset.ak_flexH .box .right,
.ak_outer.preset.ak_flexH .inner .contents .item .box .right{
    width: 100%;
}
/*横並びレイアウト*/
.ak_invk_item.preset.ak_flexW .box .left,
.ak_outer.preset.ak_flexW .inner .contents .item .box .left{
    width: 25%;
}
.ak_invk_item.preset.ak_flexW .box .right,
.ak_outer.preset.ak_flexW .inner .contents .item .box .right{
    width: 75%;
    padding-left: 1rem;
}
@media (min-width:992px) {
    /*PC縦並びレイアウト*/
	.ak_invk_item.preset.ak_flexH .box .left,
    .ak_outer.preset.PC_ak_flexH .inner .contents .item .box .left{
        width: 100%;
    }
	.ak_invk_item.preset.ak_flexH .box .right,
    .ak_outer.preset.PC_ak_flexH .inner .contents .item .box .right{
        width: 100%;
    }
    /*SP縦並びレイアウト*/
	.ak_invk_item.preset.ak_flexW .box .left,
    .ak_outer.preset.PC_ak_flexW .inner .contents .item .box .left{
        width: 25%;
    }
	.ak_invk_item.preset.ak_flexW .box .right,
    .ak_outer.preset.PC_ak_flexW .inner .contents .item .box .right{
        width: 75%;
        padding-left: 1.5rem;
    }
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* VKポスト書き換え
■■■■■■■■■■■■■■■■■■■■■■■■■**/

.ak_invk_item.preset .ak_subtext{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

@media (min-width:992px){
	.ak_invk_item.preset .ak_subtext{
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}

.sub-section .ak_invk_item.preset .ak_subtitle{
	font-size:0.9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sub-section .ak_invk_item.preset .ak_subtext{
	display:none;
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* VKポスト書き換え：ベーシック
■■■■■■■■■■■■■■■■■■■■■■■■■**/
.ak_invk_item.type_basic.preset .left img{
	width:100%;
	object-fit:cover;
	aspect-ratio: 1 / 1;
}


/**■■■■■■■■■■■■■■■■■■■■■■■■■
便利系CSS
■■■■■■■■■■■■■■■■■■■■■■■■■**/
/*■画像トリミング*/
.img_asp_1-1{
    width:100%;
    object-fit:cover;
    aspect-ratio: 1 / 1;
}
.img_asp_4-3{
    width:100%;
    object-fit:cover;
    aspect-ratio: 4 / 3;
}
.img_asp_16-9{
    width:100%;
    object-fit:cover;
    aspect-ratio: 16 / 9;
}

/*■三点リーダー*/
/*1行*/
.ak_text-ellipsis_1{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*2行*/
.ak_text-ellipsis_2{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
/*3行*/
.ak_text-ellipsis_3{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/*■ホバーアニメーション*/
a.ak_hov01:hover{
    opacity: 0.8;
    transition: .5s;
}