/* SPだけに効くcssここから */
@media (max-width: 811px) {
  .pc-only {
    display: none;
  }
  .display_pc {
    display: none !important;
  }
  /* 横幅指定  */
  .contents {
    max-width: 100%;
	margin: 0 auto;
	padding: calc(4rem + 20px) 5% 0 5%;
  }
  #mv .subject {
    max-width: none;
	margin: 60px 5% 30px 5%;
    padding: 0 5%;
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_02.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	position: relative;
	z-index: 0;
  }
  #mv .subject:before {
    content: "";
    width: 100%;
	height: 8.4vw;
	margin: 0 auto;
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	position: absolute;
	top: -8.4vw;
	left: 0;
  }
  #mv .subject:after {
    content: "";
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_01-03.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
    width: 100%;
	height: 8.4vw;
	margin: 0 auto;
	position: absolute;
	bottom: -8.4vw;
	left: 0;
  }
	
  #mv .subject h2 {
	  font-size: 16px;
	  padding: 0 0 16px 0;
  }
  #mv .subject .about-txt {
	  font-size: 13px;
	  line-height: 22px;
	  margin-bottom: -46px;
  }
  #mv .subject .about-txt span {
	  display: block;
	  font-weight: 700;
	  margin-bottom: 20px;
	  font-size: 18px;
  }
	#about > p {
		text-align: center;
		line-height: 2;
		font-size: 16px;
		margin-bottom: 3rem;
	}
	#about > p a {
		text-decoration: underline;
	}
	#about > p a:after {
		content: "";
		display: inline-block;
		width: 16px;
		height: 11px;
		margin-left: 8px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	#about > p a.links:after {
		content: "";
		display: inline-block;
		width: 8px;
		height: 13px;
		vertical-align: middle;
		margin-left: 8px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow_right.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	#anchor_layout {
		width: 100%;
		margin-bottom: 40px;
	}
	#anchor_layout > ul {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		padding: 0 4%;
	}
	#anchor_layout > ul li {
		width: 100%;
		margin: 0 0 6px 0;
	}
	#anchor_layout > ul li a {
		display: block;
		width: 100%;
		height: auto;
		border: 1px solid #111111;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		z-index: 0;
	}
	#anchor_layout > ul li a:after {
		content: "";
		display: block;
		width: 17px;
		height: 16px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/onepiece/images/category_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 28px;
		transform: translate3d(0px, -50%, 0);
	}
	#anchor_layout > ul li a img {
		width: auto;
		height: 26px;
		margin-left: 15px;
	}
	
	#loungewear.contents,
	#hairband.contents,
	#recommend.contents {
		width: 100%;
		max-width: 100%!important;
		border-top: 2px solid #493629;
		position: relative;
		z-index: 0;
		padding: 4px 0 0 0;
	}
	#loungewear.contents:before {
		content: "";
		display: block;
		width: 75%;
		height: 82vw;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_mint_left.png);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 14rem;
		left: -35%;
		z-index: -10;
	}
	#loungewear.contents:after {
		content: "";
		display: block;
		width: 75%;
		height: 82vw;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_mint_right.png);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 17rem;
		right: -35%;
		z-index: -10;
	}
	#information.contents:before {
		content: "";
		display: block;
		width: 75%;
		height: 82vw;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_mint_left.png);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 11rem;
		left: -35%;
		z-index: -10;
	}
	#information.contents:after {
		content: "";
		display: block;
		width: 75%;
		height: 82vw;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_mint_right.png);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 13rem;
		right: -35%;
		z-index: -10;
	}
	.aliasArea {
		padding: 0!important;
	}
	#loungewear.contents .aliasArea,
	#hairband.contents .aliasArea,
	#recommend.contents .aliasArea {
		width: 100%;
		margin: 0 auto 40px auto;
	}
	#loungewear.contents .contents_inner,
	#hairband.contents .contents_inner,
	#recommend.contents .contents_inner {
		width: 100%;
		border-top: 1px solid #493629;
		position: relative;
		z-index: 0;
		padding: 2rem 10% 0 10%;
	}
	
	.contents > h2 {
		margin: 0 auto 20px auto;
	}
	.contents > h2 img {
		width: 100%;
		height: auto;
	}
	/*#loungewear.contents .contents_inner > h2,*/
	#hairband.contents .contents_inner > h2,
	#recommend.contents .contents_inner > h3 {
		background-color: #fbf9f6;
		padding: 0 15px;
		position: absolute;
		font-size: 23px!important;
		top: -16px;
		left: 50%;
		transform: translate(-50%, 0);
	}
	#loungewear.contents .contents_inner > h2 {
		background-color: #fbf9f6;
		padding: 0 15px;
		position: absolute;
		font-size: 23px!important;
		top: -33px;
		left: 50%;
		transform: translate(-50%, 0);
	}
	/*#loungewear.contents .contents_inner > h2 img,*/
	#hairband.contents .contents_inner > h2 img,
	#recommend.contents .contents_inner > h3 img{
		height: 1.5rem;
		width: auto;
	}
	#loungewear.contents .contents_inner > h2 img {
		height: 3.5rem;
		width: auto;
	}
	#loungewear.contents .contents_inner > h3 img,
	#hairband.contents .contents_inner > h3 img {
		height: 2.3rem;
		width: auto;
	}
  #event_contents .present {
    max-width: none;
	margin: 54px auto 0 auto;
	padding: 60px 5%;
  }
  #event_contents .present .present_inner {
    max-width: none;
	margin: 0 auto 130px auto;
    padding: 0 5%;
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_02.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	position: relative;
	z-index: 0;
  }
  #event_contents .present .present_inner:before {
    content: "";
    width: 100%;
	height: 8.4vw;
	margin: 0 auto;
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	position: absolute;
	top: -8.4vw;
	left: 0;
  }
  #event_contents .present .present_inner:after {
    content: "";
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_01-03.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
    width: 100%;
	height: 8.4vw;
	margin: 0 auto;
	position: absolute;
	bottom: -8.4vw;
	left: 0;
    }
  #event_contents .present h4 {
	  margin: 0 auto 10px auto!important;
	  font-size: 18px;
	  padding: 0;
	  text-align: center;
  }
  #event_contents .present .present_inner .image {
	  width: 60%;
	  height: auto;
	  margin: 20px auto 24px auto;
  }
  #event_contents .present .present_inner p {
	  font-size: 14px;
	  line-height: 23px;
	  text-align: center;
  }
  #event_contents .present .present_inner p:last-child {
	  margin-bottom: -46px;
  }
	#event_contents .present .present_inner p a.links:after {
		content: "";
		display: inline-block;
		width: 8px;
		height: 13px;
		vertical-align: middle;
		margin-left: 8px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow_right.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
  #event_contents .about h4 {
	  margin: -46px auto 10px auto!important;
	  font-size: 34px;
	  font-weight: 700;
	  padding: 0;
	  text-align: center;
  }
  #event_contents .about .titleImage {
	  width: 60%;
	  max-width: none;
	  margin: 30px auto 2rem auto;
  }
  #event_contents .about .about_contents {
	  width: 100%;
	  max-width: none;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  align-items: center;
 }
  #event_contents .about .about_contents .image {
	  width: 185px;
 }
  #event_contents .about .about_contents p {
	  width: 100%;
	  font-size: 14px;
	  line-height: 23px;
	  padding: 1.5rem 8%;
	  font-weight: 700;
	  text-align: center;
 }
  #event_contents .about .about_contents p span {
	  display: block;
	  font-size: 12px;
	  font-weight: 400;
	  margin-top: 14px;
 }
  #event_contents .about .links {
	  width: 245px;
	  margin: 0 auto;
	  padding: 40px 0 0 0;
	  text-align: center;
 }
	#event_contents .about .links a {
		display: block;
		width: 100%;
		padding: 1px;
		font-size: 16px;
		font-weight: 700;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		z-index: 0;
		border: 2px solid #493629;
	}
	#event_contents .about .links a:after {
		content: "";
		display: block;
		width: 16px;
		height: 10px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 28px;
		transform: translate3d(0px, -50%, 0);
	}
	#event_contents .about .links a span {
		display: block;
		width: 100%;
		height: 56px;
		padding-left: 40px;
		border: 1px solid #9e938c;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	#sabon_stars {
		width: 100%;
		max-width: none;
	}
	#sabon_stars h2 {
		font-size: 24px!important;
	}
	#sabon_stars .title_info {
		display: block;
		font-size: 12px;
		text-align: center;
	}
	#sabon_stars .profile {
		width: 100%;
		margin: 20px auto 80px auto;
		padding: 3rem 10%;
		position: relative;
		z-index: 0;
	}
	#sabon_stars .profile:before {
		content: "";
		width: 100%;
		height: 45vw;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_flower_top.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -10;
	}
	#sabon_stars .profile:after {
		content: "";
		width: 100%;
		height: 24vw;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_flower_bottom.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -10;
	}
	#sabon_stars .profile dt {
		width: 100%;
		text-align: center;
		margin-bottom: 46px;
		order: 1;
	}
	#sabon_stars .profile dt img {
		height: 40px;
		width: auto;
	}
	#sabon_stars .profile dd {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin-bottom: 2rem;
	}
	#sabon_stars .profile dd:last-child {
		margin-bottom: 0;
	}
	#sabon_stars .profile dd p {
		width: 100%;
		text-align: center;
		padding: 1rem 5% 0 5%;
		order: 3;
	}
	#sabon_stars .profile dd .intro {
		width: 138px;
		text-align: center;
		order: 2;
	}
	#sabon_stars .profile dd .intro img {
		width: 100%;
		height: auto;
	}
	#sabon_stars .profile dd .intro span {
		display: block;
		width: 100%;
		padding-top: 5px;
		font-weight: 700;
	}
	#sabon_stars .profile dd .links {
		text-align: center;
		width: 100%;
		padding-top: 20px;
		order: 4;
	}
	#sabon_stars .profile dd .links a:after {
		content: "";
		display: inline-block;
		width: 8px;
		height: 13px;
		vertical-align: middle;
		margin-left: 8px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow_right.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	#information {
		width: 100%;
		max-width: 840px;
		position: relative;
		z-index: 0;
	}
	#information h2 {
		display: block;
		font-size: 34px!important;
	}
	#information h2 span {
		display: block;
		font-size: 24px!important;
	}
	#information dl {
		margin-bottom: 6rem;
	}
	#information dl dt {
		text-align: center;
		margin-bottom: 20px;
	}
	#information dl dd {
		text-align: center;
	}
  #information dl .links {
	  width: 245px;
	  margin: 0 auto;
	  padding: 40px 0 0 0;
	  text-align: center;
 }
	#information dl .links a {
		display: block;
		width: 100%;
		padding: 1px;
		font-size: 16px;
		font-weight: 700;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		z-index: 0;
		border: 2px solid #493629;
		margin: 0 0 10px 0;
		background-color: #fbf9f6;
	}
	#information dl .links a:after {
		content: "";
		display: block;
		width: 8px;
		height: 13px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow_right.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 28px;
		transform: translate3d(0px, -50%, 0);
	}
	#information dl .links a span {
		display: block;
		width: 100%;
		height: 56px;
		padding-left: 25px;
		border: 1px solid #9e938c;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	
	
	.contents > .links {
		text-align: center;
		font-size: 16px;
		padding: 40px 0 20px 0;
	}
	.contents > .links > a:after {
		content: "";
		display: inline-block;
		width: 13px;
		height: 12px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/onepiece/images/category_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		margin-left: 5px;
	}
	
	.category_image {
		width: 100%;
		margin: 0 auto 2rem auto;
	}
	.event_contents .chopper {
		text-align: center;
		margin-bottom: 40px;
	}
	.event_contents .chopper img {
		height: 187px;
		width: auto;
	}
	.event_contents dl {
		width: 100%;
	}
	.event_contents dl dt {
		width: 100%;
		margin: 0 auto;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
	}
	.event_contents dl dd p {
		width: 100%;
		line-height: 45px;
		font-size: 14px;
		font-weight: 700;
	}
	.event_contents dl dd > ul {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		padding: 15px 3% 0 3%;
	}
	.event_contents dl dd > ul li {
		width: 49%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin: 0 2% 0.5rem 0;
	}
	.event_contents dl dd > ul li:nth-child(even) {
		margin: 0 0 0.5rem 0;
	}
	.event_contents dl dd > ul li a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-decoration: none;
		width: 100%;
		height: 60px;
		border: 2px solid #111111;
		position: relative;
		z-index: 0;
		font-size: 14px;
		font-weight: 700;
		text-align: left;
		padding: 0 20px 0 7px;
		line-height: 1.4;
		letter-spacing: -1px;
	}
	.event_contents dl dd > ul li a:after {
		content: "";
		display: block;
		width: 13px;
		height: 12px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/onepiece/images/category_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 7px;
		transform: translate(0px, -50%) rotate(-90deg);
	}
	#aside > .contents {
		padding: 0 4%;
	}
	
	
	
	.aliasArea {
		padding: 0 4%;
	}
	#anchor_layout {
		width: 100%;
		margin-bottom: 40px;
	}
	#anchor_layout > ul {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		padding: 0 15%;
	}
	#anchor_layout > ul li {
		width: 100%;
		margin: 0 0 1rem 0;
	}
	#anchor_layout > ul li:nth-child(even) {
		margin: 0;
	}
	#anchor_layout > ul li a {
		display: block;
		width: 100%;
		padding: 1px;
		font-size: 16px;
		font-weight: 700;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		z-index: 0;
		border: 2px solid #493629;
	}
	#anchor_layout > ul li a:after {
		content: "";
		display: block;
		width: 16px;
		height: 10px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 28px;
		transform: translate3d(0px, -50%, 0);
	}
	#anchor_layout > ul li a span {
		display: block;
		width: 100%;
		height: 56px;
		padding-left: 40px;
		border: 1px solid #9e938c;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	#anchor_layout > ul li a img {
		width: auto;
		height: 26px;
		margin-left: 15px;
	}
	.sp_view {
		display: block;
	}
	.pc_view {
		display: none;
	}
}
/* SPだけに効くcssここまで */






/* PCだけに効くcssここから */
@media (min-width: 812px) {
  .sp-only {
    display: none;
  }
  .display_sp {
    display: none !important;
  }
  /* 横幅指定  */
  .contents {
	  max-width: 840px;
	  margin: 0 auto 60px auto;
  }
  #mv .subject {
    max-width: 560px;
	margin: 54px auto;
	padding: 60px 0;
  }
  #mv .subject .subject_inner {
    max-width: 560px;
	margin: 0 auto;
    padding: 20px 50px;
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_02.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	position: relative;
	z-index: 0;
  }
  #mv .subject .subject_inner:before {
    content: "";
    width: 560px;
	height: 60px;
	margin: 0 auto;
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	position: absolute;
	top: -60px;
	left: 0;
  }
  #mv .subject .subject_inner:after {
    content: "";
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_01-03.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
    width: 560px;
	height: 60px;
	margin: 0 auto;
	position: absolute;
	bottom: -60px;
	left: 0;
    }
  #mv .subject h2 {
	  margin: -46px auto 10px auto!important;
	  font-size: 18px;
	  padding: 0;
  }
  #mv .subject .about-txt {
	  font-size: 16px;
	  line-height: 23.17px;
	  margin-bottom: -46px;
  }
  #mv .subject .about-txt span {
	  display: block;
	  font-weight: 700;
	  margin-bottom: 20px;
	  font-size: 18px;
  }
	.u-imgAdjustBox {
		max-width: 1176px;
		margin: 0 auto;
	}
	#about > p {
		text-align: center;
		font-size: 18px;
		line-height: 45px;
		margin-bottom: 2rem;
	}
	#about > p a:after {
		content: "";
		display: inline-block;
		width: 16px;
		height: 11px;
		margin-left: 8px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	#about > p a.links:after {
		content: "";
		display: inline-block;
		width: 8px;
		height: 13px;
		vertical-align: middle;
		margin-left: 8px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow_right.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
  /* アンカー  */
	#anchor_layout {
		width: 100%;
		margin-bottom: 40px;
	}
	#anchor_layout > ul {
		width: 530px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
	}
	#anchor_layout > ul li {
		width: 245px;
		margin: 0 40px 0 0;
	}
	#anchor_layout > ul li:nth-child(even) {
		margin: 0 0 0 0;
	}
	#anchor_layout > ul li a {
		display: block;
		width: 100%;
		padding: 1px;
		font-size: 16px;
		font-weight: 700;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		z-index: 0;
		border: 2px solid #493629;
	}
	#anchor_layout > ul li a:after {
		content: "";
		display: block;
		width: 16px;
		height: 10px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 28px;
		transform: translate3d(0px, -50%, 0);
	}
	#anchor_layout > ul li a span {
		display: block;
		width: 100%;
		height: 56px;
		padding-left: 40px;
		border: 1px solid #9e938c;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	#anchor_layout > ul li a img {
		width: auto;
		height: 26px;
		margin-left: 15px;
	}
	
	#loungewear.contents,
	#hairband.contents,
	#recommend.contents {
		width: 100%;
		max-width: 100%!important;
		border-top: 2px solid #493629;
		padding-top: 2px;
		position: relative;
		z-index: 0;
	}
	#recommend.contents {
		border-top: none;
	}
	#loungewear.contents:before {
		content: "";
		display: block;
		width: 533px;
		height: 586px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_mint_left.png);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 330px;
		left: -275px;
	}
	#loungewear.contents:after {
		content: "";
		display: block;
		width: 533px;
		height: 586px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_mint_right.png);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 330px;
		right: -275px;
	}
	#information.contents:before {
		content: "";
		display: block;
		width: 533px;
		height: 586px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_mint_left.png);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: -3rem;
		left: -275px;
		z-index: -10;
	}
	#information.contents:after {
		content: "";
		display: block;
		width: 533px;
		height: 586px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_mint_right.png);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3rem;
		right: -275px;
		z-index: -10;
	}
	#loungewear.contents .aliasArea,
	#hairband.contents .aliasArea,
	#recommend.contents .aliasArea {
		width: 840px;
		margin: 0 auto 40px auto;
	}
	#loungewear.contents .contents_inner,
	#hairband.contents .contents_inner,
	#recommend.contents .contents_inner {
		width: 100%;
		border-top: 1px solid #493629;
		position: relative;
		z-index: 0;
		padding: 75px 0 0 0;
	}
	#recommend.contents .contents_inner {
		border-top: none;
	}
	.contents > h2 {
		margin: 0 auto 40px auto;
	}
	/*#loungewear.contents .contents_inner > h2,*/
	#hairband.contents .contents_inner > h2,
	#recommend.contents .contents_inner > h3 {
		background-color: #fbf9f6;
		padding: 0 35px;
		position: absolute;
		font-size: 34px!important;
		top: -23px;
		left: 50%;
		transform: translate(-50%, 0);
	}
	#loungewear.contents .contents_inner > h2 {
		background-color: #fbf9f6;
		padding: 0 35px;
		position: absolute;
		font-size: 34px!important;
		top: -50px;
		left: 50%;
		transform: translate(-50%, 0);
	}
	
	/*#loungewear.contents .contents_inner > h2 img,*/
	#hairband.contents .contents_inner > h2 img,
	#recommend.contents .contents_inner > h3 img {
		height: 2.3rem;
		width: auto;
	}
	#loungewear.contents .contents_inner > h2 img {
		height: 100%;
		width: auto;
	}
	#loungewear.contents .contents_inner > h3 img,
	#hairband.contents .contents_inner > h3 img {
		height: 50px;
		width: auto;
	}
	
  #event_contents .present {
    max-width: 560px;
	margin: 54px auto 0 auto;
	padding: 60px 0;
  }
  #event_contents .present .present_inner {
    max-width: 560px;
	margin: 0 auto 130px auto;
    padding: 20px 50px;
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_02.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	position: relative;
	z-index: 0;
  }
  #event_contents .present .present_inner:before {
    content: "";
    width: 560px;
	height: 60px;
	margin: 0 auto;
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	position: absolute;
	top: -60px;
	left: 0;
  }
  #event_contents .present .present_inner:after {
    content: "";
	background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/frame_title_pc_01-03.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
    width: 560px;
	height: 60px;
	margin: 0 auto;
	position: absolute;
	bottom: -60px;
	left: 0;
    }
  #event_contents .present h4 {
	  margin: -46px auto 10px auto!important;
	  font-size: 18px;
	  padding: 0;
	  text-align: center;
  }
  #event_contents .present .present_inner .image {
	  width: 223px;
	  height: auto;
	  margin: 20px auto 24px auto;
  }
  #event_contents .present .present_inner p {
	  font-size: 16px;
	  line-height: 23px;
	  text-align: center;
  }
  #event_contents .present .present_inner p {
	  font-size: 16px;
	  line-height: 23px;
	  text-align: center;
  }
  #event_contents .present .present_inner p:last-child {
	  margin-bottom: -46px;
  }
	#event_contents .present .present_inner p a.links:after {
		content: "";
		display: inline-block;
		width: 8px;
		height: 13px;
		vertical-align: middle;
		margin-left: 8px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow_right.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
  #event_contents .present .present_inner p .links {
	  position: relative;
	  z-index: 999;
	}
  #event_contents .about h4 {
	  margin: -46px auto 10px auto!important;
	  font-size: 34px;
	  font-weight: 700;
	  padding: 0;
	  text-align: center;
  }
  #event_contents .about .titleImage {
	  width: 100%;
	  max-width: 408px;
	  margin: 30px auto 50px auto;
  }
  #event_contents .about .about_contents {
	  width: 100%;
	  max-width: 840px;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: flex-start;
	  align-items: center;
 }
  #event_contents .about .about_contents .image {
	  width: 185px;
 }
  #event_contents .about .about_contents p {
	  width: 655px;
	  font-size: 16px;
	  line-height: 23px;
	  padding-left: 20px;
	  font-weight: 700;
 }
  #event_contents .about .about_contents p span {
	  display: block;
	  font-size: 16px;
	  font-weight: 400;
	  margin-top: 14px;
 }
  #event_contents .about .links {
	  width: 245px;
	  margin: 0 auto;
	  padding: 40px 0 0 0;
	  text-align: center;
 }
	#event_contents .about .links a {
		display: block;
		width: 100%;
		padding: 1px;
		font-size: 16px;
		font-weight: 700;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		z-index: 0;
		border: 2px solid #493629;
	}
	#event_contents .about .links a:after {
		content: "";
		display: block;
		width: 16px;
		height: 10px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 28px;
		transform: translate3d(0px, -50%, 0);
	}
	#event_contents .about .links a span {
		display: block;
		width: 100%;
		height: 56px;
		padding-left: 40px;
		border: 1px solid #9e938c;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	#sabon_stars {
		width: 100%;
		max-width: 840px;
	}
	#sabon_stars h2 {
		font-size: 34px!important;
	}
	#sabon_stars .title_info {
		display: block;
		font-size: 16px;
		text-align: center;
	}
	#sabon_stars .title_info {
		display: block;
		font-size: 16px;
		text-align: center;
	}
	#sabon_stars .profile {
		width: 840px;
		margin: 20px auto 80px auto;
		padding: 100px 100px;
		position: relative;
		z-index: 0;
	}
	#sabon_stars .profile:before {
		content: "";
		width: 840px;
		height: 362px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_flower_top.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -10;
	}
	#sabon_stars .profile:after {
		content: "";
		width: 840px;
		height: 192px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/bg_flower_bottom.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -10;
	}
	#sabon_stars .profile dt {
		width: 100%;
		text-align: center;
		margin-bottom: 46px;
	}
	#sabon_stars .profile dt img {
		height: 50px;
		width: auto;
	}
	#sabon_stars .profile dd {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 20px;
	}
	#sabon_stars .profile dd:last-child {
		margin-bottom: -20px;
	}
	#sabon_stars .profile dd p {
		width: 450px;
		padding: 0 30px;
	}
	#sabon_stars .profile dd .intro {
		width: 138px;
		text-align: center;
	}
	#sabon_stars .profile dd .intro img {
		width: 100%;
		height: auto;
	}
	#sabon_stars .profile dd .intro span {
		display: block;
		width: 100%;
		padding-top: 5px;
		font-weight: 700;
	}
	#sabon_stars .profile dd .links {
		text-align: center;
		width: 100%;
		padding-top: 20px;
	}
	#sabon_stars .profile dd .links a:after {
		content: "";
		display: inline-block;
		width: 8px;
		height: 13px;
		vertical-align: middle;
		margin-left: 8px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow_right.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	#information {
		width: 100%;
		max-width: 100%!important;
		position: relative;
		z-index: 0;
	}
	#information h2 {
		display: block;
		font-size: 34px!important;
	}
	#information h2 span {
		display: block;
		font-size: 24px!important;
	}
	#information dl {
		margin-bottom: 5rem;
	}
	#information dl dt {
		text-align: center;
		margin-bottom: 20px;
	}
	#information dl dd {
		text-align: center;
	}
  #information dl .links {
	  width: 245px;
	  margin: 0 auto;
	  padding: 40px 0 0 0;
	  text-align: center;
 }
	#information dl .links a {
		display: block;
		width: 100%;
		padding: 1px;
		font-size: 16px;
		font-weight: 700;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		z-index: 0;
		border: 2px solid #493629;
		margin: 0 0 10px 0;
		background-color: #fbf9f6;
	}
	#information dl .links a:after {
		content: "";
		display: block;
		width: 8px;
		height: 13px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/sabon/images/icon_arrow_right.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 28px;
		transform: translate3d(0px, -50%, 0);
	}
	#information dl .links a span {
		display: block;
		width: 100%;
		height: 56px;
		padding-left: 25px;
		border: 1px solid #9e938c;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	
	
	
	
	
	
	.contents > .links {
		text-align: center;
		font-size: 16px;
		padding: 40px 0 20px 0;
	}
	.contents > .links > a:after {
		content: "";
		display: inline-block;
		width: 13px;
		height: 12px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/onepiece/images/category_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		margin-left: 5px;
	}
	
	.category_image {
		width: 496px;
		margin: 0 auto 50px auto;
	}
	.category_image.small {
		width: 322px;
	}
	
	
	.event_contents .chopper {
		text-align: center;
		margin-bottom: 40px;
	}
	.event_contents .chopper img {
		height: 187px;
		width: auto;
	}
	.event_contents dl {
		width: 100%;
	}
	/*
	.event_contents dl dt {
		width: 100%;
		margin: 0 auto;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
	}
	*/
	.event_contents dl dd p {
		width: 100%;
		line-height: 45px;
		font-size: 18px;
		font-weight: 700;
	}
	.event_contents dl dd > ul {
		width: 580px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		padding: 15px 0 0 0;
	}
	.event_contents dl dd > ul li {
		width: 280px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin: 0 20px 10px 0;
	}
	.event_contents dl dd > ul li:nth-child(even) {
		margin: 0 0 10px 0;
	}
	.event_contents dl dd > ul li a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-decoration: none;
		width: 100%;
		height: 67px;
		border: 2px solid #111111;
		position: relative;
		z-index: 0;
		font-size: 20px;
		font-weight: 700;
		text-align: left;
		padding-left: 15px;
	}
	.event_contents dl dd > ul li a:after {
		content: "";
		display: block;
		width: 17px;
		height: 16px;
		background-image: url(https://www.gu-global.com/jp/ja/special-feature/contents/collaboration/onepiece/images/category_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translate(0px, -50%) rotate(-90deg);
	}

	/*
  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;
  }
	*/
	.sp_view {
		display: none;
	}
	.pc_view {
		display: block;
	}
}
/* PCだけに効くcssここまで */





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

#container {
	background-color: #fbf9f6;
	overflow: hidden;
}
/* パンくずここから  */

.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: 0 auto 40px auto;
	font-size: 24px;
	text-align: center;
  }
  #mv .subject {
	  /*
	  text-shadow: 1px 1px 5px #000;
	  margin-bottom: -23px;
	  */
  }
  #mv .subject h2 {
	  margin: 0 auto;
  }
  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: bold;
  }
  .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: bold;
  }

  .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用ここまで  */

  /* 表示調整ここから  */
.event_contents > p {
	text-align: center;
}
.event_contents p a,
.profile p a{
	text-decoration: underline;
}
.event_contents > dl {
	text-align: center;
	padding: 2.5rem 0 0 0;
}
.event_contents > dl dt span {
	display: block;
	font-weight: bold;
}
.event_contents > dl dd {
	padding: 0.5rem 0 0 0;
	margin-bottom: 2rem;
}
.event_contents > dl dd a {
	text-decoration: underline;
}
  /* 表示調整ここまで */

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