@charset "UTF-8";
.wrapper {
  max-width: 1000px;
  margin: 0 auto 70px; }

img {
  width: 100%; }

.txt {
  text-align: center;
  margin: 30px 0 20px; }
  @media only screen and (min-width: 760px) {
    .txt {
      font-size: 14px; 
	  margin: 50px 0; } }

.link_btn {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  .link_btn div {
    width: 150px;
    max-width: 250px;
    padding: 10px 13px;
    margin: 10px;
    border: solid 1px #6b310d; }
    .link_btn div .dli-chevron-down {
      display: inline-block;
      line-height: 1;
      width: 10px;
      height: 10px;
      border: 0.1em solid currentColor;
      border-left: 0;
      border-bottom: 0;
      box-sizing: border-box;
      transform: translateY(-25%) rotate(135deg);
      margin-left: 15px;
      color: #6b310d; }
    .link_btn div p {
      color: #6b310d;
      text-align: center; }
  .main_section .cate {
    margin: -100px auto 100px;
    padding-top: 100px; }
    @media only screen and (min-width: 760px) {
      .main_section .cate .title {
        margin: auto !important; } }
    .main_section .cate .title .bg {
      position: relative;
      max-width: 300px;
      margin: 60px auto;
      width: 60%; }
      .main_section .cate .title .bg .txt {
        position: absolute;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        font-size: 22px;
        top: 25%;
        left: 31%;
        right: 31%;
        color: #fff;
        margin: 0; }
        @media only screen and (min-width: 760px) {
          .main_section .cate .title .bg .txt {
            font-size: 26px;
            top: 27%; } }
        .main_section .cate .title .bg .txt span {
          display: block;
          font: 12px YuGothic, "Yu Gothic medium", "Hiragino Sans3", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
          color: #fff; }
          @media only screen and (min-width: 760px) {
            .main_section .cate .title .bg .txt span {
              font-size: 14px; } }
    .main_section .cate .container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; }
      .main_section .cate .container::after {
        content: "";
        display: block;
        width: 27%; }
      .main_section .cate .container a {
        width: 49%; }
        @media only screen and (min-width: 760px) {
          .main_section .cate .container a {
            width: 31%; } }
      .main_section .cate .container .child {
        margin-top: 30px; }
        .main_section .cate .container .child .credit {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 95%;
          margin: 0 auto; }

.width {
  width: 49%; }
  @media only screen and (min-width: 760px) {
    .width {
      width: 31%; } }

.FS2_repeater {
  margin: 110px auto 30px; }

#gray .title {
  position: relative;
  margin-left: 20px;
  padding-left: 20px; }
  #gray .title::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 74px;
    left: 0;
    top: 0;
    background-color: #737778; }
    @media only screen and (min-width: 760px) {
      #gray .title::after {
        height: 86px; } }

#camel .title {
  position: relative;
  margin-left: 20px;
  padding-left: 20px; }
  #camel .title::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 74px;
    left: 0;
    top: 0;
    background-color: #a88772; }
    @media only screen and (min-width: 760px) {
      #camel .title::after {
        height: 86px; } }

#pink .title {
  position: relative;
  margin-left: 20px;
  padding-left: 20px; }
  #pink .title::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 74px;
    left: 0;
    top: 0;
    background-color: #e8a6a0; }
    @media only screen and (min-width: 760px) {
      #pink .title::after {
        height: 86px; } }

#pink .title {
  position: relative;
  margin-left: 20px;
  padding-left: 20px; }
  #pink .title::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 74px;
    left: 0;
    top: 0;
    background-color: #e8a6a0; }
    @media only screen and (min-width: 760px) {
      #pink .title::after {
        height: 86px; } }

#yellow .title {
  position: relative;
  margin-left: 20px;
  padding-left: 20px; }
  #yellow .title::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 74px;
    left: 0;
    top: 0;
    background-color: #efdeba; }
    @media only screen and (min-width: 760px) {
      #yellow .title::after {
        height: 86px; } }

#red .title {
  position: relative;
  margin-left: 20px;
  padding-left: 20px; }
  #red .title::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 74px;
    left: 0;
    top: 0;
    background-color: #c40b2b; }
    @media only screen and (min-width: 760px) {
      #red .title::after {
        height: 86px; } }
.txt_child {
	text-align: center;
	margin: -40px auto 40px;
	
}
@media only screen and (min-width: 760px) {
	.txt_child {
		font-size: 14px;
	}
}

.pc {
	display: none;
}
	
	
@media only screen and (min-width: 760px) {
	.pc {
		display: block;
	}
}

.sp {
	display: block;
}
	
	
@media only screen and (min-width: 760px) {
	.sp {
		display: none;
	}
}