@charset 'utf-8';
/* 憲法カフェ用CSS */

/* スライダー */
div.intro_container { container-type:inline-size; container-name:intro; }
div.intro { background-color:#f2f1e9; padding:20px 0; }
div.intro div.slide { overflow:hidden; }
div.slide div.splide div.splide__track ul.splide__list li.splide__slide { text-align:center; }
div.slide div.splide div.splide__track ul.splide__list li.splide__slide img { aspect-ratio:1924/1000; margin:auto; height:auto; width:90%; }

@container intro ( min-width:960px ) { /* PC幅 */

/* スライダー */
div.intro { padding:40px 0; }

}

/* メインコンテンツ */
div.kenpocafe_container { container-type:inline-size; container-name:kenpo; }
div.kenpocafe { padding:0 20px; margin:auto; max-width:90%; }
div.kenpocafe h1 { margin:auto auto 30px auto; }
div.kenpocafe h1 img { height:auto; max-width:275px; }
div.kenpocafe p { line-height:1.61; }

/* リスト */
div.kenpo_cafe_list { aspect-ratio:1361/1814; background-image:url("../img/kenpo-cafe/list_waku.png"); background-repeat:no-repeat; background-size:cover; background-position:center center; padding:25px 15px; margin:30px auto 50px auto; overflow-y:scroll; width:100%; }
div.kenpo_cafe_list h2 { margin:auto auto 20px auto; }
div.kenpo_cafe_list h2 img { width:200px; }
div.kenpo_cafe_list ul li a { border-bottom:2px dotted #333; display:block; padding:10px; }
div.kenpo_cafe_list ul li a::before { color:#227524; margin:0 5px 0 0; }
div.kenpo_cafe_list ul li:first-child a::before { content:'➊'; }
div.kenpo_cafe_list ul li:nth-child(2) a::before { content:'➋'; }
div.kenpo_cafe_list ul li:nth-child(3) a::before { content:'➌'; }
div.kenpo_cafe_list ul li:nth-child(4) a::before { content:'➍'; }
div.kenpo_cafe_list ul li:nth-child(5) a::before { content:'➎'; }
div.kenpo_cafe_list ul li:nth-child(6) a::before { content:'➏'; }
div.kenpo_cafe_list ul li:nth-child(7) a::before { content:'➐'; }
div.kenpo_cafe_list ul li:nth-child(8) a::before { content:'➑'; }
div.kenpo_cafe_list ul li:nth-child(9) a::before { content:'➒'; }
div.kenpo_cafe_list ul li:nth-child(10) a::before { content:'➓'; }
div.kenpo_cafe_list ul li:nth-child(11) a::before { content:'⓫'; }
div.kenpo_cafe_list ul li:last-child a::before { content:'⓬'; }

@container kenpo ( min-width:960px ) { /* PC幅 */

/* メインコンテンツ */
div.kenpocafe { margin:auto; max-width:960px; width:100%; }
div.kenpocafe h1 { margin:auto auto 40px auto; }
div.kenpocafe h1 img { max-width:360px; }

/* リスト */
div.kenpo_cafe_list { padding:50px 45px; margin:50px auto 75px auto; overflow:auto; height:760px; width:auto; }
div.kenpo_cafe_list ul li a { padding:15px; }

}