@charset "utf-8";
@import "reset-min.css";

/* ////////////////////////////////////
[clearfix]
//////////////////////////////////// */
.clearfix, .FloatWrap {
	display: block;
	min-height: 1%;
}
.clearfix:after, .FloatWrap:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix, * html .FloatWrap {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ////////////////////////////////////
[common]
//////////////////////////////////// */

/* ------------------------------------
	Font
------------------------------------ */
body,select,input,button,textarea,button {
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
*:first-child+html body{
	font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

/* ------------------------------------
	tag
------------------------------------ */
html {
	background: #FFF;
	background: url(../images/bg_stripe.png) repeat left top;
	overflow-y: scroll;
	height:100%;
}
body {
	height:100%;
	color: #000;
	text-align: center;
	word-wrap: break-word;

}

a:link { color: #648ba6; text-decoration: underline; }
a:visited { color: #648ba6; text-decoration: underline; }
a:hover { color: #648ba6; text-decoration: none; }
a:active { color: #648ba6; text-decoration: none; }
.LinkNoLine a:link, .LinkNoLine a:visited { text-decoration: none; }
.LinkNoLine a:hover, .LinkNoLine a:active { text-decoration: underline; }

img { vertical-align: top; }
.Fleft { float: left !important; }
.Fright { float: right !important; }
.Fnone { float: none !important; }

.TextLeft { text-align: left !important; }
.TextCenter { text-align: center !important; }
.TextRight { text-align: right !important; }

.PageTop {
	clear: both;
}

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

/* Flex */
.Flex {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.FlCenter {
	/* 上下中央 */
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.Flbottom {
	/* 下揃え */
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.FlWrap {
	/* 折り返し */
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.FlJustify {
	/* 左右均等 */
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.FlJustifyCenter {
	/* 中央寄せ */
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}


/* IE7 */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/* JavaScript */
.over,
.overOpacity,
.external,
.AddPageTop {}

/* Responsive */
.pc { display: block; }
.sp { display: none; }
img.pc { display: inline-block; }
img.sp { display: none; }


/* タブレット 以下 */
@media screen and (max-width: 767px) {
	.pc { display: none; }
	.sp { display: block; }
	img.pc { display: none; }
	img.sp { display: inline-block; }
}



/* ////////////////////////////////////
[Main]
//////////////////////////////////// */
#Main {
	position: relative;
	width: 986px;
	margin: 0 auto 10px;
	z-index: 10;
	padding-top: 134px;
}


/* タブレット 以下 */
@media screen and (max-width: 767px) {
	#Main {
		width: 698px;
		margin: 0 26px;
		padding-top: 110px;
	}
	#Main .FrameBottom {
		background: url(../images_sp/main_frame_bottom.png) no-repeat left top;
		height: 80px;
	}
	#Main .FrameBottom img { display: none; }
}



/* ////////////////////////////////////
[Header]
//////////////////////////////////// */
#Header {
	position: absolute;
	width: 986px;
	height: 115px;
	background: url(../images/hd_menu.png) no-repeat left top;
	z-index: 100;
	top: 49px; left: 0px;
}
#Header a {
	display: block;
}
#Header h1, #Header h1 a {
	width: 212px;
	height: 115px;
	text-indent: -9999px;
}
#Header .pcMenu li, #Header .pcMenu li a {
	width: 116px;
	height: 44px;
	text-indent: -9999px;
}
#Header h1 {
	position: absolute;
	top: 0px; left: 387px;
}
#Header .pcMenu li {
	position: absolute;
	top: 15px;
}
#Header .pcMenu li.HM01 { left: 35px; }
#Header .pcMenu li.HM02 { left: 152px; }
#Header .pcMenu li.HM03 { left: 269px; }
#Header .pcMenu li.HM04 { left: 601px; }
#Header .pcMenu li.HM05 { left: 718px; }
#Header .pcMenu li.HM06 { left: 835px; }
#Header .pcMenu li a:link, #Header .pcMenu li a:visited {
	background-image: none; 
}
#Header .pcMenu li a:hover, #Header .pcMenu li a:active {
	background-image: url(../images/hd_menu.png);
	background-repeat: no-repeat;
}
#Header .pcMenu li.HM01 a:hover, #Header .pcMenu li.HM01 a:active { background-position: -35px -130px; }
#Header .pcMenu li.HM02 a:hover, #Header .pcMenu li.HM02 a:active { background-position: -152px -130px; }
#Header .pcMenu li.HM03 a:hover, #Header .pcMenu li.HM03 a:active { background-position: -269px -130px; }
#Header .pcMenu li.HM04 a:hover, #Header .pcMenu li.HM04 a:active { background-position: -601px -130px; }
#Header .pcMenu li.HM05 a:hover, #Header .pcMenu li.HM05 a:active { background-position: -718px -130px; }
#Header .pcMenu li.HM06 a:hover, #Header .pcMenu li.HM06 a:active { background-position: -835px -130px; }


/* タブレット 以下 */
@media screen and (max-width: 767px) {
	#Header {
		position: fixed;
		width: 750px;
		height: auto;
		min-height: 90px;
		background: #000;
		top: 0px; left: 0px;
		box-sizing: border-box;
	}
	#Header h1, #Header h1 a {
		width: 191px;
		height: 103px;
		text-indent: -9999px;
	}
	#Header h1 {
		position: absolute;
		top: 20px; left: 280px;
		background: url(../images_sp/hd_logo.svg) no-repeat left top;
		background-size: 191px 103px;
		z-index: 1000;
	}
	
	#Header .MenuIcon {
		position: absolute;
		top: 41px; left: 40px;
		z-index: 1000;
		cursor: pointer;
		padding-top: 16px;
		padding-left: 44px;
	}
	#Header .MenuIcon .Icon {
		position: absolute;
		top: 0px; left: 0px;
		width: 36px; height: 36px;
	}
	#Header .MenuIcon span {
		display: block;
		width: 36px; height: 2px;
		background-color: #FFF;
		margin: 10px 0;
	}
	#Header .ShopIcon {
		position: absolute;
		top: 41px; right: 45px;
		z-index: 1000;
	}
	
	#Header.MOpen .MenuIcon span:nth-child(2) {
		display: none;
	}
	#Header.MOpen .MenuIcon span {
		position: absolute;
		top: 11px; left: 0;
	}
	#Header.MOpen .MenuIcon span:nth-child(1) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#Header.MOpen .MenuIcon span:nth-child(3) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#Header #spMenu dl { display: none; }
	#Header.MOpen #spMenu dl { display: block; }
	#Header .MenuIcon .open { display: inline-block; }
	#Header.MOpen .MenuIcon .open { display: none; }
	#Header .MenuIcon .close { display: none; }
	#Header.MOpen .MenuIcon .close { display: inline-block; }
	
	#spMenu {
		position: relative;
		width: 100%;
		background-color: #000;
		z-index: 900;
		padding: 70px 0 20px 60px;
		font-size: 26px;
		line-height: 1;
		text-align: left;
		box-sizing: border-box;
	}
	#spMenu:after {
		content: '';
		display: block;
		position: absolute;
		width: 100%; height: 20px;
		background: url(../images_sp/hd_bg.png);
		left: 0; bottom: -20px;
	}
	#spMenu dl {
		margin-top: 50px;
	}
	#spMenu dl.Fleft { width: 380px; }
	#spMenu dl.Fright { width: 300px; }
	#spMenu dl dt {
		margin-bottom: 10px;
	}
	#spMenu li a {
		padding: 10px 0 10px 25px;
		background: url(../images_sp/hm_arrow_link.svg) no-repeat left 14px;
		background-size: 16px 21px;
		text-decoration: none;
		color: #FFF;
	}
}



/* ////////////////////////////////////
[Contents]
//////////////////////////////////// */
#Contents {
	width: 960px;
	padding: 0 13px;
	background: url(../images/main_frame_middle.png) repeat-y center top;
}
#Contents .Visual {
	background: url(../images/visual_shadow.png) no-repeat 0 300px;
	padding-bottom: 13px;
}


/* タブレット 以下 */
@media screen and (max-width: 767px) {
	#Contents {
		width: 698px;
		padding: 0 14px;
		background: url(../images_sp/main_frame_middle.png) repeat-y center top;
		box-sizing: border-box;
	}
	#Contents .Visual {
		background: url(../images/visual_shadow.png) no-repeat 0 206px;
		padding-bottom: 13px;
	}
	#Contents .Visual img {
		width: 100%; height: auto;
	}
}


/* ////////////////////////////////////
[Footer]
//////////////////////////////////// */
#Footer {
	background: url(../images/ft_bg.png) repeat-x left top;
	padding-bottom: 20px;
	font-size: 11px;
	color: #FFF;
	line-height: 1.2;
}
#Footer address {
	clear: both;
}
#Footer .Wrap {
	background: url(../images/ft_image.jpg) no-repeat 30px 80px;
	width: 547px;
	margin: 0 auto;
	padding: 42px 0 12px 413px;
	text-align: left;
}
#Footer .Wrap a {
	color: #FFF;
}
#Footer .Wrap .Fleft {
	width: 220px;
}
#Footer .Wrap .Fright {
	width: 324px;
}
#Footer .Wrap dl {
	margin-bottom: 25px;
}
#Footer .Wrap dl dt {
	margin-bottom: 7px;
}
#Footer .Wrap dl dd li:first-child {
	margin-top: 0px;
}
#Footer .Wrap dl dd li,
#Footer .Wrap dl dd th {
	margin-top: 3px;
	background: url(../images/icon_arrow_white.png) no-repeat 0px 1px;
	padding-left: 15px;
}
#Footer .Wrap dl dd th,
#Footer .Wrap dl dd td {
	padding-bottom: 3px;
	text-align: left;
	vertical-align: top;
}

#Footer.Fix {
	position: absolute;
	width: 100%;
	left: 0; bottom: 0;
}
#Footer .Wrap dl dd li.ComingSoon {
	background: url(../images/icon_arrow_gray.png) no-repeat 0px 1px;
	color: #666;
}


/* タブレット 以下 */
@media screen and (max-width: 767px) {
	#Footer {
		background: url(../images_sp/ft_bg.png) repeat-x left top;
		padding: 35px 0 0;
		height: 86px;
		box-sizing: border-box;
	}
}


/* ////////////////////////////////////
[ShopSelect]
//////////////////////////////////// */
#ShopSelect {
	position: relative;
	background: url(../images/shopselect_menu_7.png) no-repeat left top; 
	width: 654px; height: 116px;
	margin: 0 auto;
}
#ShopSelect li {
	position: absolute;
}
#ShopSelect li.Current a {
	cursor: default;
}
#ShopSelect li, #ShopSelect li a {
	display: block;
	width: 208px; height: 42px;
}
#ShopSelect li.Omotesando, #ShopSelect li.Umeda { display: none; }
#ShopSelect li.Index, #ShopSelect li.Kisarazu, #ShopSelect li.Odaiba { top: 9px; }
#ShopSelect li.Iruma, #ShopSelect li.Oyabe, #ShopSelect li.EC { top: 51px; }

#ShopSelect li a {
	background-image: url(../images/shopselect_menu_7a.png);/*画像差し替え 180116*/
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#ShopSelect li.Index, #ShopSelect li.Iruma { left: 15px; }
#ShopSelect li.Index a:link, #ShopSelect li.Index a:visited { background-position: 0px 0px; }
#ShopSelect li.Index.Current a:link, #ShopSelect li.Index.Current a:visited,
#ShopSelect li.Index a:hover, #ShopSelect li.Index a:active { background-position: 0px -84px; }
#ShopSelect li.Iruma a:link, #ShopSelect li.Iruma a:visited { background-position: 0px -42px; }
#ShopSelect li.Iruma.Current a:link, #ShopSelect li.Iruma.Current a:visited,
#ShopSelect li.Iruma a:hover, #ShopSelect li.Iruma a:active { background-position: 0px -126px; }

#ShopSelect li.Kisarazu, #ShopSelect li.Oyabe { left: 223px; }
#ShopSelect li.Kisarazu a:link, #ShopSelect li.Kisarazu a:visited { background-position: -208px 0px; }
#ShopSelect li.Kisarazu.Current a:link, #ShopSelect li.Kisarazu.Current a:visited,
#ShopSelect li.Kisarazu a:hover, #ShopSelect li.Kisarazu a:active { background-position: -208px -84px; }
#ShopSelect li.Oyabe a:link, #ShopSelect li.Oyabe a:visited { background-position: -208px -42px; }
#ShopSelect li.Oyabe.Current a:link, #ShopSelect li.Oyabe.Current a:visited,
#ShopSelect li.Oyabe a:hover, #ShopSelect li.Oyabe a:active { background-position: -208px -126px; }

#ShopSelect li.Odaiba, #ShopSelect li.EC { left: 431px; }
#ShopSelect li.Odaiba a:link, #ShopSelect li.Odaiba a:visited { background-position: -416px 0px; }
#ShopSelect li.Odaiba.Current a:link, #ShopSelect li.Odaiba.Current a:visited,
#ShopSelect li.Odaiba a:hover, #ShopSelect li.Odaiba a:active { background-position: -416px -84px; }
#ShopSelect li.EC a:link, #ShopSelect li.EC a:visited { background-position: -416px -42px; }
#ShopSelect li.EC.Current a:link, #ShopSelect li.EC.Current a:visited,
#ShopSelect li.EC a:hover, #ShopSelect li.EC a:active { background-position: -416px -126px; }


/* タブレット 以下 */
@media screen and (max-width: 767px) {
	#ShopSelect {
		position: relative;
		background: url(../images_sp/shopselect_bg.png) no-repeat left top; 
		width: 647px; height: 106px;
		margin: 0 0 0 12px;
	}
	#ShopSelect li, #ShopSelect li a {
		display: block;
		width: 208px; height: 42px;
	}
	#ShopSelect li a {
		background: none;
		text-indent: -9999px;
	}
	#ShopSelect li.Omotesando, #ShopSelect li.Umeda {
		display: none;
	}
	#ShopSelect li.EC, #ShopSelect li.EC a { display: block; }
	#ShopSelect li.Index, #ShopSelect li.Kisarazu, #ShopSelect li.Odaiba { top: 5px; }
	#ShopSelect li.Iruma, #ShopSelect li.Oyabe, #ShopSelect li.EC { top: 47px; }
	#ShopSelect li.Index, #ShopSelect li.Iruma { left: 12px; }
	#ShopSelect li.Kisarazu, #ShopSelect li.Oyabe { left: 220px; }
	#ShopSelect li.Odaiba, #ShopSelect li.EC { left: 428px; }
}