@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  layout.css
 style info :  全ページ共通 枠組みレイアウト生成用 cssの定義
=================================================================== */
/*------------------------------------------------

contents width

-------------------------------------------------*/
.headerinner {
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}

.inner {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}

.inner_m {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1120px;
}

.inner_s {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1024px;
}

.inner_ss {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  max-width: 880px;
}

#dcms_layoutPageBlockPasteArea,
#dcms_layoutPageBlock {
  width: 100%;
}

#container {
  overflow: hidden;
  padding-top: 0;
}
main.inner{
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 980px) {
  main.inner{
    display: block;
  }
}
#contents_left {
  width: calc(100% - 240px - 24px);
}

#contents_right {
  width: 240px;
}

#contents {
  max-width: 1200px;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1119px) {
  #contents {
    padding: 0 24px;
  }
}

@media only screen and (max-width: 690px) {
  #contents {
    padding: 0 16px;
  }
}

.spbr {
	display:none;
}

@media screen and (max-width: 640px){
	.spbr {
		display:inline;
	}
}