@charset "utf-8";

@import url("reset.css");
/* CSS Document */

/* =================================================
全体指定
================================================= */
@font-face {
  font-family: "titlefont";
  src: url("../fonts/Stick-Regular.ttf") format("truetype");
}


body {
	color:#555555;
	background:#fff;
}

/* =================================================
リンク
================================================= */

a{
	text-decoration:none;
}

a:link{
	color:#285f8a;
}

a:visited{
	color:#285f8a;
}

a:hover {
	color:#61b3c9;
text-decoration:underline;
}

a:active {
	color:#61b3c9;
}

/* =================================================
見出し・文字
================================================= */

/* 見出し（h1） */

h1{
	font-size:30px;
	font-family: "titlefont", sans-serif;
	text-align:right;
	border-bottom:1px solid #555;
}

/* 見出し（h2） */

h2{
	position: relative;
	padding: .5em .75em;
	font-family: "titlefont", sans-serif;
	text-align:center;
	border-top: solid 1px #555;
	border-bottom: solid 1px #555;
}

h2:before,h2:after{
	content: '';
	position: absolute;
	top: -.5em;
	width: 1px;
	height: calc(100% + 1em);
	background-color: #555;
}

h2:before{
	left: .5em;
}

h2:after{
	right: .5em;
}

/* 見出し（h3） */

h3{
	font-family: "titlefont", sans-serif;
	margin:40px 0px;
	padding: 5px 0 5px 10px;
	background: #ddd;
	color: #555555;
	border-left: 10px solid #555555;
}

/* 見出し（h4） */

h4 {
	font-family: "titlefont", sans-serif;
	position: relative;
	margin:15px 0px;
	padding-left: 1.7em;
}
 
h4:after {
	font-family: "titlefont", sans-serif;
	position: absolute;
	top: 50%;
	left:0;
	transform:translateY(-50%);
	content: '';
	width: 20px;
	height:4px;
	background-color: #ccc;
}

/* 見出し（h5） */

h5{
	font-family: "titlefont", sans-serif;
	margin:20px 0px;
	padding-bottom:5px;
	text-align:center;
	border-bottom:1px dotted #555;
}

/* 見出し（h6） */

h6{
	font-family: "titlefont", sans-serif;
	margin:20px 0px;
}

/* p */

p{
	margin:20px 60px; /* 上下の余白 */
}

/* 太字/強調/下線*/

.bold{
	margin:0px 3px;
	padding-bottom: 3px;
	border-bottom: 3px solid #B94E8A;
	font-weight: bold;
}


/* サイズの小さい文字（PIXIV注）*/

.small
{
font-size:10px;
text-align:right;
line-height:1.2em;
}

/* サイズの小さい文字　menuの説明*/
.smaller
{
font-size:0.9em;
}

/* 右寄せ用 */
.right2
{
text-align:right;
padding-right:50px;
box-sizing:border-box;
}


/* =================================================
その他
================================================= */


/*全体のレイアウト*/

#wrapper{
	margin-right:auto;
	margin-left:auto;
	background-color: rgba(255,255,255,0.9);
	box-sizing:border-box;
}

main{
	display:block; /*IE対策*/
}

/*ul,olのマーカーや数字*/

ul,ol{
	list-style-position: inside;
}

ul{
	list-style: none;
}


dt{	font-family: "titlefont", sans-serif;
	font-weight:bold;
	line-height: 3em;
}
dd{
	font-weight:normal;
	line-height: 1.8em;
}


/* トップへ戻るリンク */

p.top{
	padding-right:5px;
	text-align:right;
	box-sizing:border-box;
}





/* =================================================
ヘッダー
================================================= */


/* ヘッダーにあるメニュー */

nav{
	width:100%;
}

nav ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	font-weight: bold;
	font-family: "titlefont", sans-serif;
}

nav ul li{
	margin:0px 5px;
	background: linear-gradient(transparent 60%, #c5dbda 60%);
}


/*更新履歴*/

/*
header dl{
	display:flex;
	flex-wrap: wrap;
	align-items: stretch;
	width:100%;
	font-size:90%;
	line-height: 26px;
	border-top:1px dotted #555;
}

header dl dt{
	display:flex;
	justify-content: center;
	align-items: center;
	width:30%;
	text-align:center;
	border-bottom:1px dotted #555;
}

header dl dd{
	width:70%;
	border-bottom:1px dotted #555;
	padding:5px 0px;
}

*/

/* =================================================
コンテンツ
================================================= */
/*menuの説明*/

.menu{
	width:100%;
}

.sikaku::before
{
  content: "■";
  font-size: 1em;
  color: #c5dbda;
 padding: 0px 0px;
  margin:0 5px;*/

}






/*about Twitterボタン*/

ul.prof_link{
	display:flex;
	margin:10px 0px 10px;
	font-size:80%;
	justify-content: center;
}

ul.prof_link li{
	margin-right:15px;
}

ul.prof_link li:last-child{
	margin-right:0px;
}

ul.prof_link li a{
	display:block;
	padding:0px 14px;
	border:2px solid #ffffff;
	color:#000000;
	background-color:#ddd;
	border-radius: 16px;/* CSS3草案 */
	-webkit-border-radius: 16px;/* Safari,Google Chrome用 */
	-moz-border-radius: 16px; /* Firefox用 */
}

ul.prof_link li a:hover{
	background:#D9B9CB;
	color:#fff;
}



/*イラスト*/

ul.illust{
	display:flex;
	flex-wrap: wrap;
}

ul.illust li{
	margin:3px;
}

img.illust_icon{
	width:75px;
	height:75px;
	object-fit: cover;
	border-radius: 50%;
}

figure.illust img{
	display:block;
	margin:auto;
}

figure.illust figcaption{
	padding:5px;
	text-align:center;
}



/*link*/

ul.link{
	display:flex;
	flex-wrap: wrap;
}

ul.link li{
	margin:0px 5px 5px 0px;
}

ul.link li a{
	border-bottom:3px solid #ffffff ;
}

/* =================================================
フッター
================================================= */

footer{
	padding-top:40px;
	border-top:1px solid #555;
	font-size:80%;
}

footer ul{
	display:flex;
	justify-content: center;
}

footer ul li{
	margin-right:5px;
}

footer ul li:after{
	margin-left:10px;
	content: "\fe19";
}

footer ul li:last-child:after{
	content: "";
}

/* =================================================
テキストページの本文レイアウト
================================================= */



/*パソコン
================================================= */

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

	/* =================================================
	全体指定
	================================================= */

	body {
		font-size:16px;
		line-height:2em;
		font-family:'sans-selif';
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100%;
	}

	img {
		max-width: 100%;
		height: auto;
		width: auto;
		vertical-align: bottom;
	}
/*　トップ絵　*/
.imgtop {
		max-width: 50%;
		height: auto;
		width: auto;
		vertical-align: bottom;
		align:center;
	}

/*toritofu　とりとふあいこん*/

.imgtopicon
 {		
		width:25%;
		max-width:300px;
		margin:0 auto;
	}

/* 仙人絵　NO AI*/

.imgtopsennin
 {		
		align-center;
		width:50%;
		max-width:200px;
		margin:0 auto;
	}

.imgtopsennintxt
 {		
		font-align:center;
		margin:0 auto;
	}



	/* =================================================
	見出し・文字
	================================================= */

	h1{
		padding-bottom:0px;
	}

	h2{
		margin:0px 10px 0px 10px;
		font-size:120%;
	}

	h2.just{
		padding-top:0px;
	}

	h2.just2{
		padding-top:0px;
	}

	/* =================================================
	その他
	================================================= */

	/*背景画像*/

	body{
		background:#243239;
	}

	/*全体のレイアウト*/

	#wrapper{
		margin:80px auto;
		padding:100px 100px;
		width:850px;
		border-radius:20px;
		border:10px #ffffff solid;
	}

	header,main,section{
		margin-bottom:40px;
	}

	/* =================================================
	ヘッダー
	================================================= */

	/* ヘッダーにあるメニュー */

	nav {
		margin: 0px 0px;
	}

	nav ul{
		font-size:100%;
	}

	nav ul li{
		margin:0px 20px;
	}

	/* =================================================
	コンテンツ
	================================================= */


	/* =================================================
	フッター
	================================================= */


}



/* タブレット端末
================================================= */

@media screen and (min-width:737px) and (max-width:1024px)


/*スマホ
================================================= */

@media screen and (min-width:0px) and (max-width:736px)