@charset "utf-8";
@import url("flexslider.css");
@import url("/common/css/colorbox.css");


.imagePhoto {
	height:600px;
	margin-top:20px;
	margin-bottom:30px;
}
.imagePhoto.ph1 {	background:url(../img/imagephoto_01.jpg) no-repeat fixed center top;	}
.imagePhoto.ph2 {	background:url(../img/imagephoto_02.jpg) no-repeat fixed center top;	}
.imagePhoto.ph3 {	background:url(../img/imagephoto_03.jpg) no-repeat fixed center top;	}
.imagePhoto.ph4 {	background:url(../img/imagephoto_04.jpg) no-repeat fixed center top;	}

.imagePhoto.ph1,
.imagePhoto.ph2,
.imagePhoto.ph3,
.imagePhoto.ph4 {
	background-size:cover;
}


@media screen and (max-width: 640px)  {
	.secLine {
		background:url(../img/section_line.gif) left center repeat-x;
		height:1px;
		padding:16px 0;
		overflow:hidden;
		width:80%;
		margin:0 10%;
	}
	.imagePhoto {
		height:auto;
		margin-top:10px;
		margin-bottom:20px;
	}
}


/* Top
----------------------------------- */
#Top {
	overflow: hidden;
}
@media screen and (min-width: 641px)  {
	#Mv {
		margin-bottom:60px;
	}
	#Mv img {
		width:100%;
	}
	section.section#Top > .inner  {
		padding-top:0;
		padding-left:0:
		padding-right:0;
	}
	#Top .situation {
		width:100%;
		text-align:center;
	}
	#Top .situation .column {
		display:inline-block;
		width:160px;
		margin-right:12px;
		float:none;
	}
	#Top .situation .column img:not(.tx) {
		width:100%;
	}
}


@media screen and (max-width: 640px)  {
	section.section#Top > .inner  {
		padding-top:40px;
	}
	#Top .situation {
		margin-top:10px;
	}
	#Top .situation .column {
		display:inline-block;
		width:18%;
		margin-left:0.1%;
		margin-right:0.1%;
		float:none;
	}
}


/* About
----------------------------------- */
#About .txColor {
	color:#E09D00;
}

@media screen and (min-width: 641px)  {
	#About .inner {
		background:url(../img/about_img_01.jpg) right 50px no-repeat;
	}
	
}
@media screen and (max-width: 640px)  {

}



/* Situation
----------------------------------- */
#Situation .memo {
	border:1px solid #E00;
	line-height:1.6em;
	color:#E00;
	padding:7px;
}
#Situation .memo a {
	color:#C90028;
	padding:0 2px;
	text-decoration:underline;
}
#Situation .memo a:hover,#Situation .memo a:active {
	text-decoration:none;
}

@media screen and (min-width: 641px)  {
	#Situation .navi {
		margin:0 0 30px;
		text-align:center;
	}
	#Situation .navi .column {
		display:inline-block;
		width:162px;
	}
	#Situation .block {
		margin-bottom:35px;
	}
	#Situation .block.last {
		margin-bottom:0;
	}
	#Situation .block h3.blockTit {
		border-bottom:1px solid #C1B3A6;
		padding-bottom:10px;
	}
	
	#Situation .block .column {
		float:left;
		width:510px;
	}
	#Situation .block .column.photo {
		float:right;
		margin-left:40px;
		width:350px;
	}
	
}
@media screen and (max-width: 640px)  {
	#Situation .navi {
		margin-bottom:25px;
		text-align:center;
	}
	#Situation .navi .column {
		display:inline-block;
		width:22%;
		margin:0 5px;
		padding:0 1.5%;
		float:none;
	}
	#Situation .block {
		margin-bottom:28px;
		padding-top:5px;
	}
	#Situation .block.last {
		margin-bottom:0;
	}
	#Situation .block .column {
		float:none;
		width:100%;
	}
}

/* PricePrice
----------------------------------- */

	#Price .setName {
		line-height:1.2em;
		padding:8px;
		border:1px solid #BBB;
		font-size:116%;
		margin-bottom:15px;
	}
	#Price .price {
		line-height:1.2em;
		margin-bottom:15px;
		text-align:center;
	}
	#Price .price span {
		background:url(../img/price_icon_01.gif) left center no-repeat;
		padding-left:30px;
	}
	#Price .price span em {
		font-size:132%;
	}

	#Price .detail li {
		font-size:92%;
	}
	#Price .novelty .photo {
		margin-bottom:3px;
	}
	#Price .noveltyPrice {
		font-weight:bold;
	}
	#Price .noveltyDetail li {
		font-size:80%;
		line-height:1.3em;
		margin-bottom:4px;
	}
	#Price .noveltyPrice {
		display:block;
		text-align:right;
	}
	#Price .option {
		clear: both;
		margin-bottom:20px;
		border-bottom: 1px #ccc dotted;
	}
	#Price .option p {
		text-align: left;
		border-top: 1px #ccc dotted;
		padding-top: 15px;
		margin-bottom: 15px;
	}
	
@media screen and (min-width: 641px)  {
	#Price .columnWrap {
		width:936px;
	}
	#Price .column {
		width:276px;
		margin-right:36px;
	}
	#Price .blockTit {
		text-align:center;
		margin-bottom:18px;
	}
	#Price .setName {
	}

}

@media screen and (max-width: 640px)  {
	#Price .columnWrap {
		padding-bottom:10px;
	}
	#Price .column {
		width:45%;
		margin:0 2.5% 15px;
	}
	#Price .setName {
		padding:4px;
		font-size:108%;
		margin-bottom:8px;
	}
	#Price .setPrice {
		margin-bottom:4px;
	}
	#Price .novelty .photo {
		margin-bottom:5px;
	}
	#Price .detail li {
		margin-bottom:0;
	}

}

/* Flow
----------------------------------- */
#Flow {
	background:url(../img/flow_bg_01.jpg) right bottom no-repeat;
	background-size:cover;
}

#Flow .stepWrap {
	padding:30px 0 40px;
}
#Flow .step {
	padding-left:120px;
	background-repeat:no-repeat;
	background-position:top left;
	margin-bottom:30px;
}
#Flow .step p.head {
	font-size:108%;
	font-weight:bold;
	margin-bottom:5px;
}
@media screen and (min-width: 641px)  {
	#Flow {
		margin-bottom:30px;
	}
	#Flow .step.s1 {	background-image:url(../img/flow_step_01.png); }
	#Flow .step.s2 {	background-image:url(../img/flow_step_02.png); }
	#Flow .step.s3 {	background-image:url(../img/flow_step_03.png); }
	#Flow .step.s4 {	background-image:url(../img/flow_step_04.png); }
	#Flow .step.s5 {	background-image:url(../img/flow_step_05.png); }

}

@media screen and (max-width: 640px)  {
	#Flow {
		background-image:none;
	}
	#Flow .stepWrap {
		padding:0;
	}
	#Flow .step {
		margin-bottom:10px;
		background-image:none;
		padding-left:0;
	}
	#Flow .step p.head .stepTx {
		padding-right:10px;
		color:#ff3386;
		font-size:109%;
	}
	#Flow .step p.detail {
		font-size:92%;
	}
	#Flow .inner {
		padding-bottom:0px;
	}
	#Flow .imagePhoto {
		margin-top:0px;
	}
}

/* Reservation
----------------------------------- */
#Reservation p.time {
	line-height:1.3em;
}
#Reservation p.time em {
	display:inline-block;
	padding:7px;
	margin-right:15px;
	border:1px solid #CCC;
}
@media screen and (max-width: 640px)  {
	#Reservation p.time em {
		margin-bottom:5px;
	}
	#Reservation p.tel img {
		width:70%;
	}
}

/* Studionfo
----------------------------------- */
#Studionfo .leftBlock h3  {
	margin-bottom:15px;
}
#Studionfo .leftBlock h3 em  {
	font-size:114%;
	font-weight:bold;
}

#Studionfo .leftBlock dl{
	line-height:1.4em;
}
#Studionfo .leftBlock dt{
	margin-bottom:5px;
}
#Studionfo .leftBlock dd{
	margin-bottom:15px;
}
#Studionfo .leftBlock a,#Studionfo .leftBlock a:visited  {
	color:#39bd0a;
}
#Studionfo .leftBlock a:hover,#Studionfo .leftBlock a:active  {
	text-decoration:underline;
}

@media screen and (min-width: 641px)  {
	#Studionfo .leftBlock  {
		width:340px;
		float:left;
	}
	#Studionfo .rightBlock  {
		width:530px;
		float:right;
	}
}

 /* Gallery
----------------------------------- */
@media screen and (min-width: 641px)  {
	#Gallery h3.head {
		margin-bottom:10px;
	}
	#Gallery .columnWrap {
		width:924px;
	}
	#Gallery .columnWrap.half .column {
		width:462px;
	}
	#Gallery .columnWrap.thumb .column {
		width:130px;
		margin-right:24px;
		margin-bottom:24px;
	}
}

@media screen and (max-width: 640px)  {
	#Gallery h3.head {
		margin-bottom:6px;
	}
	#Gallery .inner {
		padding-bottom:25px;
	}
}