@charset "utf-8"; 
/* ===================================================================
CSS information

 File Name        : bloc.css
 Style Info       : 個別ブロックスタイル

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

/*top_video*/
#top_menu {
	margin-bottom: 3em;
}
@media (min-width: 768px) {
	#top_menu {
		margin-bottom: 70px;
	}
}
/*top_company*/
#top_company {
	margin-bottom: 3em;
}
@media (min-width: 768px) {
	#top_company {
		padding-top: 0;
		margin-bottom: 70px;
	}
	#top_company #info {
		padding-left: 20px;
	}
	#top_company #info h4 {
		margin-top: 2em;
		margin-bottom: 2em;
	}
}

/*contact,entry*/
div.contact p {
	text-align: center;
}
div.contact a.btn {
	width: 80%;
	font-weight: bold;
}
div.contact a.btn i {
	position: absolute;
	top: 13px;
	left: 0;
}
div.entry a.btn_large i {
	position: absolute;
	font-size: 1em;
	top: 30px;
	left: 30px;
}
div.entry div.buttonbox a.btn i {
	position: absolute;
	font-size: 1em;
	top: 30px;
	left: 10px;
}
div.entry div.buttonbox a.btn {
	width: 48%;
	margin: 1%;
	float: left;
}
@media (min-width: 768px) {
	div.contact a.btn, div.entry a.btn {
		width: 220px;
		height: auto;
		margin: 0 auto;
	}
	div.entry div.buttonbox a.btn {
		width: 23%;
	}
}
div.entry h5{
	margin: 0 auto;
  text-align: center;
}
div.entry h5 img{
	width: 100%;
	max-width: 250px;
	height: auto;
}
div.entry p{
  text-align: center;
    font-size: 1.25em;
    color: #95193F;
    line-height: 1.2;
    margin: 10px 0;
}
div.entry p.onegai{
	padding: 20px 10px;
	margin: 0.5em 10px 1em 10px;
  border: double 5px #B98A8D;
}
div.entry h5 i{
  text-align: center;
  color: #95193F;
  font-size: 60px;
  transform: scale(1.5, 1);
}

@media (min-width: 768px) {
	div.entry p.onegai{
		margin: 10px 40px 20px 40px;
	  border-bottom: double 5px #B98A8D;
	}
}
div.buttonbox {
	margin-bottom: 1em;
}
div.entry h3:before{
	content: " ";
	position: absolute;
	top: -16px;
	left: 0;
	width: -webkit-calc(100% - 16px);
	width: calc(100% - 16px);
	height: 0;
	border: solid 8px transparent;
	border-bottom-color: #95193F;
}


/*detail*/
#detail p.date {
	margin-bottom: 1em;
}
#detail h3.title {
	margin-bottom: 1em;
}
#detail p.contents {
	margin-top: 1em;
}	
@media (min-width: 768px) {
	#detail p.date {
		margin-bottom: 25px;
	}
	#detail h3.title {
		margin-bottom: 25px;
	}
	#detail p.contents {
		margin-top: 25px;
	}	
}


/*top_ohtercontent*/
#top_ohtercontent{
	margin-bottom: 3em;
}
@media (min-width: 768px) {
	#top_ohtercontent{
		margin-bottom: 70px;
	}
}
#top_ohtercontent .base, #top_brand .base {
	font-size: 1.4em;
	font-family: 'Sorts Mill Goudy', serif;
	padding: 10px 5px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #FFF;
}
@media (min-width: 768px) {
	#top_ohtercontent .base{
		padding: 20px 0 20px 50px;
	}
}
#top_ohtercontent ul li{
	padding: 0;
	display:table;
	width:100%;
}
@media (min-width: 768px) {
	#top_ohtercontent ul li{
		width: 50%;
		height: auto;
		float: left;
	}
	#top_ohtercontent ul li:last-child {
		margin-right: 0;
	}
}

#top_ohtercontent ul li a{
	text-decoration: none;
	display:block;
	color:#111;
}
	/*スマホ*/
	@media (max-width: 768px) {
		#top_ohtercontent ul li a{
			text-decoration: none;
			padding: 7px 25px 7px 7px;
			position:relative;
		}
		#top_ohtercontent ul li a:after{
			content: "＞";
			display: block;
			height: 0px;
			width: 0px;
			border-left-color: #111;
			position:absolute;
			top: 30%;
			right: 20px;
		}
	}

#top_ohtercontent ul li figure{
	display:table-cell;
	vertical-align:middle;
	width: 150px;
}

#top_ohtercontent ul li figure img{
	width: 100%;
	height:auto;
}
#top_ohtercontent ul li figure i{
	font-size: 30px;
}
#top_ohtercontent ul li p{
	font-size: 0.8em;
	margin-left: 1em;
}
#top_ohtercontent ul li p span.jp {
	font-family: Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	font-size: 0.8em;
	margin-left: 1em;
}
#top_ohtercontent ul li div{
	display:table-cell;
	vertical-align:middle;
}

/*top_brand*/
#top_brand {
	padding-top: 1.5em;
	margin-bottom: 1.5em;
	clear: both;
}
@media (min-width: 768px) {
	#top_brand{
		padding-top: 0;
		margin-bottom: 30px;
	}
}
#top_brand #owl {
	width: 90%;
	margin: 0 auto;
}
#owl .owl-item {
/*  background: #FCC;*/
}
#owl .item{
  display: block;
  padding: 0 0 0 0;
  margin: 10px 10px 0 10px;
}
#owl .item .photo {
	text-align: center;
/*	background: #FCF;*/
}

#owl .item p{
	font-size: 0.6em;
	line-height: 1.4;
	margin-top: 5px;
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
  padding: 5px 9px;
}

.owl-theme .owl-buttons i{
  margin-top: 2px;
}

/*To move navigation buttons outside use these settings:*/

.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}

.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -30px;
  top: 40px; 
}

.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -30px;
  top: 40px;
}

.owl-theme img {
  /* Responsive images (ensure images don't scale beyond their parents) */

	/*  max-width: 100%;*/
  width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/*voice*/

#voice_detail div.dnp {
}

#seijin h3, #grad h3 {
	font-size: 1.2em;
	color: #c8466e;
	margin-bottom: 0.5em;
}
	#seijin .box h3 img, #grad .box h3 img {
		margin-bottom: 0.5em;
	}
	#seijin h5, #seijin .box_bdr p, #grad h5, #grad .box_bdr p {
		font-size: 0.9em;
	}
	#seijin h5.plan, #grad h5.plan {
		margin-bottom: 3em;
	}
	#seijin h5.plan strong, #grad h5.plan strong {
		color: #c8466e;
		font-weight: normal;
	}
	@media screen and ( min-width: 768px ) {
		#seijin h5.plan, #grad h5.plan {
			width: 580px;
			margin: 0 auto 30px auto;
		}
	}
	h5.report {
		font-size: 1em;
		margin-bottom: 1em;
	}
	@media screen and ( min-width: 768px ) {
		h5.report {
			font-size: 0.9em;
			margin-bottom: 30px;
		}
	}

/*ttl_home*/
div.ttl_home h3 {
	text-align: center;
	line-height: 0.7;
	letter-spacing: 0.3em;
}
  div.ttl_home h3 span {
		font-size: 0.4em;
		letter-spacing: 0.2em;
  }
#celebration div.ttl_home h3 {
	color: #c8466e;
}
@media screen and ( min-width: 768px ) {
  div.ttl_home {
		border-bottom: 1px solid #285078;
		margin-bottom: 50px;
  }
  div.ttl_home h3 {
		width: 8em;	/*余白用*/
		font-size: 2.5em;
		margin: 0 auto -25px auto;
		background: #FFF;
  }
  /* CELEBRATION */
  #celebration div.ttl_home {
		border-bottom: 1px solid #c8466e;
  }
  #celebration div.ttl_home h3 {
		width: 12em;	/*余白用*/
  }
}

/*ttl_box1*/
div.ttl_box1 h3, div.ttl_box2 h3 {
	text-align: center;
	line-height: 0.7;
	letter-spacing: 0;
	margin: 0.5em 0;
}
  div.ttl_box1 h3 span {
		font-size: 0.4em;
  }
		#celebration div.ttl_box1 h3 {
			color: #c8466e;
		}
	/*ttl_box2*/
	div.ttl_box2 h3 {
		letter-spacing: 0;
		margin: 0.4em 0;
	}
@media screen and ( min-width: 768px ) {
	/*ttl_box1*/
  div.ttl_box1 {
		margin-top: 20px;
		margin-bottom: 20px;
  }
	  div.ttl_box1 h3 {
			font-size: 2.5em;
			margin: 0 auto 0 auto;
	  }
	/*ttl_box2*/
  div.ttl_box2 {
		margin-top: 15px;
		margin-bottom: 15px;
  }
	  div.ttl_box2 h3 {
			font-size: 1.6em;
			margin: 0 auto 0 auto;
	  }
}






/*main-gallery*/
#main-gallery{
  background:#d9dbe1;
}
 
#main-gallery .gallery-cell {
		width: 480px;
		height: 200px;
}
			@media screen and ( min-width: 768px ) {
			  #main-gallery .gallery-cell {
					width: 768px;
			    height: 320px;
			  }
			}
			@media screen and ( min-width: 960px ) {
			  #main-gallery .gallery-cell {
					width: 960px;
			    height: 400px;
			  }
			}


					/* contact */
					#contact ul.spNone li {
						width: 49%;
						float: left;
					}
					#contact ul.spNone li.totop {
						float: right;
					}
					#contact ul.pcNone li {
						width: 100%;
						margin-bottom: 10px;
						clear: both;
					}





/* gal */
#gal #blk_dnavi {
	clear: both;
}
#gal #blk_dnavi h3 {
	color: #FFF;
	font-size: 1em;
	height: 2.5em;
	line-height: 2.5em;
	background: #807873;
	padding: 0 1em;
	margin-bottom: 10px;
	clear: both;
}
	#gal #blk_dnavi ul {
		clear: both;
	}
	#gal #blk_dnavi ul li {
		clear: both;
	}
	#gal #blk_dnavi ul li a {
		padding: 8px 16px;
		background: #fff;
		border-bottom: 1px dotted #B99182;
		display: block;
		clear: both;
	}
	#gal #blk_dnavi ul li a:hover {
		text-decoration: none;
	}



/* blk_celeb_tokuten */
.blk_celeb_tokuten div.box_bdr {
	padding: 15px;
	position: relative;
}
.blk_celeb_tokuten div.box_bdr h3, .blk_celeb_tokuten div.box_bdr p {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	text-align: left;
}
			
.blk_celeb_tokuten div.box_bdr img.mk_click {
	position: absolute;
	top: -2px;
	left: -2px;
	z-index: 200;
}







/* blk_dtl */
.blk_dtl li {
	clear: both;
}
.blk_dtl li div.photo {
	width: 100%;
	margin: 10px auto;
	clear: both;
}
#gal .blk_dtl li div.photo {
	width: 60%;
	box-shadow :
    0 0 0 4px white,
    0 0 0 5px #d9dbe1;
	background: #d9dbe1;
}
	/*横幅768px以上に適応*/
	@media screen and (min-width: 768px) {
		.blk_dtl li div.blk {
			clear: both;
		}
		#gal .blk_dtl li div.blk div.photo, #wedding .blk_dtl li div.blk div.photo {
			float: left;
			display: block;
		}
		#gal .blk_dtl li div.blk div.dsc, #wedding .blk_dtl li div.blk div.dsc {
			float: right;
			display: block;
		}
					#gal .blk_dtl li div.blk div.photo {width: 40%;}
					#gal .blk_dtl li div.blk div.dsc {width: 50%;}
					#wedding .blk_dtl li div.blk div.photo {width: 50%;}
					#wedding .blk_dtl li div.blk div.dsc {width: 48%;}
				
		#gal .blk_dtl li div.blk div.dsc p {
			position: relative;
			top: 50%;
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
		}
					#wedding .blk_dtl li#c1 div.blk div.dsc p {padding-top: 100px;}
					#wedding .blk_dtl li#c2 div.blk div.dsc p {padding-top: 75px;}
		
					#gal .blk_dtl li:nth-child(even) div.blk div.photo {
						float: right;
					}
					#gal .blk_dtl li:nth-child(even) div.blk div.dsc {
						float: left;
					}
	}

/* blk_tel */
.blk_tel {
	clear: both;
}
.blk_tel h3 {
	font-size: 1.3em;
	font-weight: 500;
	padding-bottom: 0.5em;
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
	border-bottom: 1px #d9dbe1 solid;
}
.blk_tel p {
	text-align: center;
}
/*横幅768px以上に適応*/
@media screen and (min-width: 768px) {
	.blk_tel {
		width: 60%;
		margin: 20px auto;
	}
	.blk_tel h4 {
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.blk_tel h4.last {
		margin-top: 0;
		margin-bottom: 40px;
	}
	.blk_tel p {
		text-align: left;
	}
}


/*blk_price*/
div.blk_price {
	padding: 1em 0;
	border-bottom: #d9dbe1 2px solid;
	clear: both;
}
/*横幅768px以上に適応*/
@media screen and (min-width: 768px) {
	div.blk_price > .price {
		text-align: right;
	}
}

										#gal .thumb a {
											width: 100%;
											clear: both;
										}

										#gal .detail li {
											width: 100%;
											height: auto;
											margin-bottom: 1px;
											background: #807873;
											display: block;
											float: left;
										}
										#gal .detail li .blk_pic {
											width: 100%;
											height: auto;
										  overflow: hidden;
										}
										#gal .detail li .blk_text {
											color: #FFF;
											font-size: 0.9em;
											height: 2em;
											line-height: 2em;
											padding: 0 1em;
										}
										


/*blk_gfk*/
.blk_gfk h2.bline2, .blk_gfk h2.bline3{
		margin-top: 1em;
		margin-bottom: 0.5em;
}
	@media ( min-width : 768px ) {
		.blk_gfk h2.bline2, .blk_gfk h2.bline3{
				margin-top: 20px;
				margin-bottom: 20px
		}
	}



/*top_news*/
#top_news {
	margin-bottom: 5em;
}
#top_news div.bloglink {
	text-align: right;
}

/*横幅768px以上に適応*/
@media screen and (min-width: 768px) {
	#top_news {
		padding: 0 50px;
	}
}
#top_news div.blk_news ul li span.date {
	width: 15em;
  padding-right: 1em;
}
#top_news div.blk_news ul li {
  padding: .75em 1.5em;
  border-bottom: 1px dotted #ccc;
}
#top_news div.blk_news ul li span.date {
	width: 12em;
  padding-right: 1em;
}


/*contents*/
#contents div.blk_company {
	padding: 0.6em 0;
	border-bottom: #CCC 1px solid;
	clear: both;
}
#contents div.blk_company .ctd {
	padding-left: 1em;
}
#contents div.blk_company .cth {
	color: #111;
	padding-left: 1em;
}
/*横幅768px以上に適応*/
@media screen and (min-width: 768px) {
	#contents div.blk_company {
		padding: 15px 0;
	}
	#contents div.blk_company > .ctd {
		text-align: left;
	}
}
#contents .photo{
	margin-bottom: 1em;
	clear: both;
}

/* privacy */
#privacy h4 {
	color: #285078;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
}
@media (min-width: 768px) {
	#privacy .blk {
		margin: 20px 150px;
	}
}
#privacy p {
	margin-bottom: 15px;
}


/* index */
#index #topimg{
	height: 450px;
	clear: both;
}
#index #topimg h3{
	margin-bottom: 30px;
	clear: both;
}
#index #topimg .blocks {
	width: 960px;
	margin: 0 auto;
	clear: both;
}
#index #topimg .blocks .blk_gui {
	width: 922px;
	height: 405px;
	display: block;
	clear: both;
}
#index #topimg .blk_l {
	width: 642px;
	float: left;
}
#index #topimg .blk_r {
	width: 280px;
	float: right;
}

#index .blk_topmenu{
	padding: 0;
	clear: both;
}
	#index .blk_topmenu ul {
		clear: both;
	}
	#index .blk_topmenu ul li {
		padding: 6px 0;
		margin-left: 12px;
		margin-bottom: 12px;
		display: block;
		float: left;
	}
	#index .blk_topmenu ul div.toryou {
		text-align: center;
		width: 220px;
		padding-top: 20px;
		margin-left: 12px;
		margin-bottom: 12px;
		vertical-align: bottom;
		display: block;
		float: left;
	}
	#index .blk_topmenu ul li	{
		border-radius: 10px;
		box-shadow: 0px 0px 4px #F39800;
		background : #FFF5E0;
		background-image: -moz-linear-gradient(top, #ffffff, #FFF5E0);
		background-image: -webkit-linear-gradient(top, #ffffff, #FFF5E0);
		background-image: linear-gradient(top, #ffffff, #FFF5E0);
		background-clip: padding-box;
	}
	#index .blk_topmenu ul li a, #index .blk_topmenu ul li span {
		width: 220px;		
		vertical-align: bottom;
		display: block;
		float: left;
	}
	#index .blk_topmenu ul li .blocks {
		padding: 0 5px;
		clear: both;
	}
	#index .blk_topmenu ul li a .blocks img, #index .blk_topmenu ul li span .blocks img {
		padding: 0;
		margin: 0;
		box-shadow: 0px 0px 1px #999;
		clear: both;
	}
	#index .blk_topmenu ul li .blocks p {
		font-size: 12px;
		line-height: 150%;
		padding: 0;
		margin: 4px 0 0 0;
		clear: both;
	}



/*CONTACT*/

#contact h4 {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	margin-bottom: 20px;
}
#contact #telbox {
	padding: 10px;
	margin-bottom: 20px;
	background: #FFF;
	border: 1px solid #B4B4B4;
	clear: both;
}
@media screen and ( min-width: 768px ) {
	#contact #telbox {
		padding: 20px;
	}
}
#contact #telbox h3 {
	color: #111;
	font-size: 2.5em;
	line-height: 1em;
}
#contact #telbox h3 {
	color: #111;
	font-size: 2.5em;
	line-height: 1em;
}
#contact .hss {
	color: #C80000;
}

/*blk_contact*/
div.blk_contact {
	padding: 0 0;
	clear: both;
}
	.nbd div.blk_contact {
		border-bottom: none
	}
div.blk_contact .cth {
	padding: 0.5em 0;
}
div.blk_contact .ctd {
	padding: 0.5em 0;
}
div.blk_contact .ctd ul li {
	padding: 0.25em 0;
}
div.blk_contact .ctd ul.radio li {
	margin-right: 2em;
	float: left;
}
/*横幅768px以上に適応*/
@media screen and (min-width: 768px) {
	div.blk_contact .cth {
		padding: 1em 0;
	}
	div.blk_contact .ctd {
		padding: 1em 0 1em 2em;
	}
	div.blk_contact .ctd .dummy {
		height: 1.75em;
	}
}


/*blk_contact*/
div.blk_contact {
	padding: 0 0;
	border-bottom: #d9dbe1 1px dashed;
	clear: both;
}
	.nbd div.blk_contact {
		border-bottom: none
	}
div.blk_contact .cth {
	color: #424967;
	font-weight: bold;
	padding: 0.5em 0;
}
div.blk_contact .ctd {
	padding: 0.5em 0;
}
div.blk_contact .ctd ul li {
	padding: 0.25em 0;
}
/*横幅768px以上に適応*/
@media screen and (min-width: 768px) {
	div.blk_contact .cth {
		padding: 1em 0;
	}
	div.blk_contact .ctd {
/*		border-left: #d9dbe1 1px solid;*/
		padding: 1em 0 1em 2em;
	}
	div.blk_contact .ctd .dummy {
		height: 1.75em;
	}
}



/*topnavi*/
#topnavi{
	margin-bottom: 1em;
}

#topnavi .col ul.photo li{
	width: 80%;
	margin: 0 auto;
}
#topnavi .col ul.photo li img{
	margin-bottom: 10px;
}

/*横幅768px以上に適応*/
@media screen and (min-width: 768px) {
	#topnavi .col ul.photo li{
		width: 100%;
	}
}

/*topsns*/
#topsns{
	margin-bottom: 1em;
}
#topsns .col ul.photo{
	clear: both;
	margin-bottom: 1em;
}
#topsns .col ul.photo{
	width: 80%;
	margin: 0 auto 1em auto;
}
/*横幅768px以上に適応*/
@media screen and (min-width: 768px) {
	#topsns .col ul.photo{
		width: 100%;
	}
}
#topsns .col ul.photo li{
	width: 21%;
	margin: 0 2%;
	float: left;
}
/*topnews*/
#topnews {
	font-size: 0.9em;
	margin-bottom: 1em;
}

/*topconcept,topabout*/
#topconcept {
	margin-bottom: 1em;
}
#topabout {
	padding-bottom: 1em;
/*	border-bottom: 1px #c0a67c solid;*/
	margin-bottom: 1em;
}
#topabout h4 {
	font-size: 1em;
	color: #a90329;
	text-align: center;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: none;
}
#topconcept p, #topabout p {
	text-align: center;
}
#topconcept div.photo, #topabout div.photo {
	width: 80%;
	text-align: center;
	margin: 20px auto;
}

/*topaccess*/
#topaccess {
	font-size: 0.9em;
	margin-bottom: 1em;
}
	@media (min-width: 768px) {
		#topaccess .inner_l2 {
			border-right: 3px #c0a67c dotted;
		}
	}
#topaccess .inner_l2 p {
	margin-bottom: 1em;
}
#topaccess .inner_l2 div.kome p, #topaccess .inner_r2 div.kome p {
	font-size: 0.9em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	text-indent: -1em;
}
#topaccess .inner_r2 h5 {
	color: #333;
	padding-bottom: 0em;
	margin-bottom: 0.25em;
	border-bottom: 1px #c0a67c solid;
}
#topaccess .inner_r2 hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px #c0a67c solid;
}

/*mehndi-bodypaint*/
#mehndi-bodypaint {
}
#mehndi-bodypaint div.bdy {
	border-top: 1px #c0a67c solid;
	border-bottom: 1px #c0a67c solid;
	padding: 10px 0;
	margin-bottom: 1em;
}
#mehndi-bodypaint div.bdy2 {
	padding: 10px 0;
	margin-bottom: 1em;
}

/*content-flow*/
#content-flow {
	margin-bottom: 1em;
}
#content-flow h4 {
	margin-bottom: 0.25em;
}
#content-flow div.bdy {
	margin-bottom: 1em;
}

/*mehndi-pinkbox*/
#mehndi-pinkbox {
	font-size: 0.8em;
	margin-bottom: 1em;
	background: #F0CCC1;
	padding: 10px;
}
#mehndi-pinkbox h4 {
	margin-bottom: 0.25em;
}
#mehndi-pinkbox span.span_3 {
	padding: 10px;
}

#mehndi-pinkbox span.span_3 p {
	text-align: center;
}

/*content-gallery*/
#content-gallery {
/*	border-bottom: 1px #c0a67c solid;*/
	margin-bottom: 1em;
}
#content-gallery h4 {
	margin-bottom: 0.25em;
}
#content-gallery h4.sub {
	border-bottom: 1px #c0a67c solid;
	margin-bottom: 1em;
}
#content-gallery div.bdy {
	margin-bottom: 1em;
}

/*content-about*/
#content-about div.bdy {
	padding-bottom: 1em;
	border-bottom: 1px #c0a67c solid;
	margin-bottom: 1em;
}
#content-about h4 {
	margin-bottom: 0.25em;
}
#content-about h4.sub {
	border-bottom: 1px #c0a67c solid;
	margin-bottom: 1em;
}
#content-about p.list {
	text-indent: -0.5em;
	margin-bottom: 1em;
	margin-left: 0.5em;
}
#content-about .photo_r {
	width: 25%;
	height: auto;
	float: right;
	margin-left: 5%;
}

/*content-design*/
#content-design {
	margin-bottom: 1em;
}
#content-design img {
	text-align: center;
	margin: 0 auto;
}
@media (min-width: 768px) {
	#content-design #last img {
		margin-top: 310px;
	}
}
#content-design span.col, #content-design span.col p {
	text-align: center;
}
#content-design h4, #content-design p {
	margin-bottom: 1em;
}
#content-design div.bdy {
	margin-bottom: 1em;
}


/* mform */
#mform * { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/scripts/boxsizing.htc); 
	/*	If you need support for IE7 and lower make 
		sure the boxsizing.htc file is linked properly.
		More info here:  https://github.com/Schepp/box-sizing-polyfill */
}
#mform {
 margin-top: 40px;
}
#mform .blk {
	border-top: #d9dbe1 1px dashed;
}
#mform h4 {  
 font-size: 16px;
 margin-top: 30px;
 margin-bottom: 20px;
}
#mform p.error , #mform .require{  
 color: #F30;
}
#mform p.error{  
 width: 100%;
 color: #F30;
 clear: both;
}
#mform p.otw {  
 margin: 5px 0;
 clear: both;
}
#mform div.btn_send {
 text-align: center;
 margin: 10px 0;
}
#mform div.btn_send_center {
 text-align: center;
 margin: 10px 0;
}
					#mform2 button[type=submit] {
						font-size: 1.5em;
						width: 200px;
						padding: 10px 10px;
						background: -moz-linear-gradient(top, #fff, #F1F1F1 30%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
						background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.3, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
						cursor:pointer;
					}
					#mform2 button:hover[type=submit]	{
						background: -moz-linear-gradient(top, #fff, #F9F9F9 30%, #F6F6F6 50%, #F0F0F0 99%, #EEE);
						background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.30, #F9F9F9), color-stop(0.5, #F6F6F6), color-stop(0.99, #F0F0F0), to(#EEE));
					}
					#mform2 div.btn_send span.arrow {  
					 color: #CCC;
					 font-weight: bold;
					 padding: 0 0 0 10px;
					}
					#mform2 button.nbd, #mform button.nbd:hover {
						width: 120px;
						padding: 10px 10px;
						margin-right: 30px;
						border:none;
						background: none;
					}
					#mform2 button.nbd {
						color: #666;
					}
					#mform2 button.nbd:hover {
						color: #999;
						text-decoration: underline;
					}
#mform label {
}
#mform label.radio {
	margin-right: 1em;
}
#mform input[type=text], #mform select {
	width: 95%;
	padding:5px;
	border: 1px #999 solid;
	float: left;
}

#mform input[type="checkbox"],  
#mform input[type="radio"] {  
	vertical-align: -0.1em;
}

#mform input:focus,#mform input:hover {
	background:#d9dbe1;
}
#mform textarea {
	width: 95%;
	padding:5px;
	height:60px;
	border: 1px #999 solid;
}
#mform textarea:focus,#mform textarea:hover {
	font-size: 120%;
	background:#d9dbe1;
}
#mform .focus {
	background:#d9dbe1;
}
#mform input[type=text].wd50per, #mform select.wd50per {
	width: 50%;
}
#mform input[type=text].wd33per, #mform select.wd33per {
	width: 33%;
}
#mform input[type=text].wd20per, #mform select.wd20per {
	width: 20%;
}
#mform input[type=text].wd15per, #mform select.wd15per {
	width: 15%;
}
#mform input[type=text].wd10per, #mform select.wd10per {
	width: 10%;
}

#mform a.privacy {
	border-bottom: 1px #999 dashed;
}

.main #mform strong, .main #mform span.require {
	color: #F66;
}

/*blk_contact*/
div.blk_contact {
	padding: 0 0;
	border-bottom: #d9dbe1 1px dashed;
	clear: both;
}
	.nbd div.blk_contact {
		border-bottom: none
	}
div.blk_contact .cth {
	font-weight: bold;
	padding: 0.5em 0;
}
div.blk_contact .ctd {
	padding: 0.5em 0;
}
div.blk_contact .ctd ul li {
	padding: 0.25em 0;
}
/*横幅768px以上に適応*/
@media screen and (min-width: 768px) {
	div.blk_contact .cth {
		padding: 1em 0;
	}
	div.blk_contact .ctd {
/*		border-left: #d9dbe1 1px solid;*/
		padding: 1em 0 1em 2em;
	}
	div.blk_contact .ctd .dummy {
		height: 1.75em;
	}
}






/* btn */
a.btn, button.btn, span.btn {
	color: #FFF;
	width: 100%;
	max-width: 480px;
	font-size: 0.8em;
  height: 3.5em;
  position: relative;
  display: block;
  padding: 10px 0;
  margin: 1em auto 1em auto;
  text-align: center;
/*  line-height: 3em;*/
  text-decoration: none;
  font-size: 1em;
  border: none;
  background: #0099ff;
  border-radius: 5px;
}
a.btn_back, button.btn_back, span.btn_back {
  background: #CCC;
}
a.btn_water, button.btn_water, span.btn_water {
  background: #C8DCF5;
}
a.btn:hover, button.btn:hover, span.btn:hover {
}
a.btn_white:hover, button.btn_white:hover, span.btn_white:hover {
}
	/*ボタン内アイコン*/
	a.btn_next i, button.btn_next i, span.btn_next i  {
	  position: absolute;
	  right: 3em;
	  top: 1em;
	}
	a.btn_back i, button.btn_back i, span.btn_back i {
	  position: absolute;
	  left: 3em;
	  top: 1em;
	}
	a.btn_up span {
		font-size: 0.8em;
	  padding-left: 0.2em;
	}
a.btn_gradient, span.btn_gradient {
  
  background: -moz-linear-gradient(top,#d0def0 0%,#788aa3 40%,#4d627e 50%,#4d627e);
	background: -webkit-gradient(linear, left top, left bottom,from(#d0def0), color-stop(0.4,#788aa3), color-stop(0.5,#4d627e),  to(#4d627e));
}
	a.btn_gradient span, span.btn_gradient span {
		font-size: 0.7em;
		padding-left: 0.5em;
	}
a.btn_gradient:hover {
	color: #285078;
  background: -moz-linear-gradient(top,#fff 0%,#fff 30%,#fff 30%,#C8DCF5);
	background: -webkit-gradient(linear, left top, left bottom,from(#fff), color-stop(0.3,#fff), color-stop(0.3,#fff),  to(#C8DCF5));
}
a.btn_entry, span.btn_entry, button.btn_entry {
/*  background: #5c4e42;*/
}
a.btn_large {
  padding: 25px 0;
}



.btn_dtl_rb{
	font-size: 0.9em;
	position: absolute;
	right: 15px;
	bottom: 5px;
	color: #404865;
	width: 300px;
	height: 100px;
	text-align: right;
	padding-top: 80px
}
	.btn_dtl_rb span{
		font-size: 0.7em;
		padding-left: 0.5em;
	}
.btn_dtl_rb:hover {
	color: #be0d1b;
}


/*矢印系*/
.blk_f i.fa-play,.btn_up i.fa-play {  
	transform: scale(0.5,0.5) rotate(-90deg);
	-webkit-transform: scale(0.5,0.5) rotate(-90deg);  
	-moz-transform: scale(0.5,0.5) rotate(-90deg); 
}
.btn i.fa-angle-right, .btn i.fa-angle-down, .btn_back i.fa-angle-left, .btn i.fa-angle-up  {  
	transform: scale(0.9,0.9);
	-webkit-transform: scale(0.9,0.9);  
	-moz-transform: scale(0.9,0.9); 
}
li i.fa-play  {  
	transform: scale(0.4,0.4);
	-webkit-transform: scale(0.4,0.4);  
	-moz-transform: scale(0.4,0.4); 
}
.owl-buttons i.fa-angle-right, .owl-buttons i.fa-angle-left  {  
	transform: scale(1.2,0.7);
	-webkit-transform: scale(1.2,0.7);  
	-moz-transform: scale(1.2,0.7); 
}

/* textbtn */
a.textbtn {
	width: 10em;
  height: 3em;
  line-height: 3em;
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 1em;
}
a.textbtn_back {
	float: left;
	text-align: left;
}
	a.textbtn_back i {
		padding-right: 0.5em;
	}
a.textbtn_next {
	float: right;
	text-align: right;
}
	a.textbtn_next i {
		padding-left: 0.5em;
	}


/*bnr*/
a.bnr {  
  border: 2px #FFF solid;
  margin: 20px 0 10px 0;
  display: block;
  clear: both;
}
	a.bnr img {  
	  width: 100%;
	}