@charset "UTF-8";


/*
■ 汎用
■ ヘッダー
■ リード
■ 各アイテム
■ 装飾
■ フッター
*/



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

/*
横幅
アイテム名
ボタン
背景色
テキスト調整
*/


/* 横幅 --------------------------------------------------- */

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

	.Width1,
	.Width3 {
	margin: 0 6%;
	}

}

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

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

	.Width2 {
	max-width: 710px;
	margin: 0 auto;
	}

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

}

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

}


/* コピーライト --------------------------------------------------- */

.Copyright {
letter-spacing: 0.01em;
color: #000;
text-align: center;
}

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

	.Copyright {
	font-size: 67%;
	}

}

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


}

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

	.Copyright {
	font-size: 74%;
	}

}

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

}


/* ボタン --------------------------------------------------- */

.Btn {
display: inline-block;
border: 1px solid #d9bb6d;
line-height: 1.0em;
text-align: center;
color: #d9bb6d !important;
}

.Btn span {
background: url(../img/common/Icon_Cart.png) no-repeat;
}

.BtnFwd {
position: relative;
}

.BtnFwd:after {
display: block;
position: absolute;
top: 50%;
right: 20px;
border-top: solid 3px;
border-right: solid 3px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
}

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

	.Btn {
	width: 100%;
	padding: 15px 70px 12px 70px;
	font-size: 120%;
	}

	.Btn span {
	padding-left: 22px;
	background-position: 0 3px;
	background-size: 15px auto;
	}

	.BtnFwd:after {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	}

}

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

	.Btn {
	padding: 12px 40px 11px 40px;
	font-size: 107%;
	}

	.Btn span {
	padding-left: 18px;
	background-position: 0 4px;
	background-size: 12px auto;
	}

	.BtnFwd:after {
	width: 16px;
	height: 16px;
	margin-top: -8px;
	}

}

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

}


/* 終了ボタン --------------------------------------------------- */

.BtnEnd {
display: inline-block;
border-radius: 50px;
line-height: 1.0em;
font-weight: 700;
text-align: center;
color: #fff;
background: #473b00;
}

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

	.BtnEnd {
	width: 100%;
	padding: 20px 0;
	}

}

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

	.BtnEnd {
	padding: 20px 70px;
	font-size: 147%;	
	}

}

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

}


/* 背景色 --------------------------------------------------- */

.Bg1 {
background: #f4f4f4;
}

.Bg2 {

}

/* テキスト調整 --------------------------------------------------- */

.DisplayInline {
display: inline-block;	
}


/* ■ ヘッダー ==================================================================================== */

.Header {

}

.Header h1.Title {

}

.Header h1.Title span {
display: block;
}

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

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

	.Header h1.Title {
	display: flex;
	}

	.Header h1.Title span {
	width: 50%;
	}

}

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


			
}



/* ■ リード ==================================================================================== */

.SectionLead h2.Mds {
text-align: center;
}

.SectionLead .Lead1 {
line-height: 2.2em;
}	

.SectionLead .ShopList {
border-style: solid;
border-color: #727272;
}

.SectionLead .ShopList h3.Mds {
font-weight: 500;
}

.SectionLead .Copyright {
text-align: center;
}

.SectionLead .KomeS {
display: inline-block;
position: relative;
}

.SectionLead .KomeS:before {
display: inline-block;
position: absolute;
top: 0;
left: 0;
content: '※';
}
	
@media only screen and (max-width: 767px) {

	.SectionLead {
	padding: 6% 0 12% 0;
	}

	.SectionLead h2.Mds {
	font-size: 268%;
	}

	.SectionLead .Lead1 {
	margin-bottom: 25px;
	font-size: 100%;
	}

	.SectionLead .ShopList {
	margin: 0 0 30px 0;
	padding: 20px 15px;
	border-width: 2px;
	}

	.SectionLead .ShopList h3.Mds {
	font-size: 94%;
	}

	.SectionLead .KomeS {
	padding-left: 14px;
	font-size: 80%;
	line-height: 1.5em;
	}
					
}

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

	.SectionLead {
	padding: 6% 0 9% 0;
	}

	.SectionLead h2.Mds {
	font-size: 469%;
	}
		
	.SectionLead .Lead1 {
	margin-bottom: 50px;
	font-size: 107%;
	}

	.SectionLead .ShopList {
	margin: 0 0 50px 0;
	padding: 20px;
	border-width: 3px;
	text-align: center;
	}		

	.SectionLead .ShopList h3.Mds {
	font-size: 107%;
	}	

	.SectionLead .KomeS {
	padding-left: 18px;
	font-size: 94%;
	}
		
}

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

}


/* ■ 各アイテム ==================================================================================== */

.SectionItems h2.Mds {
text-align: center;
line-height: 1.0em;
}

.SectionItems h2.Mds span {
display: block;
line-height: 1.0em;
}

.SectionItems h2.Mds .Cap {
font-weight: 500;
}

.SectionItems .LeadUnit .Lead1 {
line-height: 2.2em;
}

.SectionItems .ItemList li {
text-align: center;
}
	
.SectionItems .ItemList a {
display: block;
color: #000;
}

.SectionItems .ItemList .Name span {
display: block;
}

.SectionItems .ItemList .Price span {
display: inline-block;
}
	
.SectionItems .BtnBuy {
display: inline-block;
background: #000;
font-weight: 300;
line-height: 1.0em;
lPublicEnemyter-spacing: 0.1em;
}

.SectionItems .BtnBuy span {
display: inline-block;
background: #000 url(../img/common/Icon_Cart.png) no-repeat;
background-position: 0 40%;
font-weight: bold;
color: #fff;
}

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

	.SectionItems {
	padding: 12% 0 14% 0;
	}

	.SectionItems .LeadUnit {
	margin-bottom: 25px;
	}

	.SectionItems h2.Mds {
	margin-bottom: 25px;
	}

	.SectionItems h2.Mds .Logo {
	margin-bottom: 15px;
	}

	.SectionItems h2.Mds .Cap {
	font-size: 114%;
	}

	.SectionItems h2.Mds .Logo img {
	width: 100%;
	height: auto;
	}	

	.SectionItems .LeadUnit .Lead1 {
	font-size: 94%;
	}

	.SectionItems .ItemList li {
	margin-bottom: 12%;
	}

	.SectionItems .ItemList li:last-child {
	margin-bottom: 0;
	}

	.SectionItems .ItemList .Photo {
	margin-bottom: 20px;
	}				

	.SectionItems .ItemList .Name .Main {
	line-height: 114%;
	}
	
	.SectionItems .ItemList .Price {
	font-size: 100%;
	}

	.SectionItems .ItemList .Price span {
	font-size: 80%;
	}

	.SectionItems .BtnBuy {
	width: 55%;
	margin-top: 15px;
	padding: 10px 0 ;
	font-size: 108%;
	}

	.SectionItems .BtnBuy span {
	padding-left: 16px;
	background-size: 13px auto;
	}	

	.SectionItems .Copyright {
	margin-top: 14%;
	}
					
}

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

	.SectionItems .Copyright {
	margin: 14% 15px 0 15px;
	}

}

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

	.SectionItems {
	padding: 8% 0 10% 0;
	}

	.SectionItems .LeadUnit {
	margin-bottom: 60px;
	}
	
	.SectionItems h2.Mds {
	margin-bottom: 40px;
	}

	.SectionItems h2.Mds .Logo {
	margin-bottom: 30px;
	}

	.SectionItems h2.Mds .Cap {
	font-size: 134%;
	}

	.SectionItems h2.Mds .Logo img {
	width: 50%;
	height: auto;
	}	

	.SectionItems .LeadUnit .Lead1 {
	font-size: 107%;
	}
	
	.SectionItems .ItemList {
	width: 100%;
	display: flex;
	flex-wrap:wrap;
	}

	.SectionItems .Col2_PC {
	margin: 0 -2%;
	padding: 0 15%;
	}

	.SectionItems .Col2_PC li {
	width: calc(48% - 2%);
	margin: 0 2%;
	}
	
	.SectionItems .Col3_PC {
	margin: 0 -1%;
	}

	.SectionItems .Col3_PC li {
	width: calc(32.33333333% - 3%);
	margin: 0 2%;
	}

	.SectionItems .ItemList li:nth-child(2n+1):nth-last-child(-n+2),
	.SectionItems .ItemList li:nth-child(2n+1):nth-last-child(-n+2) ~ li {	 
	margin-bottom: 0;
	}

	.SectionItems .ItemList .Photo {
	margin-bottom: 20px;
	}				

	.SectionItems .ItemList .Name .Main {
	font-size: 113%;
	}
	
	.SectionItems .ItemList .Price {
	font-size: 100%;
	}
	
	.SectionItems .ItemList .Price span {
	font-size: 80%;
	}

	.SectionItems .BtnBuy {
	width: 55%;
	margin-top: 15px;
	padding: 10px 0 ;
	font-size: 108%;
	}

	.SectionItems .BtnBuy span {
	padding-left: 16px;
	background-size: 13px auto;
	}	

	.SectionItems .Copyright {
	margin-top: 10%;
	}

}

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

	.SectionItems {
	padding: 10% 0 12% 0;
	}
	
	.SectionItems .LeadUnit {
	margin-bottom: 80px;
	}

	.SectionItems h2.Mds {
	margin-bottom: 60px;
	}
	
}



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

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


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

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

	.FooterWrap {
	margin-top: 6%;
	}
		
}

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

	.FooterWrap {
	margin-top: 3%;
	}
		
}

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

}


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

#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;
z-index: 10000;
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;
	}
	
}