@charset "UTF-8";


.module {
    margin-bottom: 30px;
}
a:hover img{
	opacity: 0.7;
}
.module .module-title span {
    display: block;
}
.frame {
    overflow: auto;
    height: 250px;
}
/*****Fix*******/
#content table tbody tr th, #content table tbody tr td{border-bottom: dotted 1px #9b9b9b; padding: 10px;    box-sizing: border-box;}
#content table tbody tr th {min-width: 120px;text-align: left;}
#body #content .module .wpcf7 table tbody tr th,#body #content .module .wpcf7 table tbody tr td{border: none; border-bottom: dotted 1px #9b9b9b;}
#body #content .module .wpcf7 table tbody tr th{color:#fff;}
#body #content .module .wpcf7 input[type=submit]{background:#9885c1;}
#body #content .module .wpcf7 input[type=submit]:hover{background:#4b317b;}

.centerimgonly.module{text-align: center;}
.module.module-article.image-h-left .image-wrap,
.module.module-article.image-left .image-wrap,
.module.module-article.image-h-right .image-wrap,
.module.module-article.image-right .image-wrap{margin-bottom: 0;}
.social-widget{display: none !important;}
body .site{
	    font-family: "ヒラギノ角ゴ ProN W3″", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  color: #fff;
	line-height: 1.7;
}
.site a {
	text-decoration: underline;
}
body .site a:hover{color: #fff;text-decoration: none;}
body #pagewrap{
  background: url('../../uploads/top_01.png') center top no-repeat #30224b;
  /*14.03.2017 R.Long*/
   background-attachment:fixed;
}
body .pagewidth,
body .row_inner{
  max-width: 1000px;
	width: 100%;
}
body #headerwrap{
  position: relative;
	z-index: 222;
}
#headerwrap #header{
  padding: 0;
	max-width: 100%;
}
.header-brand-container{
  overflow: hidden;
	 padding: 0 0 25px 0;
}
body #site-logo{
  font-size: 0;
  line-height: 0;
  float: left;
  padding-top: 25px;
}
.h1{
  font-size: 0;
  float: right;
  text-align: right;
}
.h11 a{
  display: inline-block;
  margin-top: 20px;
}
.h11 a:nth-child(2){
  margin-left: 9px;
  margin-right: 9px;
}
.h12 img{
  margin-top: 20px;
}
.h12 img:nth-child(2){
  margin-left: 10px;
}
#headerwrap #global-nav{
  border-top: 1px solid #6d5c8d;
}
#headerwrap #global-nav #main-nav{
  font-size: 0;
  text-align: center;
	display: flex;
    justify-content: center;
}
#headerwrap #global-nav #main-nav li a{
  font-size: 0;
  background-image: url('../../uploads/top_25.png');
  background-position: 0 0;
  background-repeaT: no-repeat;
  margin: 0;
  height: 66px;
  width: 200px;
	background-color: transparent;
	box-sizing: border-box;
}
#headerwrap #global-nav #main-nav li.nav1 a{background-position: 0 0;}
#headerwrap #global-nav #main-nav li.nav2 a{background-position: -200px 0;}
#headerwrap #global-nav #main-nav li.nav3 a{background-position: -400px 0;}
#headerwrap #global-nav #main-nav li.nav4 a{background-position: -600px 0;}
#headerwrap #global-nav #main-nav li.nav5 a{background-position: -800px 0;}

#headerwrap #global-nav #main-nav li a:hover{opacity: 0.7;}

#headerwrap #global-nav #main-nav li ul.sub-menu{
	border: 0;
  padding: 0;
  border-radius: 0;
  width: auto;
  background: transparent;
	display: none
}
#headerwrap #global-nav #main-nav li:hover ul.sub-menu{
	display: block;
}
#headerwrap #global-nav #main-nav li ul.sub-menu li a{
  background: rgba(255,255,255,0.8);
  font-size: 13px;
  font-weight: 500;
  height: auto;
  padding: 12px 3px;
  text-align: center;
  line-height: 1.7;
  color: #000;
  border-bottom: 1px dotted #000;
}
#headerwrap #global-nav #main-nav li ul.sub-menu li a:hover{
  background: rgba(255,255,255,0.75);
}
body #body #layout #content{
  
}
#homeslider{
	margin-bottom: 40px;
}
#homeslider .slick-slide{
	max-width: 1000px;
	width: 100%;
	margin-bottom: 0;
}
#homeslider .slick-arrow{
	position: absolute;
	z-index: 22;
  top: calc(50% - 40px);
  font-size: 0;
  width: 45px;
  height: 80px;
	outline: none;
	padding: 0;
}
#homeslider .slick-prev{
  left: calc((100% - 1000px) / 2 - 60px);
  background: url('../../uploads/slide-btn_05.png') center no-repeat;
}
#homeslider .slick-next{
  right: calc((100% - 1000px) / 2 - 60px);
  background: url('../../uploads/slide-btn_07.png') center no-repeat;
}
#content .top_row1{
  background:
    url('../../uploads/top1_05.png') left calc((100% - 1000px) / 2 - 0px) top no-repeat,
    url('../../uploads/top1_07.png') right calc((100% - 1000px) / 2 - 0px) top no-repeat;
}
.top1.module{
  margin: 50px 0 20px 0;
}
#pagewrap .top1.module .module-title{
  margin-top: 50px;
  margin-bottom: 15px;
  text-indent: -9999px;
  background: url('../../uploads/top_10.png') center no-repeat;
  height: 45px;
  margin: 0;
}

#pagewrap .title01.module .module-title{
  font-family: "Times New Roman","游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "メイリオ", Meiryo, serif;
  font-size: 26px;
  color: #fff;
  line-height: 1;
  text-align: center;
  margin-bottom: 0;
}
#pagewrap .title01.module .module-title span{
  display: inline-block;
  padding: 1px 145px;
  background:
    url('../../uploads/top01_16.png') left no-repeat,
    url('../../uploads/top01_18.png') right no-repeat;
}
#pagewrap .top2.module .image-title a{
  color: #fff;
	text-decoration: underline;
}
#pagewrap .top2.module .image-title a:hover{
	text-decoration: none;
}
#pagewrap .top2.module .image-title{
	font-size: 14px;
  color: #fff;
  font-weight: normal;
  background: url('../../uploads/top_29.jpg') left no-repeat;
  padding-left: 16px;
  margin: 12px 0 10px 0;
}
.top3.module{
  border: 1px solid #eaeaea;
  background: url('../../uploads/top1_41.png') center no-repeat;
  margin-bottom: 80px;
}
.post1.module{
  max-width: 760px;
  margin: 0 auto 80px auto;
  border: 1px solid #4f3f6c;
  background: rgba(26, 17, 42, 0.7);
}
.post1.module .list-post{
  padding: 0 30px 30px 30px;
  height: 442px;
  overflow-y: scroll;
	box-sizing: border-box;
}
.post1.module .list-post .post{
  margin-bottom: 0;
  padding: 25px 0;
  border-bottom: 1px dotted #4f3f6c;
}
.post1.module .post .post-image{
  float: left;
  margin: 0 20px 0 0;
}
.post1.module .post .post-date{
  float: left;
  margin: 0 15px 6px 0;
}
#pagewrap .post1.module .post .post-title{
  font-size: 14px;
  overflow: hidden;
  padding: 2px 0;
  margin-bottom: 6px;
}
p:last-of-type{margin-bottom: 0;}
#pagewrap .title02.module .module-title{
  margin-bottom: 10px;
  font-size: 16px;
  background: url('../../uploads/top_46.png') left top no-repeat;
  padding: 5px 0 2px 35px;
  color: #fff;
}
#footerwrap #footer{
  border: 0;
  padding-top: 55px;
}
#footerwrap .rtt a{
  padding: 0;
}
.lp0.module a{
  color: #fff;
}
.lp1.module{
  font-size: 13px;
  padding-top: 10px;
}
.lp-copy.module{
  text-align: center;
  font-size: 13px;
  margin: 18px 0;
}
.copyright-container img{vertical-align: middle;}
.copyright-container{
    text-align: center;
    font-size: 13px;
    padding: 18px 0;
}
body #pc-backtop{
	width: auto;
	height: auto;
}
.guide_row0 .row_inner_wrapper .row_inner{
  display: block;
}
.guide_row1{
  background:
    url('../../uploads/guide_09.png') top 9px left 9px no-repeat,
    url('../../uploads/guide_11.png') top 9px right 9px no-repeat,
    url('../../uploads/f_bg_03.png');
  bordeR: 1px solid #4f3f6c;
  padding: 48px 38px 0 38px;
  margin-bottom: 30px;
}
.guide_row0_c .col4-2.first{
  float: right;
  margin-left: 3.2% !important;
}
.guide_row0_c .col4-2.last{
  float: left;
  margin-left: 0;
}
.guide_row0 .guide_row1,
.guide_row0_c .guide_row1{
  background:
    url('../../uploads/guide_09.png') top 9px left 9px no-repeat,
    url('../../uploads/guide_11.png') top 9px right 9px no-repeat,
    url('../../uploads/guide_24.png');
}
#content .row656{
  max-width: 656px;
  margin: 0 auto;
	    width: 100%;
}
.gemstone-post.module .post .post-image{
  margin-bottom: 17px;
}
#pagewrap .gemstone-post.module .post .post-title,
#pagewrap .collection_f1.module .module-title{
  border-bottom: 1px dotted #4f3f6c;
  padding: 0 0 7px 0;
  font-size: 14px;
  margin: 0 0 12px 0;
  color: #fff;
}
.collection_f1.module{margin-bottom: 28px;text-align: center;}
.lp6banner.module{
  margin: 30px 0 0 0;
}
.collection_f1.module.module.module-article .image-wrap{
  text-align: center;
  display: block;
}
#pagewrap .lp6banner.module .module-title{
  font-size: 14px;
  font-weight: normal;
  background: url('../../uploads/gemstone1_15.png') left no-repeat;
  margin: 12px 0 0 0;
  padding: 0 0 0 16px;
}
#pagewrap .lp6banner.module .module-title a{
  color: #fff;
}


/*14.03.2017 R.Long*/
.lp0.module a:visited{
	color:#fff;
}
@media screen and (max-width: 768px){
  
  body #responsive-nav-wrapper,
  body #responsive-btn,
  body #responsive-nav-wrapper .off-canvas-nav #main-nav,
  body #footerwrap .f-con .f-tel,
  body #footerwrap .f-con .f-rtt{
    background-color: #30224c;
  }
  body #footerwrap .f-con .f-map{
    background-color: #30224c;
  }
  #footerwrap .f-con{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #main .sp-horizontal .sp-arrow.sp-previous-arrow{
    left: 0;
  }
  #main .sp-horizontal .sp-arrow.sp-next-arrow{
    right: 0;
  }
  .h1{
    float: none;
    text-align: center;
  }
  .lp1.module.module-article .image-wrap{
    display: block;
    text-align: center;
    margin-bottom: 12px;
  }
  .gemstone-post.module .post .post-image{
    text-align: center;
  }
  .lp6banner.module.module-article .image-wrap{
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 680px){
  #pagewrap .title01.module .module-title span{
    padding: 40px 0;
    /*background-position: top center, bottom center;*/
    display:  block;
    background-size: 100px 20px;
  }
  .h11 a{
    display: block;
  }
  .h11 a:nth-child(2){
    margin-left: 0;
    margin-right: 0;
  }
  #headerwrap .h12 img{
    display: block;
    margin: 20px auto 0 auto;
  }
  #pagewrap .top1.module .module-title{
    background: none;
    height: auto;
    font-size: calc(17px + 0.22vw);
    color: #fff;
    text-align: center;
    text-indent: 0;
  }
  .top2.module.module-article .image-wrap{
    display: block;
    text-align: center;
  }
  .post1.module .post .post-date{
    float: none;
    margin-right: 0;
  }
  .post1.module .post .post-image{
    float: none;
    margin-bottom: 12px;
  }
  .post1.module .list-post{
    padding-left: 10px;
    padding-right: 10px;
  }
  .guide_row0_c .col4-2.first{
    margin-left: 0 !important;
  }
}








/* =============================================
	mobile menu settings
=============================================　*/
/* Mobile Menu Button */
#menu-button{
	visibility:hidden;
	opacity:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 900;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	background-color: #30224c;
	color: #fff;
}
#menu-button.nav-on {
	visibility:visible;
	opacity:1;
}
#menu-button .ham-lines {
	position: relative;
	margin: 0 auto;
	width: 32px;
	height: 32px;
}
#menu-button .ham-lines span,
#menu-button .ham-lines::before,
#menu-button .ham-lines::after {
	position: absolute;
	display: block;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 28px;
	height: 2px;
	background-color: #fff;
	border-radius: 1px;
}
#menu-button .ham-lines span {
	bottom: 15px;
	transition: all .25s .25s;
	opacity: 1;
}
#menu-button .ham-lines::before,
#menu-button .ham-lines::after {
	content: "";
}
#menu-button .ham-lines::before{
	bottom: 24px;
	animation: menu-bar01 .75s forwards;
}
#menu-button .ham-lines::after {
	bottom: 6px;
	animation: menu-bar03 .75s forwards;
}
#menu-button .ham-text {
	font-size: 12px;
	line-height: 1;
	color: #fff;
}
#menu-button.is-active .ham-lines span {
	opacity: 0;
}
#menu-button.is-active .ham-lines::before {
	animation: active-menu-bar01 .5s forwards;
}
#menu-button.is-active .ham-lines::after {
	animation: active-menu-bar03 .5s forwards;
}
@keyframes menu-bar01 {
	0% {
		transform: translateY(9px) rotate(45deg);
	}
	50% {
		transform: translateY(9px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar03 {
	0% {
		transform: translateY(-9px) rotate(-45deg);
	}
	50% {
		transform: translateY(-9px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
@keyframes active-menu-bar01 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(9px) rotate(0);
	}
	100% {
		transform: translateY(9px) rotate(45deg);
	}
}
@keyframes active-menu-bar03 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(-9px) rotate(0);
	}
	100% {
		transform: translateY(-9px) rotate(-45deg);
	}
}
/* Mobile Menu Button end */

/* =============================================

	Media Query

============================================= */
@media screen and (max-width: 1400px) { /* for iPad pro landscapes */

}

@media screen and (max-width: 1180px) { /* for tablet landscapes */

	#pagewrap {
		position: relative;
		padding-bottom: 51px;
	}

	#header.header {
		padding-top: 0;
	}

	/* module menu button visible */
	#menu-button{
		visibility:visible;
		opacity:1;
	}
	
	/* Mobile Menu Container ここを調整すると、メニューボタンクリック後の動作を調整できる */
	#headerwrap #global-nav.main-menu-container{
		position: fixed;
		z-index: 700;
		top: 0;
		left: -100vw;
		right: auto;
		bottom: auto;
		overflow-y: auto;
		background-color: #30224c;
		display:block;
		width: 100vw;
		height: 100vh;
		transition: .3s linear;
		border: 0;
	}
	#headerwrap #global-nav.main-menu-container.is-active{
		left: 0;	
	}
	#headerwrap #global-nav #main-nav {
		position: relative;
		width: auto;
		border-radius: 0;
		background: none;
		box-shadow: none;
		margin: 60px 3% 0 3%;
		display: block;
		padding: 0;
		inset: 0;
	}
	body #headerwrap #global-nav #main-nav li a{
		    width: 100%;
		height: auto;
		padding: 10px 0;
		background: none;
		font-size: 14px;
		text-align: left;
		border-bottom: 1px solid #fff;
		border-radius: 0;
		line-height: 1.5;
		color: #fff;
	}
	#headerwrap #global-nav #main-nav li ul.sub-menu{
		position: static;
		display: block;
		margin: 0 0 0 20px;
		border-left: 1px solid #fff;
	}
	#headerwrap #global-nav #main-nav li ul.sub-menu li a{
		background: none;
		text-align: left;
		padding: 10px;
		border-bottom: 1px solid #fff;
		color: #fff;
	}
	/* Mobile Menu Container ここを調整すると、メニューボタンクリック後の動作を調整できる */

}

@media screen and (max-width: 1024px) { /* for tablet landscape */

	/* style for contact forms, if do not use to delete please
	コンタクフォームのテーブル調整　不要なら消す*/
	.wpcf7 table tr th,
	.wpcf7 table tr td{
		width:100%;
		display:block;
		padding: 10px 0px;
	}
	.wpcf7 table tr th{
		padding-bottom:0;
	}
	/* style for contact forms, if do not use to delete please
	コンタクフォームのテーブル調整　不要なら消す*/
	body .pagewidth{
		max-width: 94%;
	}
	#homeslider .slick-slide{
		max-width: 100vw;
	}
	#homeslider .slick-slide img{
		display: block;
		width: 100%;
	}
	#homeslider .slick-prev{
		left: 15px;
	}
	#homeslider .slick-next{
		right: 15px;
	}
}

@media screen and (max-width: 980px) { /* for mobile landscape */
	body #pc-backtop {
		display: none;
	}
	#footer .sp-footer-icons-container {
		display: flex;
	}
	.h1{
		float: none;
		text-align: center;
	  }
	body #site-logo{
		float: none;
    text-align: center;
	}
	body #site-logo a{
		display: inline-block;
	}
	#pagewrap .post1.module .post .post-title{
		clear: both;
	}
	.top2.module .image-wrap img{
		display: block;
		margin: 0 auto;
	}
}

@media screen and (max-width: 820px) { /* for tablet portrate */
	#pc-backtop {

	}
	#footer .sp-footer-icons-container {

	}
	body #footer .sp-footer-icons-container a{
		    background-color: #1e1335;
		color: white;
		border-color: white;
	}
	body #footer .sp-footer-icons-container a svg{
		fill: white;
	}
	.guide_row0_c .col4-2.first{
	  float: none;
	}
	.guide_row0_c .col4-2.last{
	  float: none;
	}
	.lp1.module-image.image-left .image-wrap{
		float: none;
		text-align: center;
		margin: 0 0 15px 0;
	}
}

@media screen and (max-width: 768px) { /* for mobile  */
	

}

@media screen and (max-width: 460px) { /* for mobile small  */
	#content table tbody tr th, #content table tbody tr td{
		display: block;
	}

}