img{
	max-width: 100%;
	height: auto;
	width :auto;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

body{
    font-family: "Yu Gothic", YuGothic;
		background-color: #fff;
}

a{
  color: #000;
  text-decoration: none;
}

li{
  list-style: none;
}

a:hover {
  opacity: 0.7;
}
a p:hover{
	opacity: 0.7;
}
a img:hover{
	opacity: 0.7;
}

.container{
  max-width: 1000px;
  margin: 0 auto;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.textcenter{
	text-align: center;
}
.mar10{
	margin: 10px 0;
}
.mar30{
	margin: 30px 0;
}
.pad10{
	padding: 10px 0;
}
.font18{
	font-size: 18px;
}
.font22{
	font-size: 22px;
}



header{
  width: 100%;
  height: auto;
}
.header_bar{
	width: 100%;
	position: fixed;
	background: #3E3A39;
}
.header_bar .h_logo{
	width: 20%;
	float: left;
}
.header_bar  .h_contact{
	width: 20%;
	float: right;
	background: #D04E7A;
	color: #fff;
	padding: 15px;
	text-align: center;
}
.header_bar  .h_contact a{
	color: #fff;
}
.global_menu {
	width: 100%;
	background: #DD8E9A;
	border-bottom: 5px solid #fff;
}
.global_menu li{
	width: 20%;
	float: left;
	text-align: center;
	padding: 15px 0;
}
.global_menu li a{
	color: #fff;
}



footer{
	width: 100%;
	background: #A4A7B9;
	color: #fff;
	padding: 30px 0;
}
.f_nav li{
	width: 16.6%;
	float: left;
	text-align: center;
}
.f_nav li a{
	color: #fff;
}
.f_logo{
	width: 100%;
	background: #231815;
}
.copyright{
	color: #fff;
}

/* ページTOP */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}







@media screen and (max-width:639px) {
.SP-none{
	display: none;
}
.container{
  width: 95%;
}
.drawer-hamburger{
	    padding: 16px 0.45rem 30px;
}

.f_nav li{
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 5px;
}




/*ページTOP*/
#page-top a{
	background: #D50000;
	text-decoration: none;
	color: #fff;
	width: 100%;
	padding: 25px 5px;
	text-align: center;
	display: block;
	border-radius: 5px;
}

}





@media screen and (min-width:640px) {
.PC-none{
	display: none;
}
}