@charset "UTF-8";

@import url("https://sakko.icu/css/gridlex.min.css");
@import url('https://fonts.googleapis.com/css2?family=Inconsolata&family=Josefin+Sans&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");

/*初期化*/
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
h1,h2,img,p{
	margin:0;
	padding:0;
}
ul,ol{
	list-style: none;
}
h1,h2{
	font-weight:700;
	color:#61b7bf;
	font-family: 'Josefin Sans', sans-serif;
}
h1:first-letter,h2:first-letter{
	color:#bf62b7;
}

/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */

/*基本設定*/
html{
	font-size:62.5%;
}
body{
	background-size: auto auto;
	background-color:#f0ffff;
	color:#1a3133;
	background-image:radial-gradient(#e5f7ff 6%, transparent 15%),radial-gradient(#e5f7ff 6%, transparent 15%);
	background-position: 0 0, 4rem 4rem;
	background-size: 8rem 8rem;
	font-size:1.6em;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	line-height:1.7;
}
a{
	color:#33b3cc;
	text-decoration:none;
}
img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em;
}
#content{
	background-color:#ffffff;
	width:96%;
	max-width:1024px;
	margin:1.6rem auto;
	border-radius:1.6rem;
}
@media (max-width: 768px){
	#content{
		width:98%;
		max-width:600px;
	}
	h2.livlytitle{
		text-align:left !important;
	}	
}
@media (max-width: 576px){
	#content{
		width:98%;
	}
	h2.livlytitle{
		text-align:left !important;
	}	
}


/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */

/*ヘッダー*/
header{
	text-align:center;
}
header h1{
	font-size:3.2rem;
	font-weight:bold;
	padding-top:1.6rem;
}
header img.icon{
	display:block;
	height:80px;
	width:80px;
	border-radius:50%;
	border: solid 2px #bf62b7;
	margin:auto;
}
header p{
	color:#61b7bf;
	font-size:1.4rem;
	margin-top:1.4rem;
	margin-bottom:2.4rem;
}
header p:first-letter{
	color:#bf62b7;
}
/*コンテンツ*/
.item{
	margin:0 1.6rem 3.2rem 1.6rem;
}
.item h2{
	font-size:2rem;
}
.item p{
	margin-bottom:1rem;
}

/*List*/
ul{
	margin:1rem 0;
}
ul li,dl dd{
	display:inline-block;
}
ul li:nth-last-child(n+2)::after,dl dd:nth-last-child(n+2)::after{
	content:" / "
}
dl {
	width:100%;
	margin:1rem 0;
	padding-left:1.6rem;
}
dl dt{
	font-weight:bold;
}
dl dt::before{
	display:inline-block;
	font-family: "bootstrap-icons";
	color: #67b5b7;
	content: "\F155";
	text-align:left;
	width:2rem;
	height:1.6rem;
	top:.2rem;
	left:0;
}
.banner{
	text-align:center;
}
.banner li{
	display:block;
}
.banner li span{
	display:inline-block;
	margin-left:1rem;
	margin-right:1rem;
}
.banner li:nth-last-child(n+2)::after{
	content:""
}
	
/*てがろぐの投稿を無効にする*/
div.nodata{
	display:none;
}

/*フッター*/
footer{
	text-align:center;
	margin-top:3.2rem;
	margin-bottom:0.8rem;
}
footer ul{
	color:#33b3cc;
	margin-bottom:3.2rem;
	display:flex;
	justify-content: center;
	font-size:1.2rem;
	font-family: 'Josefin Sans', sans-serif;
}
footer li{
	display:inline-block;
	padding:0 0.8rem;
}
footer ul li::before {
	content: "";
	top:0;
	left:0;
}
footer p{
	margin-top:3.2rem;
	margin-bottom:1.6rem;	
}
footer p a{
	color:#1a3133;
}