@charset "UTF-8";
/*
Theme Name: 「きとぅん・はーと」専用
Theme URI: https://kittenheart.apples.jp/
Author: yuna mee
Author URI: https://kittenheart.apples.jp/
Description: 「きとぅん・はーと」用に作られたテーマです
Version: 0.0.250426000
*/

@import url('normalize.css');

/* === COMMON === */

/* tag きとぅん・はーと用設定 */
body{
	/*background-color:#ffb266;*/
	background-color:#ffffff;
	color:#000000;
	margin:10px 0 0 0;
	overflow-x:hidden;
	font-family: 'ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','MS PGothic','Yu Gothic','MS UI Gothic';
	line-break:strict;
	font-feature-settings: "pkna"; /* 約物は詰めない */
}
p,dl,div{
	line-height:130%;
}
dl{
	margin: 0 auto;
}
img {
	border: 0px;
}
a {
	border: 0px;
}
iframe{
	border: 0px;
}
/*　アンカー処理　*/
a:link{
	color:#996666;
	text-decoration:none;
}
a:visited{
	color:#cc6666;
	text-decoration:none;
}
a:hover{
	color:#ffb266;
	background-color:#ffffff;
	text-decoration:none;
}


/* === COMMON HEADER === */

/* ヘッダースクリプト関連 */
.header-banner{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #ffcc99;
	width: 100vw;
	height: 60px;
	text-align:center;
}
.header-center{
	margin: 0 auto;
	text-align:center;
}
.header-size3{
	font-size: 16px;
	line-height: 1.2em;
	display: flex;
	justify-content: center;
}
.header-size1 h1 {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.header-size2{
	font-size: 13px;
	line-height: 1.4em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-size1{
	font-size: 10px;
	line-height: 1.5em;
	text-align: center;
}
.header-size0{
	margin: 0.5em 0 0 0;
	font-size: 18px;
	line-height: 1.5em;
}
.gts{margin: 0 0.25em;}

/* === COMMON BODY === */

/* 大枠デザイン */
div.container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: space-around;
}

div.oneblock , section.oneblock {
	margin:0px auto 0px auto;
	padding:10px;
	text-align:center;
}
/* 枠デザイン固定 */
div.index{
	margin:auto;
	padding:0px;
	/*border-bottom:2px solid #666666;
	border-right:2px solid #666666;
	width:660px;*/
	background-color:#ffffff;
	text-align:left;
}
/* 小説の本文 */
div.text, section.text,.novel section,.blog section{
	margin:0px 10px 0px 10px;
	font-feature-settings: normal; /* なにも詰めない*/
	/*
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;*/
}
/*encounterの目次*/
.lineup{line-height: 1.8em;}
.blog section{
	margin:0px;
}

/* 小説の段落 */
.kh-novel article p{
	margin: 0 0 20px 0;
	line-height:200%;
}

/* レイアウト上邪魔な罫線 */
hr.hidden{
	display:none;
}
/* 墨括弧の文字を揃えたい */
.ffs-palt{
	font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
	div.oneblock , section.oneblock {
		padding:0px;
	}
}

/* === novel BODY === */
body.kh-novel{
	text-align:center;
}
.article-info{
	margin: 40px 0 20px 0;
}
.kh-novel time,.kh-article time{
	background: linear-gradient(transparent 80%, #ffcc99 50%);
	padding: 0;
}


/* === ASIDE === */
aside{
	margin: 10px 10px 0 0;
	padding: 10px 0px 10px 30px;
	text-align: left;
	width: 350px;
	color: #000000;
}
.sidebar-widgets {
  margin: 0;
  padding: 0;
}
.sidebar-widgets li {
	display: block;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 30px;
	color: #62532f;
	background-color: #ffffff;
	box-shadow: 0 1px 3px rgba(0,0,0,.5);
}
/*PC用*/
@media screen and (min-width: 1025px) {
	
	.sidebar-widgets li:nth-child(even) {
		transform: rotate(1deg);
	}
	.sidebar-widgets li:nth-child(odd) {
		transform: rotate(-1deg);
	}
	.sidebar-widgets li:after{
		content: "";
		position: absolute;
		top: -13px;
		left: 30px;
		background-color: rgba(255,236,178,.4);
		border-left:2px dotted rgba(0,0,0,.1);
		border-right:2px dotted rgba(0,0,0,.1);
		box-shadow:0 0 5px rgba(0,0,0,0.2);
		padding: 0.25em 2em;
		color: #65513f;
		height: 15px;
		width: 63%;
	}
}
.widget_pages ul, .widget_categories ul, .widget_recent_entries ul {
    margin: 0.5em 0 0 0;
    padding: 0 0 0 10px;
}
.widget_pages li, .widget_categories li, .widget_recent_entries li {
	transform: rotate(0)!important;
	display: list-item;
    list-style-type: disc;
	border-radius: 0;
	margin: 0.5em 0 0 0;
	padding: 0;
	box-shadow: 0 0px 0px;
}
.widget_pages li:after, .widget_categories li:after, .widget_recent_entries li:after{
	content: "";
	position: static;
	background-color: #ffffff;
	border-left:0px dotted rgba(0,0,0,.1);
	border-right:0px dotted rgba(0,0,0,.1);
	box-shadow:0 0 0px;
	padding: 0;
}
aside h2{
	margin: 0 0 0.25em 0;
	padding: 0;
	line-height: 1.2em;
	border-bottom: solid 2px #ffcc99;
	font-size: 22px;
	font-weight: normal;
}
aside h3{
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 1.2em;
}
@media screen and (max-width: 1024px) {
	aside{
		margin: 0 10px;
		padding: 0;
		max-width: 680px;
		width: 100%;
	}
	.sidebar-widgets li {
		margin-bottom: 10px;
	}
	.sidebar-widgets li.cat-item{margin: 5px 0;}
	
}

/* === FOOTER === */

/* フッター 著作権 */
footer{
	width: 100%;
	text-align: center;
	font-size: 0.9rem;
}
/*ノーマルのリンク用*/
.navigator{
	display: flex;
	justify-content: space-between;
	margin-top: 0px;
	text-align: center;
	line-height: 130%;
	font-weight: normal;
	}
.prev-article{width: 300px;text-align: right;}
.table-of-contents{}
.next-article{width: 300px;text-align: left;}
@media screen and (max-width: 750px) {
	.navigator{display: block;}
	.prev-article,.next-article{width: 100%;text-align: center;}
}
/*下部著作権表示用*/
p.copyright{
	text-align:center;
	margin-bottom: 1em;
}

/*広告用(実際はJSでstyle付きで書き出し)*/
.ad-area{
	margin: 10px 0;
	/*以下仮設定*/
	width: 1080px;
	height: 300px;
	background-color: #ccc;
}

/* === MOBILE === */

/* スマートフォン用設定 */
.sp{
	display: none;	
}

/* スマートフォン用 */
@media screen and (max-width: 750px) {

	/* tag きとぅん・はーと用設定 */
	hr{
		width: 98%;
	}
	/* スマートフォン用は非表示 */
	.pc{
		display: none;	
	}
	.sp{
		display: block;	
	}
	/*枠デザイン固定*/
	div.index{
		margin: 0 10px;
	}
	/* ヘッダースクリプト関連*/
	.header-banner{
		height: 50px;
	}
	.header-banner img{
		height: 50px;
		width: 390px;
	}
	.header-size3{
		flex-direction: column;
		font-size: 18px;
	}
	.header-size3 a{
		margin: 0px;
		width: 100vw;
		display: block;
		padding: 0.2em 0;
		border-bottom:2px solid #ffcc99;
	}
	.header-size2{
		font-size: 16px;
	}
	.header-size1{
		display: none;	
	}
	.header-size0{
		font-size: 20px;
	}
	/*ノーマルのリンク用*/
	.navigator{
	font-size: 140%;
	}

}



/* === トップページ === */


/* tag(本文に反映すると読みづらい)*/
#toppage a{
	font-feature-settings: "palt";
}
/*  帯ムービー */
#toppage #obiMovieBOX{
	margin: 40px 0 0 0;
	text-align: center;
}
#toppage #obiMovie1 ,#toppage #obiMovie2{
	line-height: 0;
}
#toppage #obiMovie1 {
	background-color: #ffffff;
	/*background-color: #ffb266;*/
}
#toppage #obiMovie2{
	background-color: #ffcc99;
}
#toppage #obiMovie2 a:hover{
	color:#ffb266;
	background-color:#ffb266;
	text-decoration:none;
}
/* メイン */
#toppage .top-message{
	margin: 0;
	text-align: center;
	font-size: 100%;
	font-weight: normal;
}
#toppage .category-name{
	font-weight: bold;
}
#toppage dd.category-name{
	margin: 0 0 0 20px;
}
#toppage dd{
	margin: 0 0 0 40px;
}
#toppage .story dd.category-name{
	margin-top: 5px;
}
#toppage .story-link{display: inline!important;}
#toppage .last-update{
	font-size: 12px;
}
#toppage .last-update p.small{
 	margin: 0 0 0 0;
}
#toppage .article-subtitle{
	margin: 0 0 5px 0;
}
#toppage .work-exp{
	font-size: 12px;
	margin: 0 0.5em 1em 6px;
}
#toppage .update-date{
	font-size: 12px;	
}
#toppage .link-information{
	margin: 1rem auto;
	font-size: 12px;
}
/* フレキシブルBOX */
#toppage .container {
	display: flex;
	flex-direction:column;
	flex-wrap: wrap; /* 初期値のまま*/
	justify-content: flex-start; /* 水平方向の揃え*/
	align-content: space-around;
	margin: 1rem auto;
	width: 980px;
	height: 320px;
}
#toppage .about{
	width: 200px;
	height: 70px;
}
#toppage .local{
	width: 200px;
	height: 70px;
}
#toppage .column{
	width: 200px;
	height: 90px;
}
#toppage .story{
	width: 300px;
	height: 320px;
}
#toppage .article{
	width: 280px;
	height: 320px;
	padding: 0 10px 0 0;
}
#toppage .update-box ,#toppage .information{
	width: 190px;
}
#toppage .searchbox{}
#toppage .searchbox .search-field{width: 130px;}

#toppage .notice_box{}
#toppage .notice_box #notice{font-size: 14px;}

#toppage .about { order: 1;}
#toppage .local { order: 2;}
#toppage .column { order: 3;}
#toppage .story { order: 4;}
#toppage .article { order: 5;}
#toppage .update-box { order: 8;}
#toppage .information { order: 9;}

/*タブレット用*/
@media screen and (max-width: 979px) {
	/* フレキシブルBOX */
	#toppage .container {
    	margin: 0 0 0 10px;
		flex-direction: column;
    	width: 95%;
		height: 650px;
		overflow-x:hidden;
	}
	#toppage .story { order: 2;height: auto;}
	#toppage .information { order: 3; }
	#toppage .article { order: 4;height: auto;}
	#toppage .local { order: 5;height: auto;}
	#toppage .column { order: 6; }
	#toppage .update-box { order: 7; }
}
/* スマートフォン用 */
@media screen and (max-width: 750px) {

	#toppage #wrapper ,#toppage .top-message ,#toppage footer{
		margin: 10px;
    	width: 95%;
	}
	#toppage .top-message ,.footer_exp{
		text-align: left;
	}
	/* フレキシブルBOX */
	#toppage .container {
    	margin: 0 0 0 10px;
		flex-direction: column;
    	width: 95%;
		height: 100%;
		overflow-x:hidden;
	}
	#toppage .about ,#toppage .story ,#toppage .article ,#toppage .local,#toppage .column,#toppage .update-box ,#toppage .information{
		width: 100%;
		height: 100%;
		padding: 0;
	}
	#toppage .update-box{
		margin-top: 1.5em;
	}
	#toppage .about { order: 1; }
	#toppage .story { order: 2; }
	#toppage .article { order: 3; }
	#toppage .local { order: 4; }
	#toppage .column { order: 5; }
	#toppage .update-box { order: 6; }
	#toppage .information { order: 7;/*display: none;*/ }
	/*.kh-blog { order: 3; }*/
	#toppage .link-information{display: none;}
	#toppage .searchbox{margin: 10px 0 0 0;}
	#toppage .searchbox .search-field{width: calc(100% - 60px)!important;}

	#toppage dt>a{
		margin: 3px;
		padding: 0.2em 0;
		width: 92vw;
    	display: block;
		font-size: 1.5em;
		border-bottom: solid 3px #996666;
		/*background-color: #ffcc99;*/
	}
	#toppage dd{
		margin: 3px;
		font-size: 1.2em;
	}
	#toppage dd>a{
		margin: 3px 3px 3px 3px;
		padding: 0.2em 0;
		width: 92vw;
    	display: block;
		font-size: 1em;
		border-bottom: solid 2px #996666;
		/*background-color: #ffcc99;*/
	}
	#toppage .local dt>a , #toppage .column dt>a{
		font-size: 1.2em;
		border-bottom: solid 2px #996666;
	}
	#toppage dd.category-name,#toppage dd{
		margin: 0 0 0 0;
	}
	#toppage .last-update a{
	    margin: 3px;
	    padding: 0.2em 0;
		width: 92vw;
	    display: block;
	    font-size: 1.2em;
	    line-height: 1.2em;
		text-decoration: underline;
		/*border-bottom: solid 3px #996666;*/
		/*background-color: #ffcc99;*/
	}
	#toppage .last-update{
		font-size: 15px;
		margin: 0 0 0 0;

	}
	#toppage .last-update p.small{
 	 	margin: 0 0 10px 0.25em;
 	 	font-size: 15px;
 	 	color: #333333;
 	}


	/* スマートフォン用は非表示 */	
	.pc{
		display: none;	
	}
	.sp{
		display: block;	
	}
	.copyright{
		text-align: center;
	}
	/* スマートフォン用に表示 */
	#obiMovie3{
		height: 188px;
		background-image: url('images/cgidx3_title_sp.jpg');
		background-position: center center;
	}

}

/* === 固定ページ === */

/* === 共通 === */
h3.normal{
	margin:0em;
	color:#663333;
	font-size:120%;
	border-bottom:2px dashed #ffcc99;
}
h4.normal{
	font-weight:bold;
	margin: 0.5em 0 0 -2em;
}
/* スマートフォン用 */
@media screen and (max-width: 750px) {

/*テキスト処理*/
h3.normal{
	margin: 1em 0 0 0;
	}
h4.normal{
	font-size: 120%;
	font-weight:bold;
	margin: 0.5em 0 0.2em 0;
	}
}

/* === proflieページ === */

#profile div.text{
	margin:0.5em 3% 0em 2em;
	font-size:95%;
	line-height:130%;
	line-break:strict;
}
#profile p{
	margin-bottom:0em;
}
#profile p.q{
	margin: 0;
	width:6em;
	font-weight:bold;
	float: left;
}
#profile p.a{
	margin: 0;
}
/* スマートフォン用 */
@media screen and (max-width: 750px) {

/*テキスト処理*/
#profile div.text{
	margin:0;
}
#profile p.a{
	padding-left:6em;
	text-indent:0em;
}

}

/* === story & novelページ === */

/* 小見出し */
#story-index h4.normal{
	font-weight:bold;
	margin: 0.5em 0 0 0;
}

/* ファンタジー度 説明文 */
#story-index div.fantasy-exp{
	margin: 10px 0 0 0;
	font-size:80%;
}
/* ファンタジー度 */
#story-index .fantasy{
	margin: 0.2em 0 0.5em 0;
	font-size:90%;
	font-weight:normal;
	color: #999999;
}
/*その他という名の処理*/
#story-index p.more{
	margin: 0em 0 0.25em 0;
	text-align:right;
}
/* blog系サブタイトル(パスクのところだけ、将来的にいらないかも) */
#story-index p.title-sec{
	line-height: 190%;
	margin: 0;
}

/* === アーカイブページ === */

/*テキスト処理*/
#kh727 div.text{
	margin:-0.5em 3% 0em 3em;
	line-height:130%;
	line-break:strict;
}
#kh525 div.text{
	margin:0em 0em 0em 2em;
	line-height:130%;
	line-break:strict;
}
#kh727 p.subtitle{
	margin-left:-2em;
}
#kh727 h4.normal{
	font-weight:bold;
	margin: 1em 0 0em -2em;
}
/* タイトル取消線 */
#kh727 span.deltitle2{
	margin-left:2em;
	font-size:smaller;
	font-weight:normal;
}
/* 公開日 */
#kh727 span.update{
	font-size:smaller;
	font-weight:normal
}
/* テキスト70%縮小*/
#kh727 span.text75d{
	font-size:75%;
}
/* LKHfriends用ブロック分け*/
#kh525 div.subblock ,section.subblock{
	margin: 1em 0 0 0;
}
/* LKHfriends用小見出し */
#kh525 article h4{
	margin: 0;
	font-weight: normal;
}
/* Short×Short cake用サブタイトル */
#kh535 article h3{
	padding:3px 3px 0px 3px;
	font-size:130%;
	line-height:130%;
	font-weight:normal;
	border-bottom:2px dashed #ffcc99;
	}
/* Last Kitten Heart 旧シリーズ用*/
.natsumi,.nana,.yuki,.yosuke,.rue, .allmember,.twomember, .threemember, .fourmember, .mapo, .president, .secretary, .gatekeeper, .mipo, .nanoka, .hano, .guard, .space{
	margin: 0;
	padding-left:3em;
	text-indent:-3em;
}
/*p.natsumi{
	color: #ff0000;
}
p.nana{
	color: #ff00ff;
}
p.yuki{
	color: #0000ff;
}
p.yosuke{
	color: #ff8000;
}
p.rue{
	color: #ff0080;
}
p.twomember{
	color: #ff007f;
}
p.threemember{夏ナ陽
	color: #ff8055;
}
p.fourmember{由樹以外
	color: #ff2064;
}
p.allmember{
	color: #cc197f;
}
p.mapo{
	color: #006600;
}
p.president{
	color: #000000;
}
p.secretary{
	color: #ff3333;
}
p.gatekeeper{
	color: #006666;
}
p.mipo{
	color: #006600;
}
p.nanoka{
	color: #ff8080;
}
p.hano{
	color: #66bb66;
}
p.guard{
	color: #33bb33;
}*/
hr.line75{
	width: 75%;
}
hr.line88{
	width: 88%;
}
hr.line95{
	width: 95%;
}
/* css置き換え */
.font-size80{
	font-size: 80%;
	line-height: 180%;
}
.font-size120{
	font-size: 120%;
}
.font-size120_blod{/*<b><big>の代用*/
	font-size: 120%;
	font-weight:bold;
}
.center{
	text-align:center;

}

/* スマートフォン用 */
@media screen and (max-width: 750px) {
	#kh727 h4.normal{
		font-size: 1.2em;
		margin: 0.5em 0 0.2em 0;
	}
	#kh727 p.subtitle{
		margin-left:0;
	}
}
#kh535 dt{
	margin: 0.5em 0 0 0;
}

/*サッカー用*/
#j-league{
	margin: 0;
	padding: 10px;
	border: 1px #ddd solid;
	text-align: left;
}
#j-league ul.league-block{
	margin: 0;
	padding: 0;
}
#j-league ul.club-block{
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin: 0;
	padding: 0;
}
#j-league li{display: block;}
#j-league ul.club-block{padding-left: 40px;}
#j-league .club-tag{color: #999999;}
#j-league li.club-tag:not(:last-child):after{content: "、";color: #000000;}
#j-league a:before{content: "#";}

/* === カテゴリー・タグ・検索ページ === */

#search .category-list{
	display: flex;
	margin: 5px 0;
	padding: 0;
	flex-direction: row-reverse;
	justify-content:flex-end;
}
#search .category-list li {
    display: inline;
}
#search .category-list li:not(:first-of-type):after {
	content: ">";
	padding: 0 0.25em;
}


#search .description{
	margin: 5px 0;
}
#search h3.normal:has(+time){
	margin-bottom: 0.5em;
}
#search div.index{
	margin-bottom: 1em;
}

#search .tag-list{
	margin: 5px 0;
	font-size: 14px;
}
#search .tag-list a:before{
	content: "#";
}

/* == ページネーション関連 == */
/* 大枠 */
.nav-links{
	margin: 0 auto;
	font-size: 18px;
}
/* キャプション(非表示) */
.screen-reader-text{
	display: none;
}
/* ページ番号 */
.page-numbers{
	padding: 0.25em;
}
/* 現在のページ */
.nav-links .current{
	background-color: #ffb266;
	color: #ffffff;
	border-radius: 5px;
}



/* == サイドバー関連 == */

/*Proflie矯正*/
#custom_html-3{
	transform: rotate(0)!important;
}

/* 検索窓 */
.search-field{
	width: 80%;
}

/* カレンダー関連 */
.calendar_wrap{
	flex-grow:0;
}
#wp-calendar{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
}
.wp-calendar-nav{
	display: flex;
	justify-content: space-between;
}
#wp-calendar a{
	margin: 0 auto;
	padding: 0;
	background-color: #ffcc99;
	text-decoration: none;
	color: #ffffff;
}
/* カレンダー 日付だけに反映 */
#wp-calendar tbody a{
	display: block;
	width: 2em;
}
/* カレンダー 一番下は反映させない */
#wp-calendar tbody>tr,#wp-calendar thead>tr{
	border-bottom: 1px solid #999999;
}
/* カレンダー 今日 */
#today{
	font-weight: 800;
}
/* カレンダー リセット */
#wp-calendar #prev{
	text-align: left;
}
#wp-calendar #next{
	text-align: right;
}
#wp-calendar #prev a,#wp-calendar #next a{
	background-color: #ffffff;
	text-decoration: underline;
	color: #996666;
}

/* カテゴリー */
#categories-2 ul{
	display: flex;
    flex-direction: column;
    margin: 0;
}
.cat-item-3{order: 1;}
.cat-item-18{order: 2;}
.cat-item-14{order: 3;margin-left: 10px!important;}
.cat-item-15{order: 3;margin-left: 10px!important;}
.cat-item-16{order: 4;margin-left: 10px!important;}
.cat-item-17{order: 5;margin-left: 10px!important;}
.cat-item-19{order: 6;}

.cat-item-3 .children{
	display: flex;
	flex-direction: column;
	margin: 0;
}
.cat-item-4{order: 1;}
.cat-item-5{order: 2;}
.cat-item-6{order: 3;}
.cat-item-7{order: 4;}
.cat-item-8{order: 5;}

/* 最近の投稿 */
.post-date{
	display: block;
}

/* タグクラウド */
.tagcloud{
	line-height: 150%;
}
.tagcloud div{
	display: inline;
	line-height: 180%;
	margin: 0 0.5em 0 0;
}
.tagcloud div a{
	display: inline;
}
.tag-link-count{
	display: inline-block;
}
/*タグ強調*/
.tag-id-21{
	background: linear-gradient(transparent 60%, #ffcc99 50%);
}

/*今月のピックアップ*/
#kh-pickup a{}
#kh-pickup .pu-words{font-size: 18px;}
#kh-pickup .pu-excerpt{font-size: 13px;text-align: right;}

/*Instagram*/
#insta-post iframe{
	min-width: 318px!important;
}
.yuna-insta a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	border: 2px #ffb266 dashed;
	margin: 10px;
}





/*
2025年が平和な年になりますように。
     Yuna & Kitten Heart.

copyright (c) 2025 Kitten Heart

http://www.geocities.co.jp/Bookend-Shikibu/6577/
http://www.geocities.jp/kitten_heart_6577/
http://maebashi.cool.ne.jp/kittenheart/
http://blog.goo.ne.jp/kittenheart
http://kittenheart.apples.jp/

When you want to have a date with a girl, are you going to send her 15 roses if you know that your rival is sending her 10 roses?
If you would think so, you will be defeated on that moment.
Whatever your rival does, is not what matters.
What does that girl really want?
-Steve Jobs

*/