@charset "utf-8";

/* Table Of Contents
---------------------------------------------------------------------------- 
General Elements
header
gNav
visual
topicPath
footer
---------------------------------------------------------------------------- */


/*General Elements
---------------------------------------------------------------------------- */	
body{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	color:#333;
	background: #f8f5ee;
}
.mac body{
	font-size: 11px;
}
a{
	text-decoration:none; 
	color: #2c6cd6;
	outline: none;
}
a:hover{ text-decoration: underline; }

@media screen and (max-width: 640px){
	img{
		width: 100%;
		height: auto;
	}
}


/*l-header
---------------------------------------------------------------------------- */
.l-header{
	background: #fff;
}

.l-header-inner{
	width: 960px;
	margin: 0 auto;
	padding: 14px 0 7px;
}

@media screen and (max-width: 640px){
	.l-header{
		width: 100%;
		border-bottom: 1px solid #ef8ba4;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}

	.l-header-inner{
		width: auto;
		padding: 6px 10px 5px;
	}

	.l-header-logo{
		float: left;
		width: auto;
		padding-top: 5px;
	}

	.l-header-logo img{
		width: auto;
		height: 31px;
	}

	.l-header-btn{
		float: right;
		width: auto;
	}

	.l-header-btn img{
		width: auto;
		height: 38px;
	}
}


/* l-gNav
---------------------------------------------------------------------------- */
.l-gNav{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50px;
	left: 0;
	background: url(../../images/common/bg_gnav.png);
	display: none;
}

.l-gNav-list li{
	height: 55px;
	border-bottom: 1px solid #ef8ba4;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: auto 21px;
	background-position: 10px 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.l-gNav-list-01{
	background-image: url(../../images/common/bg_gnav_list_01.jpg);
}

.l-gNav-list-02{
	background-image: url(../../images/common/bg_gnav_list_02.jpg);
}

.l-gNav-list-03{
	background-image: url(../../images/common/bg_gnav_list_03.jpg);
}

.l-gNav-list a{
	color: #ff4e72;
	text-decoration: none;
	width: 100%;
	height: 100%;
	background: url(../../images/common/ico_gnav.png) 92% center no-repeat;
	background-size: auto 12px;
	padding: 25px 0 0 96px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
}


/* l-pageBody
---------------------------------------------------------------------------- */
@media screen and (max-width: 640px){
	.l-pageBody{
		padding-top: 50px;
	}
}


/* l-topicPath
---------------------------------------------------------------------------- */
.l-topicPath{
	width: 960px;
	margin: 20px auto;
}

.l-topicPath-list li:first-child{
	background: url(../../images/common/ico_path.png) left center no-repeat;
	padding-left: 23px;
}

.l-topicPath-list li{
	float: left;
}

.l-topicPath-list a{
	color: #ff517f;
	text-decoration: underline;
}

.l-topicPath-list a:hover{
	text-decoration: none;
}

.l-topicPath-list li:not(:last-child):after{
	content: ">";
	padding: 0 6px 0 4px;
}

@media screen and (max-width: 640px){
	.l-topicPath{
		width: auto;
		margin: 15px auto;
		padding-left: 10px;
	}

	.l-topicPath-list li:first-child{
		background: url(../../images/common/ico_path-sp.png) left center no-repeat;
		background-size: auto 11px;
		padding-left: 15px;
	}
}


/* l-content
---------------------------------------------------------------------------- */
.l-content{
	width: 960px;
	margin: 0 auto 80px;
}

@media screen and (max-width: 640px){
	.l-content{
		width: auto;
		margin-bottom: 0;
	}
}


/* l-main
---------------------------------------------------------------------------- */
.l-main{
	width: 700px;
	float: left;
}

@media screen and (max-width: 640px){
	.l-main{
		width: auto;
		float: none;
	}
}


/* l-sidebar
---------------------------------------------------------------------------- */
.l-sidebar{
	width: 244px;
	float: right;
	margin-bottom: 164px;
}

.l-sidebar-link-shop{
	margin-bottom: 20px;
}

.l-sidebar-twitter{
	margin-top: 25px;
}

.l-sidebar-bnr p{
	margin-top: 20px;
}

@media screen and (max-width: 640px){
	.l-sidebar{
		width: auto;
		float: none;
		background: #fff;
		margin-top: 28px;
		margin-bottom: 0;
		padding: 25px 0 30px;
	}

	.l-sidebar-link{
		border-bottom: 1px solid #dcdcdc;
		padding: 0 10% 21px;
	}

	.l-sidebar-link-shop{
		width: 47%;
		float: left;
	}

	.l-sidebar-link-works{
		width: 47%;
		float: right;
		margin-top: 0;
	}

	.l-sidebar-twitter{
		margin-top: 20px;
		padding: 0 10%;
	}

	.l-sidebar-bnr{
		width: 50%;
		margin: 0 auto;
	}

	.l-sidebar-bnr p{
		margin-top: 13px;
	}
}


/* l-pagetop
---------------------------------------------------------------------------- */
.l-pagetop{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.l-pagetop-btn{
	position: absolute;
	top: -146px;
	right: 0;
}

@media screen and (max-width: 640px){
	.l-pagetop{
		width: auto;
		background: #f8f5ee;
	}

	.l-pagetop-btn{
		position: relative;
		top: 0;
	}
}


/* l-footer
---------------------------------------------------------------------------- */
.l-footer{
	background: linear-gradient(90deg ,#ff8faa, #ffafa0);
}

.l-footer-inner{
	width: 960px;
	margin: 0 auto;
	padding: 48px 0 130px;
}

.l-footer-logo{
	float: left;
}

.l-footer-nav{
	width: 760px;
	float: right;
}

.l-footer-nav-01{
	width: 260px;
	float: left;
}

.l-footer-nav-01 > li{
	float: left;
}

.l-footer-nav-01 > li > a{
	font-size: 117%;
	color: #fff;
	background: url(../../images/common/ico_nav_footer.png) left center no-repeat;
	padding-left: 21px;
	display: inline-block;
}

.l-footer-nav-01-sub{
	margin: 21px 0 0 31px;
}

.l-footer-nav-01-sub li{
	margin-bottom: 5px;
}

.l-footer-nav-01-sub a{
	color: #fff;
	display: inline-block;
}

.l-footer-nav-02{
	width: 480px;
	float: right;
}

.l-footer-nav-02 > li{
	float: left;
	margin-bottom: 10px;
}

.l-footer-nav-02 li:nth-child(odd){
	width: 40%;
}

.l-footer-nav-02 li:nth-child(even){
	width: 60%;
}

.l-footer-nav-02 > li > a{
	font-size: 117%;
	color: #fff;
	background: url(../../images/common/ico_nav_footer.png) left center no-repeat;
	padding-left: 21px;
	display: inline-block;
}

.l-footer-nav-02-sub{
	margin: 18px 0 0 32px;
}

.l-footer-nav-02-sub li{
	margin-bottom: 5px;
}

.l-footer-nav-02-sub a{
	color: #fff;
	display: inline-block;
}

.l-footer-copy{
	color: #fff;
	text-align: center;
	border-top: 1px solid #ffb8c4;
	padding: 14px 0;
}

@media screen and (max-width: 640px){
	.l-footer{
		background: #ff8faa;
	}

	.l-footer-inner{
		width: auto;
		padding: 0;
	}

	.l-footer-logo{
		float: none;
	}

	.l-footer-nav{
		width: auto;
		float: none;
	}

	.l-footer-nav-01{
		width: auto;
		float: none;
	}

	.l-footer-nav-01 li{
		float: none;
		background: #ff708d url(../../images/common/ico_nav_footer-sp.png) 14px center no-repeat;
		background-size: auto 9px;
	}

	.l-footer-nav-01 li + li{
		border-top: 1px solid #ff8faa;
	}

	.l-footer-nav-01 a{
		width: 100%;
		text-decoration: none;
		background: url(../../images/common/ico_nav_footer_arrow_01.png) 94% center no-repeat !important;
		background-size: auto 11px !important;
		padding: 12px 0 12px 32px !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.l-footer-nav-02{
		width: auto;
		float: none;
	}

	.l-footer-nav-02 li{
		width: 50% !important;
		background: #fff;
		margin-bottom: 0;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.l-footer-nav-02 li + li{
		border-left: 1px solid #ffa7a2;
	}

	.l-footer-nav-02 a{
		color: #ff4e72 !important;
		width: 100%;
		font-size: 100% !important;
		background: url(../../images/common/ico_nav_footer_arrow_02.png) 88% center no-repeat !important;
		background-size: auto 11px !important;
		padding: 14px 0 13px 15px !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}