@charset "UTF-8";


/*
フォント設定
カラー設定
リスト各種

汎用・共通
ヘッダー・グローバルナビ
キービジュアル
リード
ページ内リンク

■ アイテムページ
アイテム（基本セクション）
ページ個別装飾

■ フェアページ
基本セクション
ショッピングバッグ&ラッピング
ルックブック

■ ルックブックページ

ページの先頭へ
フッターWrap
SNSシェアボタン
サイトTOPリンク
オフィシャルSNS
フッター
*/



/* ■ フォント設定 ==================================================================================== */

/*
フォント
基準サイズ
*/


/* フォント --------------------------------------------------- */

/* WEBフォント：日本語 */
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css') print, screen and (min-width: 768px);

/* WEBフォント：英語 */
.WF1 {
font-family: 'Lato', sans-serif;
font-weight: 400;
letter-spacing: 0.07em;
}

.WF2 {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}

.WF3 {
font-family: 'Unna', serif;
font-weight: 400;
letter-spacing: 0.07em;
}

/* フォントファミリー */
body {
font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",Sans-Serif;
}


/* 基準サイズ --------------------------------------------------- */



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

	body {
	font-size: 15px; 
	}

	h1,h2,h3,h4,h5,h6,p,th,td,dl,ul,ol,caption,blockquote,input,select,textarea,div {
	line-height: 1.8em;
	}

}

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

	body {
	
	font-size: 12px;
	}

	h1,h2,h3,h4,h5,h6,p,th,td,dl,ul,ol,caption,blockquote,input,select,textarea,div {
	line-height: 2.0em;
	}

}

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

	/* 基準フォントサイズ：15px */
	body {
	font-size: 15px;
	}

	h1,h2,h3,h4,h5,h6,p,th,td,dl,ul,ol,caption,blockquote,input,select,textarea,div {
	line-height: 2.0em;
	}

	/* 基準フォントサイズ：16px */
/*
	body {
	font-size: 16px;
	}

	h1,h2,h3,h4,h5,h6,p,th,td,dl,ul,ol,caption,blockquote,input,select,textarea,div {
	line-height: 2.2em;
	}
*/

}



/* ■ カラー設定 ==================================================================================== */

/* 
本文・body背景
リンク
アラート
テキスト個別
ボーダー個別
背景個別
*/


/* 本文・body背景 --------------------------------------------------- */

body {
background: #fff;
}


/* リンク --------------------------------------------------- */

a:link {
color: #000;
text-decoration: none;
}

a:active {
color: #000;
text-decoration: none;
}

a:visited {
color: #000;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: none;
}

/* スマホ・タブレット */
.SmartPhone a:link,
.SmartPhone a:active,
.SmartPhone a:visited,
.SmartPhone a:hover,
.Tablet a:link,
.Tablet a:active,
.Tablet a:visited,
.Tablet a:hover {
color: #000;
text-decoration: none;
-webkit-transition: none;
transition: none;
}

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

	a:link {
	-webkit-transition: color 0.3s ease 0.01s, background-color 0.3s ease 0.01s, opacity 0.3s ease 0.01s;
	transition: color 0.3s ease 0.01s, background-color 0.3s ease 0.01s, opacity 0.3s ease 0.01s;
	}

	a:hover {
	opacity: 0.7;
	}

}


/* アラート --------------------------------------------------- */

.Alert {
color: #c0000e;
}

.Box.Alert,
.Box1.Alert {
border-color: #e90000;
}



/* ■ 汎用・共通 ==================================================================================== */

/* ボタン */
.Btn {
display: inline-block;
text-align: center;
}

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

	.PC {
	display: none;
	}

	.BreakSP {
	display: block;
	}

	.InBox {
	margin: 0 15px;
	}

	/* ボタン */
	.BtnTo {
	margin-top: 20px;
	}
	
	.Btn {
	width: 100%;
	padding: 10px 60px;
	border: 1px solid #c0000e;
	font-weight: 700;
	color: #c0000e !important;
	}

}

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

	.SP {
	display: none;
	}

	.BreakPC {
	display: block;
	}

	.InBox {
	max-width: 1090px;
	margin: 0 auto;
	padding: 0 30px;
	}

	/* ボタン */
	.BtnTo {
	margin-top: 40px;
	text-align: center;
	}

	.Btn {
	padding: 20px 80px;
	display: inline-block;
	border: 1px solid #c0000e;
	font-size: 22px;
	font-weight: 700;
	color: #c0000e !important;
	}
	
	.Btn:hover {
	color: #fff !important;
	background-color: #c0000e;
	}

}



/* ■ リスト各種 ==================================================================================== */

/*
ディスク（ListDisc）
ディスク：小（ListDiscS）
米印（ListKome）
米印：小（ListKomeS）
連番（ListNum）
連番：小（ListNumS）
米印連番：小（ListKomeNumS）
*/


/* ディスク（ListDisc） --------------------------------------------------- */

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

	.ListDisc li {
	margin-bottom: 8px;
	padding-left: 16px;
	line-height: 1.8em;
	}
	
	.ListDisc li:before {
	left: 2px;
	top: 9px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #000;
	}

}

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

	.ListDisc li {
	margin-bottom: 8px;
	padding-left: 15px;
	line-height: 1.8em;
	}
	
	.ListDisc li:before {
	left: 2px;
	top: 7px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #000;
	}
	
}

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

	/* 基準フォントサイズ：14px */
	.ListDisc li {
	padding-left: 18px;
	}
	
	.ListDisc li:before {
	top: 8px;
	width: 9px;
	height: 9px;
	}

	/* 基準フォントサイズ：16px */
/*
	.ListDisc li {
	padding-left: 22px;
	}
	
	.ListDisc li:before {
	top: 9px;
	width: 12px;
	height: 12px;
	}
*/

}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {

	.ListDisc li:before {
	top: 9px;
	}

}

/* Firefox */
@-moz-document url-prefix() {

	.ListDisc li:before {
	top: 9px;
	}

}


/* ディスク：小（ListDiscS） --------------------------------------------------- */

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

	.ListDiscS li {
	margin-bottom: 5px;
	padding-left: 16px;
	font-size: 86%;
	line-height: 1.7em;
	}
	
	.ListDiscS li:before {
	left: 4px;
	top: 7px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #000;
	}
	
}

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

	.ListDiscS li {
	margin-bottom: 5px;
	padding-left: 15px;
	font-size: 88%;
	line-height: 1.8em;
	}
	
	.ListDiscS li:before {
	left: 4px;
	top: 7px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #000;
	}
	
}

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

	/* 基準フォントサイズ：14px */
	.ListDiscS li {
	padding-left: 17px;
	}
	
	.ListDiscS li:before {
	top: 8px;
	width: 7px;
	height: 7px;
	}

	/* 基準フォントサイズ：16px */
/*
	.ListDiscS li {
	padding-left: 20px;
	}
	
	.ListDiscS li:before {
	top: 8px;
	width: 9px;
	height: 9px;
	}
*/

}

/* Firefox */
@-moz-document url-prefix() {

	.ListDiscS li:before {
	top: 9px;
	}

}


/* 米印（ListKome） --------------------------------------------------- */

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

	.ListKome li {
	margin-bottom: 5px;
	padding-left: 17px;
	line-height: 1.8em;
	}
	
	.ListKome li:before {
	left: 1px;
	top: 1px;
	font-size: 93%;
	}
	
}

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

	.ListKome li {
	margin-bottom: 5px;
	padding-left: 16px;
	line-height: 1.8em;
	}
	
	.ListKome li:before {
	left: 1px;
	top: 0;
	font-size: 90%;
	}

}

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

	/* 基準フォントサイズ：14px */
	.ListKome li {
	padding-left: 18px;
	}

	.Win .ListKome li:before {
	top: -1px;
	}

	/* 基準フォントサイズ：16px */
/*
	.ListKome li {
	padding-left: 22px;
	}
*/

}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {

	.Win .ListKome li:before {
	top: 1px;
	}

}

/* Firefox */
@-moz-document url-prefix() {

	.ListKome li:before {
	top: 1px;
	}

	.Win .ListKome li:before {
	top: 0;
	}

}


/* 米印：小（ListKomeS） --------------------------------------------------- */

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

	.ListKomeS li {
	margin-bottom: 5px;
	padding-left: 16px;
	font-size: 86%;
	line-height: 1.8em;
	}
	
	.ListKomeS li:before {
	left: 1px;
	top: 0;
	}
	
}

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

	.ListKomeS li {
	margin-bottom: 5px;
	padding-left: 13px;
	font-size: 86%;
	line-height: 1.8em;
	}
	
	.ListKomeS li:before {
	left: 1px;
	top: 0;
	font-size: 84%;
	}
	
}

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

	/* 基準フォントサイズ：14px */
	.ListKomeS li {
	padding-left: 15px;
	}

	.ListKomeS li:before {
	font-size: 82%;
	}

	.Win .ListKomeS li:before {
	top: -1px;
	}

	/* 基準フォントサイズ：16px */
/*
	.ListKomeS li {
	padding-left: 18px;
	}
*/
	
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {

	.Win .ListKomeS li:before {
	top: 1px;
	}

}


/* 連番（ListNum） --------------------------------------------------- */

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

	.ListNum li {
	margin-bottom: 10px;
	padding-left: 16px;
	line-height: 1.8em;
	counter-increment: ListNum;
	}
	
	.ListNum li:before {
	left: 1px;
	top: 0;
	font-size: 97%;
	}
	
}

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

	.ListNum li {
	margin-bottom: 10px;
	padding-left: 15px;
	line-height: 1.8em;
	counter-increment: ListNum;
	}
	
	.ListNum li:before {
	left: 1px;
	top: 0;
	font-size: 97%;
	}
	
}

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

	/* 基準フォントサイズ：14px */
	.ListNum li {
	padding-left: 17px;
	}

	/* 基準フォントサイズ：16px */
/*
	.ListNum li {
	padding-left: 20px;
	}
*/
	
}


/* 連番：小（ListNumS） --------------------------------------------------- */

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

	.ListNumS li {
	margin-bottom: 5px;
	padding-left: 16px;
	font-size: 86%;
	line-height: 1.7em;
	counter-increment: ListNum;
	}
	
	.ListNumS li:before {
	left: 1px;
	top: 0;
	font-size: 97%;
	}
	
}

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

	.ListNumS li {
	margin-bottom: 5px;
	padding-left: 13px;
	font-size: 86%;
	line-height: 1.8em;
	counter-increment: ListNum;
	}
	
	.ListNumS li:before {
	left: 1px;
	top: 0;
	font-size: 97%;
	}
	
}

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

	/* 基準フォントサイズ：14px */
	.ListNumS li {
	padding-left: 15px;
	}

	/* 基準フォントサイズ：16px */
/*
	.ListNumS li {
	padding-left: 18px;
	}
*/

	.ListNumS li:before {
	top: 0;
	}

}


/* 米印連番：小（ListKomeNumS） --------------------------------------------------- */

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

	.ListKomeNumS li {
	margin-bottom: 5px;
	padding-left: 26px;
	font-size: 86%;
	line-height: 1.7em;
	counter-increment: ListNum;
	}
	
	.ListKomeNumS li:before {
	left: 1px;
	top: 0;
	font-size: 97%;
	}
	
}

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

	.ListKomeNumS li {
	margin-bottom: 5px;
	padding-left: 22px;
	font-size: 88%;
	line-height: 1.8em;
	counter-increment: ListNum;
	}
	
	.ListKomeNumS li:before {
	left: 1px;
	top: 0;
	font-size: 97%;
	}
	
}

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

	/* 基準フォントサイズ：14px */
	.ListKomeNumS li {
	padding-left: 25px;
	}

	/* 基準フォントサイズ：16px */
/*
	.ListKomeNumS li {
	padding-left: 29px;
	}
*/

}



/* ■ ヘッダー・グローバルナビ ==================================================================================== */

/* カラー */
#GlobalNav a {
color: #fff;
}

#GlobalNav a.Current {
color: #fff;
background: #a8010e;
}

#GlobalNav a.Disabled {
opacity: 0.2;
pointer-events: none;
cursor: default;
}

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

	#Header {
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 40px;
	background: #c0000e;
	}
	
	#GlobalNav .Logo {
	display: none;
	}
	
	#GlobalNav .Menu {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	}

	#GlobalNav .Menu li {
	display: table-cell;
	}

	#GlobalNav .Menu li:first-chiid {
	border-left: none;
	}

	#GlobalNav .Menu li:last-child {
	border-right: none;
	}
	
	#GlobalNav .Menu li a {
	display: block;
	width: 100%;
	height: 40px;
	border-left: 1px solid #a8010e;
	font-size: 15px;
	font-weight: 700;
	line-height: 40px;
	}

	#GlobalNav .Menu li:last-child a {
	border-right: 1px solid #a8010e;
	}

}

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

	#Header {
	position: fixed;
	z-index: 10000;
	width: 100%;
	height: 60px;
	background: #c0000e;
	overflow: hidden;
	}
	
	#GlobalNav {
	display: table;
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 25px;
	}
	
	#GlobalNav .Logo {
	display: table-cell;
	padding-top: 22px;
	vertical-align: top;
	}

	#GlobalNav .Logo a {
	display: inline-block;
	text-indent: -9999px;
	width: 288px;
	text-align: left;
	background: url(../img/Logo.png) no-repeat;
	background-position: 0 0;
	background-size: 288px auto;
	}
	
	#GlobalNav .Menu {
	display: table-cell;
	padding-top: 17px;
	text-align: right;
	vertical-align: top;
	}
	
	#GlobalNav .Menu li {
	display: inline-block;
	}
	
	#GlobalNav .Menu li a {
	display: block;
	width: 120px;
	padding: 5px 0;
	border-left: 1px solid #a8010e;
	font-size: 14px;
	line-height: 1.0em;
	text-align: center;
	}

	#GlobalNav .Menu li:last-child a {
	border-right: 1px solid #a8010e;
	}

}

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

	#Header {
	position: fixed;
	z-index: 10000;
	width: 100%;
	height: 60px;
	background: #c0000e;
	overflow: hidden;
	}
	
	#GlobalNav {
	display: table;
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	padding: 0 15px;
	}
	
	#GlobalNav .Logo {
	display: table-cell;
	padding-top: 22px;
	vertical-align: top;
	}

	#GlobalNav .Logo a {
	display: inline-block;
	text-indent: -9999px;
	width: 288px;
	text-align: left;
	background: url(../img/Logo.png) no-repeat;
	background-position: 0 0;
	background-size: 288px auto;
	}
	
	#GlobalNav .Menu {
	display: table-cell;
	padding-top: 15px;
	text-align: right;
	vertical-align: top;
	}
	
	#GlobalNav .Menu li {
	display: inline-block;
	}
	
	#GlobalNav .Menu li a {
	display: block;
	width: 150px;
	padding: 5px 0;
	border-left: 1px solid #a8010e;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.0em;
	text-align: center;
	}

	#GlobalNav .Menu li:last-child a {
	border-right: 1px solid #a8010e;
	}

}



/* ■ キービジュアル ==================================================================================== */

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

	#KeyVisual {
	padding-top: 40px;
	}

}

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

	#KeyVisual {
	width: 100%;
	padding-top: 60px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	}
	
}



/* ■ ページ内リンク ==================================================================================== */

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

	#InPageNav .Col {
	display: table;
	width: 100%;
	margin-top: 25px;
	border-collapse: collapse;
	}
	
	#InPageNav .Col li {
	display: table-cell;
	float: none;
	margin-right: 0;
	border: 3px solid #fff;
	text-align: center;
	vertical-align: middle;
	}
	
	#InPageNav .Col li a {
	padding: 12px 0;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
	}

	#InPageNav .Col2 li {
	width: 50%;
	}

	#InPageNav .Col3 li {
	width: 33.333333333%;
	}

	#InPageNav .Col4 li {
	width: 25%;
	}

}

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

	#InPageNav {
	margin-top: 45px;
	}

	#InPageNav li a {
	width: 100%;
	padding: 10px 0 14px 0;
	box-sizing: border-box;
	border: 5px solid #fff;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.3em;
	letter-spacing: 0.2em;
	color: #fff;
	text-align: center;
	}

}



/* ■ セクション設定 ==================================================================================== */

/* 
アイテムセクション
 */


/* アイテムセクション --------------------------------------------------- */

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

	.SectionItem {
	padding-bottom: 20px;
	}

	.SectionItem h2.Mds {
	margin-bottom: 20px;
	padding-top: 30px;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.2em;
	text-align: center;
	}

	.SectionItem .LeadMain {
	margin-bottom: 25px;
	font-size: 15px;
	font-weight: bold;
	}

	.ItemList li {
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 20px;
	}
	
	.ItemList li:nth-child(2n) {
	margin-right: 0;
	}

	#Sec4 .ItemList li {
	float: none;
	width: 100%;
	}

	.ItemList .Photo {
	margin-bottom: 5px;
	}

	.ItemList .Lead1 {
	font-size: 86%;
	font-weight: bold;
	}
	
	.ItemList .Lead2 {
	font-size: 79%;
	}
	
	.ItemList .Lead3 {
	margin-bottom: 3px;
	font-size: 72%;
	}
	
	.ItemList .Lead4 {
	font-size: 72%;
	}
	
	.ItemList .Soon {
	font-size: 72%;
	color: #c0000e;
	}

	.ItemList .LinkSoon {
	pointer-events:none;
	}

}

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

	#LeadUnit h1.Mds {
	margin-bottom: 20px;
	font-size: 50px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 1em;
	}

	.SectionItem {
	padding-bottom: 50px;
	}

	.SectionItem h2.Mds {
	margin-bottom: 30px;
	font-size: 44px;
	font-weight: 900;
	line-height: 1em;
	letter-spacing: 0.2em;
	text-align: center;
	}

	.SectionItem .LeadMain {
	margin-bottom: 50px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	}

	.ItemList li {
	margin-bottom: 50px;
	text-align: center;
	}

	#Sec4 .ItemList {
	width: 60%;
	}

	#Sec4 .ItemList li {
	width: 48%;
	margin-right: 4%;
	}

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

	.ItemList .Photo {
	margin-bottom: 15px;
	}
	
	.ItemList .Lead1 {
	font-size: 115%;
	line-height: 1.5em;
	}
	
	.ItemList .Lead2 {
	margin-bottom: 2px;
	font-size: 93%;
	}
	
	.ItemList .Lead3 {
	margin-bottom: 5px;
	font-size: 79%;
	}
	
	.ItemList .Lead4 {
	font-size: 86%;
	}
	
	.ItemList .Soon {
	font-size: 93%;
	color: #c0000e;
	}

	.ItemList .LinkSoon {
	pointer-events:none;
	}

}


/* ■ アイテム（トップページ） ==================================================================================== */

/*
基本セクション
*/

/* 基本セクション --------------------------------------------------- */

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

	#PageItems #LeadUnit {
	padding: 40px 0;
	background: url(../img/item/Texture_InPageNav_SP.jpg) no-repeat center top;
	background-size: 100% auto;
	}
	
	#PageItems #LeadUnit h1.Mds {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	}

	#PageItems #LeadUnit .Lead2 {
	color: #fff;
	text-align: center;
	line-height: 1.7em;
	}

	#PageItems .SectionItem h2.Mds {
	padding-top: 30px;
	border-top: 10px solid;
	}

	#PageItems .SectionItem#Sec1,
	#PageItems .SectionItem#Sec3 {
	border-top-color: #c0000e; 
	color: #c0000e !important;
	background: url(../img/Texture_SecBg1_SP.png) no-repeat center top;
	background-size: 100% auto;
	}

	#PageItems .SectionItem#Sec1 .ItemList a,
	#PageItems .SectionItem#Sec3 .ItemList a {
	color: #c0000e;
	}

	#PageItems .SectionItem#Sec2 {
	border-top-color: #007834; 
	color: #007834;
	background: url(../img/Texture_SecBg2_SP.png) no-repeat center top;
	background-size: 100% auto;
	}

	#PageItems .SectionItem#Sec2 .ItemList a {
	color: #007834;
	}

	#PageItems .SectionItem#Sec4 {
	border-top-color: #ffae00; 
	color: #000;
	background: url(../img/Texture_SecBg3_SP.png) no-repeat center top;
	background-size: 100% auto;
	}

	#PageItems .SectionItem#Sec4 h2.Mds {
	color: #ffae00;
	}

	#PageItems .SectionItem#Sec4 .ItemList a {
	color: #000;
	}

}


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

	#PageItems #LeadUnit {
	padding: 70px 0 75px 0;
	background: url(../img/item/Texture_InPageNav_PC.jpg) no-repeat center top;
	background-size: 100% auto;
	}	

	#PageItems #LeadUnit .Lead2 {
	text-align: center;
	color: #fff;
	}

	#PageItems .SectionItem h2.Mds {
	padding-top: 70px;
	border-top: 10px solid;
	}

	#PageItems .SectionItem#Sec1,
	#PageItems .SectionItem#Sec3 {
	border-top-color: #c0000e; 
	color: #c0000e !important;
	background: url(../img/Texture_SecBg1_PC.png) no-repeat center top;
	}

	#PageItems .SectionItem#Sec1 .ItemList a,
	#PageItems .SectionItem#Sec3 .ItemList a {
	color: #c0000e;
	}

	#PageItems .SectionItem#Sec2 {
	border-top-color: #007834; 
	color: #007834;
	background: url(../img/Texture_SecBg2_PC.png) no-repeat center top;
	}

	#PageItems .SectionItem#Sec2 .ItemList a {
	color: #007834;
	}

	#PageItems .SectionItem#Sec4 {
	border-top-color: #ffae00; 
	color: #000;
	background: url(../img/Texture_SecBg3_PC.png) no-repeat center top;
	}

	#PageItems .SectionItem#Sec4 h2.Mds {
	color: #ffae00;
	}

	#PageItems .SectionItem#Sec4 .ItemList {
	margin-left: auto;
	margin-right: auto;
	}

	#PageItems .SectionItem#Sec4 .ItemList a {
	color: #000;
	}

}



/* ■ フェアページ ==================================================================================== */

/*
基本セクション
*/


/* 基本セクション --------------------------------------------------- */

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

	#PageFair .PageFairUnit {
	background: url(../img/fair/Texture_PageBg_SP.jpg) no-repeat center top;
	background-size: 100% auto;
	}

	#PageFair #LeadUnit {
	padding: 80px 0 35px 0;
	background: url(../img/fair/Texture_KeyVisual_SP.jpg) no-repeat center 40px;
	background-size: 100% auto;
	}

	#PageFair #LeadUnit h1.Mds {
	margin: 0 auto 20px auto;
	text-align: center;
	line-height: 1em;
	}

	#PageFair #LeadUnit h1.Mds img {
	width: 280px;
	height: auto;
	}

	#PageFair #LeadUnit .Lead1 {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	}

	#PageFair .SectionItem#Sec1 {
	padding-bottom: 30px;
	}

	#PageFair .SectionItem#Sec2 {
	padding-bottom: 55px;
	}

	#PageFair .SectionItem .InBox {
	margin: 0 0;
	padding: 0 15px;
	box-sizing: border-box;
	}

	#PageFair .SectionItem h2.Mds {
	color: #c0000e;
	}

	#PageFair .SectionItem .LeadMain {
	color: #c0000e;
	}

	#PageFair .SectionItem {
	padding-bottom: 40px;
	}

	#PageFair .SectionItem h2.Mds {
	margin-bottom: 5px;
	}

	#PageFair .SectionItem .LeadMain {
	margin-bottom: 30px;
	font-size: 79%;
	text-align: center;
	}

	#PageFair .SectionItem .Photo {
	margin-bottom: 15px;
	}

	#PageFair .SectionItem .Lead1 {
	margin-bottom: 15px;
	line-height: 1.8em;
	}

	#PageFair .PhotoCard {
	margin-top: 25px;
	}

	#PageFair .BtnTo {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	}

	#PageFair .BtnTo .Btn {
	border: 3px solid;
	background: #fff;
	font-size: 16px;
	font-weight: 900;
	}

}

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

	#PageFair .PageFairUnit {
	background: url(../img/fair/Texture_PageBg_PC.jpg) no-repeat center top;
	background-size: cover;
	}

	#PageFair #LeadUnit {
	padding-top: 125px;
	padding-bottom: 30px;
	background: url(../img/Texture_KeyVisual_PC.jpg) no-repeat center 60px;
	}

	#PageFair #LeadUnit h1.Mds {
	margin-bottom: 35px;
	}

	#PageFair #LeadUnit h1.Mds img {
	width: 926px;
	height: auto;
	}

	#PageFair #LeadUnit .Lead1 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.8em;
	}

	#PageFair #InPageNav {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	}

	#PageFair .SectionItem {
	padding-top: 80px;
	padding-bottom: 80px;
	}

	#PageFair .SectionItem h2.Mds {
	margin-bottom: 10px;
	color: #c0000e;
	}

	#PageFair .SectionItem .LeadMain {
	text-align: center;
	color: #c0000e;
	}

	#PageFair .SectionItem .LBox,
	#PageFair .SectionItem .RBox {
	width: 49% !important;
	}

	#PageFair .SectionItem .Photo {
	margin-bottom: 30px;
	}

	#PageFair .SectionItem .Lead1 {
	margin-bottom: 20px;
	line-height: 2.0em;
	}

	#PageFair #Sec1 .PhotoCard {
	width: 30%;
	margin-left: 30px;
	}

	#PageFair #Sec1 .PhotoCard {
	margin-top: -8px;
	}

	#PageFair .BtnTo .Btn {
	background-color: #fff;
	border: 5px solid;
	font-weight: 900;
	}

	#PageFair .BtnTo .Btn:hover {
	color: #fff !important;
	background-color: #c0000e;
	border: none;
	}

}



/* ■ ルックブックページ ==================================================================================== */

/*
基本セクション
*/

/* 基本セクション --------------------------------------------------- */

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

	/* ブック */
	#PageBook #LeadUnit .InBox {
	margin: 0 0;
	}

	#PageBook #LeadUnit .KeyVisual img {
	width: 100%;
	height: auto;
	}

	.SectionBook {
	padding: 30px 0;
	color: #c0000e;
	background: url(../img/Texture_SecBg1_SP.png) no-repeat center top;
	background-size: 100% auto;
	}

	.SectionBook:nth-child(2n)  {
	color: #007834;
	background: url(../img/Texture_SecBg2_SP.png) no-repeat center top;
	background-size: 100% auto;
	}

	.SectionBook .Photo img {
	width: 100%;
	height: auto;
	}

	.SectionBook .LRBox {
	width: 100%;
	margin-bottom: 10px;
	}

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

	.SectionBook .LBox {
	margin-bottom: 10px;
	}

	.SectionBook .LinkTo {
	font-size: 11px;
	letter-spacing: 0.06em;
	}

	.SectionBook .LinkTo a {
	display: inline-block;
	padding-left: 25px;
	background: url(../img/Icon_Allow1.png) no-repeat;
	background-position: 0 1px;
	background-size: 16px auto;
	color: #c0000e;
	}

	.SectionBook:nth-child(2n) .LinkTo a {
	background: url(../img/Icon_Allow2.png) no-repeat;
	background-position: 0 1px;
	background-size: 16px auto;
	color: #007834;
	}

	.SectionBook .LinkTo span {
	display: block;
	color: #000;
	}

	.SectionBook .LinkSoon {
	padding-left: 0 !important;
	background-image: none !important;
	pointer-events: none;
	}

}

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

	#PageBook #LeadUnit {
	padding-top: 170px;
	padding-bottom: 25px;
	background: url(../img/Texture_KeyVisual_PC.jpg) no-repeat center 60px;
	}

	#PageBook #LeadUnit .KeyVisual {
	width: 838px;
	margin: 0 auto 130px auto;
	}

	#PageBook #LeadUnit .KeyVisual img {
	width: 100%;
	height: auto;
	}

	#PageBook #LeadUnit .Mds {
	text-align: center;
	}

	#PageBook #LeadUnit .Mds img {
	width: 255px;
	height: auto;
	}

	.SectionBook {
	padding: 90px 0;
	color: #c0000e;
	background: url(../img/Texture_SecBg1_PC.png) no-repeat center top;
	}

	.SectionBook:nth-child(2n) {
	color: #007834;
	background: url(../img/Texture_SecBg2_PC.png) no-repeat center top;
	}
	
	.SectionBook .Photo img {
	width: 100%;
	height: auto;
	}

	.SectionBook .LRBox {
	width: 100%;
	margin-bottom: 2%;
	}

	.SectionBook .LBox,
	.SectionBook .RBox {
	width: 49%;
	}

	.SectionBook .LinkTo {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 0.06em;
	}

	.SectionBook .LinkTo a {
	display: inline-block;
	padding-left: 25px;
	background: url(../img/Icon_Allow1.png) no-repeat;
	background-position: 0 4px;
	background-size: 17px auto;
	color: #c0000e;
	}

	.SectionBook:nth-child(2n) .LinkTo a {
	background: url(../img/Icon_Allow2.png) no-repeat;
	background-position: 0 4px;
	background-size: 17px auto;
	color: #007834;
	}

	.SectionBook .LinkTo a:hover {
	text-decoration: underline;
	}

	.SectionBook .LinkTo span {
	display: block;
	color: #000;
	}

	.SectionBook .LinkSoon {
	padding-left: 0 !important;
	background-image: none !important;
	pointer-events: none;
	}

}



/* ■ ページの先頭へ ==================================================================================== */

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

	#PageTop_SP {
	width: 100%;
	height: 40px;
	margin-bottom: 50px;
	padding-top: 35px;
	}
	
	#PageTop_SP a {
	display: block;
	height: 40px;
	text-align: center;
	text-indent: -9999px;
	background: url(../img/common/Icon_PageTop_SP.png) no-repeat center center;
	background-size: 17px 13px;
	}

}

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

	#PageTop_PC {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	}
	
	#PageTop_SP {
	display: none;
	}

}



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

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

	.FooterWrap {
	background: url(../img/Texture_Footer_SP.jpg) no-repeat center top;
	background-size: cover;
	}

}

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

	.FooterWrap {
	background: url(../img/Texture_Footer_PC.jpg) no-repeat center top;
	background-size: cover;
	}

}



/* ■ SNSシェアボタン ==================================================================================== */

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

	#SocialBtn {
	display: table;
	margin: 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 30px auto;
	padding: 60px 0 30px 0;
	}
	
	#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 .Copyright {
font-size: 67%;
text-align: center;
color: #fff;
}

@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;
	}
	
}