/*
Theme Name: KNスタイル
Theme URI: 
Author: 
Description: オリジナルテーマ
Version: 1.0
*/


p { margin-bottom:15px; }

















:target { scroll-margin-top: 120px; } /*ページ内ジャンプに幅を持たせる*/

#archive { margin-bottom:80px; padding-bottom:40px; }
#archive.greeting {  }
#archive #head_img { width:100%; height:300px; position:relative; }
#archive #head_img img { width:100%; height:100%; object-fit:cover; }
#archive #head_img h1 { position:absolute; left:40px; top:150px; color:#FFF; font-size:42px; line-height:130%; font-family:'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS Mincho', serif; }

@media screen and (max-width: 999px){
	#archive #head_img h1 { font-size:25px; }
}


#pankuzu-list { margin-top:20px; margin-bottom:40px; }
#pankuzu-list ul { margin-left:-10px; }
#pankuzu-list li { float:left; }
#pankuzu-list li i { margin-left:13px; margin-right:10px; }
#pankuzu-list li a:link, #pankuzu-list li a:visited { color:#333333; text-decoration:none; }
#pankuzu-list li a:active, #pankuzu-list li a:hover { color:#333333; text-decoration:underline; }


#archive h2 { font-size:42px; color:#123568; margin-bottom:20px; line-height:130%; font-family:'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS Mincho', serif; font-weight:bold; }
#archive h3 { font-size:32px; color:#123568; margin-bottom:20px; margin-top:20px; line-height:130%; font-family:'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS Mincho', serif; font-weight:bold; }
#archive h4 { font-size:18px; background:#123568; color:#FFF; padding:3px 13px 5px 10px; display:inline-block; margin-bottom:10px; margin-top:10px; }
@media screen and (max-width: 999px){
	#archive h2 { font-size:22px; }
	#archive h3 { font-size:18px; }
	#archive h4 { font-size:18px; }
}
/*#archive h3::before { content:""; border-top:rgba(151,183,239,0.5) solid 1px; margin-bottom:20px; display:block; }*/

#archive .button { font-size:18px; background:#123568; color:#FFF; padding:3px 13px 5px 10px; display:inline-block; margin-bottom:10px; margin-top:10px; }
#archive .button a:link, #archive .button a:visited { color:#FFF; }
#archive .button a:active, #archive .button a:hover { color:#FFF; }

#archive hr { border:none; }
#archive hr::before { content:""; border-top:rgba(151,183,239,0.5) solid 1px; margin-bottom:20px; margin-top:20px; display:block; }

#archive .gray-div { background:#f7f7f0; padding:30px;  }
#archive .gray-div li { margin-bottom:12px; }
#archive .blue-div { background:#dfebef; padding:20px 20px 30px 20px; margin-bottom:20px; font-weight:bold; font-size:110%;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: rgba(153, 153, 153, 0.7);
  text-decoration-thickness: 1.7px;
  text-underline-offset: 7px;
	line-height:180%;     border-left: #123568 2px solid;
}

#archive #contents01 {  }
#archive #contents01 .left { width:70vw; max-width:980px; }
#archive #contents01 .right { width:calc(30vw - 40px); max-width:calc(420px - 40px); margin-left:40px; }
#archive #contents01 .right img { width:100%; height:auto; object-fit:contain; overflow:hidden; }
@media screen and (max-width: 1499px){
	#archive #contents01 .left { width:calc(70vw - 70px); }
	#archive #contents01 .right { width:calc(30vw - 40px); }
}
@media screen and (max-width: 999px){
	#archive #contents01 .left { width:100%; max-width:100%; float:none; }
	#archive #contents01 .right { width:100%; max-width:100%; float:none; margin-left:0px; margin-top:40px; }
}
@media screen and (max-width: 999px){
	#archive .right { margin-bottom:40px; }
	#archive .gray-div { padding:20px 10px; }
	#archive .blue-div { text-decoration-thickness: 1px;  padding:20px 20px 23px 20px; margin-left:-20px; margin-right:-20px; }
}





















/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* トップページ（index.php）*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/