/* SPだけに効くcssここから */
/*
@font-face {
	font-family: "GUJPCorporate-Bold";
	src: url("~assets/fonts/GUJPCorporate-Bold.woff") format("woff");
	font-style: normal;
	font-weight: 400;
}
*/

@media (max-width: 811px) {
  .pc-only {
    display: none;
  }
  .display_pc {
    display: none !important;
  }
  /* 横幅指定  */
  .contents {
    max-width: 100%;
    margin: 0 var(--sp-h-1g) 0;
  }
  /* アンカー  */
  ul.Anchor-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 25px auto 25px;
    border: 1px solid #dadada;
    padding: 0;
    position: relative;
  }
  ul.Anchor-button:before,
  ul.Anchor-button:after {
	  content: "";
	  width: 1px;
	  height: 100%;
	  background-color: #dadada;
	  position: absolute;
	  top: 0;
  }
  ul.Anchor-button:after {
	  right: 33.33%;
  }
  ul.Anchor-button:before {
	  left: 33.33%;
  }
  ul.Anchor-button li {
	  width: 33.33%;
	  text-align: center;
  }
  ul.Anchor-button li a {
	  display: flex;
	  width: 100%;
	  height: 60px;
	  justify-content: center;
	  align-items: center;
	  text-decoration: none;
	  font-size: 14px;
	  cursor: pointer;
  }

	.contents h2 {
		font-size: 24px;
		font-weight: normal;
	}
	.contents ol dt {
		text-align: center;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.contents dl dt {
		text-align: center;
		font-size: 20px;
		margin-bottom: 20px;
	}
	  /* 表示調整ここから  */
	.event_contents {
		margin-top: 0;
	}
	.event_contents h3 {
		padding-bottom: 20px;
		border-bottom: 1px solid #CCC;
	}
	.event_contents > p {
		text-align: center;
	}
	.event_contents > div {
		text-align: center;
	}
	.event_contents .subject {
		font-size: 16px;
		margin-bottom: 8px;
	}
	.event_contents > dl {
		text-align: center;
		padding: 8px 0 0 0;
	}
	.event_contents > dl dt {
		font-size: 16px;
	}
	.event_contents > dl dt span {
		display: block;
		font-weight: normal;
		font-size: 13px;
	}
	.event_contents > dl dd {
		padding: 16px 0 0 0;
	}
	.event_contents > dl dd a {
		text-decoration: underline;
		display: block;
		margin-bottom: 16px;
	}
	.event_contents > dl dd a:last-child {
		margin-bottom: 0;
	}
	.event_contents > dl hr {
		border-top: 1px solid #ccc;
		margin: 24px 0;
	}
	  /* 表示調整ここまで */
}
/* SPだけに効くcssここまで */






/* PCだけに効くcssここから */
@media (min-width: 812px) {
  .sp-only {
    display: none;
  }
  .display_sp {
    display: none !important;
  }
  /* 横幅指定  */
  .contents {
    max-width: 840px;
    margin: 0 auto 0;
  }
	.u-imgAdjustBox {
		max-width: 1176px;
		margin: 0 auto;
	}
  /* アンカー  */
  ul.Anchor-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 25px auto 25px;
    border: 1px solid #dadada;
    padding: 0;
    position: relative;
  }
  ul.Anchor-button:before,
  ul.Anchor-button:after {
	  content: "";
	  width: 1px;
	  height: 100%;
	  background-color: #dadada;
	  position: absolute;
	  top: 0;
  }
  ul.Anchor-button:after {
	  right: 33.33%;
  }
  ul.Anchor-button:before {
	  left: 33.33%;
  }
  ul.Anchor-button li {
	  width: 33.33%;
	  text-align: center;
  }
  ul.Anchor-button li a {
	  display: flex;
	  width: 100%;
	  height: 78px;
	  justify-content: center;
	  align-items: center;
	  text-decoration: none;
	  font-size: 16px;
	  cursor: pointer;
  }
	.contents h2 {
		font-size: 36px;
		font-weight: normal;
	}
	.contents ol dt {
		text-align: center;
		font-size: 32px;
		margin-bottom: 20px;
	}
	.contents dl dt {
		text-align: center;
		font-size: 32px;
		margin-bottom: 20px;
	}
	  /* 表示調整ここから  */
	.event_contents {
		margin-top: 0;
	}
	.event_contents h3 {
		font-size: 36px;
		padding-bottom: 20px;
		border-bottom: 1px solid #CCC;
	}
	.event_contents > p {
		text-align: center;
	}
	.event_contents > div {
		text-align: center;
	}
	.event_contents .subject {
		font-size: 18px;
		margin-bottom: 8px;
	}
	.event_contents > dl {
		text-align: center;
		padding: 8px 0 0 0;
	}
	.event_contents > dl dt {
		font-size: 16px;
	}
	.event_contents > dl dt span {
		display: block;
		font-weight: normal;
		font-size: 13px;
	}
	.event_contents > dl dt span {
		display: block;
		font-weight: normal;
	}
	.event_contents > dl dd {
		padding: 16px 0 0 0;
	}
	.event_contents > dl dd a {
		text-decoration: underline;
		display: block;
		margin-bottom: 16px;
	}
	.event_contents > dl dd a:last-child {
		margin-bottom: 0;
	}
	.event_contents > dl hr {
		border-top: 1px solid #ccc;
		margin: 24px 0;
	}
	  /* 表示調整ここまで */
}
/* PCだけに効くcssここまで */





/* PC,SP共通ここから  */

/* パンくずここから  */

.topic-path-pc {
  font-size: 12px;
  color: #666;
  padding: 20px 0;
  margin: 0px auto 0px;
  width: 1160px;
}
.topic-path-pc ul li {
  font-size: 12px;
  list-style-type: none;
  display: inline-block;
  line-height: 1.5;
}
.topic-path-pc ul li :after {
  content: "/";
  display: inline-block;
  padding: 0 5px;
}
.topic-path-pc ul li :last-child :after {
  content: none;
}
.topic-path-pc a {
  color: #666;
  text-decoration: underline;
}

.topic-path-sp {
  font-size: 13px;
  color: #666;
  padding: 15px 20px;
  margin: 0px auto 0px;
}
.topic-path-sp ul li {
  font-size: 13px;
  list-style-type: none;
  display: inline-block;
  line-height: 1.5;
}
.topic-path-sp ul li :after {
  content: "/";
  display: inline-block;
  padding: 0 5px;
}
.topic-path-sp ul li :last-child :after {
  content: none;
}
.topic-path-sp a {
  color: #666;
  text-decoration: underline;
}
/* パンくずここまで  */

/* アンカーここから  */

.topic-path-pc2 {
  font-size: 12px;
  color: #666;
  padding: 20px 0;
}
.topic-path-pc2 ul li {
  list-style-type: none;
  display: inline-block;
  line-height: 1.5;
}

.topic-path-pc2 a {
  color: #666;
  text-decoration: underline;
}

.topic-path-sp2 {
  font-size: 13px;
  color: #666;
  padding: 15px 20px;
}
.topic-path-sp2 ul li {
  list-style-type: none;
  display: inline-block;
  line-height: 1.5;
}

.topic-path-sp2 a {
  color: #666;
  text-decoration: underline;
}

/* アンカーここまで  */

  h2,h3 {
	margin: 25px auto 25px;
	font-size: 24px;
	margin-bottom: 25px;
	text-align: center;
	font-weight: normal;
  }
/*
	h2.h2_tshirt {
		font-family: GUJPCorporate-Bold,"sans-serif";
	}
*/
  p.about-txt {
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
    letter-spacing: .5px;
  }
  .sewat_img01 li img,
  .sewat_img02 li img,
  .tshirt_img01 li img,
  .tshirt_img02 li img {
      width: 100%;
  }
  /* STYLING BOOK */
  ul.stylingbook_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*width: 345px;*/
    margin: 20px auto 60px;
  }
  ul.stylingbook_img li img {
    width: 100%;
  }
  /* 商品一覧テーブル */
  .itemTextlist{
    width: 100%;
    margin-top: 25px;
  }
  .itemTextlist a{
    text-decoration: none;
  }
  .itemTextlist a:hover{
    text-decoration: underline;
  }
  .itemTextlist th {
    border: solid 1px;
    padding: 6px 6px;
    font-weight: normal;
  }
  .itemTextlist td {
    border: solid 1px;
    padding: 6px 6px;
  }
  .itemTextlist td:first-child{
    width: 24%;
  }
  /* 商品一覧ここまで */
  /* 共通パーツここから  */
  .common-parts {
    padding: 2rem 0 3rem;
  }
  /* 共通パーツここまで  */
  /* ボタンデザインここから */
  .fr-linkButton{
    border-radius: 15px;
    font-weight: normal;
  }

  .textlink{
    text-decoration: underline;
  }
  .textlink:hover{
    text-decoration: none;
  }
  /* ボタンデザインここまで */
  /* TOPへ戻るここから  */
  .gotop {
    position: fixed;
    right: 0;
    bottom: 0;
    cursor: pointer;
    transition: .3s;
    /*デフォルトで非表示にする*/
    opacity: 0;
    visibility: hidden;
  }
  .gotop img {
    padding: 25px;
  }
    /*このクラスが付与されると表示する*/
    .active{
      opacity: 1;
      visibility: visible;
    }
    /*このクラスが付与されると表示する*/
    .absolute{
      position: absolute;
      top: -70px;
      bottom: auto;
    }
  /* TOPへ戻るここまで  */
  /* アンカー用高さ調節ここから */
  .pt5rem {
    padding-top: 5rem;
    margin-top: -4rem;
  }
  /* アンカー用高さ調節ここまで */
  /* STYLING BOOK用ここから  */
  .stylingbook_img a:hover,
  .stylingbook_img a:active {
    opacity: 70%;
  }
  /* LOOKBOOK用ここまで  */



/* PC,SP共通ここまで  */