@charset "UTF-8";
/* CSS Document */


 /*------------追加-------------*/
 
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.cb {clear:both !important;}

img.clip {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 98%, 98% 100%, 0 100%, 0 100%, 0 0) margin-box;
	clip-path: polygon(0 0, 100% 0, 100% 0, 100% 98%, 98% 100%, 0 100%, 0 100%, 0 0) margin-box;
	background:#000000;
}

.fl {float:left;}
.fr {float:right;}

/* plus icon*/
.item {
  position: relative;
}
.item .icon-plus{
  position: absolute;
  cursor: pointer;
  width: 45px;
  height: 45px;
  display:block;
}
.item .icon-plus a {
	display:block;
}

.item .icon-plus img {
	width:100%;
}

.grid-icon-plus-0101 { top: 50%; left: 10%; }
.grid-icon-plus-0102 { top: 50%; left: 83%; }
.grid-icon-plus-0103 { top: 60%; left: 94%; }

.grid-icon-plus-0201 { top: 5%; left: 70%; }

.grid-icon-plus-0301 { top: 40%; left: 30%;}
.grid-icon-plus-0302 { top: 30%; left: 60%; }

.grid-icon-plus-0401 { top: 80%; left: 45%;}

.grid-icon-plus-0501 { top: 18%; left: 68%;}

.grid-icon-plus-0601 { top: 70%; left: 7%;}

.grid-icon-plus-0701 { top: 30%; left: 30%;}
.grid-icon-plus-0702 { top: 60%; left: 80%;}
.grid-icon-plus-0703 { top: 85%; left: 85%;}
.grid-icon-plus-0704 { top: 32%; left: 8%;}

.grid-icon-plus-0801 { top: 25%; left: 20%;}
.grid-icon-plus-0802 { top: 80%; left: 75%; }
.grid-icon-plus-0803 { top: 40%; left: 70%; }

.grid-icon-plus-0901 { top: 50%; left: 23%;}
.grid-icon-plus-0902 { top: 30%; left: 42%; }
.grid-icon-plus-0903 { top: 43%; left: 47%; }
.grid-icon-plus-0904 { top: 40%; left: 65%; }
.grid-icon-plus-0905 { top: 70%; left: 67%; }
.grid-icon-plus-0906 { top: 40%; left: 90%; }

.grid-icon-plus-1001 { top: 30%; left: 70%;}

.grid-icon-plus-1101 { top: 15%; left: 23%;}

.grid-icon-plus-1201 { top: 75%; left: 35%;}

.grid-icon-plus-1301 { top: 35%; left: 20%;}

.grid-icon-plus-1401 { top: 35%; left: 73%;}

.grid-icon-plus-1501 { top: 25%; left: 20%;}
.grid-icon-plus-1502 { top: 70%; left: 65%; }

.grid-icon-plus-1601 { top: 30%; left: 63%;}
.grid-icon-plus-1602 { top: 50%; left: 73%;}

.grid-icon-plus-1701 { top: 55%; left: 80%;}

.grid-icon-plus-1801 { top: 30%; left: 75%;}

.grid-icon-plus-1901 { top: 15%; left: 80%;}

.grid-icon-plus-2001 { top: 50%; left: 85%;}

.grid-icon-plus-2101 { top: 25%; left: 70%;}
.grid-icon-plus-2102 { top: 70%; left: 33%; }

.grid-icon-plus-2201 { top: 30%; left: 25%;}
.grid-icon-plus-2202 { top: 65%; left: 25%; }
.grid-icon-plus-2203 { top: 70%; left: 47%; }
.grid-icon-plus-2204 { top: 30%; left: 70%;}
.grid-icon-plus-2205 { top: 58%; left: 70%; }
.grid-icon-plus-2206 { top: 73%; left: 70%; }

.grid-icon-plus-2301 { top: 30%; left: 80%;}

.grid-icon-plus-2401 { top: 30%; left: 80%;}

.grid-icon-plus-2501 { top: 75%; left: 58%;}

.grid-icon-plus-2601 { top: 60%; left: 68%;}
.grid-icon-plus-2602 { top: 80%; left: 70%; }

.grid-icon-plus-2701 { top: 35%; left: 25%;}
.grid-icon-plus-2702 { top: 40%; left: 70%; }
.grid-icon-plus-2703 { top: 80%; left: 70%; }

.grid-icon-plus-2801 { top: 55%; left: 80%;}

.grid-icon-plus-2901 { top: 55%; left: 80%;}

.grid-icon-plus-3001 { top: 30%; left: 2%;}

.grid-icon-plus-3101 { top: 20%; left: 60%; }
.grid-icon-plus-3102 { top: 70%; left: 20%;}

.grid-icon-plus-3201 { top: 30%; left: 70%;}

.grid-icon-plus-3301 { top: 20%; left: 80%;}

.grid-icon-plus-3401 { top: 30%; left: 70%;}
.grid-icon-plus-3402 { top: 60%; left: 20%;}

.grid-icon-plus-3501 { top: 20%; left: 10%;}

.grid-icon-plus-3601 { top: 10%; left: 80%;}

.grid-icon-plus-3701 { top: 15%; left: 75%;}

.ds {filter: drop-shadow(0px 0px 2px #aaa);}

@media screen and (min-width: 768px) {
	
  .collectionArea ul {
	  width:100%;
  }
   .collectionArea ul li {
	  width:50%;
	  float:left;
	  text-align:center;
  }
   .collectionArea ul li img{
	   max-width:100%;
   }
   .collectionArea ul li p {
	   font-size:25px;
	   letter-spacing:0.1em;
	   font-weight:bold;
	   font-family: 'Montserrat', sans-serif;
	   margin-top:20px;
   }
   


 /*------------collection-------------*/
 
.secCollection {
	padding-top:0 !important;
}
.skinBody{
width: 100%;
background:url(../images/collection/20aw/bg_pc.gif) repeat-x 0 0 #fff;
}
h2 {text-align: center; display: block; margin: 0 !important;}
h2 div {height: 157px; display: inline-block; text-align: center; margin: 0 auto;}
h2 div {
	background-image: url("../images/collection/20aw/img_beans.png"), url("../images/collection/20aw/img_cabit.png");
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
	background-size: auto 133px, auto 157px;
	padding: 50px 150px 0 140px;
}
/*.skinBody2{
width: 100%;
background-image:url(../images/collection/18ss/bg_01.gif), url(../images/collection/18ss/bg_000.gif);
background-position:50% 0, 0 5%;
background-color:#FFFFFF, #FFFFFF;
background-size:100% auto, 100% auto;
background-repeat:repeat-x, repeat-y;
}

.skinBody3{
width: 100%;
background:url(../images/collection/19spring/bg_01.png)  repeat-y 0 0 transparent;
}

.skinFrame{
width: 100%;
background: url(../images/collection/19spring/bg_02.png) repeat-y 0 0 transparent;
}*/
 
.bk_contents {
	   width:100%;
	   max-width:1200px;
	   margin:50px auto 0;
 }
 
 .bk_contents img {vertical-align:top;}
 
.box_L {width:96.66%; max-width:1160px; margin:1.66%; float:left;}
.box_M {width:46.48%; max-width:560px; margin:1.66%; float:left;}
.box_S {width:29.88%; max-width:360px; margin:1.66%; float:left;}

.box_L .img, .box_M .img, .box_S .img {width:100%;}



   .collection_popup {
	   padding:2%;
	   width:90%;
	   max-width:800px !important;
	   margin:auto;
   }
   .inline {
	text-align: center;
	}
	.inline li {
	display: inline-block;
	}
	.alC {text-align:center !important;}
	.mt5 {margin-top:5px;}
	.tit_01 {padding:5px; font-weight:bold; height:40px; text-align:center !important; display: table-cell; vertical-align:middle; width:140px; border-bottom:2px solid #646464;}
	.tit_01 span.hatsubai {font-size:0.8em; font-weight:normal;}
	.tit_01 span.hatsubai:before {content:"※ ";}
	.fssmall {transform: scale(0.8,1); display:inline-block; letter-spacing:-0.23em; margin:0; padding:0;}
/*	.tit_02 {background:#ccc; padding:5px; font-size:0.9em; margin-top:5px;}*/
	.tit_02 {padding:5px; font-size:0.85em; margin-top:5px;}
	p.tit_02 + p {padding:5px; text-align:center !important; display: table-cell; vertical-align:middle; width:120px; }
	.itemA>.sp {display:none !important;}
	.itemB>.sp {display:none !important;}
	.itemB>.pc {display: inherit !important;}
	
	.box_item {
		width:50%;
		max-width:600px;
		float:left;
		margin:20px auto;
		border:1px solid #ccc;
	}
	.box_item img {
		width:100%;
	}
	.box_txt {
		width:45%;
		float:right;
		margin-top: 20px;
	}
	.box_txt h2 {
		margin-top:50px;
		margin-bottom:30px;
		font-size:110%;
		margin-bottom: 30px !important;
	}
	.box_txt .note {
		font-size:90%;
		color:#666;
		margin-bottom:20px;
	}
	.box_txt .btn_shop {
		margin-top:30px;
	}
	.box_txt .btn_shop a {
		border:3px solid #aaaaaa;
		border-radius:3px;
		padding:10px 20px;
	}
	.box_txt .btn_shop a:hover {
		background:#FAF2E0;
	}
}

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

#header .logo {top:36px !important;}

.grid-icon-plus-0101 { top: 40% !important; left: 8% !important; }
.grid-icon-plus-0102 { top: 35%; left: 80%; }
.grid-icon-plus-0103 { top: 40%; left: 90%; }

.grid-icon-plus-0201 { top: 5%; left: 23%; }

.grid-icon-plus-0301 { top: 40%; left: 30%;}
.grid-icon-plus-0302 { top: 33%; left: 60%; }

.grid-icon-plus-0401 { top: 80%; left: 45%;}

.grid-icon-plus-0501 { top: 20%; left: 70%;}

.grid-icon-plus-0601 { top: 45%; left: 80%;}

.grid-icon-plus-0701 { top: 35%; left: 37%;}
.grid-icon-plus-0702 { top: 60%; left: 70%;}
.grid-icon-plus-0703 { top: 75%; left: 72%;}
.grid-icon-plus-0704 { top: 37%; left: 15%;}

.grid-icon-plus-0801 { top: 33%; left: 42%;}
.grid-icon-plus-0802 { top: 68%; left: 82%; }
.grid-icon-plus-0803 { top: 35%; left: 75%; }

.grid-icon-plus-0901 { top: 50%; left: 10%;}
.grid-icon-plus-0902 { top: 25%; left: 35%; }
.grid-icon-plus-0903 { top: 43%; left: 52%; }
.grid-icon-plus-0904 { top: 40%; left: 85%; }
.grid-icon-plus-0905 { top: 70%; left: 89%; }

.grid-icon-plus-1001 { top: 30%; left: 70%;}
.grid-icon-plus-1002 { top: 40%; left: 20%;}

.grid-icon-plus-1101 { top: 11%; left: 18%;}

.grid-icon-plus-1201 { top: 75%; left: 35%;}

.grid-icon-plus-1301 { top: 35%; left: 20%;}

.grid-icon-plus-1401 { top: 35%; left: 73%;}

.grid-icon-plus-1501 { top: 25%; left: 25%;}
.grid-icon-plus-1502 { top: 70%; left: 67%; }

.grid-icon-plus-1601 { top: 30%; left: 63%;}
.grid-icon-plus-1602 { top: 50%; left: 75%;}

.grid-icon-plus-1701 { top: 55%; left: 80%;}

.grid-icon-plus-1801 { top: 30%; left: 75%;}

.grid-icon-plus-1901 { top: 15%; left: 80%;}

.grid-icon-plus-2001 { top: 50%; left: 80%;}

.grid-icon-plus-2101 { top: 25%; left: 63%;}
.grid-icon-plus-2102 { top: 75%; left: 33%; }

.grid-icon-plus-2201 { top: 33%; left: 10%;}
.grid-icon-plus-2202 { top: 65%; left: 10%; }
.grid-icon-plus-2203 { top: 70%; left: 42%; }
.grid-icon-plus-2204 { top: 30%; left: 80%;}
.grid-icon-plus-2205 { top: 60%; left: 85%; }
.grid-icon-plus-2206 { top: 73%; left: 80%; }

.grid-icon-plus-2301 { top: 30%; left: 80%;}

.grid-icon-plus-2401 { top: 30%; left: 80%;}

.grid-icon-plus-2501 { top: 75%; left: 58%;}

.grid-icon-plus-2601 { top: 60%; left: 63%;}
.grid-icon-plus-2602 { top: 80%; left: 65%; }

.grid-icon-plus-2701 { top: 35%; left: 30%;}
.grid-icon-plus-2702 { top: 40%; left: 72%; }
.grid-icon-plus-2703 { top: 77%; left: 72%; }

.grid-icon-plus-2801 { top: 55%; left: 80%;}

.grid-icon-plus-2901 { top: 55%; left: 80%;}

.grid-icon-plus-3001 { top: 30%; left: 2%;}

.grid-icon-plus-3101 { top: 23%; left: 60%; }
.grid-icon-plus-3102 { top: 70%; left: 30%;}

.grid-icon-plus-3201 { top: 30%; left: 70%;}

.grid-icon-plus-3301 { top: 20%; left: 80%;}

.grid-icon-plus-3401 { top: 30%; left: 70%;}
.grid-icon-plus-3402 { top: 60%; left: 27%;}

.grid-icon-plus-3501 { top: 20%; left: 15%;}

.grid-icon-plus-3601 { top: 15%; left: 80%;}

.grid-icon-plus-3701 { top: 15%; left: 75%;}
  .collectionArea ul {
	  width:100%;
  }
   .collectionArea ul li {
	  width:50%;
	  float:left;
	  text-align:center;
  }
   .collectionArea ul li img{
	   max-width:80%;
   }
   .collectionArea ul li p {
	   font-size:20px;
	   letter-spacing:0.1em;
	   font-weight:bold;
	   font-family: 'Montserrat', sans-serif;
	   margin-top:15px;
   }
    /*------------collection-------------*/  
#content {
width: 100%;
background:url(../images/collection/20aw/bg_pc.gif) repeat-x 0 0 #fff;
background-size:25% auto; 
} 
.container {width:100% !important; margin:0 !important;}
h2.tit {width: 90%; margin: 0 auto 1em !important;}

.skinBody{
width: 100%;
}
h2 {text-align: center; display: block; margin: 0 !important;}
h2 div {
height: 70px !important; display: inline-block; text-align: center; margin: 0 auto;
	background-image: url("../images/collection/20aw/img_beans.png"), url("../images/collection/20aw/img_cabit.png");
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
	background-size: auto 83%,auto 100%;
	padding: 50px 100px 0 90px;
}
/*.skinBody2{
width: 100%;
background-image:url(../images/collection/18ss/bg_01.gif), url(../images/collection/18ss/bg_000.gif);
background-position:50% 0, 0 5%;
background-color:#FFFFFF, #FFFFFF;
background-size:100% auto, 100% auto;
background-repeat:repeat-x, repeat-y;
}

.skinBody3{
width: 100%;
background:url(../images/collection/19spring/bg_01.png) repeat-y 0 0 transparent;
background-size:100%;
}*/

.skinFrame{
width: 100%;
background:url(../images/collection/19spring/bg_02.png)  repeat-y 0 0 transparent;
background-size:100%;
}

   .bk_contents {
	   width:100%;
	   margin:0 auto;
   }
   
.box_L {width:96.66%; max-width:750px; margin:1.66%; float:left;}
.box_M {width:46.48%; max-width:365px; margin:1.66%; float:left;}

.box_L .img, .box_M .img {width:100%;}

   .iframe {
	   width:90%;
	   max-width:800px !important;
	   height:90%;
   }
  
   .collection_popup {
	   padding:2%; width:96%;
   }
   .collec
   .iframe {
	   width:100%;
	   /*max-width:620px;*/
	   height:100%;
   }
   
   .inline {
	text-align: center;
	}
	.inline li {
	display: inline-block;
	}
	.alC {text-align:center !important;}
	.mt5 {margin-top:5px;}
	.tit_01 {padding:5px; font-weight:bold; height:40px; text-align:center !important; display: table-cell; vertical-align:middle; width:170px; border-bottom:2px solid #646464; margin-top:5px;}
	.tit_01 span.hatsubai {font-size:0.8em; font-weight:normal;}
	.tit_01 span.hatsubai:before {content:"※ ";}
	.fssmall {transform: scale(0.9,1); display:inline-block; letter-spacing:0em; margin:0; padding:0;}
/*	.tit_02 {background:#ccc; padding:5px; font-size:0.8em; margin-top:5px;}*/
	.tit_02 { padding:5px; font-size:0.75em; margin-top:5px;}
	p.tit_02 + p {padding:5px; text-align:center !important; display: table-cell; vertical-align:top; width:170px; font-size:0.9em;}
	.pc {display:none !important;}
	
	.box_item {
		width:96%;
		max-width:600px;
		float:none;
		margin:20px auto;
		border:1px solid #ccc;
	}
	.box_item img {
		width:100%;
	}
	.box_txt {
		width:90%;
		margin:20px auto;
		float:none;
	}
	.box_txt h2 {
		margin-top:0px;
		margin-bottom:20px;
		font-size:110%;
	}
	.box_txt .note {
		font-size:90%;
		color:#666;
		margin-bottom:20px;
	}
	.box_txt .btn_shop {
		margin-top:30px;
	}
	.box_txt .btn_shop a {
		border:3px solid #aaaaaa;
		border-radius:3px;
		padding:10px 20px;
	}
	.box_txt .btn_shop a:hover {
		background:#FAF2E0;
	}
	
	.item .icon-plus{
  position: absolute;
  cursor: pointer;
  width: 38px;
  height: 38px;
  display:block;
}
}

@media screen and (max-width: 320px) {
	body {min-width:96%;}
}
	
@media print {

 
   	header {
		position:absolute;
}

 .collectionArea ul {
	  width:100%;
  }
   .collectionArea ul li {
	  width:50%;
	  float:left;
	  text-align:center;
  }
   .collectionArea ul li img{
	   max-width:100%;
   }
   .collectionArea ul li p {
	   font-size:25px;
	   letter-spacing:0.1em;
	   font-weight:bold;
	   font-family: 'Montserrat', sans-serif;
	   margin-top:20px;
   }
   


 /*------------collection-------------*/
 
.secCollection {
	padding-top:0 !important;
}
.skinBody{
width: 100%;
background:url(../images/collection/20ss/bg_pc.gif) no-repeat 50% 90px #fff;
background-attachment:fixed;
background-size:100%;
}
/*.skinBody2{
width: 100%;
background-image:url(../images/collection/18ss/bg_01.gif), url(../images/collection/18ss/bg_000.gif);
background-position:50% 0, 0 5%;
background-color:#FFFFFF, #FFFFFF;
background-size:100% auto, 100% auto;
background-repeat:repeat-x, repeat-y;
}

.skinBody3{
width: 100%;
background:url(../images/collection/19spring/bg_01.png)  repeat-y 0 0 transparent;
}

.skinFrame{
width: 100%;
background: url(../images/collection/19spring/bg_02.png) repeat-y 0 0 transparent;
}*/
 
.bk_contents {
	   width:100%;
	   max-width:1200px;
	   margin:50px auto 0;
 }
 
 .bk_contents img {vertical-align:top;}
 
.box_L {width:96.66%; max-width:1160px; margin:1.66%; float:left;}
.box_M {width:46.48%; max-width:560px; margin:1.66%; float:left;}
.box_S {width:29.88%; max-width:360px; margin:1.66%; float:left;}

.box_L .img, .box_M .img, .box_S .img {width:100%;}



   .collection_popup {
	   padding:2%;
	   width:90%;
	   max-width:800px !important;
	   margin:auto;
   }
   .inline {
	text-align: center;
	}
	.inline li {
	display: inline-block;
	}
	.alC {text-align:center !important;}
	.mt5 {margin-top:5px;}
	.tit_01 {padding:5px; font-weight:bold; height:40px; text-align:center !important; display: table-cell; vertical-align:middle; width:140px; border-bottom:2px solid #646464;}
	.tit_01 span.hatsubai {font-size:0.8em; font-weight:normal;}
	.tit_01 span.hatsubai:before {content:"※ ";}
	.fssmall {transform: scale(0.8,1); display:inline-block; letter-spacing:-0.23em; margin:0; padding:0;}
/*	.tit_02 {background:#ccc; padding:5px; font-size:0.9em; margin-top:5px;}*/
	.tit_02 {padding:5px; font-size:0.85em; margin-top:5px;}
	p.tit_02 + p {padding:5px; text-align:center !important; display: table-cell; vertical-align:middle; width:120px; }
	.itemA>.sp {display:none !important;}
	.itemB>.sp {display:none !important;}
	.itemB>.pc {display: inherit !important;}
	
	.box_item {
		width:50%;
		max-width:600px;
		float:left;
		margin:20px auto;
		border:1px solid #ccc;
	}
	.box_item img {
		width:100%;
	}
	.box_txt {
		width:45%;
		float:right;
	}
	.box_txt h2 {
		margin-top:50px;
		margin-bottom:20px;
		font-size:110%;
	}
	.box_txt .note {
		font-size:90%;
		color:#666;
		margin-bottom:20px;
	}
	.box_txt .btn_shop {
		margin-top:30px;
	}
	.box_txt .btn_shop a {
		border:3px solid #aaaaaa;
		border-radius:3px;
		padding:10px 20px;
	}
	.box_txt .btn_shop a:hover {
		background:#FAF2E0;
	}
   }