@charset "UTF-8";

/* ======================================================
 * baseball eneosfan message index
 * ------------------------------------------------------
 * - Override
 * - Content
====================================================== */


/* ------------------------------------------------------
 * Override
------------------------------------------------------ */


/* ------------------------------------------------------
 * Content
------------------------------------------------------ */

/*----- PC -----*/
@media (min-width: 1025px) {
}

/*----- TB / PC（parts_pc.cssの適用域に合わせる） -----*/
@media print, screen and (min-width: 767px) {
  /*----- eneosfan-message-index-layout -----*/
  .eneosfan-message-index-layout {
		-webkit-transform: translateX(-5.5555555556vw);
		transform: translateX(-5.5555555556vw);
		width: calc(100% + 11.11111vw);
    margin-top: 8em;
    padding-top: 4em;
    padding-bottom: 8em;
    background-color: #F5F5F5;
  }
	.eneosfan-message-index-layout__inner {
		margin: 0 auto;
		width: calc(100% - min(11.1111111111vw, 17.7777777778rem))
	}
}

@media screen and (min-width:767px)and (min-width:1600px) {
  /*----- eneosfan-message-index-layout -----*/
	.eneosfan-message-index-layout {
		-webkit-transform: translateX(-9rem);
		transform: translateX(-9rem);
		width: calc(100% + 18rem)
	}
}

/*----- 3カラム 1062px～ -----*/
@media screen and (min-width: 1062px) {
}

/*----- 4カラム 1430px～ -----*/
@media screen and (min-width: 1430px) {
}

/*----- 5カラム 1778px～ -----*/
@media screen and (min-width: 1778px) {
}

/*----- SP ～766px -----*/
@media screen and (max-width: 766px) {
  /*----- eneosfan-message-index-layout -----*/
  .eneosfan-message-index-layout {
		-webkit-transform: translateX(-4vw);
		transform: translateX(-4vw);
		width: calc(100% + 8vw);
    margin-top: 8em;
    padding-top: 4em;
    padding-bottom: 8em;
    background-color: #F5F5F5;
  }
  .eneosfan-message-index-layout__inner {
    margin: 0 auto;
    width: calc(100% - 8vw)
  }
}