@charset 'euc-jp';

/* Common
================================= */
body {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Helvetica, sans-serif;
}

/* breadcrumb
================================= */
.breadcrumb {
  line-height: 2;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 32px;
}

@media screen and (min-width: 768px) {
  .breadcrumb {
    font-size: 18px;
  }
}

.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:hover,
.breadcrumb a:active {
}

.breadcrumb .item {
  position: relative;
  display: inline-block;
  margin-right: 1em;
}

.breadcrumb .item::after {
  position: absolute;
  top: 0;
  right: -1em;
  content: '>';
  color: #000;
}

.breadcrumb .item:last-child::after {
  content: '';
}

/* container
================================= */
.container {
  margin: 0 auto;
  width: 980px;
}

.content {
  margin-top: 6px;
  line-height: 1.4;
  font-size: 20px;
  text-align: center;
  color: #000;
}

/* content01
================================= */
.box_content01_out:before {
  content: url('https://www.maru-jan.com/image/developer/bg_content_top_01.jpg');
}

.box_content01_in {
  margin-top: -216px;
  padding: 0 40px;
  background: url('https://www.maru-jan.com/image/developer/bg_content_middle.jpg') 0 0 repeat-y;
}

.column_title {
  padding: .6em 0;
  font-size: 48px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .column_title {
    font-size: 40px;
  }
}

.column_text {
  margin: 20px 20px 0;
  text-align: left;
  font-size: 30px;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .column_text {
    font-size: 24px;
    line-height: 1.5;
  }
}

.button01 {
  overflow: hidden;
  margin-top: -50px;
  padding-top: 168px;
  width: 980px;
  height: 70px;
  line-height: 1;
  font-size: 24px;
  background: url('https://www.maru-jan.com/image/developer/bg_content_bottom.jpg') 0 0 no-repeat;
}

.button01 a {
  color: #f00;
}

.box_button01 {
  position: relative;
  margin: 0 auto;
  width: 834px;
}

.page_back,
.page_next {
  display: inline-block;
  float: left;
  padding: 12px 0 6px;
  width: 104px;
  height: 28px;
  background: url('https://www.maru-jan.com/image/developer/bg_button_01.png') 50% 50% no-repeat;
}

.page_next {
  float: right;
}

.page_top {
  position: absolute;
  top: 0;
  left: 314px;
  display: inline-block;
  padding: 12px 0 6px;
  width: 208px;
  height: 28px;
  background: url('https://www.maru-jan.com/image/developer/bg_button_02.png') 50% 50% no-repeat;
}

/* content02
================================= */
.box_content02_out:after {
  content: url('https://www.maru-jan.com/image/developer/bg_content_bottom.jpg');
}

.box_content02_in {
  position: relative;
  height: 208px;
  background: url('https://www.maru-jan.com/image/developer/bg_content_middle.jpg') 0 0 repeat-y;
}

.impressions_title {
  padding-top: 24px;
  height: 86px;
  background: url('https://www.maru-jan.com/image/developer/bg_content_top_02.jpg') 0 0 no-repeat;
}

.impressions {
  position: absolute;
  z-index: 100;
  top: 108px;
  left: 40px;
}

.impressions_out:before {
  content: url('https://www.maru-jan.com/image/developer/bg_impressions_top.png');
}

.impressions_out:after {
  content: url('https://www.maru-jan.com/image/developer/bg_impressions_bottom.png');
}

.impressions_in {
  margin: 0 auto;
  width: 905px;
  background: url('https://www.maru-jan.com/image/developer/bg_impressions_middle.png') 0 0 repeat-y;
}

.impressions_textbox {
  width: 97%;
  height: 150px;
  resize: none;
  border: none;
}

/* 追記ブロック
================================= */
.postscript-block {
	margin-top: 2em;
}
.postscript-block:before,
.postscript-block:after {
	display: block;
	content: url(https://www.maru-jan.com/image/content/developer/column_06/bg_01.png);
}
.postscript-block:before {
	margin-bottom: 1em;
}
.postscript-block:after {
	margin-top: 2em;
}

/* inc_developer_navigation.html
================================= */
.column_navi {
  position: relative;
  margin: 24px auto 0;
  padding-bottom: 1em;
  line-height: 1.5;
  border-bottom: 6px double #000;
}

.column_navi_list {
  overflow: hidden;
  margin: 0 auto;
  padding-left: 128px;
  width: 780px;
  font-size: 32px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .column_navi_list {
    font-size: 28px;
  }
}

.column_navi_new:before {
  position: absolute;
  top: -6px;
  left: -4px;
  content: url('https://www.maru-jan.com/image/developer/icon_new.png');
}

.episode_number {
  display: inline-block;
  width: 5em;
}

.episode_text {
  display: inline-block;
}

.episode_text a {
  text-decoration: none;
  color: #00f;
}

.episode_text a:hover {
  text-decoration: underline;
}

.slide_text {
  display: inline-block;
  width: 100%;
  font-size: 28px;
  cursor: pointer;
  text-decoration: underline;
  color: #00f;
  text-align: right;
}

.author-block {
  width: 100%; /* 横いっぱいに広げる */
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* 内部要素を右寄せ */
  padding: 12px;
  box-sizing: border-box;
  font-size: 28px;
}

.author-block__title {
  text-align: left; /* テキストを左寄せ */
  margin-bottom: 6px; /* 下に少しスペース */
}

.author-block__name {
  text-align: right; /* 文字列を右寄せ */
}

/* Atomic Style
================================= */
.margint_1em {
  margin-top: 1em;
}

.mt-1em {
  margin-top: 1em;
}

.margint_6px {
  margin-top: 6px;
}

.margint_16px {
  margin-top: 16px;
}

.mt-16px {
  margin-top: 16px;
}

.margint_24px {
  margin-top: 24px;
}

.ta-c {
  text-align: center;
}

.pl-1em {
  padding-left: 1em;
}

.pr-12px {
  padding-right: 12px;
}

.font_bold_01 {
  font-weight: bold;
}

.font_red_01 {
  font-weight: bold;
  color: #f00;
}

.fl-l {
	float: left;
}

.mr-16px {
	margin-right: 16px;
}

.ml-1em {
  margin-left: 1em;
}

.w-400px {
	width: 400px;
}

.w-480px {
	width: 480px;
}

.w-100\% {
  width: 100%;
}

.maw-100\% {
  max-width: 100%;
}

.hidden {
  display: none;
}

.d-n.d-i--768px {
  display: none;
}

@media (min-width: 768px) {
  .d-n.d-i--768px {
    display: inline;
  }
}