@charset "utf-8";
/* CSS Document */

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfnrem,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

html,body{
	font-size:16px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	background: #eee;
	color: #0065ae;
	line-height: 1.7;
	font-weight: 400;
	line-break: strict;
}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

input,textarea{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

img{
     max-width: 100%;
     height: auto;
     display:block;
		 margin: 0 auto;
}

.center{
	text-align: center;
}

.headimg{
	height: 0;
	padding-top: 52.5%;
	margin: auto;
	background: url('./ogp_kiminatsu.png');
	background-size:cover;
}

/* メニュー */
.nav {
	font-size: 14px;
	display: flex;
	justify-content: space-around;
	max-width: 800px;
}

.linkbtn{
	font-size: 0.95em;
	display: inline-block;
	text-decoration: none;
	background: linear-gradient(rgba(0, 101, 173, 0.8), rgba(159, 89, 222, 0.3));
	color: #FFF;
	border:none;
	width: 90px;
	height: 90px;
	line-height: 90px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	transition: .4s;
}

.linkbtn:hover{
	background: linear-gradient(rgba(172, 103, 189, 0.5),rgba(226, 173, 85, 0.8));
	border: none;
	color:#fff;
	border-radius: 25%
}

nav>ul>li {
	text-align: center;
}

nav{
	margin: 2rem 0;
}

/* メインコンテンツ　*/

div#wrapper{
	width: 100%;
	max-width: 750px;
	min-width: 320px;
	margin: auto;
}

.headimg {
	margin-bottom: 2rem;
}

section{
	margin: 1.5rem 0 4rem 0;
}

/* メイン(内容)　*/

h3,h4,p,ul,table{
	width: 90%;
}

section>h4,ul,p,table{
	max-width: 500px;
}

h3{
	font-weight:normal;
	font-size:1.25rem;
	color:#fff;
	margin: 1rem auto 1rem;
	padding: 0.25rem;
	padding-left: 1rem;
	background: linear-gradient(90deg, rgba(0, 101, 173, 0.8), rgba(255, 255, 255, 0.3));
	border: 1px solid linear-gradient(90deg, rgba(0, 101, 173, 0.8), rgba(255, 255, 255, 0.3));
	border-radius: 10px;
}

h4{
	margin: 2rem auto 0.5rem;
}

p{
	margin: 0.75rem auto;
	padding-left: 1rem;
	}

	p>span.kerning{
		font-size: 1.2rem;
		letter-spacing: -0.25rem;
	}

	.caution{
		padding-left: 1rem;
		text-indent: -1rem;
	}

	@media screen and (max-width: 350px) {
	.vmin{
		font-size: 4vmin;
	}
	}

	@media screen and (min-width: 768px) {
		.vminlarge{
			font-size :2.25vmin;
		}
	}
	@media screen and (max-width: 767px) {
		.vminlarge{
			font-size :1.25rem;
		}
	}

ul{
	margin: 0 auto;
}

ul.lil{
	margin: 0 0 1rem 1rem;
}

li{
	margin-bottom: 0.5rem;
}

.border-red{
	font-size: 0.9rem;
	border:red 2px solid;
	box-sizing: border-box;
	margin-top: 1rem;
	padding: 0.5rem;
}

table{
	display: block;
	max-width: 500px;
	margin:auto;
}

td,th{
	padding: 0.5rem;
	line-height: 1.7em;
}

iframe{
	width: 100%;
	height:700px;
	overflow:hidden;
}

/* 取り消し線 */

 .del {
   color: #f00;
   text-decoration : line-through ;
 }
 .del span {
   color: #0065ae;
 }

 .kanbai{
	 color: #f00;
 }

/* あらすじ */
section.story>p{
	font-family: "Sawarabi Mincho";
}

/* 丸の設定 */
.maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column wrap;
  vertical-align: top;
	opacity: 0.7;
}

.size_normal{
	width: 80px;
	height: 80px;
}

.size_mini{
  width: 1rem;
  height: 1rem;
}

.letter3 {
  font-size:1em;
  line-height: 1.5em;
}

.letter_small {
  font-size: 1em;
  line-height: 0.5em;
}

.red {
  color: #fff;
  border: 4px solid #a4005b;
  background: #a4005b;
}
.blue {
  color: #fff;
  border: 4px solid #001b95;
  background: #001b95;
}


/* リンクの設定　*/

a{
	text-decoration:none;
	color: #fff;
	outline:none;
	background: #0065ae;
  padding: 0 2% 0 ;
	border: 2px #0065ae solid;
	border-radius: 10px;
	}

a:hover{
	text-decoration:none;
	color: #0065ae;
	outline:none;
	background: #fff;
	padding: 0 2% 0 ;
	border: 2px #0065ae solid;
	border-radius: 10px;

}

	#content {
	  margin: 0 auto;
	  padding: 2.5%;
	  clear: both;
	}


	/* footer */

	footer{
		background: #0065ae;
		padding: 5%;
		letter-spacing: .25em;
		opacity: 0.8;
	}

	footer a{
		color:#fff;
		background: none;
		padding: 0;

	}
	footer a:hover{
		color:#fff;
		background: none;
		opacity: .6;
		padding: 0;
	}

	/* TOP戻るボタン */

	#pageTop{
		background: #fff;
		border-radius:10px;
		color:#0065ae;
		padding:10px;
		position:fixed;
		bottom:10px;
		right:10px;
		text-decoration: none;
		line-height: 1;
	}

	#pageTop:hover{
		opacity: .7;
	}