@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}
img {  vertical-align: bottom }

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}
a,
a:visited,
a:active,
a:link {
  text-decoration: none;
  color: #000;
}
a:focus {
	outline:none;
}
a:hover {
	color:#999;
}
@charset "utf-8";
/* clearfix  */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {  clear: both }
.cf {  *zoom: 1 }
/* clearfix  */

/* box_link  */
.box_link{
	cursor: pointer;
}
/* box_link  */

/* ページ設定 */
body{
font-family: 'Quicksand', sans-serif;
}
#wrapper{
font-size: 12px;

}
#container{
	width: 90%;
	max-width:1230px;
	margin: 0 auto;
	padding-top: 240px;
}
/* //ページ設定 */

/* ヘッダー設定 */

#header{
	width: 100%;
	background: #FFF;
	z-index: 5000;
	position: absolute;
}
.header_link{
	margin-top: 25px;
	float: right;
	font-size: 13px;
}
.header_link li{
	display: inline-block;
	margin-right: 50px;
	vertical-align: middle;
}
.header_link li i.cart{
	display:inline-block;
	width: 15px;
	height: 13px;
	margin-right: 8px;
    margin-top:2px;
	background-image:url(https://img16.shop-pro.jp/PA01093/809/etc/cart_icon.png);
	background-size:contain;
	background-repeat: no-repeat;
}
.header_link li.image{
	width: 20px;
	height:20px;
	vertical-align: middle;
}
.header_link li img:hover{
	opacity:.7;
}
.header_link li img{
	width: 100%;
	height: auto;
}
h1.logo{
	margin: 50px auto;
	width: 175px;
}
h1.logo img{
	width: 100%;
	height: auto;
}
.menu_sp{
	display: none;
	width: 44px;
	height: 44px;
	cursor: pointer;
	background: #FFF;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}
.menu{
width:90%;
max-width:1230px;
margin:0 auto;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
.menu_table{
	display: table;
	margin:0 auto;
	font-size: 13px;
	letter-spacing: 1px;
}
.menu_table > li{
	display: table-cell;
	position: relative;
}
.menu_table > li.only_sp{
	display:none;
}
.menu_table> li > a{
	display: block;
	padding: 20px;
	margin:0 15px;
}
.menu_table> li >ul{
	display: none;
	text-align: center;
	position: absolute;
	left: 50%;
	top:100%;
	margin-left:-65px;
	width: 130px;
	background: #FFF;
	border: 1px solid #000;
	line-height:2.7;
	padding:10px 0;
	z-index: 10000;
}
.menu_table > li:hover ul{
	display: block;
}
.menu_table> li >ul a{
	display: block;
}
.menu .close{
	display: none;
}
/*    ヘッダー設定固定時      */
#header.fixed{
	position: fixed;
	left: 0;
	border-bottom: 1px solid #000;
}
#header.fixed h1.logo{
	margin: 20px 0 0 40px;
	width: 65px;
	float: left;
}
#header.fixed h1.logo img{
	width: 100%;
	height: auto;
}

#header.fixed .menu{
width:auto;
float:left;
margin:0 0 0 40px;
border-top:none;
border-bottom:none;
}
#header.fixed .menu_table> li > a{
	padding: 27px 15px;
	margin:0 8px;
}

/*    ヘッダー設定固定時      */

/*     ヘッダー設定      */

/* フッター設定 */

/*  shipping  */
.shipping{
display:table;
margin:0 0 50px auto;
}
.shipping:hover{
opacity:.5;
}
.shipping a:hover{
color#000;
}
.shipping:before{
	background-image:url("https://file001.shop-pro.jp/PA01093/809/img/arrow.png");
	display: inline-block;
	width: 8px;
	height: 10px;
	background-repeat:no-repeat;
	background-size:contain;
	content: "";
	vertical-align:middle;
	margin-right: 8px;
	margin-top: -2px;
}

#footer{
	padding:45px 0;
	border-top:1px solid #000; 
}
.footer_menu{
	display: table;
	margin: 0 auto;
}
.footer_menu li{
	display:table-cell;
	padding-right:30px;
}
.footer_menu li:last-child{
	padding-right:0;
}
.footer_menu li a{
	padding:10px;
}

.go_top_btn{
	display: block;
	width:35px;
	height:70px;
	position:fixed;
	right:0;
	bottom:50px;
	background-color: #000;
	background-image:url(https://img16.shop-pro.jp/PA01093/809/etc/go_top_arrow.png);
	background-size:15px 11px;
	background-position:center bottom 20px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	z-index:2000;
}
.go_top_btn:hover{
	background-color: #999;
}
.copy_right{
	font-size:12px;
	text-align: center;
	padding:30px 0 0;
}
.copy_right span{
	font-size: 12px;
	vertical-align: middle;
}

/* フッター設定 */


/*   フリーページ  */
.free_wrapp{
	margin: 60px auto 100px;
	width: 850px;
	line-height: 2;
}

/*  about  */
.about_top_ttl{
  font-size: 20px;
  margin-bottom: 30px;
}

.concept_ttl,
.season_ttl{
	font-size: 16px;
	margin-bottom: 20px;
}
.season{
	margin-bottom: 50px;
}
.season .margin_top{
margin-top:20px;
}
.designer{
	font-size: 13px;
	margin-bottom:10px;;
}
/*  about  */


/*  guide  */
.guide_title{
  font-size: 35px;
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid #000;
  padding-bottom: 30px;
}
.guide_term{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}
.guide_pra{
	margin-bottom: 30px;
	line-height: 1.8;
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
}
.guide_pra img{
	margin-top: 20px;
}
.send_pra strong{
	font-weight: bold;
	margin-top: 20px;
	display:inline-block;
}
strong.bold{
	font-weight:bold;
	display:inline-block;
	margin-top:30px;
	margin-bottom:3px;
}
.guide em{
	text-decoration: underline;
}
.guide a{
	text-decoration: underline;	
}
/*  guide  */


/*  collection  */
.collection_img{
	margin-bottom: 30px;
}
.collection_img img{
	width: 100%;
	height:auto;
}
.collection_ttl{
  font-size: 22px;
  margin-bottom:20px;
}
.collection_credit{
	margin-bottom:50px;
}

.thema_ttl{
	font-size: 16px;
	margin-bottom: 10px;
}
.thema_para{
	margin-bottom: 30px;	
}
/*  collection  */

@media screen and (max-width: 1100px) {
.header_link li {
    margin-right: 40px;
}
}
@media screen and (max-width: 900px) {
/* ページ設定 */

#container{
	padding-top:68px;
	width:100%;

}
.only_pc{
	display: none;
}


/* //ページ設定 */
/* ヘッダー設定 */

#header{
	margin-top: 0;
	border-bottom: 1px solid #000;
	position: fixed;
	height:68px
}
.header_link{
margin-top:22px;
}
.header_link li{
	margin-right:15px;
}
.header_link li.image{
	margin-right:15px;
}
.header_link li.only_pc{
display: none;	
}
h1.logo{
	margin:17px auto 0;
	width: 76px;
}
h1.logo img{
	width: 100%;
	height: auto;
}
.menu_sp{
	display: block;
	float: left;
	margin-left: 8px;
        padding: 6px;
	margin-top:10px;
}
.menu{
display: none;
width:100%;
max-width:none;
margin:0;
border-top:none;
border-bottom:none;
overflow-y: hidden;
}
.menu.open{
	display: block;
	position: absolute;
	background: #FFF;
	top:68px;
}
.menu_table{
	display: block;
	margin:0 auto;
	overflow: hidden;
	border-bottom: 1px solid #000;
	background: #FFF;
}
.menu_table > li{
	display: block;
	position: relative;
	text-align: center;
}
.menu_table> li > a{
	display: block;
	padding: 20px 0;
	font-size: 14px;
	height: 55px;
}
.menu_table> li >ul{
	display: block;
	text-align:center;
	position: static;
	margin-left:0;
	width:100%;
	background: #FFF;
	border: none;
	border-bottom: 1px solid #000;
	border-top: 1px solid #aaa;
	line-height:1;
	font-size: 14px;
	overflow: hidden;
	padding: 0;
}
.menu_table > li:hover ul{
	display: block;
}
.menu_table> li >ul>li>a{
	display: block;	
	padding:17px 0;
	height: 48px;
} 
.menu_table> li >ul.ctg1 li{
	width:25%;
	float: left;
	border-right:1px solid #aaa;
}
.menu_table> li >ul.ctg1 li.b_b{
	border-bottom:1px solid #aaa;
}	
.menu_table> li >ul.ctg1 li:nth-of-type(5),
.menu_table> li >ul.ctg1 li:nth-of-type(9){
	border-right:none;
}

.menu_table> li >ul.ctg2 li{
	width:20%;
	float: left;
	border-right:1px solid #aaa;
}
.menu_table> li >ul.ctg2 li:nth-of-type(6){
	border-right:none;
}

.menu_table > li.ctg_3{
	border-bottom: 1px solid #000;
}
.menu_table > li.only_sp{
	display:block;
	float: left;
	width: 33.33333%;
	border-right: 1px solid #000;
}
.menu_table > li.only_sp.right{
	border-right: none;	
}
	
/*  shipping  */
.shipping{
text-align:center;
}
#container.top .shipping{
	width: 94%;
}




/*   フリーページ  */
.free_wrapp{
	margin: 60px auto 100px;
	width:94%;
}	
/*   フリーページ  */



}

@media screen and (max-width: 767px) { 
/* ページ設定 */
#container{
	padding-top:60px;
}
/* //ページ設定 */

/*  ヘッダー  */
#header{
	height:60px
}
.header_link{
margin-top:18px;
}
h1.logo{
	margin:15px auto 0;
	width: 70px;
}
.menu_sp{
	margin-top:8px;
}
.menu.open{
	top:60px;
}
.header_link li i.cart{
	display:inline-block;
	width: 20px;
	height: 16px;
}
.header_link li span{
	display: none;
}
.menu_table> li > a{
	padding: 18px 0;
	font-size: 12px;
	height: 48px;
}
.menu_table> li >ul{
	font-size: 11px;
}
.menu_table> li >ul>li>a{
	display: block;	
	padding:15px 0;
	height: 41px;
} 


/*  shipping  */
.shipping{
margin:0  auto 50px;
}
/*           */


/* フッター設定 */
#footer{
	padding:0 0 45px;
	border-top:1px solid #000; 
}
.footer_menu{
	display: block;
	overflow: hidden;
	width: 100%;
}
.footer_menu li{
	padding: 0;
	display:block;
	text-align: center;
	float: left;
	width: 50%;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.footer_menu li:nth-child(even){
	border-right:none;
}
.footer_menu li a{
	padding:15px 0;
	display: block;
}
.go_top_btn{
	display: block;
	width:30px;
	height:50px;
	bottom:30px;
	background-size:15px 11px;
	background-position:center bottom 15px;
}
/* フッター設定 */

/*   フリーページ  */
.free_wrapp{
	margin: 30px auto 100px;
	width:96%;
}		
/*   フリーページ  */

/*  guide  */
.guide_title{
  font-size: 22px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.guide_pra{
	margin-bottom: 20px;
	padding-bottom: 20px;
}

/*  guide  */

/*  collection  */
.collection_img{
	margin-bottom: 20px;
}
.collection_ttl{
  font-size: 20px;
  margin-bottom:20px;
}
.collection_credit{
	margin-bottom:30px;
}
.thema_ttl{
	font-size: 15px;
}
/*  collection  */

}