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

/* =======================================
	top
======================================= */

a:link   {color:#6E8FB1;text-decoration:none;}
a:visited{color:#6E8FB1;text-decoration:none;}
a:hover  {color:#BDDFF0;text-decoration:none;}
a:active {color:#3e3a39;text-decoration:none;}

::selection {background: #c90926; color: #ccc;}
::-moz-selection {background: #c90926; color: #ccc;}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

body {
	width: 100%;
	font-size: 14px;
	color: #6E8FB1;
	font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	background: #fff;
}


/*-------------------------------
	nav
-------------------------------*/
#glonav {
	width: 16.7%;
	height: 100%;
	position: fixed;
	margin: 0 auto;
	background-color: #AEDCDB;
	font-size: 12px;
}
.logo {
	top: 0;
	width: 100px;
	margin: 0 auto;
}
.menu_p {
	position: relative;
	width: 80px;
	margin: 0 auto;
	overflow: hidden;
}
.menu_p li {
	margin-bottom: 20px;
}



#menu{
  width: 100%;
}
#menu li{
  display: block;
}
#toggle{
 display: none;
}
@media only screen and (max-width: 768px) {
	.logo {
		top: 0;
	}
	#glonav {
		width: 100%;
		height: 100%;
		float: none;
		position: static;
		background-color: #fff;
	}
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
    margin-top: 5px;
    text-align: center;
  }
  .menu_p {
		position: relative;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #AEDCDB;
    border-bottom: 1px solid #fff;
  }
  #toggle a{
    display: block;
    width: 100%;
    position: relative;
    padding: 12px 0 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #AEDCDB;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #AEDCDB;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}


/*-------------------------------
	main
-------------------------------*/
#main_area {
	display: inline-block;
	width: 80%;
	margin-left: 20%;
}

#content_01 {
	position: absolute;
	max-width: 100%;
	margin-top: 50px;
}

#content_01 h1 {
	font-size:130%;
	color: #6E8EB0;
}

#content_01 h2 {
	font-size:130%;
	color: #6E8EB0;
}

#content_01 p {
	line-height: 2em;
}

.takumi {
	width:100%;
}

.takumi_l {
	display: inline-block;
	vertical-align: top;
}
.takumi_l img{
	width: 340px;
}

.takumi_r {
	display: inline-block;
	padding: 50px;
}

.img_01 {
	position: absolute;
	left: 73%;
	top: 160px;
	z-index: 1;
}

.img_02 {
	margin-top: 50px;
	width: 100%;
	height: 100%;
}

#ordermade {
	width: 100%;
	margin-top: 50px;
}

.ordermade_text {
	display: inline-block;
	width: 100%;
	padding: 0 50px 50px 30px;
}

#bridal {
	background-image: url(../images/ribon.png), url(../images/kotobuki.png), url(../images/bk01.jpg);
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: 45% 10%, 50% 90%;
	overflow: hidden;
	width: 100%;
	margin-top: 100px;
	padding: 20px 30px;
}

.bridal_text {
	display: inline-block;
	width: 90%;
	padding: 20px 20px 20px 0;
}

.bridal-img {
	overflow: hidden;
	width: 100%;
}

.bridal-img img{
	float: right;
}

#reform {
	width: 100%;
	height: 100%;
	margin-bottom: 50px;
}

#keshi{
	width: 100%;
	margin: 80px 0 100px;
}

.keshi_text {
	display: inline-block;
	width: 95%;
	padding: 0 50px 50px 30px;
}

.text_box_r {
	width: 100%;
	padding: 50px 30px 0 0;
}

.img_05 {
	width: 100%;
	padding: 80px 30px 0 0;
}

.img_06 {
	width: 100%;
	margin: 100px 0 0 0;
}

#content_box {
	width: 100%;
	min-height: 100%;
	margin-bottom: 30px;
}

#content_box img{
	margin: 0 auto;
}

.instagram {
	max-width: 340px;
	margin: 0 auto;
}

.instagram .insta{
	position: absolute;
	top: -30px;
	overflow: hidden;
}

#info_area {
	background: #6E8FB1;
	padding: 10px 0 10px 0;
}

.info_area2 {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 5px 0 5px 0;
}

.info_box {
	background-image: url(../images/border.jpg);
	background-repeat: repeat;
	padding: 150px 10px;
	width: 100%;
	max-height: 340px;
	color: #6E8FB1;
}

#footer_area {
	display:block;
	background-image: url(../images/square02.jpg);
	background-repeat: no-repeat;
	background-position: 1% 10%;
	border: 1px solid #6E8EB0;
	width: 98%;
	height: 100%;
	margin: 10px;
	padding: 10px;
}

.footer_01 {
	display: inline-block;
	vertical-align: top;
	width: 420px;
	color: #6E8EB0;
	margin: 40px 0 40px 90px;
}

.footer_01 p{
	font-size: 100%;
	line-height: 1.5em !important;
}

#footer_nav {
	list-style: none;
	font-size: 100%;
	color: #6E8EB0;
	text-align: center;
	margin-bottom:10px;
}

#footer_nav li{
	float: left;
	padding: 0 0.7em;
}

#footer_nav li.borderL{
	border-left: 1px solid #6E8EB0;
}

#footer_nav li.borderR{
	border-right: 1px solid #6E8EB0;
}

.footer_02 {
	display: inline-block;
	vertical-align: top;
	width: 140px;
	margin: 40px 0 20px 0;
	border-right: 1px solid #6E8EB0;
	padding-right: 50px;
}

.footer_03 {
	display: inline-block;
	width: 280px;
	margin: 40px 0 0 20px;
}

.footer_03 p{
	line-height: 1.2em !important;
}

#copyright{
	display:block;
	max-width: 100%;
	font-size: 11px;
	background: #AEDCDB;
	height: auto;
	color: #FFF;
	padding: 10px;
}

@media screen and (max-width: 640px) {
  #main_area {
		display: inline-block;
		width: 100%!important;
		margin-left: 0!important;
	}

	.flexslider {
		position: relative;
		display: inline-block;
	}

	#takumi_l {
		width: 100%;
		text-align: center;
	}

	#takumi_l img {
		width: 100%;
		margin: 20px;
	}

	#takumi_r {
		width: 100%;
		padding: 20px;
	}

	.img_01 {
		display: none;
	}

	.img_02 {
	  max-width: 100%;
	  max-height: 100%;
	}

	.ordermade_text {
		width: 90%;
		padding: 20px;
	}

	.img_03 {
		width: 90%;
		height: 100%;
		padding: 20px;
	}

	#bridal {
		background-position: top right, center right;
	}

	.bridal_text {
		width: 90%;
		margin: 50px 20px 130px 20px;
	}

	#keshi{
		width: 100%;
		margin: 30px 0 100px;
	}

	.keshi_text {
		display: inline-block;
		width: 95%;
		padding: 0 50px 50px 30px;
	}

	.img_04 {
		width: 90%;
		height: 100%;
		margin: 20px;
	}

	.text_box_r {
		width: 90%;
		margin: 50px 20px 20px 20px;
	}

	.img_05 {
		width: 90%;
		height: 100%;
		margin: 20px;
	}

	.img_06 {
		width: 90%;
		height: 100%;
		margin: 20px 20px 50px 20px;
	}

	.fi_box {
		width: 90%;
		height: 100%;
		min-height: 340px;
		margin: 0 20px 20px 20px;
	}

	.info_box {
		width: 90%;
		padding: 0 10px 0 10px;
	}

	.info_text {
		text-align: left;
	}

	#footer_area {
		display:block;
		background-image: url(../images/square02.jpg);
		background-repeat: no-repeat;
		background-position: 5% 2%;
		border: none;
		max-width: 90%;
		height: 100%;
		margin: 0 auto;
		padding: 10px;
	}

	.footer_01 {
		max-width: 100%;
		color: #6E8EB0;
		margin: 100px 0 0 0px;
	}

	.footer_02 {
		width: 100%;
		margin: 0;
		padding-right: 0;
		text-align: center;
		border-right: none;
	}

	.footer_03 {
		width: 100%;
		margin: 0 auto;
		padding: 40px 0 0 0;
	}

	.instagram {
		width: 89%;
		margin: 0 auto;
	}
}


/* =======================================
	order
======================================= */
.top_image {
	width: 100%;
	height: auto;
}

.top_left {
	display: inline-block;
	vertical-align: top;
	width: 44%;
	margin: 100px 0 0 0;
	font-family:"Century Gothic", sans-serif;
}

.artisan {
	text-align: center;
}

.artisan p{
	font-size: 14px;
}

.main_title {
	width: 370px;
	margin: 0 auto;
}
.main_title h4{
	font-size: 140px;
	margin-top: 100px;
}
.main_title2 {
	width: 350px;
	margin: 0 auto;
}
.main_title2 h4{
	font-size: 170px;
	margin-top: 100px;
}

.top_right {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 700px;
	background: url(../order/images/top-bk.png) no-repeat center center;
	margin: 0 0 0 50px;
}

.main_text {
	width: 350px;
	margin: 0 auto;
	line-height: 2em;
}

.main_text h3 {
	font-size: 20px;
	color: #231815;
	margin: 100px 0 0 0;
}

.main_text p {
	font-size: 14px;
	color: #231815;
	margin: 30px 0 0 0;
}

.blockarea {
	width: 100%;
	margin-top: 50px;
	line-height: 2em;
	position: relative;
}

.blockarea_img1 {
	margin-top: 45%;
	border: 1px solid #DCDDDD;
}

.blockarea_img2 {
	position: absolute;
	top: 50px;
	right: 0;
	width: 248px;
	z-index: 10;
}

.blockarea_left {
	width: 100%;
	margin-top: 50px;
}

.blockarea_right {
	width: 100%;
	margin: 0 30px 0 0;
}

.kanteisyo {
	width: 80%;
	padding: 30px;
	margin: 0 auto;
	background: #E7F4FB;
	border: 1px solid #B5B5B6;
}

.kanteisyoimg{
	width: 100%;
	margin: 0 auto;
}

.kanteisyoimg img{
	margin: 0 auto;
}

.kanteisyo h3 {
	margin-left: 30px;
	font-size: 16px;
	margin-bottom: 30px;
	color: #727171;
}

.kanteisyo p {
	margin-left: 30px;
	font-size: 13px;
	margin-bottom: 30px;
	color: #727171;
}

.special_box {
	width: 100%;
	padding: 50px 0 30px 30px;
	border: 1px solid #B5B5B6;
}

.special_box h3 {
	font-size: 16px;
	color: #231815;
	margin-bottom: 10px;
}

.special_box p {
	font-size: 13px;
	color: #231815;
}

.blockarea_2 {
	overflow: hidden;
	width: 100%;
	line-height: 2em;
	margin-top: 50px;
}

.inner_1 {
	width: 100%;
	padding: 30px;
	margin-top: 93.5%;
	border: 1px solid #B5B5B6;
}

.inner_1 h3{
	font-size: 20px;
	margin-bottom: 20px;
}

.inner_2 {
	width: 100%;
}

.inner_2 img{
	border: 1px solid #DCDDDD;
}

/*bridal*/
.inner_3 {
	width: 100%;
	padding: 30px;
	margin-top: 93%;
	border: 1px solid #B5B5B6;
}

.pearl {
	position: relative;
	width: 100%;
	margin-top: 50px;
	padding: 100px 0;
	line-height: 2em;
	background-image: url(../order/images/bk02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.pearl_text {
	position: relative;
	width: 85%;
	margin: 250px 0 0 30px;
	padding: 30px 60px 30px 50px;
	border: 1px solid #B5B5B6;
	z-index: 1;
}

.pearl_text h3 {
	font-size: 38px;
	color: #231815;
}

.pearl_text p {
	font-size: 13px;
	color: #231815;
}

.pearl_img1 {
	position: absolute;
	top: 65%;
	left: 30px;
	z-index: 5;
}

.pearl_img2 {
	position: absolute;
	top: 70px;
	left: 30px;
	z-index: 10;
}

.pearl_img2 img{
	width: 400px;
}

.Jewelry {
	position: relative;
	width: 100%;
	line-height: 2em;
	margin-top: 100px;
}

.Jewelry_left {
	width: 100%;
}

.jewelry_text {
	width: 95.5%;
	padding: 40px 30px;
	margin-left: 20px;
	border: 1px solid #B5B5B6;
}

.jewelry_text h3 {
	font-size: 16px;
	color: #231815;
}

.jewelry_text p {
	font-size: 13px;
	color: #231815;
}

.Jewelry_right {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-top: 19.7%;
}

.Jewelry_img1 {
	width: 100%;
}

.Jewelryarea_img {
	position: absolute;
	top: 0;
	left: 440px;
	z-index: 10;
}

.order {
	width: 100%;
	background: #F7F8F8;
	margin-bottom: 50px;
	padding: 50px 0 50px 0;
}

.order_box {
  width: 100%;
	margin: 0 auto;
}

.order_box img {
  width: 80%;
	margin: 0 auto;
}

.technique {
	width: 100%;
	line-height: 2em;
	background-image: url(../order/images/picture.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.technique p{
	font-size: 13px;
}

.technique-box {
	padding: 30px 30px 30px 50px;
}

.technique-box h3{
	background-image: url(../order/images/bk01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 20px;
	padding-left: 30px;
}

.technique-box p{
	font-size: 14px;
	padding-left: 35px;
}

.technique-box2 h3{
	font-size: 20px;
	margin-bottom: 20px;
}

.technique-box2 {
	width: 85%;
	padding: 30px 20px 30px 30px;
	margin: 30px;
	border: 1px solid #C3D300;
}

.technique-box3 h3{
	font-size: 18px;
	margin-bottom: 20px;
}

.technique-box3 {
	width: 85%;
	padding: 30px 30px 30px 30px;
	margin: 30px 30px 30px 80px;
	border: 1px solid #6E8FB1;
}

.order-collection {
	line-height: 2em;
	width: 100%;
	margin: 100px 0 50px;
}

.order-collection h3 {
	font-size: 16px;
	color: #231815;
	margin: 50px 0 50px 0;
	text-align: center;
}

.o_co_title {
	max-width: 100%;
	margin: 0 20px 30px 20px;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #6E8EB0;
}

.o_co_title h4 {
	font-size: 12px;
	margin-bottom: 5px;
	color: #6E8EB0;
	text-align: center;
}

.o_co_inner {
	max-width: 100%;
	text-align: center;
}
.o_co_inner a:hover{
  cursor: pointer;
  opacity: .7;
}
.o_co_inner a {
  display: block;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
  opacity: 1;
}
.o_co_inner img {
	width: 220px;
	padding: 20px;
	margin: 0 auto;
	border: 1px solid #DCDDDD;
}
.o_co_inner p{
	margin-top: 5px;
	line-height: 1.5em;
}
.more_button{
	width: 213px;
	margin: 0 auto;
	padding: 30px 0;
}
.modal-box {
    width: 100%;
}
.modal-box h2{
    width: 100%;
    margin-top: 0px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    color: #727171;
    text-align: center;
    background-color: #C9CACA;
}
.modal-box h2 span{
    font-size: 12px;
    font-weight: bold;
    color: #727171;
}
.modal-box h3{
    width: 100%;
    margin-top: 0px;
    padding: 10px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8em;
    color: #727171;
    text-align: left;
    border-bottom: 1px solid #B5B5B6;
}
.modal-text {
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    color: #727171;
    text-align: left;
}

@media screen and (max-width: 640px) {
	.top_left {
		width: 100%;
		margin: 50px 0 0 0;
	}

	.main_title h4{
		font-size: 120px;
		margin-top: 30px;
		text-align: center;
	}

	.main_title p{
		margin-left: 30px;
	}

	.top_right {
		width: 100%;
		margin: 0;
	}

	.main_text {
		width: 70%;
		margin: 0 auto;
	}

	.main_text h3 {
		font-size: 15px;
		color: #231815;
		margin: 100px 0 0 0;
	}

	.main_text p {
		font-size: 12px;
		color: #231815;
		margin: 30px 0 0 0;
	}

	.technique {
		width: 100%;
		background-image: none;
	}

	.technique-box {
		padding: 30px 30px 20px 30px;
	}

	.technique-box2 {
		margin: 0 30px 30px 30px;
	}

	.technique-box3 {
		margin: 0 30px 30px 30px;
	}

	.blockarea_right {
		margin: 50px 30px 0 0;
	}

	.blockarea_img1 {
	    margin-top: 0;
	}

	.kanteisyo {
		margin: 0 auto;
	}

	.kanteisyo p {
		margin-left: 10px;
	}

	.kanteisyoimg img{
		margin-bottom: 20px;
	}

	.inner_1 {
		margin-top: 30px;
	}

	.inner_2 {
		margin-top: 50px;
	}

	/*bridal*/
	.inner_3 {
		margin-top: 50px;
	}

	.special_box {
		padding: 30px 0 30px 30px;
		border: 1px solid #B5B5B6;
	}

	.pearl_img1 {
		top: 70%;
		left: 0;
	}

	.pearl_img2 {
		top: 70px;
		left: 0;
	}

	.pearl_img2 img{
		width: 80%;
	}

	.pearl_text {
		width: 95%;
		margin: 250px 0 100px 0;
	}

	.jewelry_text {
		width: 100%;
		padding: 50px 30px;
		margin-left: 0;
		border: 1px solid #B5B5B6;
	}

	.Jewelryarea_img {
		top: 20px;
		left: 0;
	}

	.Jewelry_right {
		margin-top: 0;
	}
}

/* =======================================
	bridal
======================================= */
.main_title_b {
	width: 370px;
	margin: 0 auto;
}

.main_title_b h4{
	font-size: 140px;
	margin-top: 100px;
	color: #F3CFCC;
}

.main_title_b p {
	color: #F3CFCC;
}

.sub_title {
	width: 350px;
	padding-top: 50px;
	margin: 0 auto;
	text-align: center;
}

.sub_title p {
	font-size: 30px;
	color: #9FA0A0;
}

.top_right_b {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 700px;
	background: url(../bridal/images/top-bk.png) no-repeat center center;
	margin: 0 0 0 50px;
}

.emring {
	line-height: 2em;
	width: 100%;
}

.emring h3 {
	font-size: 16px;
	color: #231815;
	margin: 50px 0 50px 0;
	text-align: center;
}

.em_title {
	max-width: 100%;
	margin: 0 20px 30px 20px;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #F3CFCC;
}

.em_title h4 {
	font-size: 14px;
	margin-bottom: 5px;
	text-align: center;
	color: #F3CFCC;
}

.em_inner {
	max-width: 100%;
	text-align: center;
}

.em_inner img {
	display: inline-block;
	width: 220px;
	padding: 20px;
	border: 1px solid #DCDDDD;
}
.em_inner a:hover{
  cursor: pointer;
  opacity: .7;
}
.em_inner a {
  display: block;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
  opacity: 1;
}

.engage {
	width: 100%;
	height: 800px;
	line-height: 2em;
}

.engage h5 {
	font-size: 18px;
	margin-bottom: 30px;
}

.engage_text {
	width: 80%;
	margin-top: 0;
	padding: 70px 100px 120px 30px;
	border: 1px solid #C9CACA;
}

.engage_img1 {
	position: relative;
	width: 100%;
	top: 70px;
	left: 0;
	padding-left: 20px;
	z-index: 10;
}

.engage_img1 img{
	border: 1px solid #DCDDDD;
}

.engage_img2 {
	position: relative;
	width: 100%;
	top: 350px;
	left: 0;
	padding-left: 20px;
}

.engage_img2 img{
	border: 1px solid #DCDDDD;
}

.marriage {
	width: 100%;
	margin: 0 0 50px 0;
	line-height: 2em;
}

.marriage h5 {
	font-size: 18px;
	margin-bottom: 30px;
}

.engage_text2 {
	width: 100%;
	margin-top: 99%;
	padding: 50px 35px 35px 35px;
	border: 1px solid #C9CACA;
}

.engage_img3 {
	width: 100%;
}

.engage_img3 img {
	max-width: 100%;
}

.engage_img4 {
	width: 100%;
	margin-top: 390%;
	padding-left: 10px;
}

.engage_img4 img {
	max-width: 100%;
}


@media screen and (max-width: 640px) {
	.main_title_b h4{
		font-size: 120px;
		margin-top: 30px;
		text-align: center;
	}

	.main_title_b p {
		margin-left: 30px;
	}

	.top_right_b {
		width: 100%;
		height: 700px;
		margin: 0;
	}

	.engage {
		width: 100%;
		height: 950px;
		line-height: 2em;
	}

	.engage_text {
		margin-top: 80px;
		width: 100%;
	}

	.engage_img1 {
		position: relative;
		width: 100%;
		top: 20px;
		left: 0;
		padding-left: 0;
	}

	.engage_img2 {
		position: relative;
		width: 50%;
		top: 400px;
		left: 0;
		padding-left: 0;
	}

	.marriage {
		width: 100%;
		margin: 0 0 50px 0;
		line-height: 2em;
	}

	.marriage h5 {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.engage_text2 {
		width: 100%;
		margin-top: 10%;
		padding: 50px 35px 35px 35px;
		border: 1px solid #C9CACA;
	}

	.engage_img3 {
		width: 100%;
		margin-top: 30px;
	}

	.engage_img3 img{
		width: 100%;
		height: 100%;
	}

	.engage_img4 {
		display: none;
	}
}


/* =======================================
	reform
======================================= */
.main_title_r {
	width: 400px;
	margin: 0 auto;
}

.main_title_r h4 {
	font-size: 110px;
	margin-top: 100px;
	color: #B9DBC2;
}

.main_title_r p {
	color: #B9DBC2;
}

.top_right_r {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 700px;
	background: url(../reform/images/top-bk.png) no-repeat center center;
	margin: 0 0 0 50px;
}

.reform_content {
	width: 100%;
	margin: 50px 0;
	line-height: 2em;
}

.reform_content img{
	margin: 0 auto;
}

.reform_text {
	width: 70%;
	padding: 20px;
	margin: 0 auto;
	font-size: 14px;
	color: #231815;
	text-align: center;
}

.example {
	width: 100%;
	line-height: 2em;
}

.example h3{
	font-size: 24px;
	color: #B9DBC2;
}

.example p{
	font-size: 13px;
	color: #231815;
}

.example_box {
	width: 100%;
	margin-bottom: 100px;
}

.left_img {
	width: 100%;
	padding-left: 20px;
}

.left_img img{
	max-width: 100%;
}

.right_text {
	width: 100%;
	padding: 0 20px;
}

.reform-r {
	width: 100%;
	line-height: 2em;
	margin: 150px 0 0 0;
}

.reform-r_left {
	width: 100%;
}

.reform-r_text {
	width: 100%;
	padding: 50px 30px;
	border: 1px solid #B5B5B6;
}

.reform-r_text h3 {
	font-size: 16px;
	color: #231815;
}

.reform-r_text p {
	font-size: 13px;
	color: #231815;
}

.reform-r_right {
	width: 100%;
	margin-top: 46%;
}

.reform-r_img1 img{
	margin: 0 auto;
}
.description {
	width: 80%;
	margin: 0 auto;
	padding: 0 0 100px;
}
.description h3{
	margin-top: 30px;
	font-size: 20px;
}
.description p{
	font-size: 13px;
	border-bottom: 1px solid #999;
}

@media screen and (max-width: 640px) {
	.main_title_r {
		width: 350px;
		margin: 0 auto;
	}

	.main_title_r h4{
		font-size: 100px;
		margin-top: 30px;
		text-align: center;
	}

	.main_title_r p {
		margin-left: 10px;
	}

	.top_right_r {
		width: 100%;
		height: 700px;
		margin: 0;
	}

	.reform_text {
		width: 100%;
		text-align: left;
	}

	.reform-r_right {
		width: 100%;
		margin-top: 0;
	}
	.description {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px 100px;
	}
}

/* =======================================
	collection
======================================= */
.main_title_c {
	width: 400px;
	margin: 0 auto;
}
.main_title_c h2{
	font-size: 110px;
	margin-top: 100px;
	color: #D1C7E0;
}
.main_title_c p {
	color: #D1C7E0;
}
.main_title_c2 {
	width: 410px;
	margin: 0 auto;
}
.main_title_c2 h2{
	font-size: 100px;
	margin-top: 100px;
	color: #D1C7E0;
}
.main_title_c2 p {
	color: #D1C7E0;
	margin-left: 10px;
}
.main_title_c3 {
	width: 390px;
	margin: 0 auto;
}
.main_title_c3 h2{
	font-size: 60px;
	margin-top: 100px;
	color: #D1C7E0;
}
.main_title_c3 h3{
	font-size: 130px;
	margin-top: 100px;
	color: #D1C7E0;
}
.main_title_c3 p {
	color: #D1C7E0;
	margin-left: 10px;
}

.top_right_c {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 700px;
	background: url(../collection/images/top-bk.png) no-repeat center center;
	margin: 0 0 0 50px;
}

.collection_area {
	width: 100%;
	height: 2850px;
	position: relative;
}

.collection_area p{
	color: #595757;
}

.collection {
	line-height: 2em;
	width: 100%;
	margin: 100px 0;
}

.co_title {
	max-width: 100%;
	margin: 0 20px 30px 20px;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #D1C7E0;
}

.co_title h4 {
	font-size: 14px;
	margin-bottom: 5px;
	color: #9271AA;
	text-align: center;
}

.co_inner {
	max-width: 100%;
	text-align: center;
}

.co_inner p{
	line-height: 1.8em;
	margin: 0;
}

.co_inner img {
	width: 220px;
	padding: 20px;
	margin: 0 auto;
	border: 1px solid #DCDDDD;
}


@media screen and (max-width: 640px) {
	.main_title_c {
		width: 350px;
		margin: 0 auto;
	}

	.main_title_c h2{
		font-size: 70px;
		margin-top: 30px;
		text-align: center;
	}

	.main_title_c2 {
		width: 100%;
		margin: 0 auto;
	}

	.main_title_c2 h2{
		font-size: 80px;
		margin-top: 100px;
		color: #D1C7E0;
		text-align: center;
	}
	.main_title_c p {
		margin-left: 10px;
	}

	.main_title_c3 {
		width: 100%;
		margin: 0 auto;
	}

	.main_title_c3 h2{
		font-size: 50px;
		margin-top: 100px;
		color: #D1C7E0;
		text-align: center;
	}

	.main_title_c3 h3{
		font-size: 100px;
		margin-top: 100px;
		color: #D1C7E0;
		text-align: center;
	}

	.top_right_c {
		width: 100%;
		height: 700px;
		margin: 0;
	}

	.reform_text {
		width: 100%;
		text-align: left;
	}

	.reform-r_right {
		width: 100%;
		margin-top: 0;
	}
}


/* =======================================
	about
======================================= */
.main_title_a {
	width: 400px;
	margin: 0 auto;
}

.main_title_a h2{
	font-size: 140px;
	margin-top: 100px;
	color: #E2C183;
}

.main_title_a p {
	color: #E2C183;
}

.top_right_a {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 700px;
	background: url(../about/images/top-bk.png) no-repeat center center;
	margin: 0 0 0 50px;
}

.about_area {
	width: 100%;
	margin-top: 50px;
}

.about_area h3{
	font-size: 20px;
	margin-top: 0;
}

.about_area table{
	font-size: 14px;
	margin-top: 20px;
}

.about_area td{
	padding: 5px;
}

.about_area p{
	font-size: 14px;
	line-height: 2em;
}

.about_box{
	width: 100%;
	padding: 30px
}

.about_img {
	width: 100%;
	margin-top: 250px;
}

.about_img2 {
	width: 100%;
}

.about_img img{
	width: 100%;
}

.about-text {
	width: 100%;
	padding: 50px;
}


@media screen and (max-width: 640px) {
	.main_title_a {
		width: 350px;
		margin: 0 auto;
	}

	.main_title_a h2{
		font-size: 110px;
		margin-top: 30px;
		text-align: center;
	}

	.main_title_a p {
		margin-left: 10px;
	}

	.top_right_a {
		width: 100%;
		height: 700px;
		margin: 0;
	}

	.about_img {
		display: none;
	}

	.about_img2 {
		width: 100%;
		margin-top: 30px;
	}
}

/* =======================================
	q &a
======================================= */
.main_title_q {
	width: 350px;
	margin: 0 auto;
}

.main_title_q h2{
	font-size: 140px;
	margin-top: 100px;
	color: #BEE0E4;
}

.main_title_q p {
	color: #BEE0E4;
	margin-left: 10px;
}

.top_right_q {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 700px;
	background: url(../qa/images/top-bk.png) no-repeat center center;
	margin: 0 0 0 50px;
}

.qa_area {
	width: 100%;
	margin: 0 0 100px 0
}

.qa_area h4{
	font-size: 20px;
	color: #BEE0E4;
	margin-bottom: 20px;
}

.qa_box {
	width: 80%;
	margin: 0 auto;
	padding: 30px;
}

.qa_font {
	font-size: 30px;
	color: #BEE0E4;
}

.qa_area table{
	font-size: 14px;
	margin-top: 20px;
	color: #595757;
	line-height: 2em;
}

.qa_area td{
	padding: 10px;
}


@media screen and (max-width: 640px) {
	.main_title_q {
		width: 350px;
		margin: 0 auto;
	}

	.main_title_q h2{
		font-size: 140px;
		margin-top: 30px;
		text-align: center;
	}

	.main_title_q p {
		margin-left: 10px;
	}

	.top_right_q {
		width: 100%;
		height: 700px;
		margin: 0;
	}

	.qa_box {
		width: 100%;
		padding: 10px;
	}
}

/* =======================================
	underconstruction
======================================= */
.underconstruction {
	width: 100%;
	text-align: center;
	padding: 290px 0;
}

.underconstruction p{
	font-size: 60px;
}