@charset "utf-8";
/*********** responsive **********/
@media screen and (max-width: 768px){
/****** img ******/
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
html{background:#000;}
body{
	/*width:1100px;*/
	margin:0 auto 0;
	background:#fff;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	/*font-weight:bold;*/
	color:#333;
}
a, a:visited{
	color:#333;
	-webkit-transition:color .4s ease;
	-moz-transition:color .4s ease;
    -o-transition:color .4s ease;
    transition:color .4s ease;
}
a:hover{
	color:#333;
}
.wrapper{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
/* wrapperTop
.wrapperTop{
	height:30px;
    margin-bottom:16px;
}
.searchEngine{
	display:block;
	float:right;
} */
/****** header ******/
header.siteCommon{
	position:fixed;
	height:45px;
	line-height:0;
	top:0;
	left:0;
	/left:50%;
	/margin-left:-490px;
	right:0;
	z-index:1030;
	background:#282828;
	padding-top:15px;
}
header.siteCommon h1{
	float:left;
	display: block;
  margin-bottom: 15px;
	width: 110px;
	height: 30px;
	background-image: url(../images/header/logo.png);
	background-repeat: no-repeat;
	background-position: 10px -1px;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
}
header.siteCommon h1 a{
	display: block;
	width: 110px;
	height: 30px;
	margin-right: 32px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition:opacity .3s ease;
	-moz-transition:-moz-opacity .3s ease;
    -o-transition:filter .3s ease;
    transition:opacity .3s ease;
}
header.siteCommon h1 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;
}

.header-logo h1{
  display: block;
  width: 89px;
  height: 30px;
  background-image: url(images/header/logo.png);
  background-repeat: no-repeat;
  background-position: 0px;
	background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
}
.header-logo h1 a{
  display: block;
  width: 89px;
  height: 30px;
}

/* grovalNav */
header.siteCommon .grovalNav{
	width:100%;
    /*float:right;*/
    /*margin-right:-27px;*/
}/*
header.siteCommon .grovalNav ul{
    overflow:hidden;
    height:45px;
    width:850px;
}
header.siteCommon .grovalNav ul li{
    float:left;
}
header.siteCommon .grovalNav ul li a{
    display:block;
    height:45px;
    width:134px;
}
header.siteCommon .grovalNav ul li a:first-child{
    margin-left:26px;
}*/

#toggle{
	float:right;
	display:block;
	position:relative;
	width:12%;
	background:#282828;
	margin-right:3%;
}
#toggle a{
	display:block;
	position:relative;
	padding:30px 0 3px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
#toggle:before{
	display:block;
	content:"";
	position:absolute;
	top:50%;
	left:10px;
	width:30px;
	height:21px;
	margin-top:-10px;
	background:#fff;
}
#toggle a:before, #toggle a:after{
	display:block;
	content:"";
	position:absolute;
	top:50%;
	left:10px;
	width:30px;
	height:6px;
	background:#282828;
}
#toggle a:before{
	margin-top:-7px;
}
#toggle a:after{
	margin-top:2px;
}

#mobileMenu{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#mobileMenu li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0;
}
#mobileMenu li a{
  display: block;
  padding: 20px 15px;
  background: #282828;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-top: solid 1px #999;
  font-size: 14px;
  line-height: 1.5;
}
#mobileMenu li a:hover{
  background: #444;
}

#mobileMenu{
	display:none;
}
#mobileMenu li{
	width:100%;
}

/* menuDrop */
.entryHeader a{
    background:rgb(208, 28, 58);
    border-radius:3px 3px 0 0;
}
.entryHeader a:hover{
    color:#fff !important;
    background:rgb(208, 28, 58) !important;
}
#menuDrop{
display:none;
}
#rec_menuDrop{
display:none;
}
#rec_info01{
	float:left;
	font-size:16px;
	color:white;
	margin-top: 22px;
	display:block;
}
#rec_info01 a{
	color:#fff;
	text-decoration: none;
}
/* socialBtn */
#socialBtn{
display:none;
	overflow:hidden;
	margin-right:18px;
}
#socialBtn ul{
	margin:0;
	padding:0;
	list-style:none:
}
#socialBtn li{
display:inline;
padding:0;
margin-right:4px;
float:right;
}

.floatBanner {
  display: flex;
  margin:  20px 0 0;
  padding: 0 20px;
}
.floatBanner img {
  width: 100%;
  height: auto;
}

/****** footer ******/
/* copyright */
footer {
	background:#282828;
  padding: 15px 0;
}
footer .footerMenu{
display:none;
}
footer .copy{
	width:100%;
	margin:0 auto;
	padding:8px 0;
	color:#7e7e7e;
	font-size:12px;
	overflow:hidden;
}
footer .copy small{
	display:block;
	text-align: center;
}
footer .copy .link{
display:none;
}

.footerMenuWrap {
}
.footerMenuList {
    display: flex;
    justify-content: center;
}
.footerMenuList li {
}
.footerMenuList li a {
    color: #dadada;
    font-size: 13px;
}
.footerMenuList li a:before {
    display: inline-block;
    margin: 0 20px;
    content: '';
    width: 1px;
    height: 1em;
    background-color: #dadada;
}
.footerMenuList li:first-child a:before {
    display: none;
}
.footerLogo {
    margin:  40px 0 5px;
    text-align: center;
}
.footerLogo img {
  width: 90px;
  height: 30px;
}
.footerSocial {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:  20px 0;
}
.footerSocialText {
    margin-right: 20px;
    color: #fff;
    font-size: 13px;
}
.footerSocialList {
    display: flex;
    justify-content: center;
    height: 20px;
}
.footerSocialList li {
    margin:  0 8px;
}
.footerSocialList li img {
    width: 20px;
    height: 20px;
}

/****** common ******/
/*.flL{float:left;}
.flR{float:right;}*/
.clB{clear:both;}
.alC{text-align:center;}
.alR{text-align:right;}
strong, b{font-weight:bold;}

/* margin */
/*.marB0{margin-bottom:0 !important;}*/
.marB18{margin-bottom:18px !important;}
.marB24{margin-bottom:24px !important;}
.marB30{margin-bottom:30px !important;}
/*.marR0{margin-right:0 !important;}
.marR30{margin-right:30px !important;}*/
.marT0{margin-top:0 !important;}
.marT30{margin-top:30px;}

/* fixed */
.fixed {
    position: absolute;
}
/* entryFixed */
.entryFixed {
	position:absolute;
    float:right;
    width:210px;
    font-size:14px;
    display:block;
    padding:21px 9px;
    border:#ccc solid 1px;
    background:url(/images/common/arrow.png) 211px center no-repeat;
    background-color:#fff;
    -webkit-transition:background-color .5s ease;
    -moz-transition:background-color .5s ease;
    -o-transition:background-color .5s ease;
    transition:background-color .5s ease;
}
.disp_del {
  display: block;
}
/* emergency */
.emergency{
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
    color:red;
    margin-left:10px;
}
@-webkit-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;
}
}