@charset "UTF-8";

/* -------------------------------------------------

studio_photo.css

------------------------------------------------- */

/* -------------------------------------------------

Intro

------------------------------------------------- */
.Intro_wrp	{
 width: 100%;
 margin: 40px auto 40px;
	position: relative;
}
.Introduction	{
	margin:0px	auto;
	position: relative;
}
.Introduction > p	{
	font-weight: 300;
	font-size: 1.6rem;
	margin:0;
	padding:0;
	line-height:2.2;
}
.Introduction > ul	{
	margin:0;
	padding:25px 0px 25px 50px;
}
.Introduction > ul li	{
	font-weight: 300;
	line-height:1.8;
	font-size: 1.8rem;
	margin:0;
	padding:5px 0;
	letter-spacing: 0.1rem;
	color: #9f7671;
	list-style-type:circle;
}
@media screen and (max-width: 898px)  {
.Introduction > ul	{
	padding:20px 0px 20px 30px;
}
}
@media screen and (max-width: 768px)  {
.Intro_wrp	{
 margin: 0px auto 40px;
}
.Introduction > ul	{
	padding:10px 0px 10px 30px;
}
.Introduction > p	{
	line-height:1.6;
	font-size: 1.4rem;
}
.Introduction > ul li	{
	line-height:1.6;
	font-size: 1.6rem;
	padding:3px 0;
}
}
@media screen and (max-width: 568px)  {
.Introduction > p	{
	line-height:1.6;
	font-size: 1.4rem;
}
.Introduction > ul li	{
	line-height:1.4;
	font-size: 1.4rem;
}
}


/* -------------------------------------------------

Page_Intro

------------------------------------------------- */

.Page_Intro_wrp	{
 width: 100%;
 margin: 80px auto 40px;
	position: relative;
}
.Page_Intro	{
	margin:0px	auto;
	position: relative;
}
.Page_Intro section h2	{
	font-weight: 300;
	font-size:4rem;
	color: #777777;
	position:relative;
	text-align: center;
	letter-spacing: 0rem;
	margin-bottom: 40px;
}
.Page_Intro section h2 > .studio	{
	font-size:3rem !important;
	display:block !important;
	margin-top: 10px;
}
.Page_Intro > section p	{
	font-weight: 300;
	font-size: 1.6rem;
	margin:0;
	padding:0;
	line-height:1.8;
	letter-spacing: 0;
}
@media screen and (max-width: 768px)  {
.Page_Intro_wrp	{
 margin: 40px auto;
}
.Page_Intro > p	{
	font-size: 1.4rem;
}
.Page_Intro section h2	{
	font-size:3rem;
	letter-spacing: 0.1rem;
	margin-bottom: 30px;
}
.Page_Intro section h2 > .studio	{
	font-size:2rem !important;
	margin-top: 5px;
}

.Page_Intro > section p	{
	line-height:1.6;
	font-size: 1.4rem;
}
}
@media screen and (max-width: 568px)  {
/*.Page_Intro > section p	{
	line-height:1.6;
	font-size: 1.6rem;
}*/
}
@media screen and (max-width: 480px)  {
.Page_Intro section h2	{
	font-size:2.2rem;
	letter-spacing: 0;
	margin-bottom: 20px;
}
.Page_Intro section h2 > .studio	{
	font-size:1.4rem !important;
	margin-top: 5px;
}
}


/* -------------------------------------------------

PhotoPlan

------------------------------------------------- */
.PhotoPlan_inner	{
 width: 1140px;
	margin: -90px auto 0;
	padding-left: 50px;
}
@media screen and (min-width: 899px) and (max-width: 1240px) {
.PhotoPlan_inner	{
 width: 90%;
	margin: -90px auto 0;
	padding-left: 50px;
}
}
@media screen and (max-width: 898px)  {
.PhotoPlan_inner	{
 width: 90%;
	margin: -90px auto 0;
	padding-left: 50px;
}
}
@media screen and (max-width: 768px)  {
.PhotoPlan_inner	{
 width: 90%;
	margin: -90px auto 0;
	padding-left: 50px;
}
}
@media screen and (max-width: 480px)  {
.PhotoPlan_inner	{
 width: 90%;
	margin: -40px auto 0;
	padding-left: 30px;
}
}


/* -------------------------------------------------

PlanPrice

------------------------------------------------- */
.PlanPrice_wrp	{
 width: 100%;
}
.PlanPrice_wrp section	{
 width: 980px;
	margin: 80px auto;
}
.PlanPrice_wrp section h2	{
	font-weight: 300;
	font-size:4rem;
	text-align: center;
	letter-spacing: 0rem;
	margin-bottom: 20px;
}
.PlanPrice_inner,.PlanPrice_inner02 {
 width: 100%;
}
@media screen and (min-width:899px) and (max-width: 1260px) {
.PlanPrice_wrp section	{
 width: 90%;
}
}
@media screen and (max-width: 898px)  {
.PlanPrice_wrp section	{
 width: 90%;
}
}
@media screen and (max-width: 768px)  {
.PlanPrice_wrp section	{
 width: 95%;
	margin: 80px auto 0;
}
.PlanPrice_wrp section h2	{
	font-size:2.8rem;
}
}
@media screen and (max-width: 568px)  {
.PlanPrice_wrp section	{
 width: 90%;
}
.PlanPrice_inner table {
 display: block;
 overflow-x: scroll;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 480px)  {
.PlanPrice_wrp section	{
	margin: 40px auto 0px;
}
.PlanPrice_wrp section h2	{
	font-size:2.2rem;
}
}
@media screen and (max-width: 375px)  {
.PlanPrice_inner02 table {
 display: block;
 overflow-x: scroll;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
}
}


/* -------------------------------------------------

PlanOption

------------------------------------------------- */
.PlanOption_wrp	{
 width: 100%;
}
.PlanOption_wrp section	{
 width: 620px;
	margin: 80px auto 0;
}
.PlanOption_wrp section h2	{
	font-weight: 300;
	font-size:3.6rem;
	position:relative;
	text-align: center;
	letter-spacing: 0rem;
	margin-bottom: 20px;
}
.PlanOption_wrp section h2 span	{
	font-size:2rem;
	letter-spacing: 0.1rem;
	margin-top: 5px;
	display: block;
}
.PlanOption_inner {
 width: 100%;
}
@media screen and (min-width:899px) and (max-width: 1260px) {

}
@media screen and (max-width: 898px)  {

}
@media screen and (max-width: 768px)  {
.PlanOption_wrp section	{
 width: 95%;
	margin: 40px auto 0;
}
.PlanOption_wrp section h2	{
	font-size:2.8rem;
}
.PlanOption_wrp section h2 span	{
	font-size:1.6rem;
}
}
@media screen and (max-width: 568px)  {
.PlanOption_wrp section	{
 width: 90%;
}
}
@media screen and (max-width: 480px)  {
.PlanOption_wrp section	{
	margin: 40px auto;
}
.PlanOption_wrp section h2	{
	font-size:2.2rem;
}
.PlanOption_wrp section h2 span	{
	font-size:1.4rem;
}
}


/* -------------------------------------------------

LocationPlan

------------------------------------------------- */
.LocationPlan_wrp	{
 width: 100%;
	padding: 80px 0;
 background-color: #f7f7f7;
}
.LocationPlan_wrp section	{
 width: 1140px;
	margin: 0px auto;
}
.LocationPlan_wrp section h2	{
	font-weight: 300;
	font-size:3.6rem;
	position:relative;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 80px;
}
.LocationPlan_wrp section h2:before {
 content: '';
 position: absolute;
	bottom: -20px;
 display: inline-block;
 width: 40px;
 height: 3px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
	background-color:#9f7671;
 border-radius: 2px;
}
.LocationPlan_inner	{
 width: 1140px;
	margin: 0px auto 50px;
 display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	background-color: #ffffff;
	padding: 50px;
}
.LocationPlan_inner:last-child	{
	margin: 0px auto;
}
.LocationPlan_inner > div {
 width: calc(50% - 30px);
 margin:0 30px 0px 0;
	padding: 0;
	position: relative;
}
.LocationPlan_inner > div:nth-child(2n) {
 margin:0;
}
.LocationPlan_inner .left{
	padding: 0px;
	background-color: #ffffff;
}
.LocationPlan_inner .right{
	padding: 0px;
	background-color: #ffffff;
}
.LocationPlan_inner .right__stu{
	width: 230px;
	margin: 0 auto;
	padding: 25px 0px 0px 0px;
	background-color: #ffffff;
}
.LocationPlan_inner .right__loca {
	width: 245px;
	margin: 0 auto;
	padding: 25px 0px 0px 0px;
	background-color: #ffffff;
}
.LocationPlan_inner .right__solo {
	width: 355px;
	margin: 0 auto;
	padding: 25px 0px 0px 0px;
	background-color: #ffffff;
}
.LocationPlan_inner .right__ann {
	width: 345px;
	margin: 0 auto;
	padding: 25px 0px 0px 0px;
	background-color: #ffffff;
}
.LocationPlan_inner .plan__title	{
	font-weight: 300;
	font-size:2.4rem;
	letter-spacing: 0.1rem;
}
.LocationPlan_inner .studio	{
	font-size:1.8rem;
	padding-left: 10px;
}
.LocationPlan_inner .plan__kakaku	{
	font-weight: 300;
	font-size:4rem;
	letter-spacing: 0.2rem;
	line-height: normal;
	margin: 0 0 30px;
}
.LocationPlan_inner .plan__kakaku span	{
	font-weight: 300;
	font-size:1.4rem;
	letter-spacing: -0.1rem;
	padding-left: 5px;
}
.LocationPlan_inner .plan__option span	{
	font-weight: 300;
	font-size:1.4rem;
	line-height: 1;
	padding: 5px 10px;
	border: 1px solid #cccccc;
}
.LocationPlan_inner .plan__option ul	{
	font-weight: 300;
	font-size:1.4rem;
	padding: 15px 30px;
	margin: 0;
}
.LocationPlan_inner .plan__option p	{
	font-weight: 300;
	font-size:1.2rem;
	padding: 0px 10px;
}
@media screen and (min-width: 899px) and (max-width: 1240px) {
.LocationPlan_inner	{
 width: 90%;
}
.LocationPlan_inner .right{
}
.LocationPlan_inner .right__stu,
.LocationPlan_inner .right__loca,
.LocationPlan_inner .right__solo,
.LocationPlan_inner .right__ann {
	padding: 15px 0px 0px 0px;
}
}
@media screen and (max-width: 898px)  {
.LocationPlan_inner	{
 width: 90%;
}
.LocationPlan_inner .right{
	padding: 0px;
}
.LocationPlan_inner .right__stu,
.LocationPlan_inner .right__loca
 {
	padding: 0px;
}
.LocationPlan_inner .right__solo,
.LocationPlan_inner .right__ann {
	padding: 0px;
	width: 100%;
}
.LocationPlan_inner .plan__title	{
	font-size:2rem;
}
.LocationPlan_inner .studio	{
	font-size:1.4rem;
	padding-left: 5px;
}
.LocationPlan_inner .plan__kakaku	{
	font-size:3.2rem;
	margin: 0 0 15px;
}
.LocationPlan_inner .plan__kakaku span	{
	font-size:1.2rem;
}
.LocationPlan_inner .plan__option span	{
	font-size:1.2rem;
}
.LocationPlan_inner .plan__option ul	{
	font-size:1.2rem;
	padding: 15px 20px;
	margin: 0;
}
}
@media screen and (max-width: 768px)  {
.LocationPlan_wrp	{
 width: 100%;
	padding: 40px 0 60px;
}
.LocationPlan_inner	{
 width: 90%;
	flex-flow: column wrap;
}
.LocationPlan_inner > div {
 width: 100%;
 margin:0 auto 20px;
}
.LocationPlan_inner > div:nth-child(2n) {
 margin:0 auto;
}
.LocationPlan_inner .left,
.LocationPlan_inner .right{
	padding: 0px;
}
.LocationPlan_inner .right__stu,
.LocationPlan_inner .right__loca,
.LocationPlan_inner .right__ann{
	padding: 0px;
	width: 100%;
}
.LocationPlan_inner .plan__title	{
	font-size:2rem;
}
.LocationPlan_inner .plan__kakaku	{
	font-size:3.2rem;
	margin: 0 0 20px;
}
.LocationPlan_inner .plan__kakaku span	{
	font-size:1.2rem;
}
.LocationPlan_inner .plan__option span	{
	font-size:1.2rem;
	padding: 5px 10px;
}
.LocationPlan_inner .plan__option ul	{
	font-size:1.2rem;
	padding: 15px 20px;
}
}
/*@media screen and (max-width: 568px)  {
.LocationPlan_wrp section	{
	width: 90%;
}
}*/
@media screen and (max-width: 480px)  {
.LocationPlan_wrp	{
 width: 100%;
	padding: 40px 0;
}
.LocationPlan_inner	{
 width: 90%;
	margin: 0px auto 20px;
	padding: 30px;
}
.LocationPlan_inner:last-child	{
	margin: 0px auto;
}
.LocationPlan_inner .studio	{
	font-size:1.4rem;
	padding-left: 0px;
	display: block;
}
}


/* -------------------------------------------------

Bridal_Charge

------------------------------------------------- */
table.Bridal_Charge {
	width: 100%;
	border-collapse: separate; /* 枠線の表示方法 */
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing: 0px;
	font-size: inherit;
}
table.Bridal_Charge th {
	text-align: center;
	padding: 15px 0px;
	font-size: 1.6rem;
	font-weight: 300;
	/*border-top: 1px solid #fff;
	border-left: 1px solid #fff;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #ffffff;
	line-height: normal;
	color: #777777;
}
/*table.Bridal_Charge th.weekday {
	background-color: #e2edc9;
}
table.Bridal_Charge th.holiday {
	background-color: #f5eeca;
}*/
table.Bridal_Charge td {
	text-align: center;
	padding: 8px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 768px)  {
table.Bridal_Charge th {
	font-size: 1.4rem;
	padding: 10px;
}
table.Bridal_Charge td {
	font-size: 1.2rem;
	/*padding: 15px;*/
}
}


/* -------------------------------------------------

Photo_Charge

------------------------------------------------- */
table.Photo_Charge {
	width: 100%;
	border-collapse: separate; /* 枠線の表示方法 */
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing: 0px;
	font-size: inherit;
/*	font-family: 'Noto Serif JP', serif;
	font-style: normal;*/
}
table.Photo_Charge th {
	text-align: center;
	padding: 15px;
	font-size: 1.6rem;
	font-weight: 400;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #b9e1ff;
	line-height: normal;
	color: #333333;
}
table.Photo_Charge th.weekday {
	background-color: #e2edc9;
}
table.Photo_Charge th.holiday {
	background-color: #f5eeca;
}
table.Photo_Charge td {
	text-align: center;
	padding: 8px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px)  {
table.Photo_Charge th {
	font-size: 1.4rem;
	padding: 10px;
}
table.Photo_Charge td {
	font-size: 1.2rem;
	/*padding: 15px;*/
}
}


/* -------------------------------------------------

other

------------------------------------------------- */
.bg	{
	width:100%;
	padding:60px 0 80px;
	margin:0;
	background-color: #f5f1f1;
}
.line	{
	width:100%;
	border-bottom:1px solid #999;
}
.Price {
	font-size:2rem;
	margin-right:5px;
}
.Price2 {
	font-size:2rem;
	margin-right:5px;
	margin-left:-10px;
}
.Price3 {
	font-size:2rem;
	margin-right:5px;
	margin-left:15px;
}
.Price4 {
	font-size:2.4rem;
	margin-left:30px;
	margin-right:5px;
}
.tax {
	font-size:1.2rem;
	text-align: right;
	padding: 5px 0;
}
.small {
	font-size:1rem;
	display: block;
}
.caution	{
	margin: 30px 0;
}
.caution span	{
	font-weight: 300;
	font-size:1.4rem;
	line-height: 1;
	padding: 5px 15px;
	border: 1px solid #cccccc;
}
.caution ul	{
	font-weight: 300;
	font-size:1.2rem;
	padding: 15px 0px;
	margin: 0;
	list-style-type: none;
}
.caution ul li	{
	margin: 0 0 5px;
	padding-left:1.3em;
	text-indent:-1.3em;
}
@media screen and (max-width: 768px)  {
.bg	{
	padding:40px 0 60px;
}
/*.caution span	{
	font-size:1.4rem;
}
.caution ul	{
	font-size:1.4rem;
}*/
.Price {
	font-size:2rem;
}
.Price2 {
	font-size:2rem;
	margin-right:5px;
	margin-left:-10px;
}
.Price3 {
	font-size:2rem;
	margin-right:5px;
	margin-left:5px;
}

}
@media screen and (max-width: 568px)  {
.tax {
	font-size:1rem;
}
}
@media screen and (max-width: 480px)  {
.bg	{
	padding:20px 0 40px;
}
}