@charset "utf-8";

#fixation {
	position: fixed;
	bottom: 0px;
	background: #ffffff;
	width: 100%;
	z-index: 300;
	border: solid 1px #ffffff;
}
#fixation > .lp_sp {
	display: table;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px #00a7ea;
}
#fixation > .lp_sp > div {
	display: table-cell;
	position: relative;
	text-align: left;
	vertical-align: middle;
}
#fixation > .lp_sp > div:nth-of-type(1) {
	width: 40%;
	text-align: right;
}
#fixation > .lp_sp > div:nth-of-type(2) {
	width: 60%;
	padding-right: 3%;
}
#fixation > .lp_sp > div:nth-of-type(2) > p {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
}
#fixation > .lp_sp > div:nth-of-type(1) > img {
	max-width: 683px;
	width: 100%;
}
#fixation > .lp_sp > div:nth-of-type(2) > a > img {
	max-width: 282px;
	width: 75%;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}
#fixation > .lp_sp_y {
	display: table;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px #00a7ea;
}
#fixation > .lp_sp_y > p {
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
#fixation > .lp_sp_y > p img {
	width: 100%;
	max-width: 100%;
}
#fixation > .lp_sp {
	display: none;
}
.lp_sp {
	display: block;
}
.lp_pc {
	display: none;
}
.lp_link a:hover img {
	opacity:0.8;
}
footer {
  margin-bottom: 90px;
}

@media only screen and (min-width:768px){
  #fixation {
    background: linear-gradient(-90deg, #ffffff 50%, #fff100 50%, #fff100);
  }
  #fixation > .lp_sp {
    display: none;
  }
  #fixation > .lp_pc {
    display: table;
    width: 94%;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
  }
  #fixation > .lp_pc > div {
    display: table-cell;
    position: relative;
    text-align: left;
    vertical-align: middle;
  }
  #fixation > .lp_pc > div:nth-of-type(1) {
    background: #fff100;
    text-align: left;
  }
  #fixation > .lp_pc > div:nth-of-type(2) {
    width: auto;
  }
  #fixation > .lp_pc > div:nth-of-type(2) > div {
    display: table;
    width: 100%;
    text-align: right;
  }
  #fixation > .lp_pc > div:nth-of-type(2) > div > p {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 4px;
  }
  #fixation > .lp_pc > div:nth-of-type(2) > div > p img {
    width: 100%;
    max-width: 209px;
  }
  #fixation > .lp_pc > div:nth-of-type(1) > img {
    max-width: 524px;
    width: 100%;
  }
  #fixation > .lp_pc > div:nth-of-type(2) > a > img {
    max-width: 282px;
    width: 75%;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }
  #fixation > .lp_sp_y {
    display: none;
  }
  #fixation > .lp_pc > div:nth-of-type(1) {
    background: #fff100;
    width: 54%;
    text-align: left;
  }
  #fixation > .lp_pc > div:nth-of-type(2) {
    width: 46%;
  }
  .lp_sp {
    display: none;
  }
  .lp_pc {
    display: block;
  }
  
  
}

@media only screen and (min-width:980px){
  #fixation > .lp_pc > div:nth-of-type(1) {
    background: #fff100;
    width: 524px;
    text-align: left;
  }
  #fixation > .lp_pc > div:nth-of-type(2) {
    width: auto;
  }
  #fixation > .lp_sp_y > p img {
    width: auto;
    max-width: 100%;
  }

  
}

@media screen and (max-width:768px) and (orientation: landscape) {
  #fixation > .lp_sp {
    display: table;
  }
  #fixation > .lp_sp_y {
    display: none;
  }
  #fixation > .lp_pc {
    display: none;
  }
  #fixation > .lp_sp > div:nth-of-type(2) > p img {
    width: 100%;
    max-width: 100%;
  }
  
  
  
}