/* 2023.10.04 追記
---------------------------------------------------------- */
* {
	font-family: ryo-display-plusn, serif;
}

#gnav li a div,#gnav .acd-label,#footer li a {
  font-family: adobe-garamond-pro, serif !important;
}
._sp {
  display: none;
}
@media screen and (max-width: 768px) {
  ._pc {
      display: none!important;
  }
  ._sp {
      display: block;
  }
}

P {
	text-align: justify;
}

h2.ttl {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 1px;
    padding-bottom: 60px;
}
h3.ttl {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 1px;
    padding-bottom: 40px;
}
@media screen and (max-width: 769px){
	h2.ttl {
		font-size: 7.200vw;
		padding-bottom: 6.667vw;
	}
	h3.ttl {
		font-size: 4.533vw;
		padding-bottom: 3.333vw;
	}
}

.catBox {
	width: 750px;
	margin: 0 auto;
}
@media screen and (max-width: 769px){
	.catBox {
		width: 100%;
	}
}

.s1 {
	padding: 135px 0 0 0;
}
.s1Txt {
    padding: 0 0 100px 235px;
}
.s1Txt p {
	font-size: 16px;
}
@media screen and (max-width: 769px){
	.s1 {
		padding: 14.667vw 0 0 0;
	}
	.s1Txt {
	    padding: 0 0 13.333vw 25.333vw;
	}
	.s1Txt p {
		font-size: 3.467vw;
	}
	.s1Img {
		padding: 0 8%;
	}
}

.s2 {
	padding: 85px 0 110px 0;
}
.s2Txt {
    padding: 0 100px;
    text-align: justify;
}
.s2Txt p {
	font-size: 14px;
	padding-bottom: 80px;
}
@media screen and (max-width: 769px){
	.s2 {
		padding: 14.667vw 0 0 0;
	}
	.s2Txt {
	    padding: 0 8%;
	}
	.s2Txt p {
		font-size: 3.200vw;
		padding-bottom: 17.333vw;
	}
}

.profBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30px 40px;
	background: #f2f2f2;
}
@media screen and (max-width: 769px){
	.profBox {
		padding: 14.667vw 8% 8vw 8%;
	}
}

.profImg {
	width: 180px;
}
@media screen and (max-width: 769px){
	.profImg {
		width: 21.333vw;
	}
}

.profTxt {
	width: calc(100% - 180px);
	width: -webkit-calc(100% - 180px);
	padding: 0 0 0 40px;
}
.profTxt h2 {
	font-size: 20px;
	margin-top: 0;
	padding-bottom: 7px;
	line-height: 1;
}
.profTxt h2 span {
	font-size: 15px;
	padding-left: 23px;
}
.profTxt p {
	font-size: 12px;
}
@media screen and (max-width: 769px){
	.profTxt {
		width: calc(100% - 21.333vw);
		width: -webkit-calc(100% - 21.333vw);
		padding: 0 0 0 8vw;
	}
	.profTxt h2 {
		font-size: 5.333vw;
		padding: 3.5vw 0 0 0;
		line-height: 1;
	}
	.profTxt h2 span {
		display: block;
		font-size: 3.733vw;
		padding: 3.733vw 0 0 0;
	}
	p.profTxt_sp {
		font-size: 3.200vw;
		padding: 0 8% 18vw 8%;
		background: #f2f2f2;
	}
}

/* AD GALLERY */
.s3Bk {
	background: #000;
	padding: 80px 0;
}
@media screen and (max-width: 769px){
	.s3Bk {
		padding: 16.667vw 8% 15.333vw 8%;
	}
}

.s3 h2 {
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding-bottom: 45px;
}
@media screen and (max-width: 769px){
	.s3 h2 {
	 	font-size: 5.600vw;
	 	padding-bottom: 9.333vw;
	 }
}

.s3Img {
	text-align: right;
}
.s3Img label {
	cursor: pointer;
}
.s3Img img.loupe {
	width: 115px;
	margin-top: 10px;
}
@media screen and (max-width: 769px){
	.s3Img img.loupe {
		width: 27.600vw;
		margin-top: 2.133vw;
	}
}

/* PRODUCTS */
.s4 {
	padding: 123px 0 90px 0;
	text-align: center;
}
.s4 h2 {
	font-size: 24px;
}
.s4 h3 {
	font-size: 20px;
	padding-bottom: 10px;
}
.s4 p {
	font-size: 14px;
	text-align: center;
	padding-bottom: 40px;
}
.s4 img {
	width: 112px;
	margin: 35px 0 40px 0;
}
.s4 a.more {
	display: block;
	width: 300px;
	margin: auto;
	padding: 20px 0;
	font-size: 13px;
	color: #fff;
	text-align: center;
	background: #000;
}
@media screen and (max-width: 769px){
	.s4 {
		padding: 16.667vw 0 13.333vw 0;
	}
	.s4 h2 {
		font-size: 5.600vw;
	}
	.s4 h3 {
		font-size: 5.067vw;
		padding-bottom: 6.400vw;
	}
	.s4 p {
		font-size: 3.200vw;
		padding : 0 8.667vw 8.667vw 8.667vw;
		letter-spacing: -0.03vw;
	}
	.s4 img {
		width: 22vw;
		margin: 8vw 0;
	}
	.s4 a.more {
		width: 82.667vw;
		margin-bottom: 8vw;
		padding: 6vw 0;
		font-size: 3.600vw;
	}
}

.sns-brand .head-sns {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 200px;
    height: auto;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    margin: 0 auto 60px auto;
}
.head-sns li:nth-child(1) {
	width: 50px;
	margin-right: 10px;
}
.head-sns li:nth-child(1) img {
	width: 100%;
}

.bnnr {
	margin-top: 150px;
}
.bnnr a img {
	display: block;
	width: 100%;
}

@media screen and (max-width: 769px){
	.sns-brand .head-sns {
		width: 53.333vw;
		margin: -6.667vw auto 0 auto;
	}
	.head-sns li {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.head-sns li:nth-child(1) {
		display: none;
	}
	.share {
		width: 16.533vw;
		margin: auto;
	}
	.bnnr {
		margin: 28vw 8% 0 8%;
	}
	.bnnr img {
		margin: 0;
	}
}

/* modal */
@media screen and (max-width: 769px){
	.modal .modal-wrap {
		width: 100%!important;
		padding: 0!important;
	}
	.modal .modal-overlay .close {
		top: -60px!important;
		right: 10px!important;
	}
}