body {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:16px;
	line-height:180%;
	color: #222;
	min-width:1000px;
	-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 -------------------------*/
header{
	position:relative;
}
header a { text-decoration:none; }
header#navi{
	padding: 20px 0 0;
	position: fixed;
	width: 100%;
	z-index: 9999;
	background-color: rgba(255,255,255,1);
}
header#navi .wrap{ max-width: 1300px; margin:0 auto; overflow:hidden; }

/* Navigation -------------------------*/
header nav#global{
	margin-top: 30px;
	padding: 15px;
	border-bottom: #EFEFEF solid 5px;
	position: relative;
}
header nav#global:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: -15px;
	width: calc(100% + 30px);
	height: 5px;
	background-color: #E60012;
}

header nav#global > ul{
	margin:0;
	padding:0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header nav#global li.pcmenu{
	display: none;
}
header nav#global li{
	margin:0;
	position: relative;
	border-left: #EFEFEF solid 1px;
	width: 100%;
	text-align: center;
}
header nav#global > ul > li:first-child,header nav#global > ul > li.pcmenu+li{
    border-left: none;
}

header nav#global a{
	text-align:center;
	display:block;
	padding:0.25em;
	font-size:100%;
	color: #000;
	line-height:150%;
}
header nav#global a span{
	display: block;
	font-size:75%;
	color: #918D8D;
}

header nav#global > ul ul {
	transition: opacity .2s ease-in;
	opacity: 0;
	width: 100%;
	min-width: 200px;
	left: 50%;
	top: 100%;
	transform: translate(-50%,0);
	padding-top: 20px;
	position: absolute;
	box-sizing: border-box;
	height: 0;
	overflow: hidden;
	z-index: 999;
}
header nav#global > ul > li:hover ul {
	opacity: 1;
	height: auto;
}
header nav#global > ul ul li {
	display: block;
	border-bottom: #EFEFEF solid 1px;
	border-left: none;
	background-color: rgba(255, 255, 255, 0.9);
}
header nav#global > ul ul li a {
	font-size:100%;
}
header nav#global > ul > li:nth-child(2) ul li a {
	font-size:100%;
}
header nav#global a:hover,header nav#global > ul li.current-menu-item > a {
	opacity: 1.0;
	color: #E60012;
}
header nav#global a:hover span,header nav#global > ul li.current-menu-item a > span{
	color: #F27F88;
}

header #logo{
	float: left;
}
header #logo img{
	width: auto;
	height: 50px;
}
header #hdlink p{
	float: right;
	margin-right: 10px;
	min-width: 180px;
}
header #hdlink{
	display: flex;
	align-items: center;
	float: right;
}
header #hdlink p a{
	padding: 8px;
	text-align: center;
	display: block;
	color: #000;
	border: #E31319 solid 1px;
	border-radius: 5px;
	line-height: 1.2;
	position: relative;
	min-height: 50px;
	box-sizing: border-box;
}
header #hdlink p a::after{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 0;
	content: "\e5cc";
	font-family:"Material Icons";
	font-size:170%;
	font-weight:600;
	color: #E31319;
}
header #hdlink p:last-child a{
  border: none;
}
header #hdlink p:last-child a::after{
	right: -10px;
	color: #606060;
}
header #hdlink p a span{
	display: block;
	font-size:88%;
}




/*====================================================================================================
  CONTENT
====================================================================================================*/

#content { clear:both; width:100%; }


/*====================================================================================================
  FOOTER
====================================================================================================*/
.wrapping02 { background-color: #231C1C; padding: 25px 0; color: #fff; }
.wrap { max-width: 1000px; padding: 0px 15px; margin: 0 auto; }

#footer .wrapping02 .wrap { display: flex; justify-content: space-between; align-items: center; }
#footer .add { width: 210px; }
#footer nav { display: inline-block; font-weight: 300; }
#footer nav > ul { display: flex; }
#footer nav > ul > li+li { border-left: #fff solid 1px; }
#footer nav li a {
  display: block;
  color: #fff;
  font-size: 75%;
  padding: 0 10px;
  box-sizing: border-box;
  text-decoration: none;
  line-height: 150%;
}

#footer .copy { padding: 15px 0; font-size: 75%; text-align: center; }

/*====================================================================================================
  DEVICE
====================================================================================================*/

#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
====================================================================================================*/

#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;}