@charset "utf-8";


/*=============================================
	
	タイトル
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#title_wrap {
		color: #FFF;
		padding: 6.5em 0  !important;
	}
}

@media print, screen and (min-width: 769px) {
	#title_wrap {
		color: #FFF;
		padding: 150px 0 130px !important;
		background-position: center center;
	}
 
}




/*=============================================
	
	メッセージ01
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#top_message {
	}
	#top_message h3 {
		margin: 0 0 1.6em;
	}	
	#top_message p {
		line-height: 2.0em;
	}

}

@media print, screen and (min-width: 769px) {
	#top_message {
	}
	#top_message h3 {
		margin: 0 0 1.6em;
	}	
	#top_message p {
		line-height: 2.0em;
		text-align: center;
	}

}

/*=============================================
	
	アンカーリンクボタン
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.anchor_link {
		width: 100%;
		margin: 0 0 2.4em;
	}
	.anchor_link li {
		border-bottom: 1px solid #CCC;
		margin: 0;
		font-size: 1.1em;
	}
	.anchor_link li:first-child {
		border-top: 1px solid #CCC;
	}
	.anchor_link li a {
		display: block;
		padding: 0.9em 1.6em;
		color: #666;
	}
	.anchor_link li.arrow_below:after {
	    right: 5%;
	    top: 40%;
	    width: 6px;
	    height: 6px;
	}
}

@media print, screen and (min-width: 769px) {
	.anchor_link {
		width: 800px;
		margin: 0 auto 2.4em;
		text-align: center;
	}
	.anchor_link li {
		display: inline-table;
		width: 48%;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		margin: 0 1% 0 0;
		font-size: 1.1em;
	}
	.anchor_link li:nth-last-child(-n+2) {
		border-top: none;
	}
	.anchor_link li a {
		display: block;
		padding: 1.0em 1.6em;
		color: #666;
	}
	.anchor_link li.arrow_below:after {
	    right: 5%;
	    top: 40%;
	    width: 6px;
	    height: 6px;
	}


}

/*=============================================
	
	ドレスショップ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.dress_layout {
		width: 100%;
		margin: 0 0 2.4em;
	}
	.dress_layout dl {
	
	}
	.dress_layout dl dt {
	
	}
	.dress_layout dl dt h3 {
		width: 80%;
		margin: 0 auto 2.0em;
	}
	.dress_layout dl dt h4 {
		text-align: center;
		font-size: 1.1em;
		margin: 0 0 2.0em;
	}
	.dress_layout dl dt p {
		width: 80%;
		line-height: 2.0em;
		font-size: 1.0em;
		margin: 0 auto 2.0em;
	}
	.dress_layout dl dd {
	
	}
	.dress_layout dl dd ul.pic{
	
	}
	.dress_layout dl dd ul.pic li{
		margin: 0;
		padding: 0;	
	}
	.dress_layout dl dd ul.pic li .bg_img {
		padding-top: 100%;
	}
	#treat ul.pic li:last-child .bg_img{
		padding-top: 56.25%;
	}
	#treat ul.pic li:first-child .bg_img, #treat ul.pic li:nth-child(2) .bg_img{
		padding-top: 120%;
	}

	#takami ul.pic li:first-child .bg_img{
		padding-top: 120%;
	}
	#takami ul.pic li:nth-child(2) .bg_img, #takami ul.pic li:nth-child(3) .bg_img{
		padding-top: 120%;
	}
	#antteliebe ul.pic li .bg_img{
		padding-top: 120%;
	}
	#naoco ul.pic li:first-child .bg_img{
		padding-top: 120%;
	}
	#naoco ul.pic li:nth-child(2) .bg_img, #naoco ul.pic li:nth-child(3) .bg_img{
		padding-top: 120%;
	}
	#beacon ul.pic li:first-child .bg_img{
		padding-top: 120%;
	}
	#beacon ul.pic li:nth-child(2) .bg_img, #beacon ul.pic li:nth-child(3) .bg_img{
		padding-top: 120%;
	}
	#micie ul.pic li:first-child .bg_img{
		padding-top: 120%;
	}
	#micie ul.pic li:nth-child(2) .bg_img, #micie ul.pic li:nth-child(3) .bg_img{
		padding-top: 120%;
	}
}

@media print, screen and (min-width: 769px) {
	.dress_layout {
		width: 960px;
		margin: 0 auto 2.4em;
	}
	.dress_layout dl {
		
	}
	.dress_layout dl dt {
		float: left;
		width: 35%;
	}
	.dress_layout dl dt h3 {
		width: 100%;
		margin: 0 0 2.4em;
	}
	.dress_layout dl dt h4 {
		text-align: center;
		font-size: 1.1em;
		margin: 0 0 2.0em;
	}
	.dress_layout dl dt p {
		width: 80%;
		line-height: 2.0em;
		font-size: 1.0em;
		margin: 0 auto 2.0em;
	}
	.dress_layout dl dd {
		float: right;
		width: 60%;
		position: relative;
	}
	.dress_layout dl dd ul.pic{
		
	}
	.dress_layout dl dd ul.pic li{
		float: left;
		width: 50%;
		margin: 0;
		padding: 0;	
	}
	.dress_layout dl dd ul.pic li .bg_img {
		padding-top: 120%;
	}
	
	#treat ul.pic li:first-child .bg_img {
		padding-top: 120%;
	}
	#treat ul.pic li:nth-child(2) .bg_img {
		padding-top: 120%;
	}
	#treat ul.pic li:last-child {
		width: 100%;
	}
	#treat ul.pic li:last-child .bg_img{
		padding-top: 56.25%;
	}
	
	#takami ul.pic li .bg_img{
		padding-top: 120%;
	}
	#takami ul.pic li:first-child .bg_img{
		padding-top: 240%;
	}

	#antteliebe ul.pic li .bg_img{
		padding-top: 100%;
	}
	#antteliebe ul.pic li:first-child .bg_img{
		padding-top: 200%;
	}
	#antteliebe ul.pic li:nth-child(2) .bg_img {
		background-position: center top;
	}
	#naoco ul.pic li:first-child .bg_img{
		padding-top: 220%;
	}
	#naoco ul.pic li:first-child {
		
	}
	#naoco ul.pic li:nth-child(2) .bg_img, #naoco ul.pic li:nth-child(3) .bg_img{
		padding-top: 110%;
	}
	#beacon ul.pic li:first-child .bg_img{
		padding-top: 220%;
	}
	#beacon ul.pic li:first-child {
		
	}
	#beacon ul.pic li:nth-child(2) .bg_img, #beacon ul.pic li:nth-child(3) .bg_img{
		padding-top: 110%;
	}
	#micie ul.pic li:first-child .bg_img{
		padding-top: 220%;
	}
	#micie ul.pic li:first-child {
		
	}
	#micie ul.pic li:nth-child(2) .bg_img, #micie ul.pic li:nth-child(3) .bg_img{
		padding-top: 110%;
	}


}

/*=============================================
	
	ラインナップ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#dresslineup {
	}
	#dresslineup h5 {
		font-size: 2.0em;
		text-align: center;
		margin: 0 0 1.0em;
	}
	#dresslineup p.en_title {
		font-size: 1.2em;
		text-align: center;
		margin: 0 0 2.4em;
		color: #b7a26d;
	}
	#dresslineup ul.anchor_btn {
	}
	#dresslineup ul.anchor_btn li {
		width: 100%;
		margin: 0 auto 1.2em;
	}

	#dresslineup div.lineup_detail {
		
	}
	#dresslineup div.lineup_detail dl.two_layout {
		margin: 0 0 1.2em;
	}
	#dresslineup div.lineup_detail dl.two_layout dt {
		padding: 3.0em 0 0;
		margin: 0 0 1.6em;
	}
	#dresslineup div.lineup_detail dl.two_layout dd {
		width: 100%;
	}
	#dresslineup div.lineup_detail .dr_01 dt {
		background-image: url(/img/wedding/dress/icon01.jpg);
		background-repeat: no-repeat;
		background-size: 25% auto;
		background-position: center top;
	}
	#dresslineup div.lineup_detail .dr_02 dt {
		background-image: url(/img/wedding/dress/icon02.jpg);
		background-repeat: no-repeat;
		background-size: 25% auto;
		background-position: center top;
	}
	
	#dresslineup div.lineup_detail dl.two_layout dd .bg_img {
		padding-top: 75%;
	}	
	#dresslineup div.lineup_detail h6 {
		font-size: 2.0em;
		text-align: center;
		margin: 0 0 1.0em;
	}
	#dresslineup div.lineup_detail p.sub {
		font-size: 1.2em;
		text-align: center;
		margin: 0 0 2.4em;
		color: #b7a26d;
	}
	
	#dresslineup div.lineup_detail div.column {
		border: 3px double #999;
		color: #999;
		line-height: 2.2em;
		padding: 1.6em;
		background: #FFF;
	}
	
	#dresslineup div.lineup_detail ul.pics_list {
		text-align: center;
	}
	#dresslineup div.lineup_detail ul.pics_list li {
		display: inline-block;
		width: 47%;
		margin: 0 1% 0.8em;
	}
	#dresslineup div.lineup_detail ul.pics_list li .bg_img{
		padding-top: 120%;
	}
}

@media print, screen and (min-width: 769px) {
	#dresslineup {
	}
	#dresslineup h5 {
		font-size: 24px;
		text-align: center;
		margin: 0 0 15px;
	}
	#dresslineup p.en_title {
		font-size: 14px;
		text-align: center;
		margin: 0 0 35px;
		color: #b7a26d;
	}
	#dresslineup ul.anchor_btn {
		text-align: center;
	}
	#dresslineup ul.anchor_btn li {
		display: inline-block;
		width: 360px;
		margin: 0 20px;
	}

	#dresslineup div.lineup_detail {
		
	}
	#dresslineup div.lineup_detail dl.two_layout {
		margin: 0 0 30px;
	}
	#dresslineup div.lineup_detail dl.two_layout dt {
		float: left;
		width: 35%;
		padding: 50px 0 0;
	}
	#dresslineup div.lineup_detail dl.two_layout dd {
		float: right;
		width: 60%;
	}
	#dresslineup div.lineup_detail .dr_01 dt {
		background-image: url(/img/wedding/dress/icon01.jpg);
		background-repeat: no-repeat;
		background-size: 15% auto;
		background-position: center top;
	}
	#dresslineup div.lineup_detail .dr_02 dt {
		background-image: url(/img/wedding/dress/icon02.jpg);
		background-repeat: no-repeat;
		background-size: 15% auto;
		background-position: center top;
	}
	
	#dresslineup div.lineup_detail dl.two_layout dd .bg_img {
		padding-top: 75%;
	}	
	#dresslineup div.lineup_detail h6 {
		font-size: 24px;
		text-align: center;
		margin: 0 0 15px;
	}
	#dresslineup div.lineup_detail p.sub {
		font-size: 14px;
		text-align: center;
		margin: 0 0 35px;
		color: #b7a26d;
	}
	
	#dresslineup div.lineup_detail div.column {
		border: 3px double #999;
		color: #999;
		line-height: 2.2em;
		padding: 20px;
		background: #FFF;
	}
	
	#dresslineup div.lineup_detail ul.pics_list {
		text-align: center;
	}
	#dresslineup div.lineup_detail ul.pics_list li {
		display: inline-block;
		width: 22%;
		margin: 0 1%;
	}
	#dresslineup div.lineup_detail ul.pics_list li .bg_img{
		padding-top: 120%;
	}
}


/*=============================================
	
	ギャラリー
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#gallery {
	}
	#gallery h3 {
		margin: 0 0 1.6em;
	}
}

@media print, screen and (min-width: 769px) {
	#gallery {
	}
	#gallery h3 {
		margin: 0 0 1.6em;
	}
	#gallery .bg_img {
		padding-top: 100%;
	}
	#gallery .btn_big02 {
		width: 30%;
	}
}


/*=============================================
	
	着物スタイル
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#style_wrap {
	}
	#style_wrap dl {
		
	}
	#style_wrap dl dt {
		margin: 0 0 1.6em;
	}
	#style_wrap dl dd {
		padding: 1.6em 1.6em;
		background: #FFF;
		color: #666;
	}
	#style_wrap dl dd ul.pics{
		margin: 0 0 0.8em;
	}
	#style_wrap dl dd ul.pics li{
		float: left;
		width: 48%;
		margin: 0 0 0.8em;
	}
	#style_wrap dl dd ul.pics li:nth-child(2n){
		float: right;
	}
	#style_wrap dl dd .bg_img{
		padding-top: 48%;
	}
}

@media print, screen and (min-width: 769px) {
	#style_wrap {
	}
	#style_wrap dl {
	}
	#style_wrap dl dt {
		float: left;
		width: 35%;
		margin: 0 0 0;
		padding: 40px 0 0;
	}
	#style_wrap dl dt h3 {
		margin: 0 0 20px;
	}
	#style_wrap dl dd {
		float: right;
		width: 55%;
		padding: 1.6em 1.6em;
		background: #FFF;
		color: #666;
	}
	#style_wrap dl dd ul.pics{
		margin: 0 0 0.8em;
		text-align: center;
	}
	#style_wrap dl dd ul.pics li{
		display: inline-table;
		width: 24%;
		margin: 0 0;
	}
	#style_wrap dl dd .bg_img{
		padding-top: 24%;
	}
	#style_wrap dl dd p {
		width: 90%;
		margin: 0 auto;
		font-size: 11px;
	}	
}