@charset "UTF-8";
/*
Template: swell
Theme Name: SWELL CHILD
Theme URI: https://swell-theme.com/
Description: SWELLの子テーマ
Version: 1.0.0
Author: LOOS WEB STUDIO
Author URI: https://loos-web-studio.com/

License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ==========================================================================
2. 記事サムネイル（背景ぼかしスタイル）
========================================================================== */
.container-item-img {
position: relative;
}

.container-item-img > img {
position: absolute;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 200px;
object-fit: contain;
vertical-align: top;
}

.contents_back_img {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
background-color: #999;
}

.contents_back_img > img {
position: absolute;
z-index: 50;
width: 100%;
height: 200px;
object-fit: cover;
filter: blur(10px);
}

/* モバイル調整 */
@media screen and (max-width: 767px) {
.container-item-img > img,
.contents_back_img,
.contents_back_img > img {
height: 130px;
}
}