@charset "utf-8";



/****** ●●●●●●●● setting start ******/

body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	display: flex; /* フレックスボックスに有効に */
	flex-flow: column; /* 要素を縦に並べる */
	min-height: 100vh;
  	font-family: "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:500;
}
.all-wrapper{
	flex: 1; 
}

a{
	text-decoration: none;
	color: #333333;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

li{
	margin: 0;
	padding: 0;
	list-style: none;
}


/****** サイドバー setting  start   ******/
.content-wrapper {
    display: flex;
    gap: 20px; 
}

.blog-main-content {
    width: 70%;
}

.sidebar {
    width: 30%;
    background-color: #f0f0f0; /* デバッグ用の背景色 */
    border: 1px solid #ccc; /* デバッグ用のボーダー */
}

/* モバイル用のレスポンシブデザイン */
@media (max-width: 768px) {
    .content-wrapper {
        flex-direction: column;
    }
    
    .blog-main-content, .sidebar {
        width: 100%;
    }
}
/****** サイドバー setting end   ******/


@media screen and (min-width: 768px) {
	
}

/****** ●●●●●●●● setting end   ******/