@charset "euc-jp";
@import url(https://fonts.googleapis.com/css?family=Quicksand);

/*------------------------------------------------------

	¥ê¥»¥Ã¥È

------------------------------------------------------*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea,
p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
.none_border_table,
.product_option_table table {
	border-spacing: 0;
	border-collapse: collapse;
}
fieldset,
img {
	border: 0;
}
address, caption, cite, code,
dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
}
 
ol, ul {
	list-style: none;
}
 
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,
q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input,
textarea,
select {
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
}
input,
textarea,
select {
	*font-size: 100%;
}
legend {
	color: #000;
}
img { max-width: 100%; height: auto;}

/*------------------------------------------------------

	¥°¥í¡¼¥Ð¥ë

------------------------------------------------------*/

body {
	font-family: "Hiragino Maru Gothic W4 JIS2004", "Þ⥴¥·¥Ã¥¯", YuGothic, "¥Ò¥é¥®¥Î³Ñ¥´ ProN W3", "Hiragino Kaku Gothic ProN", "¥á¥¤¥ê¥ª", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #333;
	font-size: 0.95em;
	line-height: 1.7;
	position: relative;
	-webkit-text-size-adjust: 100%;
}

p { margin-bottom: 20px;}
p:last-Child { margin-bottom: 0px;}

strong { font-weight: bold;}

a { color: #1587c6; text-decoration: none;}
a:hover, a:active { text-decoration: underline;}

/* web font */
.fo_quick { font-family: 'Quicksand', Verdana, "Þ⥴¥·¥Ã¥¯", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}

/* ʸ»ú */
.fo06 { font-size: 0.6em !important;}
.fo07 { font-size: 0.7em !important;}
.fo08 { font-size: 0.8em !important;}
.fo085 { font-size: 0.85em !important;}
.fo09 { font-size: 0.9em !important;}
.fo105 { font-size: 1.05em !important;}
.fo11 { font-size: 1.1em !important;}
.fo12 { font-size: 1.2em !important;}
.fo13 { font-size: 1.3em !important;}
.fo14 { font-size: 1.4em !important;}
.fo16 { font-size: 1.6em !important;}
.fo17 { font-size: 1.7em !important;}
.fo25 { font-size: 2.5em !important;}

.lh12 { line-height: 1.2;}
.lh14 { line-height: 1.4;}
.lh20 { line-height: 2;}

.fo_white { color: #FFFFFF;}
.fo_red { color: #ae4d4e;}

.bold { font-weight: bold;}

.ta_center { text-align: center;}
.ta_right { text-align: right;}
.ta_left { text-align: left;}
.ta_right-s_center { text-align: right;}
.ta_left-s_center { text-align: left;}

/* ¥Ü¥Ã¥¯¥¹ */
.container {
	max-width: 1010px;
	padding: 0px 15px;
	margin: 0px auto;
}

.left { float: left;}
.right { float: right;}
.float_l { float: left;}
.float_r { float: right;}

.pos_rel { position: relative;}
.pos_ab { position: absolute;}

.dis_table {
	display: table;
	width: 100%;
}
.dis_table dt, .dis_table dd {
	display: table-cell;
	vertical-align: top;
}

.dis_inline-block { display: inline-block;}

.box_wrap { margin: auto -15px;}
.box50 { float: left; width: 50%; padding: 0px 15px;}

.hidden_l { display: none !important;}

/* ¥ê¥¹¥È */
ol { padding-left: 2em;}
ol li { list-style: outside decimal;}

.list_indent { padding-left: 1em;}
.list_indent li { text-indent: -1em;}

/* margin */
.mt00 { margin-top: 0px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}

.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}

.mb40-20 { margin-bottom: 40px !important;}
.mb60-30 { margin-bottom: 60px !important;}
.mb80-40 { margin-bottom: 80px !important;}

/* clearFix */
.clearFix {
    zoom: 100%;
}
.clearFix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

@media only screen and (max-width: 760px) {
	.ta_right-s_center { text-align: center;}
	.ta_left-s_center { text-align: center;}
	
	.float_l, .float_r { float: none;}
	
	.hidden_l { display: block !important;}
	.hidden_s { display: none !important;}
	
	.mb40-20 { margin-bottom: 20px !important;}
	.mb60-30 { margin-bottom: 30px !important;}
	.mb80-40 { margin-bottom: 40px !important;}

	.box50 { float: none; width: 100%;}
}

/* ------------------------
	¥Ø¥Ã¥À¡¼
------------------------ */

.header { background-color: #e2f1f6; padding-bottom: 2%;}
.header a { color: #333;}
.header a:hover { color: #1587c6; text-decoration: none;}

.header .box01, .header .box03 { width: 40%;}
.header .box02 { width: 20%; padding-top: 5%;}

.header .box01 { padding-top: 10px;}
.header .box01 a { background: url(https://img15.shop-pro.jp/PA01244/319/etc/ico_arrow01.png) no-repeat left 50%; padding-left: 20px;}
.header .box01 a img { margin-left: 3px; vertical-align: -5%;}

.header .box03 { padding-top: 30px;}
.header .box03 li a { background: url(https://img15.shop-pro.jp/PA01244/319/etc/ico_arrow02.png) no-repeat right 50%; padding-right: 20px;}
.header .box03 li a:hover { background-image: url(https://img15.shop-pro.jp/PA01244/319/etc/ico_arrow02_o.png);}

@media only screen and (max-width: 760px) {
	.header .box01, .header .box02 { width: 100%;}
	.header .box01 a { padding-left: 15px; font-size: 0.8em;}
	.header .box02 { padding-top: 0px;}
	.header .box02 img { width: 40%; max-width: 211px; height: auto;}
}


/* ------------------------
	¥°¥í¡¼¥Ð¥ë¥Ê¥Ó
------------------------ */

.gn_list > li { display: inline-block;}
.gn_list > li:after { content: " | "; letter-spacing: 0.5em;}
.gn_list > li:last-Child:after { content: "";}
.gn_list > li a { color: #333;}
.gn_list > li a:hover { color: #1587c6; text-decoration: none;}

/* ¥É¥í¥Ã¥×¥À¥¦¥ó */
.gn .dd { position: relative;}
.gn .dd ul {
	position: absolute;
	display: none;
	width: 7em;
	z-index: 99999;
	background-color: #fff;
}
.gn .dd li {
	font-family: Verdana, "Þ⥴¥·¥Ã¥¯", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 0.6em;
}
.gn .dd li a {
	display: block;
	padding: 5px;
}
.gn .dd li a:hover {
	color: #1587c6;
	background-color: #e2f1f6;
}

/* Äɽ¾·¿¥Ê¥Ó */
.gn.fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 15px 0px;
	z-index: 9999;
	background-color: #fff;
	background-color: rgba(255,255,255,0.95);
}

.sp_nav { display: none; }

@media only screen and (max-width: 760px) {
	/* ¥¹¥Þ¥ÛÍÑ¥Ê¥Ó */
	.header { position: fixed; width: 100%; z-index: 9999;}
	.header .pos_ab {
		width: 27%;
		bottom: 3%;
	}
	.header .btn_cart { left: 10px;}
	.header .btn_menu { right: 10px;}
	.header .close_btn {
		position: absolute;
		right: 15px;
	}
 
    .sp_nav.open {
      right: 0;
    }
    .sp_nav {
      display: block;
      position: fixed;
      top: 0;
      right: -100%;
      z-index: 9999;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      width: 100%;
      height: 100%;
      background-image: url(https://img15.shop-pro.jp/PA01244/319/etc/sp_menu_background.jpg);
      background-size: cover;
	  background-position: center;        
      /*background: #c1e0ea;*/
      color: #212121;
      transition: all 0.25s ease-in-out;
    }
    .sp_nav a {
      color: #fff;
      font-family: cinzel, "ÞâÌÀÄ«", YuMincho, serif;
      letter-spacing: 0.3em;
      line-height: 2.5;
    }
    .sp_nav > ul { padding: 10px 0 0 46px; }
	.sp_nav li { margin-bottom: 3px;}
	.sp_nav li ul { padding-top: 3px;}
	.sp_nav li ul li { margin-bottom: 0px;}
    .sp_nav .close_btn { 
  	  position: absolute;
      top: 26px;
      right: 15px;
    }
    .sp_list > ul { padding-left: 25px; }
  	.sp_arrow svg {
      vertical-align: middle;
      width:24px;
      height: 24px; 
    }
   	.sp_arrow_open svg { transform: rotateX(180deg); }
    body.fixed {
      position: fixed;
      left: 0;
      right:0;
    }
}


/* ------------------------
	¥á¥¤¥ó¥³¥ó¥Æ¥ó¥Ä
------------------------ */

@media only screen and (max-width: 760px) {
	.main_contents { padding-top: 25%;}
}
@media only screen and (max-width: 580px) {
	.main_contents { padding-top: 35%;}
}


/* ------------------------
	¥Õ¥Ã¥¿¡¼
------------------------ */
.footer {
	background-color: #d2d2d2;
	padding: 60px 0px 1px;
	letter-spacing: -0.1em;
}
.footer a { color: #333;}
.footer a:hover { color: #1587c6; text-decoration: none;}
.footer .box {
	float: left;
	width: 25%;
	padding: 0px 15px;
}
.footer .list_arrow li {
	background: url(https://img15.shop-pro.jp/PA01244/319/etc/ico_arrow02.png) no-repeat left 50%;
	background-size: 10px 10px;
	padding-left: 12px;
}
.ls00 { letter-spacing: 0em;}

.footer_btn img { margin: 0px 5px;}

.footer input { padding: 5px;}

@media only screen and (max-width: 900px) {
	.footer .box { width: 50%;}
}
@media only screen and (max-width: 520px) {
	.footer { padding-top: 40px;}
	.footer .box { width: 100%;}
}


/* ------------------------
	²¼Áض¦ÄÌ
------------------------ */

.mg-pad { margin-top: -80px; padding-top: 80px;}

/* ¸«½Ð¤· */
.pagettl01 span {
	display: inline-block;
	min-width: 250px;
	border-bottom: solid 1px #333;
	padding: 0px 10px 7px;
}

/* SOLD OUT */
.sold { position: relative;}
.sold:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://img15.shop-pro.jp/PA01244/319/etc/ico_thankyou_soldout_OK.png) no-repeat center 50% rgba(255,255,255,0.8);
	background-size: 100% auto;
	z-index: 100;
	top: 0px;
	left: 0px;
}

/* ¥Ú¡¼¥¸Á÷¤ê­¡ */
.sort_select dt ,
.sort_select dt ul li {
	float:left;
}
.sort_select dt ul li:nth-child(1) {
	margin:0 10px 0 0;
}
.sort_select dt ul li {
	margin:0 20px 0 0;
}
.sort_select dt ul li span {
	background:url(https://img15.shop-pro.jp/PA01244/319/etc/ico_moon.png) no-repeat 0 50%;
	padding:0 0 0 15px;
	line-height: 13px;
}
.sort_select dt ul li strong {
	background:url(https://img15.shop-pro.jp/PA01244/319/etc/ico_moon.png) no-repeat 0 50%;
	padding:0 0 0 15px;
	color:#375F9F;
	line-height: 13px;
}
.sort_select dd {
	font-size:116.7%;
	float:right;
}
.sort_select dd td {
	padding:0 0 0 20px;
	text-align:center;
	vertical-align:middle;
}

/* ¥Ú¡¼¥¸Á÷¤ê­¢ */
.category_list_page02 .list_number a {
	line-height: 26px;
	text-align: center;
	height: 26px;
	width: 26px;
	display:block;
	color:#597BA7;
	text-decoration:none;
}
.category_list_page02 .list_number2 ,
.category_list_page02 .list_number a:hover {
	background-color: #F8D2E0;
	line-height: 26px;
	text-align: center;
	height: 26px;
	width: 26px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
.category_list_page02 {
	padding-bottom:20px;
	text-align:center;
}
.category_list_page02 td {
	vertical-align:middle;
	line-height:1.0;
}
.category_list_page02 td.prev_next01 ,
.category_list_page02 td.prev_next02 {
	vertical-align:middle;
	display:block;
	line-height: 26px;
}
.category_list_page02 td.prev_next01 a ,
.category_list_page02 td.prev_next02 a {
	color:#597BA7;
	text-decoration:none;
}
.category_list_page02 td.prev_next01 img {
	margin-right:2px;
	float:left;
}
.category_list_page02 td.prev_next02 img {
	margin-left:2px;
	float:right;
}
.category_list_page02 td.prev_next01 {
	padding-right:10px;
}
.category_list_page02 td.prev_next02 {
	padding-left:10px;
}



/* ------------------------
	¥Õ¥ê¡¼¥Ú¡¼¥¸
------------------------ */

/* FOR INTERNATIONAL */
.internatilnal_sec01 .link a { color: #ed7388;}


/* JEWELRY USER GUIDE */
.guide_sec01 .box {
	background-color: #d3e9f6;
	border-radius: 15px;
	display: inline-block;
	vertical-align: top;
	width: 43%;
	margin: auto 2%;
}
.guide_sec01 .box h2 { padding: 30px 15px 0px;}
.guide_sec01 .box p { padding: 0px 30px 20px;}
.guide_sec01 .box01 h2 { padding-top: 50px;}

@media only screen and (max-width: 760px) {
	.guide_sec01 .box {
		width: 100%;
		max-width: 400px;
		margin: auto;
		padding: 30px 20px;
	}
	.guide_sec01 .box h2 { padding: 0px;}
	.guide_sec01 .box p { padding: 0px;}
	.guide_sec01 .box01 h2 { padding-top: 0px;}
}


/* REPAIRS */
.repair_sec01 .box01 { max-width: 810px; margin: auto;}
.repair_sec01 .box01 .left_pad { padding-left: 10px;}

.repair_sec01 .box03 {
	max-width: 500px;
	min-height: 287px;
	margin: auto;
	background: url(https://img15.shop-pro.jp/PA01244/319/etc/repair_img01.png) no-repeat center top;
	padding: 20px 0px;
}
.repair_sec01 .box03 table { width: 100%;}
.repair_sec01 .box03 th { padding-right: 15px;}
.repair_sec01 .box03 td { width: 35%;}

@media only screen and (max-width: 760px) {
	.repair_sec01 .box03 table, .repair_sec01 .box03 tbody, .repair_sec01 .box03 tr, .repair_sec01 .box03 th, .repair_sec01 .box03 td { display: block; width: 100% !important;}
	.repair_sec01 .box03 th { padding-right: 0px;}
	.repair_sec01 .box03 td { text-align: right;}
}


/* HOW TO SHOPPING? */
.howto_sec01 li {
	display: inline-block;
	vertical-align: middle;
}
.howto_sec01 .list02 { margin: -80px 0px 0px -2.5%;}

.howto_sec02 h2 img { vertical-align: -0.15em;}

@media only screen and (max-width: 990px) {
	.howto_sec01 .text { width: 30%;}
}

@media only screen and (max-width: 760px) {
	.howto_sec01 li {
		display: block;
		width: 100% !important;
		margin-bottom: 15px;
	}
	.howto_sec01 .list02 { margin: auto;}
}


/* CONTACT */
.contact_sec01 h2 img { border-bottom: solid 1px #333; padding-bottom: 10px;}

@media only screen and (max-width: 760px) {
	.contact_sec01 { font-size: 0.9em;}
}


/* MAIL MAGAZINE */
.mail_sec01 h2 span { border-bottom: solid 1px #333; padding-bottom: 5px;}
.mail_sec01 .list_indent { max-width: 850px; margin: auto;}

@media only screen and (max-width: 760px) {
	.mail_sec01 { font-size: 0.9em;}
}


/* ABOUT US */
.about_sec01 .float_l { width: 40%; padding-top: 50px;}
.about_sec01 .float_r { width: 57%;}

.about_sec01 .bx-wrapper { position: relative;}
.about_sec01 .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	position: absolute;
	top: -20px;
	right: 0px;
}
.about_sec01 .bx-wrapper .bx-pager .bx-pager-item,
.about_sec01 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.about_sec01 .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.about_sec01 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.about_sec01 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

.about_sec02 { width: 100%; overflow: hidden;}
.about_sec02 .pagettl01 span { min-width: 0px;}

.about_sec02 .sec { margin-bottom: 20px;}
.about_sec02 .sec .box {
	float: right;
	width: 60%;
}
.about_sec02 .sec .float_l { width: 37%;}
.about_sec02 .sec .float_r { width: 60%;}
.about_sec02 .sec .float_r li {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	margin: auto 1%;
}

.about_sec02 .pos_ab {
	width: 70%;
	right: 43%;
	bottom: 0px;
	background: url(https://img15.shop-pro.jp/PA01244/319/etc/about_img09.png) no-repeat right top;
	padding: 170px 90px 10px 0px;
}
.about_sec02 .pos_ab .text_box { padding-top: 50px;}

@media only screen and (max-width: 1110px) {
	.about_sec02 .pos_ab { right: 37%;}
}

@media only screen and (max-width: 980px) {
	.about_sec02 .pos_ab .right img { width: 85%; height: auto;}
}

@media only screen and (max-width: 930px) {
	.about_sec02 .sec { margin-bottom: 60px;}
	.about_sec02 .sec .box {
		float: none;
		width: 100%;
	}
	.about_sec02 .sec .float_l, .about_sec02 .sec .float_r { float: none; width: 100%;}
	.about_sec02 .sec .ta_right-s_center { text-align: center;}
	.about_sec02 .sec .float_r li {
		width: auto;
		margin: auto 1%;
	}
	
	.about_sec02 .pos_ab {
		position: static;
		width: 100%;
		background-position: center top;
		background-size: auto 100%;
		padding: 50px 20px;
		margin-bottom: 40px;
	}
	.about_sec02 .pos_ab .right img { width: auto;}
	.about_sec02 .pos_ab .text_box { width: 50%; padding-top: 30px; margin-left: 20px;}
}

@media only screen and (max-width: 760px) {
	.about_sec01 .float_l, .about_sec01 .float_r { width: 100%; padding-top: 0px;}
}

@media only screen and (max-width: 685px) {
	.about_sec02 .pos_ab { text-align: center;}
	.about_sec02 .pos_ab .right { float: none !important;}
	.about_sec02 .pos_ab .text_box { width: auto; display: inline-block; text-align: left; padding-top: 0px; margin: 0px 0px 20px 0px;}
	
	.about_sec02 .sec .float_r li { width: 47%; max-width: 155px;}
}