/* Container
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container_header {
  position: relative;
  width: 100%;
  /*max-width: 1600px;*/
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box; 
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .container_header { 
		width: inherit;
  } /* IE11 */
}

.container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box; 
}
 


  .br_appear{
  	display: block}
  .br_hidden{
  	display: none}
	
/* パンくず */
#pan {
  padding: 20px 0; 
  position: relative;
  z-index: 999; }
.breadcrumbs {
  font-size: 0.9em;
  width:100%;}
.breadcrumbs li {
	display: block;
	float : left ;
	word-wrap:break-word;
	list-style : none ;
}
.breadcrumbs li a {
	text-decoration: none; 
}
.breadcrumbs li a:hover {
  text-decoration: underline; }
.breadcrumbs li:after {
  content: ">";
  margin:0 10px 0 10px;}
.breadcrumbs li:last-child:after {
  content: none;}	

/* For devices larger than 400px */
@media (min-width: 400px) {}

/* For devices larger than 550px */
@media (min-width: 750px) {
  .br_appear{
  	display: none  }
  .br_hidden{
  	display: block  }
}

/* Larger than desktop */
@media (min-width: 1200px) {
  .container {
    padding: 0;
    width: 100%; }	
}
@media all and (-ms-high-contrast:none) and (min-width: 1200px){
  *::-ms-backdrop, .container_header { 
		width: 1560px;
  } /* IE11 */
}




/* Go Top
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.gotop{
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 9999999;}
.gotop img {
  width: 60px;
  height: auto;}

@media (min-width: 1000px) {
	.gotop img {
	  width: 100px;
	  height: auto;}
}


/* ギミック */
.fadeInUp {
  opacity : 0;
  transform: translateY(60px);
  transition: 1s; }
