@charset "UTF-8";


/* 
2019AW用 .PageRev2
 */


/*
■ 汎用
■ 目次メニュー
■ TOPページ：ヘッダー
■ TOPページ：導入
■ 下層ページ：ヘッダー
■ 下層ページ：本文
■ 下層ページ：商品紹介
■ 下層ページ：プロフィール
■ バックナンバー メニュー
■ フッター
*/



/* ■ 汎用 ==================================================================================== */

/* 背景色 */
.Bg1 {
background-color: #f0f4f5;
}

.Bg2 {
background-color: #f9f5ef;
}

/* アニメーション */
.InView {
opacity: 0;
}

.Effect1 {
opacity: 1;
transition: 1.5s ease 0.01s;
}

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

	.Width1 {
	max-width: 840px;
	margin: 0 auto;
	padding: 0 20px;
	}

	.Width2 {
	max-width: 480px;
	margin: 0 auto;
	padding: 0 20px;
	}

	.Width3 {
	max-width: 1090px;
	margin: 0 auto;
	padding: 0 20px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 目次メニュー ==================================================================================== */

.IndexMenu li {
float: left;
}

.IndexMenu li a {
display: block;
}

/* TOPページへ */
.BtnTop {
text-align: center;
}

.BtnTop a {
padding-bottom: 2px;
border-bottom: 1px solid #000;
color: #000;
}

@media only screen and (max-width: 767px) {

	.IndexMenu {
	margin: 0 15px;
	}

	.IndexMenu li {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 8%;
	}

	.IndexMenu li:nth-child(2n) {
	margin-right: 0;
	}

	.IndexMenu .Lead1 {
	margin: 0 6.25%;
	margin-top: -25px;
	}

	/* TOPページへ */
	.BtnTop {
	margin-top: 40px;
	margin-bottom: 50px;
	}

	.BtnTop a {
	}

	/* 動画 */
	.MovieIn {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 768px) {

	.IndexMenu {
	margin-top: 80px;
	}

	.IndexMenu li {
	width: 30.5%;
	margin-right: 4.25%;
	margin-bottom: 6%;
	}

	.IndexMenu li:nth-child(3n) {
	margin-right: 0;
	}

	.IndexMenu .Photo {
	margin-left: 12.5%;
	}

	.IndexMenu .Lead1 {
	margin-top: -150px;
	margin-right: 31.25%;
	}

	/* TOPページへ */
	.BtnTop {
	margin-top: 60px;
	text-align: center;
	}

	.BtnTop a {
	font-size: 134%;
	}

	/* 動画 */
	.MovieIn {
	margin-top: 30px;
	}

}

@media print, screen and (min-width: 1090px) {

	/* TOPページへ */
	.BtnTop {
	margin-top: 80px;
	}

	/* 動画 */
	.MovieIn {
	margin-top: 50px;
	}

}



/* ■ TOPページ：ヘッダー ==================================================================================== */

#HeaderTop {
position: relative;
}

#HeaderTop .Mds,
#HeaderTop .Number {
position: absolute;
}

@media only screen and (max-width: 767px) {

	#HeaderTop .Photo {
	padding-top: 50px;
	}

	#HeaderTop .Mds {
	left: 4%;
	top: 15px;
	width: 65%;
	}

	#HeaderTop .Number {
	right: 2%;
	top: 15px;
	width: 18%;
	}

}

@media print, screen and (min-width: 768px) {

	#HeaderTop .Photo {
	padding-top: 60px;
	}

	#HeaderTop .Mds {
	left: 4%;
	top: 25px;
	width: 70%;
	}

	#HeaderTop .Number {
	right: 2%;
	top: 25px;
	}

	#HeaderTop .Number img {
	width: auto;
	height: 25px;
	}

}

@media print, screen and (min-width: 1090px) {

	#HeaderTop .Photo {
	padding-top: 90px;
	}

	#HeaderTop .Mds {
	left: 7%;
	top: 35px;
	width: 800px;
	}

	#HeaderTop .Number {
	right: 2%;
	top: 45px;
	}

	#HeaderTop .Number img {
	height: 32px;
	}

}



/* ■ TOPページ：導入 ==================================================================================== */

@media only screen and (max-width: 767px) {

	.SectionIntro {
	margin-bottom: 30px;
	padding: 30px 15px;
	}

	.SectionIntro .Mds {
	margin-bottom: 15px;
	font-size: 140%;
	}

	.SectionIntro .Lead1 {
	margin-bottom: 30px;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionIntro {
	margin-bottom: 40px;
	padding: 30px 0;
	}

	.SectionIntro .Mds {
	margin-bottom: 15px;
	font-size: 174%;
	font-weight: 500;
	text-align: center;
	}

	.SectionIntro .Lead1 {
	margin-bottom: 30px;
	font-size: 107%;
	line-height: 2.2em;
	}

}

@media print, screen and (min-width: 1090px) {

	.SectionIntro {
	margin-bottom: 100px;
	padding: 100px 0 70px 0;
	}

	.SectionIntro .Mds {
	margin-bottom: 30px;
	}

	.SectionIntro .Lead1 {
	margin-bottom: 70px;
	}

}



/* ■ 下層ページ：ヘッダー ==================================================================================== */


@media only screen and (max-width: 767px) {

	#HeaderIn {
	margin-bottom: 40px;
	}

	.PageRev2 #HeaderIn {
	margin-bottom: 30px;
	}

	#HeaderIn .InBox {
	margin-bottom: 40px;
	}

	#HeaderIn .Mds {
	margin: 0 5.3%;
	margin-top: -60px;
	}

	#HeaderIn .Catch {
	margin: 0 15px;
	font-size: 154%;
	line-height: 1.5em;
	font-weight: bold;
	}

}

@media print, screen and (min-width: 768px) {

	#HeaderIn {
	margin-bottom: 50px;
	}

	.PageRev2 #HeaderIn {
	margin-bottom: 30px;
	}

	#HeaderIn .InBox {
	position: relative;
	margin-bottom: 130px;
	}

	#HeaderIn .Mds {
	position: absolute;
	left: 9%;
	bottom: -80px;
	}

	#HeaderIn .Mds img {
	width: 250px;
	height: auto;
	}

	#HeaderIn .Catch {
	font-size: 253%;
	line-height: 1.8em;
	font-weight: 500;
	}

}

@media print, screen and (min-width: 1090px) {

	#HeaderIn {
	margin-bottom: 80px;
	}

	.PageRev2 #HeaderIn {
	margin-bottom: 60px;
	}

	#HeaderIn .InBox {
	margin-bottom: 220px;
	}

	#HeaderIn .Mds {
	bottom: -130px;
	}

	#HeaderIn .Mds img {
	width: 400px;
	}

}



/* ■ 下層ページ：本文 ==================================================================================== */

.Photo1 li {
margin-right: 0;
}

@media only screen and (max-width: 767px) {

	.SectionLead {
	margin: 0 15px 30px 15px;
	}

	.SectionLead .Mds {
	margin-bottom: 15px;
	font-size: 114%;
	line-height: 1.8em;
	}

	.SectionLead .Lead1 {
	margin-bottom: 20px;
	}

	.Photo1 {
	margin-bottom: 30px;
	}

	.Photo1 li {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionLead {
	margin-bottom: 50px;
	}

	.SectionLead .Mds {
	margin-bottom: 30px;
	font-size: 160%;
	line-height: 1.8em;
	font-weight: 500;
	}

	.SectionLead .Lead1 {
	margin-bottom: 20px;
	font-size: 107%;
	line-height: 2.2em;
	font-weight: 300;
	}

	.Photo1 {
	margin-bottom: 50px;
	}

	.Photo1 li {
	width: 50%;
	}

}

@media print, screen and (min-width: 1090px) {

	.SectionLead {
	margin-bottom: 100px;
	}

	.SectionLead .Mds {
	margin-bottom: 40px;
	}

	.SectionLead .Lead1 {
	margin-bottom: 30px;
	}

	.Photo1 {
	margin-bottom: 70px;
	}

}



/* ■ 下層ページ：商品紹介 ==================================================================================== */

.SectionItem {
text-align: center;	
}

.SectionItem .InBox {
border: 1px solid #000;
}

.PageRev2 .SectionItem h2.Mds {
border-bottom: 1px solid #000;
}

.SectionItem .Photo {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

.PageRev2 .SectionItem .Photo {
border: none;
}

/* 私のおすすめポイント */
.SectionPoints {
border-top: 1px solid #000;
}

.SectionPoints h3.Mds {
position: relative;
display: inline-block;
}

.SectionPoints h3.Mds:before,
.SectionPoints h3.Mds:after {
position: absolute;
height: 1px;
background: #000;
content: "";
}

.SectionPoints h3.Mds:before {
transform: rotate(65deg);
}

.SectionPoints h3.Mds:after {
transform: rotate(-65deg);
}

.SectionPoints .Lead3 {
text-align: left;
}

/* 注釈 */
.SectionItem .ListKomeS li {
display: inline-block;
}

@media only screen and (max-width: 767px) {

	.SectionItem {
	margin: 0 30px;
	padding: 30px 0;
	}

	.SectionItem .InBox {
	padding: 20px 20px 30px 20px;
	}

	.SectionItem h2.Mds {
	margin-bottom: 15px;
	font-size: 134%;
	}

	.PageRev2 .SectionItem h2.Mds {
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 134%;
	}

	.SectionItem .Photo {
	margin-bottom: 30px;
	padding: 12px 0;
	}

	.PageRev2 .SectionItem .Photo {
	margin-bottom: 15px;
	padding: 12px 0;
	}

	.SectionItem .Photo img {
	width: 90%;
	}

	.SectionItem .Lead1 {
	font-size: 107%;
	}

	.SectionItem .Lead2 {
	margin-bottom: 20px;
	font-size: 94%;
	}

	.SectionItem .BtnBuy a {
	margin-bottom: 30px;
	width: 240px;
	padding: 15px 0;
	font-size: 134%;
	}

	/* 私のおすすめポイント */
	.SectionPoints {
	padding-top: 30px;
	}

	.SectionPoints h3.Mds {
	margin-bottom: 20px;
	font-size: 94%;
	font-weight: bold;
	}

	.SectionPoints h3.Mds:before,
	.SectionPoints h3.Mds:after {
	top: 10px;
	width: 25px;
	}

	.SectionPoints h3.Mds:before {
	left: -30px;
	}
	
	.SectionPoints h3.Mds:after {
	right: -25px;
	}

	.SectionPoints h4.Mds {
	margin-bottom: 20px;
	font-size: 114%;
	font-weight: bold;
	}

	.SectionPoints .Lead3 {
	font-size: 94%;
	line-height: 2.0em;
	}

	/* 注釈 */
	.PageRev2 .SectionItem .ListKomeS {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionItem {
	padding: 80px 0;
	}

	.SectionItem .InBox {
	padding: 30px 60px 60px 60px;
	}

	.SectionItem h2.Mds {
	margin-bottom: 20px;
	font-size: 134%;
	}

	.PageRev2 .SectionItem h2.Mds {
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 187%;
	}

	.SectionItem .Photo {
	margin-bottom: 30px;
	padding: 10px 0;
	}

	.PageRev2 .SectionItem .Photo {
	margin-bottom: 20px;
	padding: 10px 0;
	}

	.PageRev2 .SectionItem .Photo img {
	width: 70%;
	}

	.SectionItem .Lead1 {
	font-size: 160%;
	line-height: 1.0em;
	}

	.SectionItem .Lead2 {
	margin-bottom: 20px;
	font-size: 134%;
	}

	.SectionItem .BtnBuy a {
	margin-bottom: 50px;
	width: 240px;
	font-size: 134%;
	}

	/* 私のおすすめポイント */
	.SectionPoints {
	padding-top: 40px;
	}

	.SectionPoints h3.Mds {
	margin-bottom: 20px;
	font-size: 134%;
	font-weight: 500;
	}

	.SectionPoints h3.Mds:before,
	.SectionPoints h3.Mds:after {
	top: 20px;
	width: 30px;
	}

	.SectionPoints h3.Mds:before {
	left: -40px;
	}
	
	.SectionPoints h3.Mds:after {
	right: -35px;
	}

	.SectionPoints h4.Mds {
	margin-bottom: 20px;
	font-size: 160%;
	font-weight: 500;
	}

	.SectionPoints .Lead3 {
	font-size: 107%;
	line-height: 2.4em;
	}

	/* 注釈 */
	.PageRev2 .SectionItem .ListKomeS {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 下層ページ：プロフィール ==================================================================================== */

.SectionProfile .LinkTo {
margin-bottom: 10px;
}

.SectionProfile .LinkTo a {
display: inline-block;
background: url(../img/common/Icon_Instagram.png) no-repeat;
background-position: 0 50%;
}

.SectionProfile .LinkTo.Web a {
background: url(../img/common/Icon_Web.png) no-repeat;
}

.SectionProfile .LinkTo.Twitter a {
background: url(../img/common/Icon_Twitter.png) no-repeat;
}

.SectionProfile .LinkTo.YouTube a {
background: url(../img/common/Icon_YouTube.png) no-repeat;
}

@media only screen and (max-width: 767px) {

	.SectionProfile {
	margin-bottom: 40px;
	padding: 30px 30px;
	}

	.SectionProfile .LBox,
	.SectionProfile .RBox {
	float: none;
	}

	.SectionProfile .Photo {
	margin-bottom: 30px;
	}

	.SectionProfile .Mds {
	margin-bottom: 5px;
	font-size: 134%;
	line-height: 1.0em;
	font-weight: normal;
	}

	.SectionProfile .Lead1 {
	margin-bottom: 10px;
	font-size: 94%;
	}

	.SectionProfile .Lead2 {
	margin-bottom: 20px;
	}

	.SectionProfile .LinkTo a {
	padding-left: 38px;
	font-size: 107%;
	color: #000;
	background-size: 25px 25px;
	}

	.SectionProfile .LinkTo.Web a {
	background-size: 25px 25px;
	}

	.SectionProfile .LinkTo.Twitter a {
	background-size: 25px 25px;
	}

	.SectionProfile .LinkTo.YouTube a {
	background-position: 0 3px;
	background-size: 25px 18px;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionProfile {
	padding: 45px 0;
	}

	.SectionProfile .LBox {
	width: 38%;
	}

	.SectionProfile .RBox {
	width: 58%;
	}

	.SectionProfile .Mds {
	margin-bottom: 5px;
	font-size: 147%;
	line-height: 1.0em;
	}

	.SectionProfile .Lead1 {
	margin-bottom: 10px;
	font-size: 134%;
	}

	.SectionProfile .Lead2 {
	margin-bottom: 20px;
	}

	.SectionProfile .LinkTo a {
	padding-left: 35px;
	font-size: 107%;
	color: #000;
	background-size: 22px 22px;
	}

	.SectionProfile .LinkTo.Web a {
	background-size: 22px 22px;
	}

	.SectionProfile .LinkTo.Twitter a {
	background-size: 22px 22px;
	}

	.SectionProfile .LinkTo.YouTube a {
	background-position: 0 3px;
	background-size: 22px 16px;
	}

}

@media print, screen and (min-width: 1090px) {

	.SectionProfile {
	padding: 90px 0;
	}

	.SectionProfile .LinkTo a {
	padding-left: 40px;
	background-size: 26px 26px;
	}

	.SectionProfile .LinkTo.Web a {
	background-size: 26px 26px;
	}

	.SectionProfile .LinkTo.Twitter a {
	background-size: 26px 26px;
	}

	.SectionProfile .LinkTo.YouTube a {
	background-position: 0 5px;
	background-size: 26px 18px;
	}

}



/* ■ バックナンバー メニュー ==================================================================================== */

@media only screen and (max-width: 767px) {

	.BackNumber {
	margin: 40px 15px 0 15px;
	text-align: center;
	}

	.BackNumber .MdsSub {
	margin-bottom: 5px;
	}

	.BackNumber .MdsSub img {
	width: 207px;
	}

	.BackNumber h2.Mds {
	margin-bottom: 20px;
	font-size: 107%;
	font-weight: 300;
	}

	.BackNumber li {
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 8%;
	}

	.BackNumber li:nth-child(2n) {
	margin-right: 0;
	}

}

@media print, screen and (min-width: 768px) {

	.BackNumber {
	max-width: 810px;
	margin: 100px auto 0 auto;
	padding: 0 20px;
	text-align: center;
	background: aqua;
	}

	#PageHome .BackNumber {
	margin-top: 40px;
	}

	.BackNumber .MdsSub {
	margin-bottom: 5px;
	}

	.BackNumber .MdsSub img {
	width: 260px;
	}

	.BackNumber h2.Mds {
	margin-bottom: 40px;
	font-size: 134%;
	font-weight: 300;
	}

	.BackNumber li {
	width: 28%;
	margin-right: 8%;
	margin-bottom: 6%;
	}

	.BackNumber li:nth-child(3n) {
	margin-right: 0;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ フッター ==================================================================================== */

/*
フッターセクション
SNSシェアボタン
ロゴ
オフィシャルSNS
Footer
ページの先頭へ
*/


/* フッターセクション --------------------------------------------------- */

.FooterWrap {
border-top: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {

	.FooterWrap {
	margin-top: 40px;
	padding-top: 30px;
	}

}

@media print, screen and (min-width: 768px) {

	.FooterWrap {
	margin-top: 80px;
	padding-top: 60px;
	}

}

@media print, screen and (min-width: 1090px) {

	.FooterWrap {
	margin-top: 100px;
	padding-top: 60px;
	}

}



/* SNSシェアボタン --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	#SocialBtn {
	display: table;
	margin: 40px auto 30px auto;
	}
	
	#SocialBtn li {
	display: table-cell;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	vertical-align: top;
	}
	
	#SocialBtn li:first-child {
	padding-left: 0 !important;
	}
	
	.fb_iframe_widget > span {
	vertical-align: baseline !important;
	}
	
	/* LINE */
	#SocialBtn li.Line img {
	vertical-align: top;
	}

}

@media print, screen and (min-width: 768px) {

	#SocialBtn {
	display: table;
	margin: 0 auto 50px auto;
	}
	
	#SocialBtn li {
	display: table-cell;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	vertical-align: top;
	}
	
	#SocialBtn li:first-child {
	padding-left: 0 !important;
	}
	
	.fb_iframe_widget > span {
	vertical-align: baseline !important;
	}

}


/* ロゴ --------------------------------------------------- */

#Logo {
text-align: center;
}

@media only screen and (max-width: 767px) {

	#Logo {
	margin-bottom: 30px;
	}

	#Logo img {
	width: 120px;
	height: auto;
	}
	
}

@media print, screen and (min-width: 768px) {

	#Logo {
	margin-bottom: 30px;
	}

	#Logo img {
	width: 140px;
	height: auto;
	}
	
}


/* オフィシャルSNS --------------------------------------------------- */

#OfficialSNS {
text-align: center;
}

@media only screen and (max-width: 767px) {

	#OfficialSNS {
	margin-bottom: 20px;
	}
	
	#OfficialSNS ul li {
	display: inline;
	margin: 0 10px;
	}
	
	#OfficialSNS ul li img {
	width: 30px;
	height: auto;
	}

}

@media print, screen and (min-width: 768px) {

	#OfficialSNS {
	margin-bottom: 30px;
	}
	
	#OfficialSNS li {
	display: inline;
	margin: 0 15px;
	}
	
	#OfficialSNS li img {
	width: 26px;
	height: auto;
	}

}


/* Footer --------------------------------------------------- */

#Footer .Copyright {
font-size: 67%;
text-align: center;
}

@media only screen and (max-width: 767px) {

	#Footer {
	padding-bottom: 20px;
	}
	
	#Footer .Copyright {
	}

}

@media print, screen and (min-width: 768px) {

	#Footer {
	padding-bottom: 40px;
	text-align: center;
	}
	
}


/* ページの先頭へ --------------------------------------------------- */

#PageTop {
display: none;
position: fixed;
opacity: 0.7;
}

@media only screen and (max-width: 767px) {

	#PageTop {
	bottom: 10px;
	right: 10px;
	}

	#PageTop {
	width: 40px;
	}

}

@media print, screen and (min-width: 768px) {

	#PageTop {
	bottom: 20px;
	right: 20px;
	}
	
}