@charset "utf-8";

/* ----------------------------------------------------------------
main_bnr
----------------------------------------------------------------- */
.main-bnr {
  margin-top: 0 !important;
  margin-bottom: 20px;
}

.main-bnr img {
  width: 100%;
}

/* ------------- sp ------------- */
#str-container .main-bnr,
#contents .main-bnr {
  margin-bottom: 0;
}
#str-container .main-bnr img,
#contents .main-bnr img {
  width: 100%;
  max-width: 600px;
}

/* ----------------------------------------------------------------
floating_bnr
----------------------------------------------------------------- */
.floating_btn {
  right: 30px;
  bottom: 0px;
	opacity : 0;
	transform : translate(0, 50px);
  -webkit-transform: translate(0, 50px);
  position: fixed;
  z-index: 969;
}

.floating_btn.show {
	opacity : 1;
	transform : translate(0, 0);
  -webkit-transform: translate(0, 0);
	transition : all 500ms;
  -webkit-transition: all 500ms;
}
.floating_btn .floating_btn_close {
	width: 30px;
	height: 30px;
  position: absolute;
	right: 0;
	top: 0;
  cursor: pointer;
  z-index: 6;
}
.floating_btn .floating_btn_close:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	right: 14px;
	top: 10px;
}
.floating_btn .floating_btn_close:after {
  display: block;
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 14px;
  left: 11px;
}
.floating_btn .floating_btn_img img {
  max-width: 345px;
}

/* ------------- sp ------------- */
#str-contents .floating_btn,
#str-container .floating_btn,
#contents .floating_btn {
  margin: 0 10px;
  right: 0;
}
#str-contents .floating_btn_img img,
#str-container .floating_btn_img img,
#contents .floating_btn_img img {
  width: 100%;
  max-width: initial;
}