@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

body {
	color:#161616;
	font-size:x-small;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", serif;
	/* font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", serif; */
	-webkit-text-size-adjust: 100%;
	margin:0px;
	padding:0px;
	line-height: 1.6em;
	letter-spacing: 0;
	text-align:center;
	-webkit-text-size-adjust: 100%;
}
body/**/ {
	font-size: /**/x-small;
}
/* IE7でpadding指定 */
*:first-child+html body {
	padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
	padding-left: 1px;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form {
	margin:0px;
	padding:0px;
}

main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {
	display: block
}

ul li {
	list-style-type:none;
}

ol li {
	margin-left:20px;
}

li img {
	vertical-align: bottom;
}

img {
	border:0px solid #FFFFFF;
}

a {
	color:#27409b;
	text-decoration:none;
}
a:hover {
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}

.align-center {
	text-align:center !important;
}

.align-right {
	text-align:right !important;
}

#contents-area,
footer {
	overflow:hidden;
}

#cookie {
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: 1.6em;
	width: 100%;
	padding: 1.5em 45px 1.5em 10px;
	background-color: rgba(0,0,0,0.8);
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	display: flex;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 999;
}

#cookie p {
	color: #fff;
}

#cookie .btn {
	color: #fff;
    display: inline-block;
    text-decoration: none !important;
	padding: 0.5em 0;
    border: 1px solid #1677B7;
    background: #1677B7;
    min-width: 100px;
    margin-left: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

#cookie .btn:hover {
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}

#cookie a {
	color: #fff;
	text-decoration: underline;
}

#cookie a:hover {
	color: #fff;
	text-decoration: none;
}

#cookie .close {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	cursor: pointer;
	transition: .3s;
}

#cookie .close:hover {
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	transition: .3s;
}

#cookie .close::before {
	position: absolute;
	top: 50%;
	right: 0px;
	width: 20px;
	height: 1px;
	content: "";
	background-color: #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
}

#cookie .close::after {
	position: absolute;
	top: 50%;
	right: 0px;
	width: 20px;
	height: 1px;
	content: "";
	background-color: #fff;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: block;
}

@media screen and (max-width: 769px) {

#cookie {
	font-size: 1.4em;
	display: block;
}

#cookie .btn {
	margin: 15px 0 0 0;
}

}


/* -----------------------------------------------------------------------------
　clear hack
----------------------------------------------------------------------------- */
.cf:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.cf {
	display:inline-table;
	zoom:1;
}

* html .cf {
	height:1%;
}

.cf {
	display:block;
}

.clear-float {
	clear:both;
}

/* -----------------------------------------------------------------------------
　Margin Top
----------------------------------------------------------------------------- */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

/* -----------------------------------------------------------------------------
　Padding Top
----------------------------------------------------------------------------- */
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

/* -----------------------------------------------------------------------------
　Font Size
----------------------------------------------------------------------------- */
.xxflarge {font-size:1.6em !important;}
.xflarge {font-size:1.4em !important;}
.flarge {font-size:1.2em !important;}
.fsmall {font-size:0.85em !important;}
.f14 {font-size:14px;}
.f12 {font-size:12px;}
.f10 {font-size:10px;}

/* -----------------------------------------------------------------------------
　Color
----------------------------------------------------------------------------- */
.white {color:#FFFFFF;}
.glay6 {color:#666666;}
.glay9 {color:#999999;}
.glayc {color:#CCCCCC;}
.red {color:#FF0000;}
.yellow {color:#6d5b00;}
.green {color:#009900;}
.orange {color:#d67500;}