@charset "UTF-8";

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,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{ position: relative;box-sizing:border-box; border:0;vertical-align:baseline;margin:0;padding:0; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden; backface-visibility:hidden;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
hr{ border:0;}
button{ border:0; padding:0; background:none; font-size:1em; outline:0;}



@font-face {
  font-family: 'CarrigDC-Display';
  src: url('font/CarrigDC-Display.woff') format('woff'),
url('font/CarrigDC-Display.ttf') format('truetype');
}

@font-face {
  font-family: 'CarrigDC-DisplayItalic';
  src: url('font/CarrigDC-DisplayItalic.woff') format('woff'),
url('font/CarrigDC-DisplayItalic.ttf') format('truetype');
}


@font-face {font-family: 'ZapfinoExtraLT-One';
	src: url('font/36BD60_0_0.eot');
	src: url('font/36BD60_0_0.eot?#iefix') format('embedded-opentype'),url('font/36BD60_0_0.woff2') format('woff2'),url('font/36BD60_0_0.woff') format('woff'),url('font/36BD60_0_0.ttf') format('truetype');}
 

/*/////////////////////////
base layout　helve
//////////////////////////*/
html,body{
	font-family: 'CarrigDC-Display',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:16px;
	line-height:1.7;
	width:100%;
	height: 100%;

	background-color:#fff;
}




body{

	font-weight:normal;
	letter-spacing:0.0em;
	width:100%;
	text-align:left;
	 -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	color:#000;
  -moz-text-align: justify;
  text-align: justify;

background-size:100% auto;

}


body.active{ }

body.fixed{ overflow-x:hidden;  overflow-y:scroll; min-height:100vh}

.en{font-family: 'CarrigDC-Display';}
.italic{font-family: 'CarrigDC-DisplayItalic';}
.enZap{font-family: 'ZapfinoExtraLT-One';}

img{ vertical-align:bottom;}

a, a:link {
    color:#000;
    text-decoration:underline;
	outline:0;
	
}
a:hover, a:active {
    color:#000;
    text-decoration:underline;
}
a:visited {
    color:#000;
    text-decoration:underline;
}


li a,
dl a{text-decoration:none;}

h1,
h2,
h3,
h4,
h5,
h6{ padding:0; margin:0 auto 0 auto; font-weight:normal; display:block;}


hr{ border:0; padding:0; margin:0; height:1px;}
p{ margin-bottom:2em;}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input,
textarea{}




/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    color: #999; opacity: 1;}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #999;  opacity: 1;}

/* Firefox 18- */
:-moz-placeholder {
     color: #999;  opacity: 1;}

/* Firefox 19+ */
::-moz-placeholder {
     color: #999;  opacity: 1;}

/* IE 10+ */
:-ms-input-placeholder {
     color: #999;  opacity: 1;}

.placeholder{
     color: #999;  opacity: 1;}

:disabled { 
     color: #fff !important;  opacity: 1 !important;
}

textarea[disabled][readonly],
input[disabled][readonly]{ color: #fff !important;  opacity: 1 !important;}



.pcDevice{}
.touchDevice{}

.contactBtn{ margin-bottom: 38px !important; display: block;}
.btnContactMore{ display: flex;}
.btnContactMore a{ background: #CDB83D;  display: inline-flex; width: 100%; height: 38px; justify-content: center; align-items: center; padding: 0.1rem;
	    transition: all 300ms cubic-bezier(.50,.0,.50,1);

}
.btnContactMore a:hover{ background: #F2D753;}
.btnContactMore a span{ display: inline-block; width: 100%; height: 100%;
	
		background:url(img/common/btn_contactus_more_info.svg) center center no-repeat;
		background-size: contain;
	
}
.btnContactMore a span small{ display: none;}

/* loading cover
----------------------------------------------- */

#loader{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	
	z-index:9999;
	background-color: #fff;
	
}

#loadingAnim{
	position: fixed;
	top: 50%;
	left: 50%;
	display:block;
	width: 40px;
	height: 40px;
	background:url(img/parts/loading.gif) center center no-repeat;
	transform-origin:left top;
	transform:translate(-50%,-50%);
	
}


html.touchDevice #loadingAnim{
	
}

#loadingAnim:after{
	content: '';
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 152px;
	height: 300px;
}

#loading_count{
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin:30px 0 0 -50px;
	text-align:center;

	color:#999;
	font-size:1rem;
	width:100px;
	
	padding:0;
}


#preload{ width: 1px; height: 1px; position: fixed; bottom: 0; right: 0; opacity: .01; overflow: hidden;}
#preload img{ width: 1px; height: 1px; opacity: .01; }


/* IE Only
----------------------------------------------- */
#dp_swf_engine{ display:none;}







/* wrap
----------------------------------------------- */

body:after{ content:''; display: none; height: 100%; width:1px; position: fixed; left: 50%; top: 0; z-index: 5000; background-color: #ddd;}

#container	{ opacity:0.01; position:relative; z-index:1; margin:auto; width:100%; height:auto; }

body.loadEnd #container{ background-color:#CDB83D;}



#base		{  position:relative; z-index:2; width:100%; margin:auto;}

#headerSpacer{ height:215px; background: #fff; border-radius: 0 0 20px 20px;}
body.page #base{ }



/* action
----------------------------------------------- */
#container.fixed{ position:fixed; margin: auto; width:100%; height:100% !important; max-width: auto !important;overflow:hidden; top: 0px; left: 50%;
   transform: translate(-50%, 0);}





	
/* tag
----------------------------------------------- */
	


p:nth-of-type(2){}


p:last-child{}


ol{ list-style:decimal;padding-left:1.5em; margin-bottom:2em;}
ol li{ margin-bottom:10px;}


table, th, td {
  border-collapse: collapse;

	
}

table.normal{}

table.normal th {

  padding: 0px ;
  vertical-align: top;


}
table.normal td {

  padding: 0px;
  vertical-align: top;
 }


.copyright{ text-align:center; margin-bottom: 5px; font-size: 0.7em;}

/* class
----------------------------------------------- */

.anim{
	-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
    transition: all 300ms cubic-bezier(.50,.0,.50,1);
}

.fixed{transition: all 0ms !important;}

.entryBody img:not(.noResize){ width: 100%; height: auto;}


.flexBox{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	align-content:flex-start;

	
}


.radiusImage{ border-radius:10px 0 10px 0; overflow: hidden;}

/* header 
----------------------------------------------- */
header.global{ position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 215px;background-color: #fff; box-sizing:border-box;border-radius:0 0 20px 20px;  transition: all 300ms ease;}

header.global .logoArea{ height: 20px; position: relative; z-index: 1;}
header.global .menuArea{ height: 115px;position: relative; z-index: 10; border-radius:20px 20px;background-color: #fff; }

header.global .logoArea:before{ content: ''; display: block;border-radius:20px; width: 100%; height: 100px; position: absolute; top: 10px; left: 0; z-index: -1; background-color: #000;}


h1#siteLogo{ width:391px; height:115px; padding:0; line-height:0; font-size:0;position:fixed; top: 10px; left: 50%; z-index: 5000; transform:translate(-50%,0); }
h1#siteLogo a{ padding:0; line-height:0; display:block;}
h1#siteLogo .logo{ height: 115px; width: 391px;}

h1#siteLogo.deactive{  pointer-events:none;}


header.global nav.globalMenu{ width:100%;position: absolute; top: 120px; left: 50%; transform:translate(-50%,0); display: block; transition: all 300ms ease;}
/*header.global nav.globalMenu ul{ overflow:hidden;width:inherit; display:flex;}
header.global nav.globalMenu ul li{ display: inline-block; height: auto; margin:0 20px; text-align:center; white-space:nowrap;}
header.global nav.globalMenu ul li a{ display: block; transition: all 150ms cubic-bezier(.50,.0,.50,1); color:#000;}*/


.compact header.global{ height: 115px; overflow: hidden;}
.compact header.global nav.globalMenu{ opacity:0; pointer-events: none;}



#spMenuBtn{ width:60px; height:60px;position: absolute; top: 35px; left: 40px; z-index: 9999; display:none; cursor:pointer; }
#spMenuBtn hr{ width:60px; border-bottom:solid 4px #000; position:absolute; left:0; transition: all 150ms cubic-bezier(.50,.0,.50,1);}

#spMenuBtn hr:nth-of-type(1){ top:18px;}
#spMenuBtn hr:nth-of-type(2){ top:36px;}


#spMenuBtn.close hr:nth-of-type(1){ top:28px; transform:rotate(-45deg);}
#spMenuBtn.close hr:nth-of-type(2){ top:28px; transform:rotate(45deg);}




.menu {
	position: relative;
	width: 100%;
	height: 50px;
	
	margin: 0 auto;
	text-align: center;
	display: block;
}

.menu > li {
	display: inline-block;
text-align: left;
	width:auto;
	height: 75px;
	line-height: 50px;
	margin: 0 38px;
	position: static;
	
}

.menu > li.jewellery{ margin: 0 0 !important; padding: 0 76px 0 38px; cursor: pointer;}
.menu > li.jewellery a{border: 0 !important;}
.menu > li.press{ margin-left: 0 !important;}


.menu > li a {
	display: block;
	color:#000;
 text-decoration: none; 
}

.menu > li a:hover {
	color:#000; text-decoration: none; 

}

.menu__none:hover,
.menu__multi:hover,
.menu__mega:hover,
.menu__single:hover {

  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.menu__second-level li {

}

.menu__third-level li {
	
}

.menu__second-level li a,
.menu__second-level li a:link,
.menu__second-level li a:hover {

}

.menu__third-level li a:hover {

}

.menu__fourth-level li a:hover {

}

.init-bottom:after {
  content: '';
  display: none;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu:before,
.menu:after {
  content: "";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}


/**
 * single menu
 */
.menu > .menu__single {
  position: relative;
}

.menu__single .menu__second-level {
  position: absolute;
  top: 74px;

  -webkit-transition: .2s ease;
  transition: .2s ease;
  visibility: hidden;
  opacity: 0;
}



.menu__single:hover > .menu__second-level {
  top: 74px;
  visibility: visible;
  opacity: 1;
}


/**
 * mega menu
 */
.menu__mega .menu__second-level {
  position: absolute;
  top: 74px;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 2% 50px 2%;
	border-radius:0 0 20px 20px;
  background: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
	text-align: center;
}

.menu__mega .menu__second-level:before{ 
	content:''; 
	display: block;
	 width: 100% ;
	height: 2px;
	background-color: #CDB83D;
	 position: absolute;
	left: 0px;
	top: 0px;
}

.menu__second-level .corner{ content: ''; display: block; position: absolute; width: 24px; height: 42px;}

.menu__second-level .corner.right{ top:-20px; right: 0; background: url(/img/common/sub_bg_corner_right.png) no-repeat;}
.menu__second-level .corner.left{ top:-20px; left: 0; background: url(/img/common/sub_bg_corner_left.png) no-repeat;}



.menu__mega .menu__second-level:after{ 
	content:''; 
	display: block;
	 width: 257px;
	height: 196px;
	background:url(/img/common/menu_photo.jpg) no-repeat;
	 position: absolute;
	right: 75px;
	top: 30px;
}





.menu__mega .menu__second-level_list{  display: inline-block; width: 210px; text-align: left; margin: 0 0px 0 0; padding-left: 4px;}
.menu__mega .menu__second-level_list li{}

.menu__mega .menu__second-level_list.category{ margin-right: 200px;}

.menu__mega .menu__second-level_list.collection:before{ content:'COLLECTION'; display: inline-block; margin-bottom: 10px;font-family: 'CarrigDC-DisplayItalic'; color: #CDB83D;}

.menu__mega .menu__second-level_list.category:before{ content:'CATEGORY'; display: inline-block; margin-bottom: 10px;font-family: 'CarrigDC-DisplayItalic';color: #CDB83D;}

.menu__mega:hover .menu__second-level {
  top: 74px;
  visibility: visible;
  opacity: 1;
}

.menu__mega .menu__second-level li {
	padding: 5px 0;
	margin: 0 0 10px 0;
	line-height: 1;
  border: none;
	font-size: 0.9em;
}
.menu__mega .menu__second-level li a{display: inline-block; }
.menu__mega .menu__second-level li a:hover{ text-decoration: underline !important; }

.menu__mega .menu__second-level > li:nth-child(3n+2) {
  
}




#spGlobalMenu{ display: none; position: fixed; top: 115px; left: 0; width: 100%; height: 100%; overflow: hidden; background: #fff; z-index: 900; border-radius: 20px 20px 0 0;}

#spGlobalMenu.open{ display: block;}


#spGlobalMenu nav.globalMenu{ padding:40px 50px 0 65px; font-size: 1.4em;}

#spGlobalMenu nav.globalMenu ul{}


#spGlobalMenu nav.globalMenu ul li{ border: solid 0px #ccc; margin-bottom: 50px;}

#spGlobalMenu nav.globalMenu ul li a{ text-decoration: none; display: block; padding: 10px 0 0 0;}

#spGlobalMenu nav.globalMenu ul ul { padding:10px 30px 0 35px; margin-bottom: 30px; overflow: hidden; font-size: 0.9em;}

#spGlobalMenu nav.globalMenu ul ul.collection{ padding-top:40px;}

#spGlobalMenu nav.globalMenu ul ul li{ padding: 5px 0; margin-bottom: 0px; float:left;}



#spGlobalMenu nav.globalMenu ul ul.collection li:nth-of-type(1),
#spGlobalMenu nav.globalMenu ul ul.collection li:nth-of-type(3),
#spGlobalMenu nav.globalMenu ul ul.category li:nth-of-type(1),
#spGlobalMenu nav.globalMenu ul ul.category li:nth-of-type(3){ width: 63%;}

#spGlobalMenu nav.globalMenu ul ul.collection li:nth-of-type(2),
#spGlobalMenu nav.globalMenu ul ul.collection li:nth-of-type(4),
#spGlobalMenu nav.globalMenu ul ul.category li:nth-of-type(2),
#spGlobalMenu nav.globalMenu ul ul.category li:nth-of-type(4){ width: 37%;}

#spGlobalMenu nav.globalMenu ul ul.collection:before,
#spGlobalMenu nav.globalMenu ul ul.category:before{  display: block; font-family: 'CarrigDC-DisplayItalic'; color:#bea304;}

#spGlobalMenu nav.globalMenu ul ul.collection:before{ content:'COLLECTION'; }
#spGlobalMenu nav.globalMenu ul ul.category:before{ content:'CATEGORY';}




/* footer 
----------------------------------------------- */

footer{ background-color: #fff; margin: 0; padding: 0; overflow: hidden; height: 500px;}
footer .copyright{ text-align:right; color:#999; padding:40px 50px 10px 50px; font-size:0.7em;}



#pageTop{ width:120px; height:120px; position:fixed; bottom:30px; right:20px; border-radius:60px; overflow:hidden; z-index:100; transition: all  500ms; opacity:0; pointer-events:none;} 
#pageTop.in{ opacity:1;cursor:pointer;pointer-events:auto;}
#pageTop:before{ content:''; display: block; width: 120px; height: 120px; position: absolute; top: 0; left:0; background-color:#000; opacity:.9;transition: all  250ms; }
#pageTop:after{ content:''; display: block; width: 28px; height: 28px; border-right:solid 3px #fff; border-top:solid 3px #fff; position: absolute; top: 57%; left: 50%; transform:translate(-50%,-50%)  rotate(-45deg);transition: all  250ms; }

#pageTop:hover:before{ opacity:.9; background-color:#e20e86;}
#pageTop:hover:after{ }



/* contents 
----------------------------------------------- */
#contentsMain{ padding-top: 90px; border-radius:20px 20px 0 0 ; background-color: #fff;height: 100%; box-sizing: border-box; position: relative; z-index: 1;}
	body.page #contentsMain{ padding-top: 85px; padding-bottom: 55px; min-height: 100vh}
	body.textBase #contentsMain section.area{ font-size: 0.8em; line-height: 1.5;}
	body.textBase #contentsMain section.area h4{ font-size: 1.35em; line-height: 1.5; padding-top: 1em;}

body#top #contentsMain{ padding-top: 0px; padding-bottom: 0px;}

body#category #contentsMain{ padding-top: 145px; padding-bottom: 0px;}

body#category.sweet_pea #contentsMain,
body#category.hydrangea #contentsMain{ padding-bottom: 160px;}




body.textBase #contentsMain section.area h4:first-child{padding-top: 0em;}
body.textBase #contentsMain section.area p{ margin-bottom:1em;}

section.area{ box-sizing: border-box; margin: 0; padding: 0;}
section.area h2{font-size: 2em; line-height: 1; text-align:center; margin-bottom:65px;}
section.area h3{ font-size:1.5em;margin-bottom:30px; }
section.area h4{ font-size:1.2em;margin-bottom:10px;}
section.area > .inner{ position: relative; width: 90%; max-width: 700px; margin: auto;}
section.area > .inner article{ background-color: transparent; margin: auto;}
section.area > .inner article.contents{ }

.thumbBox{width:100%; margin:auto;}
.thumbList{

display: flex;
	justify-content: center;
  	flex-wrap: wrap;
	align-items: center;

}
.thumbList div.item{ 

width:31.333%; margin:0 2% 2% 0%;
}

.thumbList div.item img{ width:100%; height:auto;}



h2.title{font-family: 'ZapfinoExtraLT-One';font-size: 4.5em; line-height: 1; text-align:center; margin-bottom:120px; height: 58px;  text-indent: -0.1em;}

h2.title:after{ content:''; display: block; width: 85px; height: 0; border-bottom: solid 1px #000; position: absolute;bottom:0px; left: 50%; transform: translate(-50%,0);}


/* top 
----------------------------------------------- */
section#contentsTop{ height:auto;  margin-bottom: 0; height:calc( 100vh - 215px);   border-radius: 20px; overflow: hidden; position: relative; z-index: 50;}
section#contentsTop > .inner{ width: 100% !important; max-width: none !important;}


section#contentsTop article.contents{ padding: 0; height:calc( 100vh - 215px); min-height: 630px;background:url(img/top/main_visual.jpg) center center no-repeat; background-size:cover;max-width:none;}



#scrollDown{ width:80px; height:35px; position:fixed; bottom:30px; left:50%; z-index:100; transform:translate(-50%,0); transition: all  500ms; } 
#scrollDown.out{ opacity:0;}


#scrollDown:after {
	content: '';
	display: block;
width:80px; height:35px; background:url(img/parts/arrow_down.png) center center no-repeat; background-size:contain;
	position: absolute;
	top: 0;
	left: 0;
	       -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}


@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* topArea 
----------------------------------------------- */


body#top section#contentsTop{}
body#top section#contentsTop #topVideo{ width: 100%; height:calc(100vh - 215px); position: absolute; top: 0; left: 0;}
body#top section#contentsTop #topVideo video{
  position:absolute;
  z-index: 1;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

body#top section#contentSection{    border-radius: 20px 20px 0 0;overflow: hidden;}
body#top section#contentSection article{ position: relative; z-index: 5; width: 100%; max-width: 1100px; margin:0 auto 160px auto; border: solid 0px #f30;}

body#top section#contentSection article .globalInner{ margin:0 200px;}
body#top section#contentSection article .largeInner{ margin:0 70px;}


body#top section#contentSection article.image_1{ padding-top: 70px; margin-bottom: 120px;}
body#top section#contentSection article.image img,
body#top section#contentSection article.imageFull img{ width:100%; height: auto;}


body#top section#contentSection article.message{ margin-bottom: 280px; z-index: 20; }
body#top section#contentSection article.message .sign{ position: absolute; bottom: -50px; right: -50px; width: 170px; height: auto;}

body#top section#contentSection article.imageFull{ max-width: none;z-index: 20; margin-bottom: 0;}


body#top section#contentSection article.image .slick-track{background: #000; border-radius: 10px 0 10px 0;}






body#top section#contentSection article.blockArea{ margin-bottom: 90px;z-index: 20;}



body#top section#contentSection article.blockArea .boxFlex{
	 width:100%;
    margin:0;
    padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	align-content:flex-start;
	
background: #DDD9AC; border-radius: 10px 0 10px 0;}




body#top section#contentSection article.blockArea .boxFlex div{ width:50%; height: 322px}


body#top section#contentSection article.blockArea .boxFlex div:nth-of-type(1) { order: 2; }
body#top section#contentSection article.blockArea .boxFlex div:nth-of-type(2) { order: 1; }
body#top section#contentSection article.blockArea .boxFlex div:nth-of-type(3) { order: 3; }
body#top section#contentSection article.blockArea .boxFlex div:nth-of-type(4) { order: 4; }
body#top section#contentSection article.blockArea .boxFlex div:nth-of-type(5) { order: 6; }
body#top section#contentSection article.blockArea .boxFlex div:nth-of-type(6) { order: 5; }

body#top section#contentSection article.blockArea .boxFlex div.text{  padding:0px 80px; box-sizing: border-box;vertical-align: middle; text-align: center; }

body#top section#contentSection article.blockArea .boxFlex div.text .inner{ display:table-cell; vertical-align: middle; height: 322px }



body#top section#contentSection article.blockArea .boxFlex .image_1{ background:url(/img/top/area_1.jpg) center center no-repeat; background-size: cover;}

body#top section#contentSection article.blockArea .boxFlex .image_2{ background:url(/img/top/area_2.jpg) center center no-repeat; background-size: cover;}

body#top section#contentSection article.blockArea .boxFlex .image_3{ background:url(/img/top/area_3.jpg) center center no-repeat; background-size: cover;}














body#top div.movImage{ width: 100%; max-width: none; position: absolute;  opacity: 1; transform: translate(0,0); transition: all 300ms ease-out; border: solid 0px #f30;}

body#top div.moveImage_1_1{width: 1120px; height: 1660px; background:url(/img/top/bg_1_1.png) center top no-repeat; background-size:contain;  top:-500px; left: 0%; margin-left: 0px; z-index: 1; border: solid 0px red; }

body#top div.moveImage_2_1{width: 733px; height: 767px; background:url(/img/top/bg_2_1.png) center top no-repeat; background-size:contain;  top:300px; left: 50%; margin-left: -50px; z-index: 10; border: solid 0px green;}

body#top div.moveImage_2_2{width: 400px; height: 323px; background:url(/img/top/bg_2_2.png) center top no-repeat; background-size:contain;  top:1100px; left: 50%; margin-left: -550px; z-index: 10; border: solid 0px blue;}



body#top .tankin{ font-size:0.7em; line-height: 1.5;}


/* about
----------------------------------------------- */
body#about section .contents{}





body#about section .contents .photo {height: 590px; position: relative; }

body#about section .contents .photo:before{ content:''; display: block; width: 1036px; height: 784px;
	background:url(/img/about/bg.png) center center no-repeat; background-size:contain;  position: absolute; top: -140px; left: -178px; z-index: -1;}

body#about section .contents .photo:after{ content:''; display: block; width: 2px; height: 490px;
	background:#CDB83D; position: absolute; top: 60px; left: 50%; z-index: -1; margin-left: -2px;}


body#about section .contents .photo img{ position:absolute; top: 110px; left: 50%; width: 260px; height: 390px;}

body#about section .contents h3{ text-align:center;}

body#about section .contents .text{ margin-bottom: 100px;



}

body#about section .contents .sign{ margin-bottom: 100px;}



/* collection & category
----------------------------------------------- */
body#category2{overflow-y:hidden;}

body#category #contentsTop.fixed{ position: fixed; top: 215px; left: 0; width: 100%;}
body#category #contentsTop{ background: #000;}
body#category #contentsTop .panel{ width: 100%; height: calc(100vh - 215px); position: absolute; left: 0; transform: translate(0,0);transition: all 300ms ease-out; }

body#category #contentsTop .panel_1{ top: 0; }
body#category #contentsTop .panel_2{ top: 0; overflow: hidden; }
body#category #contentsTop .panel_3{ top: 0; transform: translate(0,100px); opacity:0; border: solid 0px #f30;}

body#category #contentsTop .panel_1 img,
body#category #contentsTop .panel_2 img{ width: auto; height: calc(100vh - 215px); position: absolute; top: 0; left: 50%; transform: translate(-50%,0);}

body#category #contentsTop .panel_3 h3{ color:#fff; text-align: center; font-size: 5.3em;  line-height: 0.6; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);font-family: 'ZapfinoExtraLT-One';}


body#category.rose #contentsTop .panel_3 h3{  line-height: 0.85; }

    
#contentsTopSpacer{
    margin-bottom: 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
	background: #000;
}

body#category.mainpanel_1 #contentsTopSpacer{ height:calc(250vh - 430px);}
body#category.mainpanel_2 #contentsTopSpacer{ height:calc(350vh - 645px); }


body#category #contentsMain{ overflow:hidden;}
body#category section#contentSection{ position: relative; z-index: 1; }


body#category section#contentSection article{ position: relative; z-index: 5; width: 100%; max-width: 1100px; margin:0 auto 145px auto; border: solid 0px #f30;}

body#category section#contentSection article:last-of-type{ margin-bottom:0 !important;}

body#category section#contentSection article .globalInner{ margin:0 200px;}


body#category section#contentSection article.text{}
body#category section#contentSection article.text h2{ margin-bottom: 40px; text-align: center; }
body#category section#contentSection article.text p:last-child{ margin-bottom: 0;}

body#category.mainpanel_1 section#contentSection article.read p{ padding-left:50%; letter-spacing: 0.02em}

body#category.mainpanel_1.bracelet section#contentSection article.read p,
body#category.mainpanel_1.ring section#contentSection article.read p,
body#category.mainpanel_1.earring section#contentSection article.read p{ padding-left:0%; padding-right: 50%;}

body#category section#contentSection article.imageM{}
body#category section#contentSection article.imageM img{ width:100%; height: auto;}

body#category section#contentSection article.imageFull{ max-width: none; padding-top: 73%;}

body#category div.movImage{ width: 100%; max-width: none; position: absolute;  opacity: .9; transform: translate(0,0); transition: all 300ms ease-out; border: solid 0px #f30;}






body#category.sweet_pea #contentsTop{ }


body#category.sweet_pea #contentsTop .panel_1{}
body#category.sweet_pea #contentsTop .panel_2{}
body#category.sweet_pea #contentsTop .panel_3{ }




body#category.sweet_pea div.moveImage_1_1{width: 1120px; height: 1090px;  top:-250px; left: 50%; margin-left: -700px; z-index: 1; opacity: .7;}

body#category.sweet_pea div.moveImage_1_2{width: 660px; height: 1500px;  top:200px; right: 0%; margin-right: -40px; z-index: 1; }


body#category.sweet_pea div.moveImage_2_1{width: 410px; height: 420px; top:-150px; left: 50%; margin-left: 100px; z-index: 2; }

body#category.sweet_pea div.moveImage_2_2{width: 320px; height: 760px; top:-250px; left: 50%; margin-left: -400px; z-index: 2; }




body#category.hydrangea div.moveImage_1_1{width: 1034px; height: 1516px; top:-300px; left: 50%; margin-left: -500px; z-index: 1; }

body#category.hydrangea div.moveImage_1_2{width: 762px; height: 1090px; top:350px; left: 50%; margin-left: -190px; z-index: 1; }


body#category.hydrangea div.moveImage_2_1{width: 638px; height: 598px; top:-300px; left: 50%; margin-left: -550px; z-index: 2; }



body#category.iris_germanica div.moveImage_1_1{width: 1031px; height: 1265px; top:-550px; left: 50%; margin-left: -400px; z-index: 1; }


body#category.iris_germanica div.moveImage_2_1{width: 1107px; height: 755px; top:-420px; left: 50%; margin-left: -800px; z-index: 2;  }


body#category.iris_germanica div.moveImage_2_2{width: 456px; height: 406px; top:-50px; left: 50%; margin-left: 150px; z-index: 2;}



body#category.rose div.moveImage_1_1{width: 1148px; height: 1648px; top:-1250px; left: 50%; margin-left: -600px; z-index: 1;  }


body#category.rose div.moveImage_2_1{width: 764px; height: 535px; top:-350px; left: 50%; margin-left: -100px; z-index: 2;  }





body#category.ring div.moveImage_1_1{width: 928px; height: 1464px; top:-320px; left: 50%; margin-left: -650px; z-index: 1;  }


body#category.ring div.moveImage_2_1{width: 622px; height: 609px; top:-150px; left: 50%; margin-left: -100px; z-index: 2; border: }




body#category.earring div.moveImage_1_1{width: 1000px; height: 1430px; top:-400px; left: 50%; margin-left: -540px; z-index: 1;  }


body#category.earring div.moveImage_2_1{width: 296px; height: 317px; top:-230px; left: 50%; margin-left: 80px; z-index: 2; }


body#category.earring div.moveImage_2_2{width: 311px; height: 240px; top:50px; left: 50%; margin-left: 150px; z-index: 2;}





body#category.necklace div.moveImage_1_1{width: 961px; height: 1392px; top:-500px; left: 50%; margin-left: -400px; z-index: 1;  }


body#category.necklace div.moveImage_2_1{width: 341px; height: 490px; top:-180px; left: 50%; margin-left: -440px; z-index: 2;  }






body#category.bracelet div.moveImage_1_1{width: 814px; height: 1123px; top:-350px; left: 50%; margin-left: -600px; z-index: 1;  }


body#category.bracelet div.moveImage_2_1{width: 832px; height: 823px; top:-320px; left: 50%; margin-left: -200px; z-index: 2; }





/* contact
----------------------------------------------- */

body#contact #contentsMain { }
body#contact h2.title{ margin-bottom: 40px;}
body#contact  .topRead{ margin-bottom: 90px;}

body#contact section .contents{}
body#contact section .contents h3{text-align:center;}
body#contact section .contents #formArea{}

body#contact section .contents #formArea .inputWrap{


    flex-wrap:wrap;
	
 display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;

	
}
body#contact section .contents #formArea dl{ margin-bottom: 10px; width: 100%;}
body#contact section .contents #formArea dl dt{ padding: 0; margin: 0 0 2px 0; line-height: 1.5; font-size: 0.8em;}
body#contact section .contents #formArea dl dd{}

body#contact section .contents #formArea .text{ border: solid 1px #000; padding: 6px; width: 100%; box-sizing: border-box;}
body#contact section .contents #formArea textarea.message{ padding: 6px; width: 100%; height: 150px; box-sizing: border-box; border: solid 1px #000; }

body#contact section .contents #formArea .inputWrap dl{  width: 48%;}
body#contact section .contents #formArea .inputWrap input.text{}

body#contact section .contents #formArea .agree{line-height: 1.5; font-size: 0.8em;}

body#contact section .contents #formArea .btnArea{ text-align: right; padding-top: 17px;}

body#contact section .contents #formArea button.submitBtn{ background: #cdb83d; width: 340px; height: 3em; line-height: 3em;text-align: center; cursor: pointer;}

body#contact section .contents #formArea .backBtn{ background: #ccc; width: 200px; height: 3em; line-height: 3em;text-align: center; display: inline-block; margin-right: 20px; cursor: pointer;}

body#contact section .contents #formArea .submitBtn:hover,
body#contact section .contents #formArea .backBtn:hover{ opacity: .9;}

body#contact section .contents #formArea.check{ padding-bottom: 300px;}
body#contact section .contents #formArea.check dl dd{ color: #c00;}


body#contact section .contents #formArea.finish{ padding-bottom: 300px; text-align: center;}
body#contact section .contents #formArea.finish h3{

      padding-top: 30px;
    font-size: 2em;
    margin-bottom: 10px;
   
}


body#contact section .contents #faqArea{ padding: 90px 0 100px 0;}
body#contact section .contents #faqArea h2{}

body#contact section .contents #faqArea .read{ text-align: center}


body#contact section .contents #faqArea h3{ margin-bottom:0px;}
body#contact section .contents #faqArea dl.faq{ width: 100%;}

body#contact section .contents #faqArea dl.faq dt{

border-bottom: solid 1px #000; padding: 15px 0 15px 0; margin-bottom: 5px; line-height: 1.5; cursor: pointer; position: relative;
}

body#contact section .contents #faqArea dl.faq dt:after {
  content: '';
  display: block;
  width: 5px;

	position: absolute;
	right: 17px;
	top: 22px;


  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #cdb83d;

	
}

body#contact section .contents #faqArea dl.faq dt:hover{
	cursor: pointer;
}
body#contact section .contents #faqArea dl.faq dd{
  -moz-text-align: justify;
  text-align: justify;
padding:15px 0px 20px 0px; line-height: 1.5;
	font-size: 0.9em;
	position: relative;
}
body#contact section .contents #faqArea dl.faq .hover{
	color: #0040ff;
	text-decoration: underline;
}



/* @media screen  
----------------------------------------------- */
body#press{}

body#press .singleDetail{ padding-bottom: 60px;}
body#press .singleDetail article.detail{ width: 700px; margin: 0 auto 100px auto;background: #DDD9AC; border-radius: 20px 0 20px 0; padding: 50px; position: relative;}

body#press .singleDetail article.detail:before,
body#press .singleDetail article.detail:after{ content:''; display: block; width: 750px; height: 250px; position: absolute; left: -25px; z-index: -1; }

body#press .singleDetail article.detail:before{ top:-25px; background: url(/img/press/press_shadow_top_w750.jpg) no-repeat;}
body#press .singleDetail article.detail:after{ bottom:-25px; background: url(/img/press/press_shadow_under_w750.jpg) no-repeat}


body#press .singleDetail article.detail  h3.entryTitle{ text-align: center; font-size: 1.5em; line-height: 1.3; margin-bottom: 20px;}
body#press .singleDetail article.detail  .date{ text-align: center; font-size: 1.5em; line-height: 1;margin-bottom: 50px;}
body#press .singleDetail article.detail  .entryBody{}
 
body#press .singleDetail article.detail  .entryBody p:last-child{ margin-bottom:0 !important;}

body#press .singleDetail article.detail hr{ border:0; width: 100%; height: 1px; background: #000; margin: 30px 0;}






body#privacypolicy #contentsMain {

    padding-bottom: 140px;
}

/* @media screen  
----------------------------------------------- */
@charset "UTF-8";

.onlyPC{ display:block;}
.onlySP{ display:none;}
	

@media screen and (max-width: 900px) {
	
	html,
	body{ }
	
	body#top #main{}
	
	html.touchDevice .onlyPC{ display:none;}
	html.touchDevice .onlySP{ display:block;}
	
	
	html.touchDevice,
	.touchDevice body{ font-size: 29px;line-height:1.5;}
	

	
	html.iPad,
	.iPad body{}
	
	#spMenuBtn{ display:block;  }
	
	header.global{
	    height: 115px;
    	overflow: hidden;
	}
	header.global nav.globalMenu{ display: none;}
	
	
#headerSpacer {
    height: 115px;
    background: #fff;
    border-radius: 0 0 20px 20px;
}
	.contactBtn{ margin-bottom: 10vw !important; display: block;}
	.btnContactMore a{height: 10vw;}
	.btnContactMore a span{  width: 80%;}

	.touchDevice #container{ text-align: center !important;}
	
	
	section.area{ overflow-x:hidden;}
	
	section.area > .inner {

    width: 100%;
		padding-left: 70px;
		padding-right: 70px;


	}
	h2.title{height:1.2em; }
	
	body#top section#contentSection article .globalInner { margin: 0 70px;}
	
	
	body#top section#contentSection article.message .sign {
    position: absolute;
    bottom: -80px;
    right: -20px;
    width: 220px;
    height: auto;
}
	
	body#top section#contentSection article.blockArea .boxFlex{
		width:100%;
		display:block;
	}

	body#top section#contentSection article.blockArea .boxFlex div{ width:100%; height: 0; padding-top: 67%;}
	body#top section#contentSection article.blockArea .boxFlex div.text{height: auto; padding: 0px;}
	body#top section#contentSection article.blockArea .boxFlex div.text .inner{height: auto; padding: 80px;}


	body#category section#contentSection article.text h2{ padding-top:0.4em;   margin-bottom: 0.8em;}

	body#category section#contentSection article .globalInner { margin: 0 70px;}
	
	
	
	body#category.mainpanel_1 section#contentSection article.read p {
		padding: 0 !important;
	}
	
	body.textBase h2.title{ margin-bottom: 0.8em; height:0.8em; }
	
	body#press h2.title{ margin-bottom: 0.8em; height:0.8em; }
	
	
	body#contact h2.title{ margin-bottom: 0.8em; height:0.8em; }
	body#contact section .contents #formArea{ text-align:left;}
	body#contact section .contents #formArea .inputWrap dl{ width:100%; margin-bottom: 20px;}

	body#contact section .contents #formArea .text,
	body#contact section .contents #formArea textarea{ padding:20px; font-size: 1.2em;}
	body#contact section .contents #formArea textarea.message{ height:300px;}
	
	body#contact section .contents #formArea .agree input{ transform:scale(3,3); position: absolute; top: 5px; left: 5px;}
	body#contact section .contents #formArea .agree{ position: relative;padding-left:2.5em !important;}
	
	body#contact section .contents #faqArea{ text-align:left;}

	body#contact section .contents #faqArea dl.faq dt:after {

	  width: 10px;

		position: absolute;
		right: 17px;
		top: 28px;

	  border-top: 10px solid transparent;
	  border-bottom: 10px solid transparent;
	  border-left: 10px solid #cdb83d;

	}

	
	body#contact section .contents #formArea button.submitBtn{ width:100%; margin-bottom: 40px;}
	
	body#contact section .contents #formArea .backBtn{width:100%;  margin-bottom: 40px;}
	
	
	
	
	body#top div.moveImage_1_1{top:-500px; margin-left: 0px; }
	body#top div.moveImage_2_1{top:150px;  margin-left: -100px;}
	body#top div.moveImage_2_2{top:2050px; margin-left: -400px;}
		
	
	
	body#category.rose div.moveImage_1_1{top:-1250px; margin-left: -600px; }
	body#category.rose div.moveImage_2_1{ top:-300px; margin-left: -150px;  }
	
	body#category.iris_germanica div.moveImage_1_1{top:-600px; margin-left: -450px;}
	body#category.iris_germanica div.moveImage_2_1{top:-420px; margin-left: -750px;  }
	body#category.iris_germanica div.moveImage_2_2{top:30px;  margin-left: 0px; }
	
	body#category.sweet_pea div.moveImage_1_1{top:-250px; margin-left: -700px; }
	body#category.sweet_pea div.moveImage_1_2{top:200px; margin-right: -140px;  }
	body#category.sweet_pea div.moveImage_2_1{top:50px; margin-left: 0px;  }
	body#category.sweet_pea div.moveImage_2_2{top:-250px; margin-left: -400px; }

	body#category.hydrangea div.moveImage_1_1{top:-300px; margin-left: -500px; }
	body#category.hydrangea div.moveImage_1_2{top:350px; margin-left: -190px; }
	body#category.hydrangea div.moveImage_2_1{top:-200px;  margin-left: -500px;  }
	
	
	body#category.necklace div.moveImage_1_1{top:-450px; margin-left: -400px;  }
	body#category.necklace div.moveImage_2_1{top:-270px;  margin-left: -390px;  opacity: .7;}

	body#category.ring div.moveImage_1_1{ top:-270px; margin-left: -650px; }
	body#category.ring div.moveImage_2_1{ top:-350px; margin-left: 0px;}
	
	body#category.bracelet div.moveImage_1_1{ top:-700px; margin-left: -600px; opacity: .7;}
	body#category.bracelet div.moveImage_2_1{ top:-70px;  margin-left: -200px;}

	body#category.earring div.moveImage_1_1{top:-400px; margin-left: -540px; }
	body#category.earring div.moveImage_2_1{top:-250px;  margin-left: 110px; }
	body#category.earring div.moveImage_2_2{ top:150px;  margin-left: 50px; }
	
	
	
	body#about #contentsMain h2.title{height: 0.8em;}
	
	
}

/* /media */