@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');

@font-face {
	font-family:"Senobi Gothic Regular", "Bahnschrift Regular";
	src:url(../fonts/Senobi-Gothic-Regular.ttf), url(../fonts/BAHNSCHRIFT.ttf);
}
body {
	margin:0;
	padding:0;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:16px;
	line-height:180%;
	color:#222;
	min-width:1300px;
	-webkit-text-size-adjust: 100% ;/* iPhoneフォントサイズ拡大対策 */
}
img {
	border:none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin:0;
	padding:0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); /* AndroidページのP要素の隙間対策 */
}
a:link {color:#06F; outline:none; }
a:visited {color:#06F; }
a:hover {color:#333; }
a:hover img { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; }

#wrapper {}
.base {}

.pc { display:block; }
.sm { display:none; }


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

#header {}

/*** LOGO ******************************************************************/

/*** NAVIGATION ************************************************************/

/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both; position:relative; width:100%; }



/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { font-family:"Yu Gothic"; padding-top:55px; clear:both; width:100%; text-align:center; color:#FFF; background:#219FC9; }
#footer ul {}
#footer ul li.logo {
	text-indent:-9999px;
	width:283px;
	height:33px;
	margin:0 auto;
	background:url(../../common/image/f_logo.png);
}
#footer ul li.add { font-size:100%; font-weight:normal; margin-top:25px; line-height:0; }
#footer ul li.add br { padding-left:20px; }
#footer ul li.link { padding: 10px 0 0;}
#footer ul li.link a{ color: #FFF; text-decoration: none;}
#footer ul li.link a:hover{ text-decoration: underline}
#footer .copy {	font-size:88%; font-weight:normal; padding:30px 0; }



/*====================================================================================================
  DEVICE [No Touch]
====================================================================================================*/
#device { display:none; background:#FFF; padding:20px; text-align:center; }
#device::after {}
#device p {}
#device p a {
	display:block;
	padding:10px;
	color:#555;
	text-decoration:none;
	background:#EEE;
	border:1px solid #DDD;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}


/*====================================================================================================
  PAGE [No Touch]
====================================================================================================*/
#page,
#page a { display:block; width:51px; height:51px;}
#page { position: fixed; bottom:130px; right: 20px;}
#page a {
	text-indent: -9999px;
	background:#444 url(../image/page_top.png) no-repeat;
}


/*====================================================================================================
  COLOR eto.. [No Touch]
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}