@charset "UTF-8";


/*- headerArea-*/
.header-area.type-b.tranceform .mainvisual:after {
	background:none !important;
	}
.header-area.type-b.tranceform .svg_header-logo {
	fill:#000000;
	}
.header-area.type-b.tranceform .header-nav >ul {
	border-color:rgba(0,0,0,0.3) !important;
	}
.header-area.type-b.tranceform  .header-box_link {
	color:#000;
	} 
.header-area.type-b.tranceform  .header-box_link a {
	color:#000;
	}    
.header-area.type-b.tranceform  .header-box_tel {
	color:#000;
	}   
.header-area.type-b.tranceform  .subnav{
	background-color:rgba(255,255,255,0.6) !important;
	}   



/*-【b】-*/

/* 横長画面で冒頭文章が消える状態の対応 */
@media only screen and (min-width: 1200px) and (max-height: 1080px){
.header-area.type-b.tranceform .mainvisual {
   height: 100vh;
   background-color:#FFF;
 }
.mainvisual_bg-img{
	background-size: contain !important;
	}
}

@media only screen and (max-width: 30em) {
  .header-area.type-b.tranceform .mainvisual {
    padding-top: 100%;
    width: 100%;
  }
}

/*-【b】-*/
.header-area.type-b.tranceform .header-title-box {
  height: 100px;
  width:45%;
}
@media only screen and (max-width: 30em) {
  .header-area.type-b.tranceform .header-title-box {
    height: 60px;
	width:80%;
  }
}

/*-【b】-*/
.header-area.type-b.tranceform .header-title {
  padding-top: 0;
  margin-top:-30px;/*タイトルを少し上に補正*/
  letter-spacing:2.5px;
  font-weight: lighter;
  font-size: 48px;
  font-size: 4.8rem;
  font-family: "Times New Roman", Times, serif;
  text-shadow: 0px 0px 8px #999999;
}
@media only screen and (max-width: 30em) {
  .header-area.type-b.tranceform .header-title {
    font-size: 32px;
    font-size: 3.2rem;
  }
}

/*-【b】-*/
.header-area.type-b.tranceform .header-sub-title {
  text-shadow: 
		1px 0px  10px #000,
		0px 1px 10px #000,
		-1px 1px 10px #000;
  
}

/*-【b】-*/
.header-area.type-b.tranceform .header-nav {
  top: 66px;
  bottom: auto;
}

/*-【b】-*/
.header-area.type-b.tranceform .header-nav >ul {
  border-color: rgba(255, 255, 255, 0.3);
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: transparent;
}

/*-【b】-*/
.header-area.type-b.tranceform .header-nav >ul a {
  color: #000000;
}

/*-【b】-*/
.header-area.type-b.tranceform .header-nav .nav_item.js_has-child >a:after {
  background-image: url("/bridal/nagasaki/lukeplaza/common/img/icon_arrow-down-white.png");
  background-size: contain;
}

/*-【b】-*/
.header-area.type-b.tranceform .header-nav .subnav {
  bottom: auto;
}

/* メインテキスト */
div.main_visual_txt{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:20px 0;
	background-color:rgba(255,255,255,0.8);
	}
div.main_visual_txt p{
	font-size:18px;
	color:#594314;
	text-align:center;
	line-height:1.3
	}
@media only screen and (max-width: 48em) {
div.main_visual_txt{
	padding:20px 0;
	}
div.main_visual_txt p{
	font-size:14px;
	line-height:1.3;
	padding:0 10px;
	}
}
@media only screen and (max-width: 37.5em) {
div.main_visual_txt p br{
	display:none;
	}
}


article.concept_area{
	padding:30px 0;
	}

/* 冒頭ナビゲーション */
section.concept_area_01{
	
	}

/* ページタイトル */
h2.area_01_h2{
	width:300px;
	margin:0 auto 40px;
	text-align:center;
	line-height:0.3;
	}
h2.area_01_h2 > span{
	font-size:12px;
	}

/* ナビゲーションエリア */
nav.style_navi_area{
	}

/* ナビゲーションリスト */
ul.style_navi_list{
	list-style:none;
	}
ul.style_navi_list:after {
  display: block;
  visibility: hidden; 
  clear: both;
  height: 0;
  content: "";
}
ul.style_navi_list li.style_navi{
	float:left;
	width:50%;
	outline:#FFF 2px solid;
	}

/* ナビゲーションインナー */
div.style_navi_inner{
	position: relative;
	padding-top:70%;
	}
@media only screen and (max-width: 54em) {
div.style_navi_inner{padding-top:80%;}
}
@media only screen and (min-width: 1200px) and (max-height: 1080px){
div.style_navi_inner{padding-top:50%;}
}
/* a */
a.style_link{
	display:block;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	}
a.style_link:hover{
	background-color:#ffffff;
	opacity:0.2;
	transition:0.6s;
	}

/* 正方形スタイル */
div.square{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:190px;
	height:190px;
	margin:auto;
	padding:5px;
	background-color:#FFF;
	opacity:0.7;
	}
div.square div.square_inner{
	position:relative;
	width:100%;
	height:100%;
	}
div.square_inner.inner_ns{border:#90ad36 2px solid; padding:5px;}
div.square_inner.inner_sv{border:#283293 2px solid; padding:5px;}
div.square_inner.inner_rg{border:#f97878 2px solid; padding:5px;}
div.square_inner.inner_mj{border:#a81505 2px solid; padding:5px;}
@media only screen and (max-width: 37.5em) {
div.square{
	width:190px;
	height:100px;
	}
}
@media only screen and (max-width: 30em) {
div.square{
	width:170px;
	height:80px;
	}
}

@media only screen and (max-width: 25em) {
div.square{
	width:130px;
	height:80px;
	}
}

/* スタイルタイトル */
h3.style_title01 img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	opacity:1 !important;
	}
h3.style_title01 img.thin{
	width:90%;/* svだけ文字数少により狭め */
	}


/* ナビの各スタイルごとの背景 */
li.navi_ns{
	background-image:url(../../topics/specialtopic/img/navImage1.jpg);
	background-size:cover;
	}
li.navi_sv{
	background-image:url(../../topics/specialtopic/img/navImage2.jpg);
	background-size:cover;
	}
li.navi_rg{
	background-image:url(../../topics/specialtopic/img/navImage3.jpg);
	background-size:cover;
	}
li.navi_mj{
	background-image:url(../../topics/specialtopic/img/navImage4.jpg);
	background-size:cover;
	}





/* =================== 各スタイルのエリア =================== */

section.concept_area{
	padding-top:80px;
	}

header.concept_area_header{
	position:relative;
	margin-bottom:20px;
	padding-top:55%;
	}
@media only screen and (max-width: 48em) {
header.concept_area_header{
	padding-top:80%;
	}
}
@media only screen and (max-width: 30em) {
header.concept_area_header{
	padding-top:140%;
	}
}

/* 各スタイルごとの分別 */
header.header_ns{
	border-top: #90ad36 3px solid;
	background-image:url(../../topics/specialtopic/img/bgmain_naturalSweet.jpg);
	background-size:cover;
	background-position:center center;
	}
header.header_sv{
	border-top: #283293 3px solid;
	background-image:url(../../topics/specialtopic/img/bgmain_stylishView.jpg);
	background-size:cover;
	background-position:center center;
	}
header.header_rg{
	border-top: #f97878 3px solid;
	background-image:url(../../topics/specialtopic/img/bgmain_romanticGallery.jpg);
	background-size:cover;
	background-position:center center;
	}
header.header_mj{
	border-top: #a81505 3px solid;
	background-image:url(../../topics/specialtopic/img/bgmain_modernJapanese.jpg);
	background-size:cover;
	background-position:center center;
	}
/* スマホサイズでのbg画像切り替え */
@media only screen and (max-width: 30em) {
header.header_ns{
	background-image:url(../../topics/specialtopic/img/bgmain_naturalSweet_s.jpg);	
	}
header.header_sv{
	background-image:url(../../topics/specialtopic/img/bgmain_stylishView_s.jpg);
	}
header.header_rg{
	background-image:url(../../topics/specialtopic/img/bgmain_romanticGallery_s.jpg);
	}
header.header_mj{
	background-image:url(../../topics/specialtopic/img/bgmain_modernJapanese_s.jpg);	
	}
}		
/* 各スタイルごとの分別 */



/* 正方形をconceptAreaの場合サイズ位置変更 */
header.concept_area_header > div.square{
	width:250px;
	height:250px;
	}
@media only screen and (max-width: 48em) {
header.concept_area_header > div.square{
	width:180px;
	height:180px;
	}
}
@media only screen and (max-width: 30em) {
header.concept_area_header > div.square{
	width:140px;
	height:140px;
	}
}

/* 各項目ごとのポジション設定 */
header.concept_area_header > div.square.position_ns{
	left:15%;
	margin:auto 0;
	}
header.concept_area_header > div.square.position_sv{
	left:15%;
	right:auto;
	margin:auto 0;
	}
header.concept_area_header > div.square.position_rg{
	right:auto;
	left:15%;
	margin:auto 0;
	}
header.concept_area_header > div.square.position_mj{
	right:15%;
	left:auto;
	margin:auto 0;
	}
@media only screen and (max-width: 30em) {
header.concept_area_header > div.square.position_ns, header.concept_area_header > div.square.position_sv, header.concept_area_header > div.square.position_rg, header.concept_area_header > div.square.position_mj{
	left:0;
	right:0;
	top:28%;
	margin:0 auto;
	}
}

/* コンセプト文章 */
div.concept_header_txt{
	position:absolute;
	bottom:0;
	width:100%;
	padding:20px 0;
	background-color:rgba(255,255,255,0.8);
	}
div.concept_header_txt h4{
	font-size:14px;
	text-align:center;
	color:#967630;
	}
div.concept_header_txt p{
	font-size:16px;
	text-align:center;
	line-height:1.4;
	color:#594314;
	}
@media only screen and (max-width: 48em) {
div.concept_header_txt h4{
	font-size:12px;
	}
div.concept_header_txt p{
	font-size:14px;
	padding:0 10px;
	}
}
@media only screen and (max-width: 30em) {
div.concept_header_txt p br{
	display:none;
	}
}



/* 写真エリア */

div.concept_photo{
	}
div.concept_photo img{
	outline:#FFF 3px solid;
	}
	
/* 1分割 */
figure.concept_photo_1{
	}
figure.concept_photo_1 > img{
	width:100%;
	}

/* 2分割 */
figure.concept_photo_2{
	}
figure.concept_photo_2 > img{
	width:50%;
	}

/* 3分割 */
figure.concept_photo_3{
	}
figure.concept_photo_3 > img{
	width:calc(100% / 3);
	}

/* 1:2分割 */
figure.concept_photo_4{
	}
figure.concept_photo_4 > img:nth-child(1){
	width:calc(100% / 3);
	}
figure.concept_photo_4 > img:nth-child(2){
	width:calc(100% - 100% / 3);
	}
	
/* 2:1分割 */
figure.concept_photo_5{
	}
figure.concept_photo_5 > img:nth-child(1){
	width:calc(100% - 100% / 3);
	}
figure.concept_photo_5 > img:nth-child(2){
	width:calc(100% / 3);
	}


/* フェアバナー特殊スタイル */
.concept_fair .banner-box{
	margin-bottom:0;
	background-color:#bee0b6;
	}

/* プランバナースタイル */
article.concept_plan{
	box-sizing:border-box;
	border:#9bc96e 2px solid;
	margin-top:50px;
	}
article.concept_plan.wrapper{
	padding-bottom:0;
	}
div.concept_plan_inner{
	width:100%;
	}

div.concept_plan_inner:after {
  display: block;
  visibility: hidden; 
  clear: both;
  height: 0;
  content: "";
}

div.concept_plan_inner div.concept_plan_left{
	float:left;
	width:30%;
	padding-top:30%;
	background-image:url(../../topics/specialtopic/img/planImage.jpg);
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	}

div.concept_plan_inner div.concept_plan_right{
	float:left;
	width:70%;
	padding:1%;
	}
	
@media only screen and (max-width: 48em) {
div.concept_plan_inner div.concept_plan_left{
	float:none;
	width:100%;
	padding-top:50%;
	}

div.concept_plan_inner div.concept_plan_right{
	float:none;
	width:100%;
	padding:1%;
	}
}

h3.concept_plan_right_h3{
	margin:0 0 5px 0;
	font-size:32px;
	color:#594314;
	}
p.concept_plan_right_p1{
	margin:0 0 10px 0;
	color: #594314;
	font-size:16px;
	}
p.concept_plan_right_p2{
	font-size:20px;
	}
p.concept_plan_right_p3{
	display:inline-block;
	font-size:20px;
	border:#F00 2px solid;
	padding:3px 8px;
	margin:0 0 5px 0;
	}
p.concept_plan_right_p4{
	margin:0 0 10px 0;
	font-size:16px;
	}
p.concept_plan_right_p5{
	font-size:12px;
	}
@media only screen and (max-width: 48em) {
div.concept_plan_inner div.concept_plan_right{
	text-align:center;
	}
div.concept_plan_inner div.concept_plan_right h3{
	text-align:center;
	}
p.concept_plan_right_p1 br{
	display:none;
	}
}







div.concept_plan_xy{
	padding:10px;
	background-color:#9bc96e;
	}
div.concept_plan_xy p{
	text-align:center;
	color:#FFF;
	font-size:16px;
	line-height:1.2;
	}

div.concept_plan_xy p img{
	width:70px;
	height:70px;
	}

@media only screen and (max-width: 48em) {
div.concept_plan_xy p{
	font-size:14px;
	}
}

@media only screen and (max-width: 37em) {
div.concept_plan_xy p img{
	display:block;
	margin:0 auto;
	}
}


/* ======= パーツ ======= */
@media only screen and (max-width: 48em) {

}
@media only screen and (max-width: 54em) {

}
@media only screen and (max-width: 60em) {

}
.clear:after {
  display: block;
  visibility: hidden; 
  clear: both;
  height: 0;
  content: "";
}