.topiclist {
  font-size: 14px;
  color: #3a4763; }
  .topiclist #contentContainer #contentArea {
    max-width: 1400px;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .topiclist .topiclist_pageindex {
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 2.5em;
    color: #3a4763;
    font-weight: bold;
    font-size: 28px; }
    @media screen and (max-width: 768px) {
      .topiclist .topiclist_pageindex {
        margin-bottom: 1.5em;
        font-size: 24px; } }
  .topiclist .topiclistNav {
    margin-bottom: 35px;
    padding-bottom: 35px; }
    .topiclist .topiclistNav.-header {
      border-bottom: solid 1px #d9dde5; }
    .topiclist .topiclistNav.-footer {
      margin-top: 30px; }
  .topiclist #itemListCategory {
    margin-bottom: 25px; }
    .topiclist #itemListCategory li {
      line-height: 1;
      margin-right: 1em;
      padding: 5px 10px;
      display: inline-block;
      font-size: 0.95em;
      color: #3a4763;
      background-color: #f6f6f6; }
  .topiclist .pageguide {
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .topiclist .pageguide {
        margin-bottom: 10px; } }
  .topiclist .pagelink {
    line-height: 1;
    color: #aaa;
    font-weight: bold; }
    .topiclist .pagelink span {
      padding: 5px;
      border-radius: 4px;
      background-color: #3a4763;
      color: #fff; }
    @media screen and (max-width: 768px) {
      .topiclist .pagelink {
        font-size: 12px; } }
    .topiclist .pagelink a {
      font-weight: lighter;
      color: #3a4763;
      display: inline-block;
      vertical-align: baseline; }
      @media screen and (max-width: 768px) {
        .topiclist .pagelink a:first-child {
          margin-right: 0px; }
        .topiclist .pagelink a:last-child {
          margin-left: 0px; } }
    .topiclist .pagelink select {
      width: 100px;
      height: 35px;
      padding-right: 10px;
      padding-left: 10px;
      line-height: 1;
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block;
      position: relative;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: solid 1px #3a4763;
      border-radius: 4px;
      background-color: #fff;
      background: url(../ext/common/img/svg/angle_n_bottom.svg) no-repeat 80px center;
      background-size: 10px; }
      @media screen and (max-width: 768px) {
        .topiclist .pagelink select {
          width: 50px; } }
  .topiclist .box {
    padding-top: 40px;
    padding-bottom: 120px;
    border-bottom: solid 1px #d9dde5;
    margin:0 5%; }
    @media screen and (max-width: 768px) {
      .topiclist .box {
        padding-top: 35px;
        padding-bottom: 50px; } }
    @media screen and (max-width: 768px) {
      .topiclist .box {
        margin: 0 1%; } }
    @media screen and (min-width: 1024px) {
      .topiclist .box {
        margin: 0 20%; } }
    .topiclist .box:first-child {
      padding-top: 0; }
    .topiclist .box_index_date, .topiclist .box_index_category {
      line-height: 1;
      display: inline-block;
      vertical-align: middle; }
    .topiclist .box_index_date {
      margin-right: 20px; }
    .topiclist .box_index_category {
      padding: 5px 10px;
      font-size: 0.9em;
      background-color: #f6f6f6; }
    .topiclist .box_title {
      margin-top: 20px;
      font-size: 36px; }
      @media screen and (max-width: 768px) {
        .topiclist .box_title {
          font-size: 22px; } }
    .topiclist .box_index {
      margin-bottom: 50px; }
      @media screen and (max-width: 768px) {
        .topiclist .box_index {
          margin-bottom: 25px; } }
    .topiclist .box_imgBox {
      margin-bottom: 35px; }
      .topiclist .box_imgBox:empty {
        margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .topiclist .box_text table {
        width: 100%;
        font-size: 0.9em; }
        .topiclist .box_text table td {
          padding: 2px 4px; } }
    .topiclist .box_text p {
      font-size: 14px;
      line-height: 2;
      margin-bottom: 40px; }
      .topiclist .box_text p:last-child {
        margin-bottom: 0; }
      .topiclist .box_text p:empty {
        margin-bottom: 0;
        line-height: 0; }
      @media screen and (max-width: 768px) {
        .topiclist .box_text p {
          font-size: 13px;
          margin-bottom: 2em; } }
    .topiclist .box_text .boxtext-center {
      text-align: center; }
    .topiclist .box_text .boxtext-index {
      margin-bottom: 30px;
      font-weight: bold;
      font-size: 24px; }
    @media screen and (max-width: 768px) {
      .topiclist .box_text .boxtext-info.-q {
        padding: 20px; } }
    .topiclist .box_text .boxtext-info.-q p {
      line-height: 1.4444; }
    .topiclist .box_text .boxtext-info.-q .boxtext-info_index {
      margin-bottom: 1em;
      font-weight: bold;
      display: block; }
    .topiclist .box_text .boxtext-info.-shoplist {
      padding: 50px; }
      @media screen and (max-width: 768px) {
        .topiclist .box_text .boxtext-info.-shoplist {
          padding: 20px; } }
      .topiclist .box_text .boxtext-info.-shoplist p {
        line-height: 1.4444; }
      .topiclist .box_text .boxtext-info.-shoplist .boxtext-info_index {
        line-height: 1;
        margin-bottom: 45px;
        display: block;
        font-weight: bold;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .topiclist .box_text .boxtext-info.-shoplist .boxtext-info_index {
            margin-bottom: 20px; } }
      .topiclist .box_text .boxtext-info.-shoplist table {
        max-width: 820px;
        margin-right: auto;
        margin-left: auto; }
        .topiclist .box_text .boxtext-info.-shoplist table tr,
        .topiclist .box_text .boxtext-info.-shoplist table td {
          height: auto; }
        @media screen and (max-width: 768px) {
          .topiclist .box_text .boxtext-info.-shoplist table table {
            display: block; }
          .topiclist .box_text .boxtext-info.-shoplist table tr {
            height: auto;
            display: block; }
          .topiclist .box_text .boxtext-info.-shoplist table td {
            height: auto;
            display: block;
            width: auto; } }
    .topiclist .box_text .boxtext-info {
      margin-bottom: 2em;
      padding: 30px;
      background-color: #f9f9fa; }
      @media screen and (max-width: 768px) {
        .topiclist .box_text .boxtext-info {
          padding: 20px; } }
    .topiclist .box_text + .boxtext-info {
      margin-top: 15px; }
    .topiclist .box_file {
      margin-top: 65px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .topiclist .box_file {
          margin-top: 35px; } }
      .topiclist .box_file .linkBtn_n {
        background-image: url(../ext/common/img/svg/angle_n.svg);
        border: 1px solid #3a4763;
        color: #3a4763;
        width: 206px;
        text-align: center;
        display: block;
        margin: 0 auto; }
        .topiclist .box_file .linkBtn_n:hover {
          background-color: #3a4763;
          border-color: #3a4763;
          color: #fff;
          background-image: url(../ext/common/img/svg/angle.svg); }
    .topiclist .box_free {
      margin-top: 65px;
      padding: 60px;
      font-size: 0.85em;
      text-align: center;
      border: solid 1px #f9f9fa; }
      .topiclist .box_free:empty {
        margin-bottom: 0; }
      @media screen and (max-width: 768px) {
        .topiclist .box_free {
          margin-top: 35px;
          padding: 20px; } }
  .topiclist .buttonarea .linkBtn_n {
    background-image: url(../ext/common/img/svg/angle_n.svg);
    border: 1px solid #3a4763;
    color: #3a4763;
    width: 206px;
    text-align: center;
    display: block;
    margin: 0 auto; }
    .topiclist .buttonarea .linkBtn_n:hover {
      background-color: #3a4763;
      border-color: #3a4763;
      color: #fff;
      background-image: url(../ext/common/img/svg/angle.svg); }

  .topiclist .buttonarea2 .linkBtn_n {
    background-image: url(../ext/common/img/svg/angle_n.svg);
    border: 1px solid #3a4763;
    color: #3a4763;
    width: 206px;
    text-align: center;
    display: block;
    margin: 0 auto; }
    .topiclist .buttonarea2 .linkBtn_n:hover {
      background-color: #3a4763;
      border-color: #3a4763;
      color: #fff;
      background-image: url(../ext/common/img/svg/angle.svg); }

.-detail .buttonarea {
  padding-top: 35px;
  margin-bottom: 120px; }

.-detail .buttonarea2 {
  padding-top: 10px;
  margin-bottom: 35px; }

.-detail .-pageBack {
  text-align: left; }
  .-detail .-pageBack .linkBtn {
    margin-left: 0; }

	@media screen and (max-width: 911px) {
		#header #headerArea #headersub {
			width: 100%;
			height: auto;
			box-sizing: border-box;
			margin-top: 94px 3% 0;
		}
		#header #headerArea #headersub #topicpath_wrapper {
			position: relative;
			width: 100%;
			height: auto;
		}
		#header #headerArea #headersub #topicpath_wrapper ul#topicpath {
			width: auto;
			height: auto;
			margin: 10px;
			padding: 6px 7px;
			background: #f5f5f5;
			line-height: 0.8;
		}
		img {
			max-width: 100%;
		}
		#contentContainer #contentArea {
			width: 100%;
			margin: 0 auto;
		}
	}