@charset "utf-8";

/* Fonts
------------------------------------------------ */

/* A font by Lauren Thompson (Nymphont) -> www.nymfont.com */
@font-face {
	font-family: "Champagne & Limousines";
		src: url("../fonts/Champagne_Limousines.eot?") format("eot"), url("../fonts/Champagne_Limousines.woff") format("woff"), url("../fonts/Champagne_Limousines.ttf") format("truetype"), url("../fonts/Champagne_Limousines.svg#Champagne&Limousines") format("svg");
		font-weight: normal;
		font-style: normal;
}
@font-face {
	font-family: "Champagne & Limousines";
		src: url("../fonts/Champagne_Limousines_Bold.eot?") format("eot"),
		url("../fonts/Champagne_Limousines_Bold.woff") format("woff"),
		url("../fonts/Champagne_Limousines_Bold.ttf") format("truetype"),
		url("../fonts/Champagne_Limousines_Bold.svg#Champagne&Limousines-Bold") format("svg");
		font-weight: bold;
		font-style: normal;
}


/*-----------------------------------------------------
html
-------------------------------------------------------*/
html{overflow-y:scroll;height:100%;}


/*-----------------------------------------------------
body
-------------------------------------------------------*/
body{
	height:100%;
	font-size:12px;
	font-size:75%\9;
	line-height:1.6;
	letter-spacing:0.01em;
	font-family:"Champagne & Limousines", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
	color:#000000;
	background-color:#f5e0da;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
input,textarea{font-family:"Champagne & Limousines", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;}
input[type="password"] {font-family: Sans-Serif;}

/* for IE9 */
body:not(:target){font-size:75%\9;}

::selection{background-color:#fff}
::-moz-selection{background-color:#fff}

/*-----------------------------------------------------
a
-------------------------------------------------------*/
a:link, a:visited{
	color:#000000;
	text-decoration:none;
	-webkit-transition:opacity 350ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	        transition:opacity 350ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
@media screen and (min-width: 768px){
	a:hover, a:active{text-decoration:underline;}
}
@media screen and (max-width: 767px){
	a{
		background-color:transparent;
		-webkit-touch-callout:none;
		-webkit-tap-highlight-color:rgba(255, 255, 255, .4);
	}
}

/*-----------------------------------------------------
nonvisual-menu
-------------------------------------------------------*/
div.nonvisual-menu{width:0;height:0;font-size:1px;line-height:1px;overflow:hidden;/* except MacIE \*/position: absolute;/* end */left:0;top:0;color:#fff;}
div.nonvisual-menu a{text-decoration:none;font-size:1px;line-height:1px;color:#fff;}
#main-Contents img{position:absolute;border:none!important;height:1px;top:0px;left:0px;}



/*-----------------------------------------------------
Container
-------------------------------------------------------*/
#Container{
	min-width:320px;
	height:100%;
	position:relative;
}



/*-----------------------------------------------------
NotBrowser
-------------------------------------------------------*/
#NotBrowser{width:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:100;text-align:center;border-bottom:1px solid #6F6F6F;}
#NotBrowser div.bg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(256,256,256,0.9);z-index:101;}
#NotBrowser p{position:relative;padding:16px 0;z-index:102;}



/*-----------------------------------------------------
Backlayer
-------------------------------------------------------*/
@media screen and (min-width: 768px){
	#Backlayer{display:none !important;}
}
@media screen and (max-width: 767px){
	#Backlayer{
		width:100%;
		height:100%;
		position:fixed;
		display:none;
		top:0;
		left:0;
		background-color:rgba(0, 0, 0, 0.65);
		z-index:90;
	}
}


/*-----------------------------------------------------
pc/sp only
-------------------------------------------------------*/
@media screen and (min-width: 768px){
	.sp-only {
		display: none;
	}
}
@media screen and (max-width: 767px){
	.pc-only {
		display: none;
	}
}

/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Header{
	position:relative;
}
#Header .header-inside{
	height:260px;
	position: relative;
	overflow:hidden;
	z-index:50;
	background-color:#f5e0da;
}
@media screen and (max-width: 767px){
	#Header .header-inside{
		width:100%;
		height:50px;
		position:fixed;
		top:0;
		left:0;
	}
}


/*-------------------------------------
logo
---------------------------------------*/
#Header .logo{
	width:356px;
	position:absolute;
	top:105px;
	left:50%;
	margin-left:-178px;
}
#Header .logo img{width:100%;height:auto;}
@media screen and (max-width: 767px){
	#Header .logo{
		width:170px;
		top:17px;
		margin-left:-80px;
	}
}


/*-------------------------------------
search_area
---------------------------------------*/
#Header div.search_area{
	width:170px;
	position:relative;
	overflow:hidden;
	margin:10px 0 1px 30px;
}
/* input */
#Header div.search_area input{
	width:100%;
	padding:5px 5px 5px 25px;
	font-size:92%;
	border:0;
	color:#000;
	background-image:url("../images/icon_search.gif");
	background-position:0 42%;
	background-repeat:no-repeat;
	background-size:14px auto;
	background-color:transparent;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
#Header div.search_area input::-ms-input-placeholder{
	color:#000000;
	-ms-transition:color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    transition:color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* linear */
}
#Header div.search_area input:hover::-ms-input-placeholder{color:#999;}
#Header div.search_area input:focus::-ms-input-placeholder{color:#f5e0da;}
#Header div.search_area input::-moz-placeholder{
	color:#000000;
	-moz-transition:color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	     transition:color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* linear */
}
#Header div.search_area input:hover::-moz-placeholder{color:#999;}
#Header div.search_area input:focus::-moz-placeholder{color:#f5e0da;}
#Header div.search_area input::-webkit-input-placeholder{
	color:#000000;
	-webkit-transition:color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	        transition:color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutCubic */
}
#Header div.search_area input:hover::-webkit-input-placeholder{color:#999;}
#Header div.search_area input:focus::-webkit-input-placeholder{color:#f5e0da;}
/* label */
#Header div.search_area label{
	width:100%;
	height:1px;
	display:block;
	position:absolute;
	bottom:0;
	left:-100%;
	background-color:transparent;
	-webkit-transition:
		left 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000),
		background-color 350ms cubic-bezier(0.250, 0.250, 0.750, 0.750)
	;
	transition:
		left 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000), /* linear */
		background-color 350ms cubic-bezier(0.250, 0.250, 0.750, 0.750) /* easeOutCubic */
	;
}
#Header div.search_area input:hover + label{left:0;background-color:#999;}
#Header div.search_area input:focus + label{left:0;background-color:#000;}
#Header div.search_area input[type="submit"]{display:none;}
@media screen and (max-width: 767px){
	#Header div.search_area{display:none;}
}



/*-----------------------------------------------------
GlobalNaviMenu
-------------------------------------------------------*/
#GlobalNaviMenu{display:none;}
@media screen and (min-width: 768px){
	#GlobalNaviMenu{display:none;}
}
@media screen and (max-width: 767px){
	#GlobalNaviMenu{
		display:block;
		position:fixed;
		top:0;
		left:10px;
		z-index:61;
		will-change: transform;
		transform: translate3d(0, 0, 0);
	}
	#GlobalNaviMenu a{
		width:50px;
		height:50px;
		display:block;
		position:relative;
		-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
		tap-highlight-color:rgba(0, 0, 0, 0);
	}
	#GlobalNaviMenu a span{
		width:17px;
		height:1px;
		position:absolute;
		top:25px;
		left:15px;
		text-indent:-9999px;
		background-color:#000;
	}
	#GlobalNaviMenu a span:before,
	#GlobalNaviMenu a span:after{
		content:"";
		width:100%;
		height:1px;
		display:block;
		position:absolute;
		left:0;
		background-color:#000;

		-webkit-transition-duration:400ms, 500ms;
		        transition-duration:400ms, 500ms;
		-webkit-transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000);
		        transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
	}
	#GlobalNaviMenu a span:before{
		top:-6px;
		-webkit-transition-property:top, -webkit-transform;
		        transition-property:top, transform;
	}
	#GlobalNaviMenu a span:after{
		bottom:-6px;
		-webkit-transition-property:bottom, -webkit-transform;
		        transition-property:bottom, transform;
	}
	/* show */
	#GlobalNaviMenu a.show span{
		background-color:transparent;
	}
	#GlobalNaviMenu a.show span:before{
		top:0;
		-webkit-transition-delay:0s, 400ms;
		        transition-delay:0s, 400ms;
		-webkit-transform:rotate(45deg);
		        transform:rotate(45deg);
	}
	#GlobalNaviMenu a.show span:after{
		bottom:0;
		-webkit-transition-delay:0s, 400ms;
		        transition-delay:0s, 400ms;
		-webkit-transform:rotate(-45deg);
		        transform:rotate(-45deg);
	}
	/* hide */
	#GlobalNaviMenu a.hide span:before,
	#GlobalNaviMenu a.hide span:after{
		-webkit-transition-delay:400ms, 0ms;
						transition-delay:400ms, 0ms;
	}
}



/*-----------------------------------------------------
GlobalNavi
-------------------------------------------------------*/
#GlobalNavi{display:none;}
@media screen and (min-width: 768px){
	#GlobalNavi{
		width:100%;
		display:block !important;
		position:absolute;
		top:200px;
		left:0 !important;
		z-index:60;
		border-bottom:1px solid #fff;
	}
}
@media screen and (max-width: 767px){
	#GlobalNavi{
		width:100%;
		height:100%;
		display:none;
		overflow:hidden;
		overflow-y:auto;
		position:fixed;
		top:0;
		left:-100%;
		background-color: #f5e0da;
		z-index:60;
		-webkit-user-select:none;
		   -moz-user-select:none;
		    -ms-user-select:none;
		        user-select:none;
		-webkit-overflow-scrolling:touch;
	}
}

/*-------------------------------------
Search
---------------------------------------*/
@media screen and (min-width: 768px){
	#GlobalNavi div.search_area{
		display: none;
	}
}
@media screen and (max-width: 767px){
	#GlobalNavi div.search_area{
		position:relative;
		overflow:hidden;
		margin:60px 25px 20px
	}
	#GlobalNavi div.search_area input{
		height:30px;
		display:block;
		float:left;
		padding:3px 5px;
		border:0;
		font-size:125%;
		font-family:'Champagne & Limousines', sans-serif;
		border-bottom:1px solid #000000;
		background-color:transparent;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
		-webkit-appearance:none;
		border-radius:0;
	}
	#GlobalNavi div.search_area input::-ms-input-placeholder{color:#000000;}
	#GlobalNavi div.search_area input::-moz-placeholder{color:#000000;}
	#GlobalNavi div.search_area input::-webkit-input-placeholder{color:#000000;}
	#GlobalNavi div.search_area input[type="search"]{
		width:92%;
	}
	#GlobalNavi div.search_area input[type="submit"]{
		width:8%;
		overflow:hidden;
		text-indent:-9999px;
		background-image:url("../images/icon_search.gif");
		background-position:60% 50%;
		background-repeat:no-repeat;
		background-size:12px auto;
	}
	#GlobalNavi div.search_area labe{display:none;}
}

/*-------------------------------------
Member
---------------------------------------*/
@media screen and (min-width: 768px){
	#GlobalNavi div.member_area{
		display: none;
	}
}
@media screen and (max-width: 767px){
	#GlobalNavi div.member_area{
		margin: 0 25px 20px;
	}
	#GlobalNavi li.member_area_item + li.member_area_item{
		margin-top: 20px;
	}
	#GlobalNavi a.member_area_link{
		height: 28px;
		display: block;
		font-size:125%;
		line-height: 28px;
		text-indent: 5px;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration: none;
		border-bottom:1px solid #000000;
		background-position:right 5px center;
		background-repeat:no-repeat;
	}
	#GlobalNavi a.member_area_link.mod-mypage{
		background-image:url("../images/icon_mypage.png");
		background-size:15px auto;
	}
	#GlobalNavi a.member_area_link.mod-login{
		background-image:url("../images/icon_login.png");
		background-size:16px auto;
	}
}


/*-------------------------------------
main
---------------------------------------*/
#GlobalNavi .is-disabled,
#GlobalNavi .is-disabled:before,
#Footer .is-disabled,
#Footer .is-disabled:before {
	opacity: .5;
	pointer-events: none;
	cursor: auto;
}
#GlobalNavi ul.main li.mod-em a{
	color: #c75942;
}
@media screen and (min-width: 768px){
	#GlobalNavi ul.main{
		width:100%;
		text-align:center;
	}
	#GlobalNavi ul.main li{
		display:inline-block;
	}
	#GlobalNavi ul.main li > a{
		height:60px;
		display:block;
		position:relative;
		padding:0 23px;
		line-height:64px;
		font-size:14px;
		letter-spacing:0.06em;
		text-decoration:none;
		font-family:'Champagne & Limousines', sans-serif;
		color:#000000;
	}
	#GlobalNavi ul.main li:hover > a{opacity:0.5;}
}
@media screen and (max-width: 767px){
	#GlobalNavi ul.main{min-width:218px;margin:0 25px 30px;}
	#GlobalNavi ul.main li{width:100%;margin:0 0 15px 0;}
	#GlobalNavi ul.main li > a{
		height:28px;
		display:block;
		position:relative;
		line-height:28px;
		text-indent:5px;
		font-size:125%;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
		border-bottom:1px solid #000000;
	}
	#GlobalNavi ul.main li > a:after{
		content:"";
		width:4px;
		height:4px;
		display:block;
		position:absolute;
		top:0;
		bottom:1px;
		right:8px;
		margin:auto;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		-webkit-transform:rotate(-45deg);
		        transform:rotate(-45deg);
	}
	#GlobalNavi ul.main li.has-child > a:after{display:none;}
}

/* dl
---------------------*/
@media screen and (min-width: 768px){
	#GlobalNavi ul.main li > dl{
		width:100%;
		height:0;
		overflow:hidden;
		position:absolute;
		top:60px;
		left:0;
		color:#000;
		background-color: rgba(255, 255, 255, .9);
		-webkit-transition:all 200ms 100ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
		        transition:all 200ms 100ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	}
	#GlobalNavi ul.main > li:not(.nav_mega):hover a + dl{height:50px;}
	#GlobalNavi ul.main li > dl > dd{display:inline-block;}
	#GlobalNavi ul.main li > dl > dd a{
		display:block;
		padding:18px 23px;
		line-height:1;
		font-size:117%;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000;
	}
	#GlobalNavi ul.main li > dl > dd a:hover{opacity:0.5;}
}
@media screen and (max-width: 767px){
	#GlobalNavi ul.main li > dl {
		width:100%;
		overflow:hidden;
		padding:15px 0 0 0;
	}
	#GlobalNavi ul.main li > dl > dd{
		width:50%;
		float:left;
		display:inline;
	}
	#GlobalNavi ul.main li > dl > dd a{
		width:100%;
		height:30px;
		display:block;
		position:relative;
		text-indent:15px;
		line-height:34px;
		font-size:125%;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000;
	}
	#GlobalNavi ul.main li > dl > dd a:before{
		content:"";
		width:5px;
		height:1px;
		position:absolute;
		top:15px;
		left:6px;
		background-color:#000;
	}
}

/* Contents
------------------------------------------------ */
@media screen and (min-width: 768px){
	/* メガドロップ共通 */
	.nav_mega_area {
		width:100%;
		height: 0;
		overflow:hidden;
		position:absolute;
		top:60px;
		left:0;
		color:#000;
		font-family:'Champagne & Limousines', sans-serif;
		font-size: 14px;
		background-color: rgba(255, 255, 255, 0.9);
		-webkit-transition:all 400ms 100ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
						transition:all 400ms 100ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	}
	.nav_mega_area a {
		display: block;
		text-decoration: none;
		transition: opacity 350ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	}
	.nav_mega_area a:hover {
		opacity: .5;
	}
	.nav_mega_inside {
		padding: 25px 0 50px;
	}
	/* コンテンツ固有 */
	.nav_contents_block {
		display: inline-block;
		vertical-align: top;
	}
	.nav_contents_block + .nav_contents_block {
		margin-left: 50px;
	}
	.nav_contents_label {
		margin-bottom: 18px;
		font-weight: bold;
		font-size: 120%;
		text-align: left;
	}
	.nav_contents_block dl {
		text-align: left;
	}
	.nav_contents_block dl dd + dd{
		margin-top: 2px;
	}
	.nav_contents_image img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 767px){
	.nav_contents_area {
		display: none;
	}
}

/*-------------------------------------
sub
---------------------------------------*/
@media screen and (min-width: 768px){
	#GlobalNavi ul.sub{display:none;}
}
@media screen and (max-width: 767px){
	#GlobalNavi ul.sub{min-width:218px;margin:0 25px 25px;overflow: hidden;}
	#GlobalNavi ul.sub li{
		width:47%;
		float:left;
		display:inline;
		margin:0 0 15px 6%;
	}
	#GlobalNavi ul.sub li:nth-child(odd) {
		margin-left: 0;
	}
	#GlobalNavi ul.sub li > a{
		height:28px;
		display:block;
		position:relative;
		line-height:28px;
		text-indent:5px;
		font-size:125%;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
		border-bottom:1px solid #000000;
	}
	#GlobalNavi ul.sub li > a:after{
		content:"";
		width:5px;
		height:5px;
		display:block;
		position:absolute;
		top:0;
		bottom:1px;
		right:5px;
		margin:auto;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		-webkit-transform:rotate(-45deg);
		        transform:rotate(-45deg);
	}
}



/*-----------------------------------------------------
MyNaviBtn
-------------------------------------------------------*/
#MyNaviBtn{display:none;}
@media screen and (min-width: 768px){
	#MyNaviBtn{display:none;}
}
@media screen and (max-width: 767px){
	#MyNaviBtn{display:block;position:fixed;top:0;right:10px;z-index:61;}
	#MyNaviBtn a{
		width:50px;
		height:50px;
		display:block;
		position:relative;
		background-image:url("../images/icon_cart.png");
		background-position:center center;
		background-repeat:no-repeat;
		background-size:18px auto;
		-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
		tap-highlight-color:rgba(0, 0, 0, 0);
	}
	#MyNaviBtn a span{
		min-width:16px;
		min-height:16px;
		padding: 0 3px;
		position:absolute;
		display:inline-block;
		vertical-align: middle;
		text-align: center;
		line-height: 16px;
		bottom: 50%;
		left: calc(50% + 2px);
		font-size: 83.3%;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #fff;
		background-color: #c75942;
		border-radius: 8px;
		box-sizing: border-box;
	}
	#MyNaviBtn a span[data-quantity="0"]{
		display: none;
	}
}


/*-----------------------------------------------------
MyNavi
-------------------------------------------------------*/
#MyNavi{display:none;}
@media screen and (min-width: 768px){
	#MyNavi{
		display:block !important;
		position:absolute;
		top:10px;
		right:0 !important;
		z-index:60;
	}
}
@media screen and (max-width: 767px){
	#MyNavi{
		width:100%;
		height:100%;
		display:none;
		overflow:hidden;
		overflow-y:auto;
		position:fixed;
		top:0;
		right:-100%;
		background-color: #f5e0da;
		z-index:60;
		-webkit-user-select:none;
		   -moz-user-select:none;
		    -ms-user-select:none;
		        user-select:none;
		-webkit-overflow-scrolling:touch;
	}
}


/*-------------------------------------
ul
---------------------------------------*/
@media screen and (min-width: 768px){
	#MyNavi ul{overflow:hidden;}
	#MyNavi ul li{
		float:left;
		display:inline;
		margin:0 30px 0 0;
	}
	#MyNavi ul li a{
		display:block;
		padding:5px 0 5px 20px;
		font-size:92%;
		color:#000000;
		text-decoration:none;
		background-position:0 50%;
		background-repeat:no-repeat;
		background-size:14px auto;
		-webkit-transition:opacity 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		        transition:opacity 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	}
	#MyNavi ul li a:hover{opacity:0.5;}
	#MyNavi ul li.cart a{background-image:url("../images/icon_cart.png");}
	#MyNavi ul li.mypage a{background-image:url("../images/icon_mypage.png");}
	#MyNavi ul li.login a{background-image:url("../images/icon_login.png");}
}
@media screen and (max-width: 767px){
	#MyNavi ul{min-width:218px;margin:60px 25px 25px;}
	#MyNavi ul li{width:100%;margin:0 0 15px 0;}
	#MyNavi ul li > a{
		height:28px;
		display:block;
		position:relative;
		padding:0 0 0 35px;
		line-height:28px;
		text-indent:5px;
		font-size:125%;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
		background-position:7px 50%;
		background-repeat:no-repeat;
		background-size:18px auto;
		border-bottom:1px solid #000000;
	}
	#MyNavi ul li.cart > a{background-image:url("../images/icon_cart.png");}
	#MyNavi ul li.mypage > a{background-image:url("../images/icon_mypage.png");}
	#MyNavi ul li.login > a{background-image:url("../images/icon_login.png");}
	#MyNavi ul li > a:after{
		content:"";
		width:5px;
		height:5px;
		display:block;
		position:absolute;
		top:0;
		bottom:1px;
		right:10px;
		margin:auto;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		-webkit-transform:rotate(-45deg);
		        transform:rotate(-45deg);
	}
}


/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{}
@media screen and (max-width: 767px){
	#Content{padding-top:50px;}
}

/*-----------------------------------------------------
Maxk
-------------------------------------------------------*/
#Container.mask #Content,
#Container.mask #Footer {
	position: relative;
}

#Container.mask #Content:before,
#Container.mask #Footer:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	background: #f5e0da;
}

/*-------------------------------------
pankuzu
---------------------------------------*/
#Content dl.pankuzu{display:none;}
#Content dl.pankuzu dt{font-size:1px;line-height:1px;display:none;overflow:hidden;}
#Content dl.pankuzu dd{width:100%;overflow:hidden;}
#Content dl.pankuzu ul{width:100%;}
#Content dl.pankuzu ul li{
	float:left;
	display:inline;
	position:relative;
	line-height:1;
}
#Content dl.pankuzu ul li a{}
#Content dl.pankuzu ul li a.is-disabled,
#Content dl.pankuzu ul li a.is-disabled:hover{
	text-decoration: none;
	pointer-events: none;
	cursor: auto;
}
#Content dl.pankuzu ul li a:after{
	content:"";
	width:3px;
	height:3px;
	display:inline-block;
	margin:5px 7px 0 4px;
	vertical-align:top;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	-webkit-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
@media screen and (min-width: 768px){
	#Container dl.pankuzu{max-width:1040px;display:block;margin:0 auto;}
	#Content dl.pankuzu dd{padding:27px 1px 30px;}
}
@media screen and (max-width: 767px){
	#Container dl.pankuzu{display:block;margin:0;border-top:1px solid #fff;}
	#Content dl.pankuzu dd{padding:0 0 28px;}
	#Content dl.pankuzu ul{display:none;}
}


/*-------------------------------------
level01
---------------------------------------*/
.level01{
	text-align:center;
	padding:30px 0 95px 0;
}
.level01 span{
	display:inline-block;
	padding:0 2px;
	font-size:217%;
	line-height:1.2;
	font-family:"Champagne & Limousines", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Sans-Serif;
	border-bottom:2px solid #000000;
}
@media screen and (max-width: 767px){
	.level01{padding:0 0 37px 0;}
	.level01 span{font-size:142%;}
}

#Main h2.lang_jp {
	font-size: 125%;
}

@media screen and (min-width: 768px){
	#Main h2.lang_jp {
		font-size: 167%;
	}
}

/*-------------------------------------
soldout / sale
---------------------------------------*/
/* soldout */
.item.sold_out p.img {
	position: relative;
}
.item.sold_out p.img:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .4);
}
.item.sold_out p.img:after {
	content: 'SOLD OUT';
	width: 100%;
	height: 22px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	color: #000;
	font-family:'Champagne & Limousines', sans-serif;;
	font-size: 175%;
	line-height: 1;
	text-align: center;
}
@media screen and (max-width: 767px){
	.item.sold_out p.img:after {
		height: 12px;
		font-size: 117%;
	}
}

/* sale */
.item.sale p.price strong {
	padding-right: 6px;
	color: #c75942;
	font-weight: bold;
}
.item.sale p.price span {
	text-decoration: line-through;
}
.item.sale p.price span:before {
	content: '(';
}
.item.sale p.price span:after {
	content: ')';
}

/* -- fair -- */
.fair_price strong {
	padding-right: 6px;
	color: #c75942;
	font-weight: bold;
}
.normal_price {
	text-decoration: line-through;
}
.normal_price:before {
	content: '(';
}
.normal_price:after {
	content: ')';
}

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

}

/*-------------------------------------
Contact link
---------------------------------------*/
a.contact_link {
	-webkit-transition: opacity 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	transition: opacity 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
a.contact_link:hover {
	text-decoration: none;
	opacity: .5;
}

/*-------------------------------------
input
---------------------------------------*/
#Content input[type="text"],
#Content input[type="date"],
#Content input[type="num"],
#Content input[type="tel"],
#Content input[type="email"],
#Content input[type="password"]{
	width:100%;
	height:50px;
	padding:10px;
	border:1px solid #fff;
	-webkit-border-radius:0;
	        border-radius:0;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-transition:border 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	        transition:border 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
#Content input[type="text"]:focus,
#Content input[type="date"]:focus,
#Content input[type="num"]:focus,
#Content input[type="tel"]:focus,
#Content input[type="email"]:focus,
#Content input[type="password"]:focus{border:1px solid #525252;}
#Content input::-webkit-input-placeholder{color:#CCC;-webkit-transition:color 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);}
#Content input::-moz-placeholder{color:#CCC;transition:color 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);}
#Content input:-ms-input-placeholder{color:#CCC;transition:color 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);}
#Content input:focus::-webkit-input-placeholder{color:#FFF;}
#Content input:focus::-moz-placeholder{color:#FFF;}
#Content input:focus:-ms-input-placeholder{color:#FFF;}


/*-------------------------------------
radio
---------------------------------------*/
#Content input[type="radio"]{display:none;}
#Content input[type="radio"] + label{
	display:inline-block;
	position:relative;
	margin:0 10px 0 0;
	line-height:1;
	text-align:center;
	cursor:pointer;
}
#Content input[type="radio"] + label:before{
	content:'';
	width:20px;
	height:20px;
	display:inline-block;
	margin:0 10px 2px 0;
	vertical-align:middle;
	background-color:#ffffff;
	-webkit-border-radius:50%;
	        border-radius:50%;
}
#Content input[type="radio"] + label:after{
	content:'';
	width:10px;
	height:10px;
	position:absolute;
	top:45%;
	left:5px;
	margin-top:-5px;
	border-radius:50%;
	background:transparent;
	-webkit-transition:background 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	        transition:background 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
#Content input[type="radio"]:checked + label:after{background-color:#525252;}


/*-------------------------------------
checkbox
---------------------------------------*/
#Content input[type=checkbox]{display:none;}
#Content input[type=checkbox] + label{
	display:inline-block;
	position:relative;
	margin:0 10px 0 0;
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#Content input[type=checkbox] + label:before{
	content:'';
	width:20px;
	height:20px;
	display:inline-block;
	margin:0 10px 2px 0;
	vertical-align:middle;
	background-color:#ffffff;
}
#Content input[type=checkbox] + label:after{
	content:'';
	width:5px;
	height:9px;
	position:absolute;
	display:block;
	top:50%;
	left:7px;
	margin-top:-8px;
	border-right:2px solid #525252;
	border-bottom:2px solid #525252;
	opacity:0;
	z-index:2;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:opacity 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	        transition:opacity 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
#Content input[type=checkbox]:checked + label:after{opacity:1;}


/*-------------------------------------
select
---------------------------------------*/
#Content label.select{
	width:50%;
	overflow:hidden;
	position:relative;
	display:inline-block;
}
#Content label.select select{
	width:120%;
	height:50px;
	padding:5px 13px;
	border:none;
	background-color:#fff;
	-webkit-border-radius:0;
	        border-radius:0;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-box-shadow:none;
	        box-shadow:none;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
}
#Content label.select:after{
	content:'';
	width:5px;
	height:5px;
	display:block;
	position:absolute;
	top:45%;
	right:15px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	-webkit-transform:translateY(-50%) rotate(45deg);
	        transform:translateY(-50%) rotate(45deg);
}


/*-------------------------------------
textarea
---------------------------------------*/
#Content textarea{
	width:100%;
	height:150px;
	padding:10px;
	border:1px solid #fff;
	outline:none;
	resize:vertical;
	-webkit-border-radius:0;
	        border-radius:0;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-transition:border 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	        transition:border 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
#Content section table.table_form textarea:focus{border:1px solid #525252;}


/*-------------------------------------
btn_submit_area
---------------------------------------*/
#Content p.btn_submit_area{width:100%;overflow:hidden;text-align:center;}
#Content p.btn_submit_area span,
#Content p.btn_submit_area span input,
#Content p.btn_submit_area a{display:inline-block;position:relative;}
#Content p.btn_submit_area span,
#Content p.btn_submit_area a{width:340px;margin:0 15px;}
#Content p.btn_submit_area span input{width:100%;}
#Content p.btn_submit_area span input,
#Content p.btn_submit_area a{
	line-height:48px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	vertical-align:top;
	cursor:pointer;
	color:#000000;
	border: none;
	background-color:#FFFFFF;
	-webkit-border-radius:0;
	        border-radius:0;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	-webkit-transition:
		border 200ms cubic-bezier(.250, .460, .450, .940),
		background 200ms cubic-bezier(.250, .460, .450, .940)
	;
	        transition:
		border 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750),
		background 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) /* easeOutQuad */
	;
}
/* black */
#Content p.btn_submit_area span.black input,
#Content p.btn_submit_area a.black{color:#ffffff;background-color:#000000;}
/* gray */
#Content p.btn_submit_area span.gray input,
#Content p.btn_submit_area a.gray{color:#ffffff;background-color:#858585;}
/* right */
#Content p.btn_submit_area span.right:after,
#Content p.btn_submit_area a.right:after{
	content:'';
	width:7px;
	height:7px;
	display:block;
	position:absolute;
	top:0;
	bottom:1px;
	margin:auto 0 auto 40%;
	left:50%;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:
		border 300ms cubic-bezier(.250, .460, .450, .940),
		margin-left 350ms cubic-bezier(.190, 1.000, .220, 1.000)
	;
	transition:
		border 300ms cubic-bezier(.250, .460, .450, .940),
		margin-left 350ms cubic-bezier(.190, 1.000, .220, 1.000)
	;
}
/* left */
#Content p.btn_submit_area span.left:after,
#Content p.btn_submit_area a.left:after{
	content:'';
	width:7px;
	height:7px;
	display:block;
	position:absolute;
	top:0;
	bottom:1px;
	margin:auto 0 auto -40%;
	left:50%;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	-webkit-transform:rotate(-45deg);
	        transform:rotate(-45deg);
	-webkit-transition:
		border 400ms cubic-bezier(.250, .460, .450, .940),
		margin-left 350ms cubic-bezier(.190, 1.000, .220, 1.000)
	;
	transition:
		border 400ms cubic-bezier(.250, .460, .450, .940),
		margin-left 350ms cubic-bezier(.190, 1.000, .220, 1.000)
	;
}
@media screen and (min-width: 768px){
	/* black */
	#Content p.btn_submit_area span.black input:hover,
	#Content p.btn_submit_area a.black:hover{color:#fff;background-color:rgba(255, 255, 255, 0.6);}
	/* gray */
	#Content p.btn_submit_area span.gray input:hover,
	#Content p.btn_submit_area a.gray:hover{color:#fff;background-color:rgba(255, 255, 255, 0.6);}
	/* right */
	#Content p.btn_submit_area span.right:hover:after,
	#Content p.btn_submit_area a.right:hover:after{margin-left:45%;}
	/* left */
	#Content p.btn_submit_area span.left:hover:after,
	#Content p.btn_submit_area a.left:hover:after{margin-left:-45%;}
}
@media screen and (max-width: 767px){
	#Content p.btn_submit_area{width:auto;margin:0 25px;}
	#Content p.btn_submit_area span,
	#Content p.btn_submit_area a{width:100%;margin:0 0 15px;}
	#Content p.btn_submit_area span:last-child,
	#Content p.btn_submit_area a:last-child{margin:0;}
	#Content p.btn_submit_area span input,
	#Content p.btn_submit_area a{font-size:13px;font-weight:normal;}
}



/*-----------------------------------------------------
Footer
-------------------------------------------------------*/
#Footer{background-color:#f5e0da;}


/*-------------------------------------
bg
---------------------------------------*/
#Footer div.bg{
	width:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
@media screen and (min-width: 768px){
	#Footer div.bg{height:300px;}
	#Footer div.bg.type01{background-image:url("../images/content_pc_bg01.jpg");}
	#Footer div.bg.type02{background-image:url("../images/content_pc_bg02.jpg");}
	#Footer div.bg.type03{background-image:url("../images/content_pc_bg03.jpg");}
	#Footer div.bg.type04{background-image:url("../images/content_pc_bg04.jpg");}
	#Footer div.bg.type05{background-image:url("../images/content_pc_bg05.jpg");}
}
@media screen and (max-width: 767px){
	#Footer div.bg{}
	#Footer div.bg:before{content:"";display:block;padding-top:45%;}
	#Footer div.bg.type01{background-image:url("../images/content_sp_bg01.jpg");}
	#Footer div.bg.type02{background-image:url("../images/content_sp_bg02.jpg");}
	#Footer div.bg.type03{background-image:url("../images/content_sp_bg03.jpg");}
	#Footer div.bg.type04{background-image:url("../images/content_sp_bg04.jpg");}
	#Footer div.bg.type05{background-image:url("../images/content_sp_bg05.jpg");}
}


/*-------------------------------------
pagetop
---------------------------------------*/
#Footer p.pagetop{display:none;}
@media screen and (min-width: 768px){
	/*
	#Footer p.pagetop{
		max-width:1040px;
		display:block;
		margin:0 auto 50px;
		text-align:right;
	}
	#Footer p.pagetop a{
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
	}
	#Footer p.pagetop a:before{
		content:"";
		width:5px;
		height:5px;
		display:inline-block;
		margin:0 10px 0 0;
		border-left:1px solid #000000;
		border-top:1px solid #000000;
		-webkit-transform:rotate(45deg);
		        transform:rotate(45deg);
	}
	*/
}
@media screen and (min-width: 768px) and (max-width: 1060px){
	#Footer p.pagetop{padding-left:10px;padding-right:10px;}
}
@media screen and (max-width: 767px){
	#Footer p.pagetop{
		display:block;
		background-color:#f5e0da;
	}
	#Footer p.pagetop a{
		height:50px;
		display:block;
		overflow:hidden;
		text-align:center;
		font-size:100%;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
	}
	#Footer p.pagetop a:before{
		content:"";
		width:10px;
		height:10px;
		display:block;
		margin:16px auto -3px;
		border-left:1px solid #000000;
		border-top:1px solid #000000;
		-webkit-transform:rotate(45deg);
		        transform:rotate(45deg);
	}
}


/*-------------------------------------
footer_navi
---------------------------------------*/
#Footer div.footer_navi{display:none;}
@media screen and (min-width: 768px){
	#Footer div.footer_navi{
		max-width:1040px;
		display:block;
		margin:0 auto;
		padding:72px 0 75px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1060px){
	#Footer div.footer_navi{padding-left:10px;padding-right:10px;}
}


/* search_area
---------------------*/
@media screen and (min-width: 768px){
	#Footer div.footer_navi div.search_area{display:none;}
}
@media screen and (max-width: 767px){
	#Footer div.footer_navi div.search_area{
		width:100%;
		position:relative;
		overflow:hidden;
		margin:0 0 30px 0;
	}
	#Footer div.footer_navi div.search_area input{
		height:30px;
		display:block;
		float:left;
		padding:3px 5px;
		border:0;
		font-size:125%;
		font-family:'Champagne & Limousines', sans-serif;
		border-bottom:1px solid #000000;
		background-color:transparent;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
		-webkit-appearance:none;
		border-radius:0;
	}
	#Footer div.footer_navi div.search_area input::-ms-input-placeholder{color:#000000;}
	#Footer div.footer_navi div.search_area input::-moz-placeholder{color:#000000;}
	#Footer div.footer_navi div.search_area input::-webkit-input-placeholder{color:#000000;}
	#Footer div.footer_navi div.search_area input[type="search"]{
		width:92%;
	}
	#Footer div.footer_navi div.search_area input[type="submit"]{
		width:8%;
		overflow:hidden;
		text-indent:-9999px;
		background-image:url("../images/icon_search.gif");
		background-position:60% 50%;
		background-repeat:no-repeat;
		background-size:12px auto;
	}
	#Footer div.footer_navi div.search_area labe{display:none;}
}

/* navi
---------------------*/
#Footer div.footer_navi ul.navi li.mod-em a {
	color: #c75942;
}
@media screen and (min-width: 768px){
	#Footer div.footer_navi ul.navi{width:100%;overflow:hidden;margin:0 0 50px 0;}
	#Footer div.footer_navi ul.navi li{
		width:32%;
		float:left;
		display:inline;
		margin:15px 2% 15px 0;
	}
	#Footer div.footer_navi ul.navi li:nth-child(3n){margin-right:0;}
	#Footer div.footer_navi ul.navi li:nth-child(3n+1){clear:both;}
	/* a */
	#Footer div.footer_navi ul.navi li > a{
		width:100%;
		height:38px;
		overflow:hidden;
		display:block;
		position:relative;
		line-height:41px;
		text-indent:5px;
		font-size:14px;
		letter-spacing:0.06em;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
		border-bottom:1px solid #000000;
	}
	#Footer div.footer_navi ul.navi li:not(.has-child) > a:after{
		content:"";
		width:6px;
		height:6px;
		display:block;
		position:absolute;
		top:0;
		bottom:0;
		right:10px;
		margin:auto;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		-webkit-transform:rotate(-45deg) translate3d(0,0,0);
		        transform:rotate(-45deg) translate3d(0,0,0);
		-webkit-transition:-webkit-transform 200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		        transition:transform 200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
	}
	#Footer div.footer_navi ul.navi li a:hover{opacity:0.5;}
	#Footer div.footer_navi ul.navi li:not(.has-child) > a:hover:after{
		-webkit-transform:rotate(-45deg) translate3d(5px, 5px, 0);
		        transform:rotate(-45deg) translate3d(5px, 5px, 0);
	}
	#Footer div.footer_navi ul.navi li.has-child > a:after,
	#Footer div.footer_navi ul.navi li.has-child > a:before{
		content:"";
		width:9px;
		height:1px;
		display:block;
		position:absolute;
		top:0;
		bottom:1px;
		right:7px;
		margin:auto;
		background-color:#000000;
	}
	#Footer div.footer_navi ul.navi li.has-child > a:before{
		-webkit-transform:rotate(-90deg) translate3d(0, 0, 0);
		        transform:rotate(-90deg) translate3d(0, 0, 0);
		-webkit-transition:-webkit-transform 200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		        transition:transform 200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
	}
	#Footer div.footer_navi ul.navi li.has-child a.show:before{
		-webkit-transform:rotate(0deg);
		        transform:rotate(0deg);
	}
	#Footer div.footer_navi ul.navi li dl{
		width:100%;
		display:none;
		overflow:hidden;
		padding:17px 0 0 0;
	}
	#Footer div.footer_navi ul.navi li dl dd{
		width:50%;
		float:left;
		display:inline;
	}
	#Footer div.footer_navi ul.navi li dl dd a{
		width:100%;
		height:28px;
		display:block;
		position:relative;
		text-indent:20px;
		line-height:32px;
		font-size:13px;
		letter-spacing:0.06em;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
	}
	#Footer div.footer_navi ul.navi li dl dd a:before{
		content:"";
		width:6px;
		height:1px;
		position:absolute;
		top:14px;
		left:6px;
		background-color:#000;
	}
}
@media screen and (max-width: 767px){
	#Footer div.footer_navi ul.navi{margin:0 0 30px 0;}
	#Footer div.footer_navi ul.navi li{
		width:100%;
		float:none;
		display:block;
		margin:0 0 15px 0;
	}
	/* a */
	#Footer div.footer_navi ul.navi li > a{
		width:100%;
		height:28px;
		display:block;
		position:relative;
		line-height:28px;
		text-indent:5px;
		font-size:125%;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
		border-bottom:1px solid #000000;
	}
	#Footer div.footer_navi ul.navi li:not(.has-child) > a:after{
		content:"";
		width:4px;
		height:4px;
		display:block;
		position:absolute;
		top:0;
		bottom:1px;
		right:8px;
		margin:auto;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		-webkit-transform:rotate(-45deg);
		        transform:rotate(-45deg);
	}
	#Footer div.footer_navi ul.navi li.has-child > a:before,
	#Footer div.footer_navi ul.navi li.has-child > a:after{
		content:"";
		width:9px;
		height:1px;
		display:block;
		position:absolute;
		top:0;
		bottom:1px;
		right:5px;
		margin:auto;
		background-color:#000000;
	}
	#Footer div.footer_navi ul.navi li.has-child > a:after{
		-webkit-transform:rotate(-90deg) translate3d(0, 0, 0);
		        transform:rotate(-90deg) translate3d(0, 0, 0);
		-webkit-transition:-webkit-transform 200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		        transition:transform 200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
	}
	#Footer div.footer_navi ul.navi li.has-child > a.show:after{
		-webkit-transform:rotate(0deg);
		        transform:rotate(0deg);
	}
	#Footer div.footer_navi ul.navi li dl{
		width:100%;
		display:none;
		overflow:hidden;
		padding:15px 0 0 0;
	}
	#Footer div.footer_navi ul.navi li dl dd{
		width:50%;
		float:left;
		display:inline;
	}
	#Footer div.footer_navi ul.navi li dl dd a{
		width:100%;
		height:30px;
		display:block;
		position:relative;
		text-indent:15px;
		line-height:34px;
		font-size:125%;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
	}
	#Footer div.footer_navi ul.navi li dl dd a:before{
		content:"";
		width:5px;
		height:1px;
		position:absolute;
		top:15px;
		left:6px;
		background-color:#000;
	}
}


/* sub
---------------------*/
@media screen and (min-width: 768px){
	#Footer div.footer_navi ul.sub{width:100%;overflow:hidden;margin:0 0 20px 0;}
	#Footer div.footer_navi ul.sub li{
		float:left;
		display:inline;
		margin:0 20px 0 5px;
	}
	#Footer div.footer_navi ul.sub li a{
		position:relative;
		padding:0 3px 0 0;
		font-size:14px;
		letter-spacing:0.06em;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
		-webkit-transition:opacity 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		        transition:opacity 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	}
	#Footer div.footer_navi ul.sub li a:hover{opacity:0.5;}
	#Footer div.footer_navi ul.sub li a:after{
		content:"";
		width:3px;
		height:3px;
		display:inline-block;
		margin:0 0 3px 12px;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		-webkit-transform:rotate(-45deg);
		        transform:rotate(-45deg);
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		-webkit-transition:all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		        transition:all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
	}
}
@media screen and (max-width: 767px){
	#Footer div.footer_navi ul.sub{width:100%;overflow:hidden;}
	#Footer div.footer_navi ul.sub li{
		width:47%;
		float:left;
		display:inline;
		margin:0 0 15px 6%;
	}
	#Footer div.footer_navi ul.sub li:nth-child(odd){margin-left:0;}
	#Footer div.footer_navi ul.sub li a{
		width:100%;
		height:28px;
		display:block;
		position:relative;
		line-height:28px;
		font-size:117%;
		text-indent:5px;
		font-family:'Champagne & Limousines', sans-serif;
		text-decoration:none;
		color:#000000;
		border-bottom:1px solid #000000;
	}
	#Footer div.footer_navi ul.sub li a:after{
		content:"";
		width:3px;
		height:3px;
		display:block;
		position:absolute;
		top:0;
		bottom:1px;
		right:9px;
		margin:auto;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		-webkit-transform:rotate(-45deg);
		        transform:rotate(-45deg);
	}
}


/*-------------------------------------
footer_inside
---------------------------------------*/
#Footer div.footer_inside{
	width:100%;
	position:relative;
	color:#FFFFFF;
	background-color:#000000;
	box-sizing: border-box;
}
@media screen and (max-width: 767px){
	#Footer div.footer_inside{
		padding: 30px 20px;
	}
}
@media screen and (min-width: 768px){
	#Footer div.footer_inside{
		display: flex;
		justify-content: space-between;
		padding: 30px;
	}
}

/* footer_sns
---------------------*/
#Footer .footer_sns{
	display: flex;
	align-items: center;
}
#Footer .footer_sns li a {
	display: block;
}
#Footer .footer_sns li img {
	display: block;
}
@media screen and (min-width: 768px){
	#Footer .footer_sns li a {
		transition: opacity 0.12s linear;
	}
	#Footer .footer_sns li a:hover {
		opacity: 0.7;
	}
	#Footer .footer_sns li + li{
		margin-left: 16px;
	}
	#Footer .footer_sns li img {
		width: 18px;
		height: 18px;
	}
}
@media screen and (max-width: 767px){
	#Footer .footer_sns{
		margin-bottom: 20px;
		justify-content: center;
	}
	#Footer .footer_sns li + li{
		margin-left: 20px;
	}
	#Footer .footer_sns li img {
		width: 30px;
		height: 30px;
	}
}

/* footer_copyright
---------------------*/
@media screen and (min-width: 768px){
	#Footer div.footer_inside .footer_copyright{
		line-height:20px;
		text-align: center;
	}
	#Footer div.footer_inside .footer_copyright span{font-size:14px;vertical-align:baseline;}
}
@media screen and (max-width: 767px){
	#Footer div.footer_inside .footer_copyright{text-align:center;line-height:1;}
	#Footer div.footer_inside .footer_copyright span{font-size:16px;vertical-align:baseline;}
}

/* for common caution
---------------------*/
p.caution {
    margin: 6px 0 0;
    padding-left: 1.4em;
    text-indent: -1.4em;
    color: #525252;
    font-size: 92%;
}

/* foregn-banner
---------------------*/
.foreign-banner {
	margin: 0 25px;
	text-align: center;
}
.foreign-banner a {
	display: block;
}
.foreign-banner img {
	display: block;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 767px){
	.foreign-banner.visible-pc {
		display: none;
	}
}
@media screen and (min-width: 768px){
	.foreign-banner {
		/* ここにPCのスタイル */
	}
	.foreign-banner.visible-sp {
		display: none;
	}
}

/* brand name */
p.brand_name strong {
	letter-spacing: 0.16em;
	font-weight: 400;
	font-family: Oswald; !important;
}

/*-----------------------------------------------------
components
-------------------------------------------------------*/

/* 注意文言 */
.c-attention {
	display: block;
	padding: 22px 20px;
	text-align: center;
	border: 1px solid currentColor;
	box-sizing: border-box;
	color: #c75942;
	-webkit-transition: .2s linear;
	transition: .2s linear;
}
.c-attention.mod-link {
	font-size: 13px;
}
.c-attention.mod-black .c-attention-title,
.c-attention.mod-black.mod-link:link,
.c-attention.mod-black.mod-link:hover,
.c-attention.mod-black.mod-link:visited {
	color: #000;
}
.c-attention.mod-link:link,
.c-attention.mod-link:hover,
.c-attention.mod-link:visited {
	color: #c75942;
	text-decoration: none;
}
.c-attention.mod-link .c-attention-link-text {
	display: inline-block;
	border-bottom: 1px solid currentColor;
}
.c-attention-title {
	display: inline-block;
	font-size: 13px;
	font-family: 'Champagne & Limousines', sans-serif;
	color: #c75942;
	border-bottom: 1px solid currentColor;
}
.c-attention-title.mod-bold {
	font-weight: bold;
}
.c-attention-title + .c-attention-text,
.c-attention-text + .c-attention-text {
	margin-top: 14px;
}
.c-attention-notice {
	font-size: 80%;
}
.c-attention-copy {
	display: inline-block;
	font-size: 20px;
	font-family: 'Champagne & Limousines', sans-serif;
	color: #c75942;
}
@media screen and (max-width: 767px){
	.c-attention .pc-only {
		display: none;
	}
}
@media screen and (min-width: 768px){
	.c-attention {
		padding: 20px;
	}
	.c-attention .sp-only {
		display: none;
	}
	.c-attention.mod-large {
		padding: 36px 20px;
	}
	.c-attention.mod-link:hover {
		opacity: 0.7;
	}
	.c-attention-title,
	.c-attention.mod-link {
		font-size: 14px;
	}
	.c-attention-copy {
		font-size: 34px;
	}
}

/* ヘッダーのメッセージ */
.c-header-message {
	background: #fff;
}
.c-header-message span,
.c-header-message a {
	display: block;
	text-align: center;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}
.c-header-message a {
	transition: opacity 0.12s linear;
}
.c-header-message a:hover {
	text-decoration: none;
}
.c-header-message strong {
	font-weight: bold;
}

@media screen and (max-width: 767px){
	.c-header-message span,
	.c-header-message a {
		padding: 12px;
	}
	/* メッセージがある場合は、メッセージが隠れるまでヘッダーを固定しない */
	.c-header-message ~ #Container:not(.is-header-fixed) #Header .header-inside {
		position: absolute;
	}
	.c-header-message ~ #Container:not(.is-header-fixed) #GlobalNaviMenu:not(.is-open),
	.c-header-message ~ #Container:not(.is-header-fixed) #MyNaviBtn:not(.is-open) {
		position: absolute;
	}
}
@media screen and (min-width: 768px){
	.c-header-message span,
	.c-header-message a {
		padding: 24px;
	}
	.c-header-message a:hover {
		opacity: 0.5;
	}
}