/* [ 福田カメラ・掛川福田スタジオ ] : studio.css */


/*======================================================================*
 *  [ contentMenu | メニュー ]
 *======================================================================*/

ul.contentMenu .studio::before { background-image: url(/studio/img/menu_studio.jpg); }
ul.contentMenu .location::before { background-image: url(/studio/img/menu_location.jpg); }
ul.contentMenu .costume::before { background-image: url(/studio/img/menu_costume.jpg); }


/*======================================================================*
 *  [ campaignBox | キャンペーンなど ]
 *======================================================================*/

.campaignBox {
	margin: 0 !important;
	padding: 23px 45px;
	border: 7px solid #d4d4d4;
	background: #fff;
}
.campaignBox + .campaignBox { margin-top: 40px !important; }
.campaignBox::after {
	content: "";
	clear: both;
	display: block;
}

/* [ Title ] */
.campaignBox .title {
	float: left;
	width: calc(100% - 300px);
}
.campaignBox .title p { margin-bottom: 30px; }
.campaignBox .title span {
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
	font-size: 1.4rem;
	line-height: 1.2;
}
.campaignBox .title h2 {
	color: #e84566;
	font-size: 1.8rem;
}
.campaignBox .title h2 b {
	margin-top: 10px;
	background: -webkit-linear-gradient(transparent 60%, #fefbcc 60%);
	background: linear-gradient(transparent 60%, #fefbcc 60%);
	font-size: 2.6rem;
}

/* [ Image ] */
.campaignBox figure {
	float: right;
	width: 280px;
}

/* [ Text ] */
.campaignBox .text {
	float: left;
	width: calc(100% - 300px);
}

/* [ 詳細 ] */
.campaignBox .detail {
	position: relative;
	padding: 50px 0 15px 0;
	text-align: center;
	clear: both;
}
.campaignBox .detail::before {
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
	border-top: 3px dotted #d4d4d4;
	content: "";
}

/* [ 画像なし ] */
.campaignBox.noimg .title, 
.campaignBox.noimg .text  {
	float: none;
	width: 100%;
}


@media screen and (max-width: 767px) { /* Smartphone */
	.campaignBox {
		max-width: 385px;
		margin: 0 auto !important;
		padding: 0 16px;
		border-width: 4px;
	}
	.campaignBox + .campaignBox { margin-top: 20px !important; }
	
	/* [ Title ] */
	.campaignBox .title {
		float: none;
		width: 100%;
		text-align: center;
	}
	.campaignBox .title p { margin-bottom: 15px; }
	.campaignBox .title span { font-size: 1.2rem; }
	.campaignBox .title h2 { font-size: 1.4rem; }
	.campaignBox .title h2 b { font-size: 2.2rem; }
	
	/* [ Image ] */
	.campaignBox figure {
		float: none;
		width: 100%;
	}
	.campaignBox figure img { width: 100%; }
	
	/* [ Text ] */
	.campaignBox .text {
		float: none;
		width: 100%;
	}
	.campaignBox .text p { font-size: 1.2rem; }
	.campaignBox .text p b { font-size: 1.4rem; }
	
	/* [ 詳細 ] */
	.campaignBox .detail { padding: 23px 0 20px 0; }
	.campaignBox .detail::before { top: 0; }
} /* */

/*======================================================================*
 *  [ infoBox | プチ情報 ]
 *======================================================================*/

dl.infoBox {
	margin: 30px 0;
	padding: 20px;
	background: #fef6e5;
	text-align: center;
}
.infoBox dt {
	color: #e84566;
	font-weight: bold;
}
.infoBox dd + dt { margin-top: 20px; } 
.infoBox dt + dd { margin-top: 5px; }
.infoBox dd { padding: 0; }

@media screen and (max-width: 767px) { /* Smartphone */
	dl.infoBox {
		margin: 20px 0;
		padding: 15px 10px;
	}
	.infoBox dd + dt { margin-top: 15px; } 
} /* */

/*======================================================================*
 *  [ planBox | プラン・料金 ]
 *======================================================================*/

.planBox {
	position: relative;
	margin: 75px 0 !important;
	padding: 45px;
	background: #fff;
	background:
		-moz-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-moz-linear-gradient(135deg, transparent 15px, #fff 15px),
		-moz-linear-gradient(225deg, transparent 15px, #fff 15px),
		-moz-linear-gradient(315deg, transparent 15px, #fff 15px);
	background:
		-o-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-o-linear-gradient(135deg, transparent 15px, #fff 15px),
		-o-linear-gradient(225deg, transparent 15px, #fff 15px),
		-o-linear-gradient(315deg, transparent 15px, #fff 15px);
	background:
		-webkit-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-webkit-linear-gradient(135deg, transparent 15px, #fff 15px),
		-webkit-linear-gradient(225deg, transparent 15px, #fff 15px),
		-webkit-linear-gradient(315deg, transparent 15px, #fff 15px);
	background-position: bottom left, bottom right, top right, top left;
	-moz-background-size: 51% 51%;
	-webkit-background-size: 51% 51%;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}
.planBox:last-child { margin-bottom: 0 !important; }
.planBox::after {
	content: "";
	clear: both;
	display: block;
}

/* [ アイコン ] */
.planBox .icon {
	position: absolute;
	top: 0;
	left: 35px;
	padding: 5px 10px;
	background: #e84566;
	color: #fff;
	font-size: 1.4rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* [ Title ] */
.planBox .planTitle {
	position: relative;
	margin: 0 0 30px;
	padding-bottom: 15px;
	color: #666;
	font-size: 3.4rem;
	font-weight: normal;
	text-align: center;
}
.planBox .planTitle::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 55px;
	height: 1px;
	background: #96b1b9;
	transform: translateX(-50%);
	content: "";
}
.planBox .planTitle span { font-size: 2.8rem; }

/* [ 限定 ] */
.planBox .limited {
	color: #e84566;
	line-height: 1.2;
}
.planBox .limited > * {
	display: inline-block;
	margin: 5px 5px 5px 0;
	padding: 2px 5px;
	border: 1px solid #e84566;
	font-weight: 400;
}

/* [ Image ] */
.planBox > figure, 
.planBox > .lbox {
	float: left;
	width: 490px;
}

/* [ Box ] */
.planBox > div { clear: both; }
.planBox > figure + div,
.planBox > figure + .box ,
.planBox > .lbox + .box {
	float: right;
	width: 490px;
	clear: none;
	/* font-size: 1.4rem; */
}

/* [ Image ] */
.planBox .img {
	text-align: center;
}

/* [ Text ] */
.planBox .text {
	color: #333;
}
.planBox .text b {
	display: inline-block;
	margin-bottom: 5px;
	color: #666;
	font-size: 1.8rem;
	line-height: 1.4;
}
/* .planBox .text .check {
	font-size: 1.6rem;
	color: #e84566;
}
.planBox .text dl.limited {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 10px 0;
}
.planBox .text dl.limited dt {
	padding: 5px 10px;
	background: #e84566;
	color: #fff;
	line-height: 1.2;
	white-space: nowrap;
}
.planBox .text dl.limited dd {
	-webkit-flex: 1;
	flex: 1;
	padding: 0 10px;
	color: #e84566;
	font-weight: bold;
	line-height: 1.2;
}
.planBox .text dl.limited + p { margin-top:10px !important; } */

/* [ Set ] */
.planBox dl.set {
	display: flex;
	flex-wrap: wrap;
	margin-right: -3px;
	font-size: 1.4rem;
	font-weight: 400;
}
.planBox dl.set dt {
	width: 100%;
	margin-bottom: 5px;
	color: #708b94;
	font-weight: bold;
	line-height: 1.2;
}
.planBox dl.set dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33.33%;
	margin-top: 3px;
	padding: 7px 2px;
	border-right: 3px solid #fff;
	background: #96b1b9;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}
.planBox dl.set dd * {
	margin: 0;
	line-height: 1.2;
}
.planBox dl.set dd > b {
	font-weight: 400;
}
.planBox dl.set dd span {
	display: inline-block;
	font-size: calc(1em - 0.2rem);
}

.planBox div.set { margin: 20px 0; }
.planBox div.set > p {
	margin-bottom: 10px;
	color: #708b94;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}
.planBox div.set ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: -5px -3px 0 0;
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: center;
}
.planBox div.set li {
	width: 33.33%;
	margin-top: 3px;
	padding: 7px 0;
	border-right: 3px solid #fff;
	background: #96b1b9;
	color: #fff;
}
.planBox div.set li.wide3 { width: 100%; }
.planBox div.set li > * {
	margin: 0;
	line-height: 1.2;
}
.planBox div.set span { font-size: 1.2rem; }

/* [ Price ] */
.planBox .price {
	margin-top: 30px;
	color: #666;
	font-weight: bold;
	line-height: 1.2;
	text-align: right;
}
.planBox .price + .price { margin-top: 15px; }
.planBox .price em, b, span { display: inline-block; }
.planBox .price em {
	font-size: 3rem;
	font-weight: 700;
}
.planBox .price em::after { font-size: 1.6rem; }
.planBox .price b em { font-size: 2.4rem; }
.planBox .price b em::after { font-size: 1.4rem; }
.planBox .price b { font-size: 1.8rem; }
.planBox .price.small { font-size: 1.6rem !important; }
.planBox .price.small em { font-size: 2.2rem; }
.planBox .price.small em::after { font-size: 1.4rem; }

/* [ Sub Price ] */
.planBox .price.sub {
}

/* [ Special Price ] */
.planBox .price.special {
	color: #e84566;
}
.planBox .price.special + .price {
	position: relative;
	width:-moz-fit-content;
	width:fit-content;
	margin: 0 0 0 auto;
	font-size: calc(1em - 0.2rem);
}
.planBox .price.special + .price::after {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #666;
	content: "";
}
.planBox .price.special + .price em { font-size: 2.4rem; }
.planBox .price.special + .price em::after { font-size: 1.4rem; }
.planBox .price.special + .price b { font-size: 1.6rem; }

/* .planBox .price span {
	display: inline-block;
	font-size: 1.6rem;
}
.planBox .price em::after {
	font-size: 1.8rem;
	content: "（税込）";
}
.planBox .price.sen em { position: relative; }
.planBox .price.sen em::before {
	position: absolute;
	top: 50%;
	width: 100%;
	border-top: 1px solid #666;
	content: "";
}
.planBox .price.small { font-size: 1.8rem !important; }
.planBox .price.small em { font-size: 2rem; }
.planBox .price.small em::after { font-size: 1.4rem; }
.planBox .price + .note { text-align: right; } */

/* [ 特記 ] */
.planBox .spnote {
	margin-top: 10px;
	padding: 10px;
	background: #e84566;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
.planBox .spnote em {
	font-size: 2.2rem;
}

/* [ 補足 ] */
.planBox .addition {
	clear: both;
	padding-top: 15px;
	border-top: 3px dashed #f4f3f9;
}
.planBox .addition em {
	font-size: calc(1em + 0.2rem);
}
.planBox .box .addition {
	line-height: 1.4;
}

/* [ Sample ] */
.planBox .sample {
	padding: 20px 0;
	text-align: center;
	clear: both;
}
.planBox .sample img {
	width: 100%;
}

/* [ 特典 ] */
.planBox .tokuten {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	list-style: none;
	margin: 0 0 15px;
	padding-top: 45px;
	clear: both;
	font-weight: bold;
	text-align: center;
}
.planBox .tokuten::before {
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 1px dashed #96b1b9;
	content: "";
}
.planBox .tokuten dt {
	width: 100%;
	color: #708b94;
	font-size: calc(1em + 0.2rem);
}
.planBox .tokuten dd {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: calc(33.33% - 20px);
	margin: 30px 0 0 30px;
	padding: 15px 10px 10px;
	border: 2px solid #F4F3F9;
	line-height: 1.4;
}
.planBox .tokuten dd:nth-of-type(3n+1) { margin-left: 0; }
.planBox .tokuten.wide dd {
	width: calc(50% - 15px);
	margin: 30px 0 0 30px;
}
.planBox .tokuten.wide dd:nth-of-type(3n+1) { margin-left: 30px; }
.planBox .tokuten.wide dd:nth-of-type(2n+1) { margin-left: 0; }
.planBox .tokuten dd::before {
	position: absolute;
	top: 0;
	left: 50%;
	color: #96b1b9;
	font-size: 2.4rem;
	font-family: 'Outfit', sans-serif;
	font-weight: 400;
	line-height: 1;
	content: "01";
	transform: translate(-50%, -50%);
}
.planBox .tokuten dd:nth-of-type(1)::before { content: "01"; }
.planBox .tokuten dd:nth-of-type(2)::before { content: "02"; }
.planBox .tokuten dd:nth-of-type(3)::before { content: "03"; }
.planBox .tokuten dd:nth-of-type(4)::before { content: "04"; }
.planBox .tokuten dd:nth-of-type(5)::before { content: "05"; }
.planBox .tokuten dd:nth-of-type(6)::before { content: "06"; }
.planBox .tokuten dd:nth-of-type(7)::before { content: "07"; }
.planBox .tokuten dd:nth-of-type(8)::before { content: "08"; }
.planBox .tokuten dd:nth-of-type(9)::before { content: "09"; }
.planBox .tokuten dd:nth-of-type(10)::before { content: "10"; }
.planBox .tokuten dd:nth-of-type(11)::before { content: "11"; }
.planBox .tokuten dd:nth-of-type(12)::before { content: "12"; }
.planBox .tokuten dd b b {
	color: #E84667;
	font-size: calc(1em + 0.4rem);
}
.planBox .tokuten dd span {
	display: block;
	margin-top: 5px;
	font-size: calc(1em - 0.2rem);
	font-weight: 300;
}


/* [ note ] */
.planBox .note * { text-indent: 0; }
.planBox .note a { color: #666; }
.planBox .note a:hover, 
.planBox .note a:active { color: #666; }
.planBox .notes {
	clear: both;
}

/* [ 写真無2列 ] */
.planWrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 75px 0;
}
.planWrap .planBox {
	width: calc(50% - 20px);
	margin: 0 !important;
}
.planWrap .planBox:nth-of-type(2) ~ .planBox { margin-top: 40px !important; }
.planWrap .planBox .box { width: 100%; }
.planWrap .planBox .limited { text-align: center; }

@media screen and (max-width: 767px) { /* Smartphone */
	.planBox {
		margin: 20px 0;
		padding: 30px 20px;
	}
	
	/* [ Title ] */
	.planBox .planTitle {
		float: none;
		width: 100%;
		padding-bottom: 10px;
		font-size: 2.4rem;
	}
	.planBox .planTitle span { font-size: 1.8rem; }
	.planBox.seijin h3 { font-size: 2.4rem; }
	.planBox.seijin h3 span { font-size: 1.6rem; }
	
	/* [ Image ] */
	.planBox > figure {
		float: none;
		width: 100%;
	}
	.planBox > figure img { width: 100%; }
	
	/* [ Box ] */
	.planBox > figure + div,
	.planBox > figure + .box {
		float: none;
		width: 100%;
		font-size: 1.2rem;
	}

	/* [ Text ] */
	.planBox .text { font-size: 1.3rem; }
	.planBox .text p b { font-size: 1.6rem; }
	.planBox .text .check { font-size: 1.4rem; }

	/* [ Set ] */
	.planBox .set { margin: 15px 0; }
	.planBox .set ul { font-size: 1.2rem; }
	.planBox .set li { width: 50%; }
	.planBox .set li.wide { width: 100%; }
	.planBox .set li:nth-child(even).wide3 { width: 50%; }
	.planBox .set span { font-size: 1.1rem; }

	.planBox dl.set {
		font-size: 1.3rem;
	}
	.planBox dl.set dd {
		width: 50%;
		font-weight: bold;
	}
	.planBox dl.set dd > b { font-weight: bold; }
	.planBox dl.set dd span { font-weight: 400; }
	
	/* [ Price ] */
	.planBox .price {
		margin-top: 20px;
		font-size: 1.6rem !important;
		text-align: right;
	}
	.planBox .price em { font-size: 2.4rem; }
	.planBox .price em::after { font-size: 1.4rem; }
	.planBox .price.small { font-size: 1.4rem !important; }
	.planBox .price.small em { font-size: 2rem; }
	.planBox .price.small em::after { font-size: 1.2rem; }

	/* [ Special Price ] */
	.planBox .price.special + .price { font-size: calc(1em - 0.2rem) !important; }
	.planBox .price.special + .price em { font-size: 2rem; }
	.planBox .price.special + .price em::after { font-size: 1.2rem; }
	.planBox .price.special + .price b { font-size: 1.4rem; }
	
	/* [ 特記 ] */
	.planBox .spnote {
		padding: 5px 10px;
		font-size: 1.4rem;
	}
	.planBox .spnote em {
		font-size: 1.8rem;
	}
	
	/* [ Sample ] */
	.planBox .sample {
		padding: 10px 0;
	}

	/* [ 特典 ] */
	.planBox .tokuten { padding-top: 20px; }
	.planBox .tokuten::before { top: 0; }
	.planBox .tokuten dd, 
	.planBox .tokuten.wide dd {
		display: block;
		width: 100%;
		margin: 20px 0 0;
		padding: 20px 10px 10px;
		font-weight: bold;
	}
	.planBox .tokuten dd::before { font-size: 2.2rem; }
	.planBox .tokuten dd > * { font-weight: bold; }
	.planBox .tokuten dd span { font-weight: 400; }
	
	/* [ Special ] */
	.planBox .special { font-size: 1.6rem !important; }
	.planBox .special em { font-size: 2.4rem; }
	.planBox .special em::after { font-size: 1.4rem; }

	/* [ 写真無2列 ] */
	.planWrap {
		display: block;
		margin: 20px 0;
	}
	.planWrap .planBox {
		width: 100%;
		margin: 0 !important;
	}
	.planWrap .planBox:nth-of-type(1) ~ .planBox { margin-top: 40px !important; }
} /* */


/*======================================================================*
 *  [ estimateBox | お見積り ]
 *======================================================================*/

.estimateBox {
	margin: 30px 0;
	padding: 40px 35px;
	background: #fff;
	background:
		-moz-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-moz-linear-gradient(135deg, transparent 15px, #fff 15px),
		-moz-linear-gradient(225deg, transparent 15px, #fff 15px),
		-moz-linear-gradient(315deg, transparent 15px, #fff 15px);
	background:
		-o-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-o-linear-gradient(135deg, transparent 15px, #fff 15px),
		-o-linear-gradient(225deg, transparent 15px, #fff 15px),
		-o-linear-gradient(315deg, transparent 15px, #fff 15px);
	background:
		-webkit-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-webkit-linear-gradient(135deg, transparent 15px, #fff 15px),
		-webkit-linear-gradient(225deg, transparent 15px, #fff 15px),
		-webkit-linear-gradient(315deg, transparent 15px, #fff 15px);
	background-position: bottom left, bottom right, top right, top left;
	-moz-background-size: 51% 51%;
	-webkit-background-size: 51% 51%;
	background-size: 51% 51%;
	background-repeat: no-repeat;
	text-align: center;
}

/* [ Title ] */
.estimateBox h3 {
	position: relative;
	margin: 20px 0;
	padding-bottom: 15px;
	color: #000;
	font-size: 2.6rem;
	font-weight: normal;
}
.estimateBox h3::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 55px;
	height: 1px;
	background: #96B1B9;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	content: "";
}

/* [ Text ] */
.estimateBox p { font-size: 1.8rem; }

/* [ Tel / LINE ] */
.estimateBox ul {
	list-style: none;
	margin: 30px 0 15px;
	line-height: 1;
}
.estimateBox li + li { margin-top: 30px; }
.estimateBox li a { text-decoration: none; }

/* [ Tel ] */
.estimateBox .tel b {
	padding-left: 30px;
	background: url(../img/icon_tel_gy.svg) left center no-repeat;
	background-size: 30px 30px;
	font-size: 3.5rem;
}
.estimateBox .tel span {
	display: block;
	margin-top: 5px;
	font-size: 1.4rem;
}

/* [ LINE ] */
.estimateBox .line a {
	display: inline-block;
	font-weight: bold;
	font-size: calc(1em + 0.2rem);
}
.estimateBox .line a:hover,
.estimateBox .line a:active { text-decoration: underline; }
.estimateBox .line a:before {
	display: inline-block;
	margin-right: 0.2em;
	width: 1em;
	height: 1em;
	background: url(../img/icon_line.png) center center / contain no-repeat;
	vertical-align: bottom;
	content: "";
}

@media screen and (max-width: 767px) { /* Smartphone */
	.estimateBox {
		margin: 20px 0;
		padding: 30px 20px;
	}
	
	/* [ Title ] */
	.estimateBox h3 { font-size: 2rem; }
	
	/* [ Text ] */
	.estimateBox p { font-size: 1.4rem; }

	/* [ Tel / LINE ] */
	.estimateBox ul { margin: 30px 0 15px; }
	.estimateBox li + li { margin-top: 20px; }
	
	/* [ Tel ] */
	.estimateBox .tel b {
		padding-left: 22px;
		background-size: 22px 22px;
		font-size: 2.4rem;
	}
	.estimateBox .tel span {
		display: block;
		margin-top: 5px;
		font-size: 1.1rem;
	}

} /* */

/*======================================================================*
 *  [ optionTable | オプション ]
 *======================================================================*/

.optionTable {
	width: 100%;
	max-width: 840px;
	margin: 15px auto;
	border-top: 1px solid #dedede;
	line-height: 1.2;
}
.optionTable th, 
.optionTable td {
	padding: 15px 10px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
}
.optionTable th {
	font-size: 1.8rem;
	color: #708b94;
	text-align: left;
}
.optionTable .spec { font-size: 1.4rem; }
.optionTable .price {
	font-weight: bold;
	text-align: right;
}
.optionTable .price em { font-size: 2rem; }

@media screen and (max-width: 767px) { /* Smartphone */
	.optionTable tr {
		display: block;
		padding: 10px;
		border-bottom: 1px solid #dedede;
	}
	.optionTable th, 
	.optionTable td {
		display: block;
		width: 100% !important;
		padding: 0;
		border-bottom: none;
	}
	.optionTable th { font-size: 1.6rem; }
	.optionTable td { margin-top: 5px }
	.optionTable .spec { font-size: 1.2rem; }
	.optionTable .spec::before { content: "[ "; }
	.optionTable .spec::after { content: " ]"; }
	.optionTable .price em { font-size: 1.8rem; }
} /* */

/*======================================================================*
 *  [ albumBox | アルバム ]
 *======================================================================*/

.albumBox {
	position: relative;
	margin: 40px 0 !important;
	padding: 25px 45px;
	background: #fff;
	background:
		-moz-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-moz-linear-gradient(135deg, transparent 15px, #fff 15px),
		-moz-linear-gradient(225deg, transparent 15px, #fff 15px),
		-moz-linear-gradient(315deg, transparent 15px, #fff 15px);
	background:
		-o-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-o-linear-gradient(135deg, transparent 15px, #fff 15px),
		-o-linear-gradient(225deg, transparent 15px, #fff 15px),
		-o-linear-gradient(315deg, transparent 15px, #fff 15px);
	background:
		-webkit-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-webkit-linear-gradient(135deg, transparent 15px, #fff 15px),
		-webkit-linear-gradient(225deg, transparent 15px, #fff 15px),
		-webkit-linear-gradient(315deg, transparent 15px, #fff 15px);
	background-position: bottom left, bottom right, top right, top left;
	-moz-background-size: 51% 51%;
	-webkit-background-size: 51% 51%;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}
.albumBox::after {
	content: "";
	clear: both;
	display: block;
}

/* [ Title ] */
.albumBox .title {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 5px 0;
}
.albumBox h3 {
	position: relative;
	margin: 0;
	padding: 10px 0;
	color: #666;
	font-size: 3.4rem;
	font-weight: normal;
}
.albumBox h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 55px;
	height: 1px;
	background: #96b1b9;
	content: "";
}
.albumBox h3 span { font-size: 2.8rem; }
.albumBox .type {
	margin-left: 20px;
	padding: 7px 10px;
	border-radius: 15px;
	background: #d3eef6;
	color: #47a2be;
	font-size: 1.4rem;
	font-weight: bold;
}
.albumBox .type + .type { margin-left: 10px; }
.albumBox .type.original {
	background: #f0eadc;
	color: #b99856;
}
.albumBox .type.template {
	background: #dfebef;
	color: #718B94;
}
.albumBox .type.kosei {
	padding: 6px 9px;
	border: 1px solid #b99856;
	background: #fff;
	color: #b99856;
	font-weight: normal;
}

/* [ Image ] */
.albumBox > figure {
	float: left;
	width: 420px;
}
.albumBox > figure figcaption { font-size: 1.4rem; }

/* [ Text ] */
.albumBox .text {
	float: right;
	width: 560px;
}
.albumBox .text p b { color: #718B94; }
.albumBox .text .special, 
.albumBox .text .special b {
	font-weight: bold;
	color: #e84566;
}
.albumBox .text dl.plus {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 10px 0;
}
.albumBox .text dl.plus dt {
	padding: 5px 10px;
	background: #e84566;
	color: #fff;
	line-height: 1.2;
	white-space: nowrap;
}
.albumBox .text dl.plus dd {
	-webkit-flex: 1;
	flex: 1;
	padding: 0 10px;
	color: #e84566;
	font-weight: bold;
	line-height: 1.2;
}
.albumBox .text dl.plus + p { margin-top:10px !important; }

/* [ Set ] */
.albumBox .set {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	float: right;
	width: 560px;
	margin-top: 10px;
}

/* [ Basic ] */
.albumBox .basic {
	-webkit-flex: 1;
	flex: 1;
}

/* [ Option ] */
.albumBox .option {
	position: relative;
	width: 30%;
	margin-left: 50px;
}
.albumBox .option::before {
	position: absolute;
	top: 95px;
	width: 100%;
	font-size: 1.4rem;
	text-align: center;
	content: "OPTION";
}
.albumBox .option .icon { position: relative; }
.albumBox .option .icon::before, 
.albumBox .option .icon::after {
	position: absolute;
	top: 50%;
	left: -25px;
	background: #dadada;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	content: "";
}
.albumBox .option .icon::before {
	width: 42px;
	height: 6px;
}
.albumBox .option .icon::after {
	width: 6px;
	height: 42px;
}

/* [ Icon ] */
.albumBox .icon {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	list-style: none;
	margin: 0;
}
.albumBox .icon li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100px;
	height: 100px;
	margin-top: 0;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.albumBox .basic .icon li { color: #708b94; }
.albumBox .icon li + li { margin-left: 15px; }
.albumBox .icon .page { width: 134px; background-image: url(../../studio/album/img/icon_page.svg); }
.albumBox .icon .men2 { width: 104px; background-image: url(../../studio/album/img/icon_men2.svg); }
.albumBox .icon .men3 { width: 154px; background-image: url(../../studio/album/img/icon_men3.svg); }
.albumBox .icon .cut  { background-image: url(../../studio/album/img/icon_cut.svg); }
.albumBox .icon .data { background-image: url(../../studio/album/img/icon_data.svg); }
.albumBox .icon .usb  { background-image: url(../../studio/album/img/icon_usb.svg); }
.albumBox .option .icon .data { background-image: url(../../studio/album/img/icon_data_op.svg); }
.albumBox .option .icon .usb { background-image: url(../../studio/album/img/icon_usb_op.svg); }
.albumBox .icon span { width: 100%; }

/* [ Design ] */
.albumBox .design {
	margin-top: 0;
	text-align: center;
	font-weight: bold;
}
.albumBox .basic .design {
	color: #708b94;
	font-size: 2rem;
	line-height: 1;
}
.albumBox .basic .design span { font-size: 1.6rem; }
.albumBox .basic .design em { font-size: 3rem; }
.albumBox .basic .design em::after { font-size: 1.6rem; }
.albumBox .basic .design span em { font-size: 2rem; }
.albumBox .basic .design span em::after { font-size: 1.2rem; }
.albumBox .option .design em { font-size: 2rem; }
.albumBox .option .design em::after { font-size: 1.2rem; }

.albumBox .design + .icon {
	position: relative;
	margin-top: 70px;
}
.albumBox .design + .icon::before, 
.albumBox .design + .icon::after {
	position: absolute;
	top: -35px;
	left: 50%;
	background: #dadada;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	content: "";
}
.albumBox .design + .icon::before {
	width: 42px;
	height: 6px;
}
.albumBox .design + .icon::after {
	width: 6px;
	height: 42px;
}

/* [ Price ] */
.albumBox .price {
	padding-top: 15px;
	border-top: 1px solid #dbdee3;
	text-align: center;
	font-weight: bold;
}
.albumBox .price + .price {
	padding-top: 0;
	border-top: none;
}
.albumBox .basic .price {
	color: #708b94;
	font-size: 2rem;
	line-height: 1;
}
.albumBox .basic .price + .price { line-height: 1.2; }
.albumBox .basic .price span { font-size: 1.6rem; }
.albumBox .basic .price em { font-size: 3rem; }
.albumBox .basic .price em::after { font-size: 1.6rem; }
.albumBox .basic .price span em { font-size: 2rem; }
.albumBox .basic .price span em::after { font-size: 1.2rem; }
.albumBox .option .price em { font-size: 2rem; }
.albumBox .option .price em::after { font-size: 1.2rem; }

@media screen and (max-width: 767px) { /* Smartphone */
	.albumBox {
		margin: 20px 0;
		padding: 20px 20px 10px;
	}
	
	/* [ Title ] */
	.albumBox .title {
		display: block;
		margin: 5px 0;
		text-align: center;
	}
	.albumBox h3 {
		font-size: 2.4rem;
		margin: 10px 0;
		padding: 0 0 10px;
	}
	.albumBox h3::after {
		left: calc(50% - 27.5px);
	}
	.albumBox h3 span { font-size: 1.8rem; }
	.albumBox .type {
		margin-top: 5px;
		margin-left: 0;
		font-size: 1.2rem;
	}
	.albumBox .type + .type { margin-left: 5px; }
	
	/* [ Image ] */
	.albumBox > figure {
			float: none;
			width: 100%;
	}
	.albumBox > figure img { width: 100%; }
	.albumBox > figure figcaption {
		font-size: 1.2rem;
		text-align: center;
	}
	
	/* [ Text ] */
	.albumBox .text {
		float: none;
		width: 100%;
	}
	
	/* [ Set ] */
	.albumBox .set {
		display: block;
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	
	/* [ Option ] */
	.albumBox .option {
		width: 100%;
		margin: 50px 0 0;
	}
	.albumBox .option::before {
		top: 68px;
		font-size: 1.2rem;
	}
	.albumBox .option .icon::before, 
	.albumBox .option .icon::after {
		top: -25px;
		left: 50%;
	}
	.albumBox .option .icon::before {
		width: 30px;
		height: 5px;
	}
	.albumBox .option .icon::after {
		width: 5px;
		height: 30px;
	}

	/* [ Design ] */
	.albumBox .design { margin-top: 0; }
	.albumBox .basic .design { font-size: 1.6rem; }
	.albumBox .basic .design span { font-size: 1.4rem; }
	.albumBox .basic .design em { font-size: 2.4rem; }
	.albumBox .basic .design em::after { font-size: 1.4rem; }
	.albumBox .option .design em { font-size: 1.8rem; }
	.albumBox .option .design em::after { font-size: 1.1rem; }

	.albumBox .design + .icon {
		margin-top: 50px;
	}
	.albumBox .design + .icon::before, 
	.albumBox .design + .icon::after {
		top: -25px;
		left: 50%;
	}
	.albumBox .design + .icon::before {
		width: 30px;
		height: 5px;
	}
	.albumBox .design + .icon::after {
		width: 5px;
		height: 30px;
	}
	
	/* [ Icon ] */
	.albumBox .icon li {
		width: 70px;
		height: 70px;
		font-size: 1.4rem;
	}
	.albumBox .icon li + li { margin-left: 5px; }
	.albumBox .icon .page { width: 94px; }
	.albumBox .icon .men2 { width: 73px; }
	.albumBox .icon .men3 { width: 108px; }
	
	/* [ Price ] */
	.albumBox .price { padding-top: 10px; }
	.albumBox .basic .price { font-size: 1.6rem; }
	.albumBox .basic .price span { font-size: 1.4rem; }
	.albumBox .basic .price em { font-size: 2.4rem; }
	.albumBox .basic .price em::after { font-size: 1.4rem; }
	.albumBox .option .price em { font-size: 1.8rem; }
	.albumBox .option .price em::after { font-size: 1.1rem; }
} /* */

@media screen and (max-width: 480px) { /* Smartphone */
} /* */


/*======================================================================*
 *  [ locationList | ロケ一覧 ]
 *======================================================================*/

ul.locationList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	text-align: center;
	margin: 0;
}
.locationList li {
	width: calc(25% - 11.25px);
}
ul.locationList a {
	display: block;
	position: relative;
	text-decoration: none;
}
ul.locationList figure { margin: 0; }
ul.locationList figure img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}
ul.locationList figcaption {
	position: absolute;
	top: -10px;
	left: 5px;
	width: 85px;
	margin: 0;
	padding: 8px 0;
	background: #e84566;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1;
}
ul.locationList figure + p {
	margin: 0;
	padding: 10px;
	background: rgba(125,125,125,.75);
	color: #fff;
	line-height: 1.2;
	-webkit-transition: background ease .3s; /* Safari */
	transition: background ease .3s, color ease .3s;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
ul.locationList figure + p::after {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 9px;
	height: 15px;
	margin-top: -7px;
	background: url(../img/arrow_nl_wh.svg);

	background-size: 9px 15px;
	content: "";
}

ul.locationList a:hover figure + p, 
ul.locationList a:active figure + p { background: rgba(245,165,0,.75); }


@media screen and (max-width: 767px) { /* Smartphone */
} /* */

/*======================================================================*
 *  [ locationBox | ロケーション ]
 *======================================================================*/

 .locationBox {
	position: relative;
	margin: 75px 0 !important;
	padding: 45px;
	background: #fff;
	background:
		-moz-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-moz-linear-gradient(135deg, transparent 15px, #fff 15px),
		-moz-linear-gradient(225deg, transparent 15px, #fff 15px),
		-moz-linear-gradient(315deg, transparent 15px, #fff 15px);
	background:
		-o-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-o-linear-gradient(135deg, transparent 15px, #fff 15px),
		-o-linear-gradient(225deg, transparent 15px, #fff 15px),
		-o-linear-gradient(315deg, transparent 15px, #fff 15px);
	background:
		-webkit-linear-gradient(45deg,  transparent 15px, #fff 15px),
		-webkit-linear-gradient(135deg, transparent 15px, #fff 15px),
		-webkit-linear-gradient(225deg, transparent 15px, #fff 15px),
		-webkit-linear-gradient(315deg, transparent 15px, #fff 15px);
	background-position: bottom left, bottom right, top right, top left;
	-moz-background-size: 51% 51%;
	-webkit-background-size: 51% 51%;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}
.locationBox:last-child { margin-bottom: 0 !important; }
.locationBox::after {
	content: "";
	clear: both;
	display: block;
}

/* [ Title ] */
.locationBox .locationTitle {
	position: relative;
	margin: 0 0 30px;
	padding-bottom: 15px;
	color: #666;
	font-size: 3.4rem;
	font-weight: normal;
	text-align: center;
}
.locationBox .locationTitle::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 55px;
	height: 1px;
	background: #96b1b9;
	transform: translateX(-50%);
	content: "";
}
.locationBox .locationTitle span { font-size: 2.8rem; }

/* [ 限定 ] */
.locationBox .limited {
	color: #e84566;
	line-height: 1.2;
}
.locationBox .limited > * {
	display: inline-block;
	margin: 5px 5px 5px 0;
	padding: 2px 5px;
	border: 1px solid #e84566;
	font-weight: 400;
}

/* [ Image ] */
.locationBox > .img {
	float: left;
	width: 490px;
	margin: 15px 0;
}

/* [ Box ] */
.locationBox > .box {
	float: right;
	width: 490px;
	clear: none;
	/* font-size: 1.4rem; */
}

/* [ Text ] */
.locationBox .text {
	color: #333;
}
.locationBox .text b {
	display: inline-block;
	margin-bottom: 5px;
	color: #666;
	font-size: calc(1em + 0.2rem);
	line-height: 1.4;
}

/* [ Table ] */
.locationBox .detail {
	width: 100%;
	border-bottom: 1px solid #DBDEE3;
}
.locationBox .detail th,
.locationBox .detail td {
	padding: 10px;
	border-top: 1px solid #DBDEE3;
}
.locationBox .detail th {
	width: calc(4em + 20px);
	color: #718B94;
	white-space: nowrap;
	text-align: center;
}
.locationBox .detail td span { font-size: calc(1em - 0.2rem); }

/* [ Exanple ] */
.locationBox .example {
	margin: 15px 0;
	padding: 15px;
	background: #F5F5F5;
	font-size: calc(1em - 0.1rem);
}
.locationBox .example dt {
	margin-bottom: 5px;
	color: #718B94;
	font-weight: bold;
}
.locationBox .example dt::before { content: "＜ "; }
.locationBox .example dt::after { content: " ＞"; }
.locationBox .example dt span {
	font-size: calc(1em - 0.1rem);
	font-weight: normal;
}
.locationBox .example dd {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.locationBox .example dd::after { content: " /"; }
.locationBox .example dd:last-of-type::after { content: " など"; }

/* [ Set ] */
.locationBox dl.set {
	display: flex;
	flex-wrap: wrap;
	margin-right: -3px;
	font-size: 1.4rem;
	font-weight: 400;
}
.locationBox dl.set dt {
	width: 100%;
	margin-bottom: 5px;
	color: #708b94;
	font-weight: bold;
	line-height: 1.2;
}
.locationBox dl.set dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33.33%;
	margin-top: 3px;
	padding: 7px 2px;
	border-right: 3px solid #fff;
	background: #96b1b9;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}
.locationBox dl.set dd * {
	margin: 0;
	line-height: 1.2;
}
.locationBox dl.set dd > b {
	font-weight: 400;
}
.locationBox dl.set dd span {
	display: inline-block;
	font-size: calc(1em - 0.2rem);
}

.locationBox div.set { margin: 20px 0; }
.locationBox div.set > p {
	margin-bottom: 10px;
	color: #708b94;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}
.locationBox div.set ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: -5px -3px 0 0;
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: center;
}
.locationBox div.set li {
	width: 33.33%;
	margin-top: 3px;
	padding: 7px 0;
	border-right: 3px solid #fff;
	background: #96b1b9;
	color: #fff;
}
.locationBox div.set li.wide3 { width: 100%; }
.locationBox div.set li > * {
	margin: 0;
	line-height: 1.2;
}
.locationBox div.set span { font-size: 1.2rem; }

/* [ Price ] */
.locationBox .price {
	margin-top: 30px;
	color: #666;
	font-weight: bold;
	line-height: 1.2;
	text-align: right;
}
.locationBox .price + .price { margin-top: 15px; }
.locationBox .price em, b, span { display: inline-block; }
.locationBox .price em {
	font-size: 3rem;
	font-weight: 700;
}
.locationBox .price em::after { font-size: 1.6rem; }
.locationBox .price b em { font-size: 2.4rem; }
.locationBox .price b em::after { font-size: 1.4rem; }
.locationBox .price b { font-size: 1.8rem; }
.locationBox .price b.free { font-size: 2.4rem; }
.locationBox .price em.free { font-size: 2.4rem; }
.locationBox .price em.free::after { display: none; }

/* [ 特典 ] */
.locationBox .tokuten {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	list-style: none;
	margin: 0 0 15px;
	padding-top: 45px;
	clear: both;
	font-weight: bold;
	text-align: center;
}
.locationBox .tokuten::before {
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 1px dashed #96b1b9;
	content: "";
}
.locationBox .tokuten dt {
	width: 100%;
	color: #708b94;
	font-size: calc(1em + 0.2rem);
}
.locationBox .tokuten dd {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: calc(33.33% - 20px);
	margin: 30px 0 0 30px;
	padding: 15px 10px 10px;
	border: 2px solid #F4F3F9;
	line-height: 1.4;
}
.locationBox .tokuten dd:nth-of-type(3n+1) { margin-left: 0; }
.locationBox .tokuten.wide dd {
	width: calc(50% - 15px);
	margin: 30px 0 0 30px;
}
.locationBox .tokuten.wide dd:nth-of-type(3n+1) { margin-left: 30px; }
.locationBox .tokuten.wide dd:nth-of-type(2n+1) { margin-left: 0; }
.locationBox .tokuten dd::before {
	position: absolute;
	top: 0;
	left: 50%;
	color: #96b1b9;
	font-size: 2.4rem;
	font-family: 'Outfit', sans-serif;
	font-weight: 400;
	line-height: 1;
	content: "01";
	transform: translate(-50%, -50%);
}
.locationBox .tokuten dd:nth-of-type(1)::before { content: "01"; }
.locationBox .tokuten dd:nth-of-type(2)::before { content: "02"; }
.locationBox .tokuten dd:nth-of-type(3)::before { content: "03"; }
.locationBox .tokuten dd:nth-of-type(4)::before { content: "04"; }
.locationBox .tokuten dd:nth-of-type(5)::before { content: "05"; }
.locationBox .tokuten dd:nth-of-type(6)::before { content: "06"; }
.locationBox .tokuten dd:nth-of-type(7)::before { content: "07"; }
.locationBox .tokuten dd:nth-of-type(8)::before { content: "08"; }
.locationBox .tokuten dd:nth-of-type(9)::before { content: "09"; }
.locationBox .tokuten dd:nth-of-type(10)::before { content: "10"; }
.locationBox .tokuten dd:nth-of-type(11)::before { content: "11"; }
.locationBox .tokuten dd:nth-of-type(12)::before { content: "12"; }
.locationBox .tokuten dd b b {
	color: #E84667;
	font-size: calc(1em + 0.4rem);
}
.locationBox .tokuten dd span {
	display: block;
	margin-top: 5px;
	font-size: calc(1em - 0.2rem);
	font-weight: 300;
}

/* [ note ] */
.locationBox .note * { text-indent: 0; }
.locationBox .note a { color: #666; }
.locationBox .note a:hover, 
.locationBox .note a:active { color: #666; }
.locationBox .notes { clear: both; }

@media screen and (max-width: 767px) { /* Smartphone */
	.locationBox {
		margin: 40px 0 !important;
		padding: 30px 20px;
	}
	
	/* [ Title ] */
	.locationBox .locationTitle {
		float: none;
		width: 100%;
		padding-bottom: 10px;
		font-size: 2.4rem;
	}
	.locationBox .locationTitle span { font-size: 1.8rem; }
	
	/* [ Image ] */
	.locationBox > .img {
		float: none;
		width: 100%;
	}
	.locationBox > .img img { width: 100%; }
	
	/* [ Box ] */
	.locationBox > .box {
		float: none;
		width: 100%;
		font-size: 1.2rem;
	}

	/* [ Text ] */
	.locationBox .text { font-size: 1.3rem; }
	.locationBox .text p b { font-size: 1.6rem; }
	.locationBox .text .check { font-size: 1.4rem; }

	/* [ Table ] */
	.locationBox .detail { font-size: 1.3rem; }

	/* [ Exanple ] */
	.locationBox .example { font-size: 1.3rem; }

	/* [ Set ] */
	.locationBox .set { margin: 15px 0; }
	.locationBox .set ul { font-size: 1.2rem; }
	.locationBox .set li { width: 50%; }
	.locationBox .set li.wide { width: 100%; }
	.locationBox .set li:nth-child(even).wide3 { width: 50%; }
	.locationBox .set span { font-size: 1.1rem; }

	.locationBox dl.set {
		font-size: 1.3rem;
	}
	.locationBox dl.set dd {
		width: 50%;
		font-weight: bold;
	}
	.locationBox dl.set dd > b { font-weight: bold; }
	.locationBox dl.set dd span { font-weight: 400; }

	/* [ Price ] */
	.locationBox .price {
		margin-top: 20px;
		font-size: 1.6rem !important;
		text-align: right;
	}
	.locationBox .price em { font-size: 2.4rem; }
	.locationBox .price em::after { font-size: 1.4rem; }
	.locationBox .price b.free {
		display: block;
		font-size: 2rem;
		text-align: center;
	}
	.locationBox .price em.free { font-size: 2rem; }

	/* [ 特典 ] */
	.locationBox .tokuten { padding-top: 20px; }
	.locationBox .tokuten::before { top: 0; }
	.locationBox .tokuten dd, 
	.locationBox .tokuten.wide dd {
		display: block;
		width: 100%;
		margin: 20px 0 0;
		padding: 20px 10px 10px;
		font-weight: bold;
	}
	.locationBox .tokuten dd::before { font-size: 2.2rem; }
	.locationBox .tokuten dd > * { font-weight: bold; }
	.locationBox .tokuten dd span { font-weight: 400; }
	
} /* */


/*======================================================================*
 *  [ iconPlus | ＋ ]
 *======================================================================*/

.iconPlus {
	position: relative;
	height: 6px;
	margin: 75px 0;
}
.iconPlus::before, 
.iconPlus::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 66px;
	background: #96B1B9;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	content: "";
}
.iconPlus::after {
	width: 10px;
	height: 66px;
}
.iconPlus::before {
	width: 66px;
	height: 10px;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.iconPlus { margin: 40px 0 -35px; }
	.iconPlus::after {
		width: 5px;
		height: 33px;
	}
	.iconPlus::before {
		width: 33px;
		height: 5px;
	}
} /* */


/* ■■■ [ おためし ] ■■■ */

.iconPlus2 { position: relative; }
.iconPlus2 span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #fff;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.iconPlus2 span::before, 
.iconPlus2 span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 66px;
	background: #6ec7e2;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	content: "";
}
.iconPlus2 span::after {
	width: 10px;
	height: 66px;
}
.iconPlus2 span::before {
	width: 66px;
	height: 10px;
}

@media screen and (max-width: 767px) { /* Smartphone */
} /* */

/*======================================================================*
 *  [ optionList | オプション一覧 ]
 *======================================================================*/

.optionList {
	max-width: 840px;
	margin: 30px auto;
}
.optionList section {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 !important; /* */
	padding: 15px;
	border-bottom: 1px solid #d6d6d6;
}
.optionList section:nth-of-type(1) { border-top: 1px solid #d6d6d6; }
.optionList .subttl + section:nth-of-type(1) { border-top: none; }

/* [ Title ] */
.optionList h3 {
	width: 240px;
	margin: 0;
	color: #47a2be;
	font-size: 1.8rem;
}

/* [ Icon ] */
.optionList .icon {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.optionList .icon figure { margin: 0 15px 0 0; }
.optionList .icon h3 { width: 180px; }

/* [ Sub Title ] */
.optionList .subttl {
	margin: 30px 0 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
	color: #000;
	text-align: center;
}
.optionList .subttl span { font-size: 1.4rem; }

/* [ Text ] */
.optionList .text {
	-webkit-flex: 1;
	flex: 1;
	padding: 0 15px;
}
.optionList .text p {
	margin: 0;
	font-size: 1.4rem;
}
.optionList .text p + p { margin-top: 10px; }

/* [ Button ] */
.optionList .btn { width: 100px; }
.optionList .moreBtn {
	width: 100px;
	padding: 7px 15px;
}
.optionList .moreBtn::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* [ Price ] */
.optionList .price {
	text-align: right;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}
.optionList .price b { font-size: 1.6rem; }
.optionList .price em { font-size: 2rem; }
.optionList .price em::after {
	font-weight: normal;
	font-size: 1.2rem;
	content: "（税別）";
}
.optionList .price em[data-tax="税込"]::after { content: "（税込）"; }

/* [ Price：無料！ ] */
.optionList .price.free::after {
	margin: 0 5px;
	color: #ff0000;
	font-size: 2rem;
	content: "0円";
}
.optionList .price.free em {
	font-size: 1.6rem;
	text-decoration: line-through;
}
.optionList .price.free em::after { font-size: 1.1rem; }

/* [ Note ] */
.optionList .note, 
.optionList .notes { margin-top: 10px; }

@media screen and (max-width: 767px) { /* Smartphone */
	.optionList { margin: 20px 0; }
	.optionList section {
		display: block;
		position: relative;
		padding: 10px;
		/* padding: 15px 120px 15px 10px; */
	}
	
	/* [ Title ] */
	.optionList h3 {
		width: 100%;
		margin: 5px 0;
		font-size: 1.6rem;
	}
	
	/* [ Icon ] */
	.optionList .icon { margin-bottom: 5px; }
	
	/* [ Sub Title ] */
	.optionList .subttl {
		margin-top: 20px;
		padding-bottom: 5px;
	}
	.optionList .subttl span { font-size: 1.2rem; }
	
	/* [ Text ] */
	.optionList .text {
		padding: 0;
		margin-bottom: 5px;
	}
	.optionList .text p { font-size: 1.2rem; }
	.optionList .text p + p { margin-top: 5px; }
	
	/* [ Button ] */
	.optionList .btn {
		width: 100%;
		text-align: right;
	}
	.optionList .price + .btn { margin-top: 5px; }
	
	/* [ Price ] */
	.optionList .price { font-size: 1.2rem; }
	.optionList .price b { font-size: 1.4rem; }
	.optionList .price em { font-size: 1.8rem; }
	.optionList .price em::after { font-size: 1.1rem; }
	
	/* [ Price：無料！ ] */
	.optionList .price.free::after { font-size: 1.8rem; }
	.optionList .price.free em { font-size: 1.4rem; }
} /* */


/*======================================================================*
 *  [ optionList2 |  ]
 *======================================================================*/

.optionList2 {
	width: 100%;
	max-width: 840px;
	margin: 20px auto;
	border-top: 1px solid #dedede;
	line-height: 1.2;
}
.optionList2 th, 
.optionList2 td {
	padding: 15px 10px;
	border-bottom: 1px solid #dedede;
}
.optionList2 th {
	font-size: 1.8rem;
	color: #47a2be;
	text-align: left;
}

/* [ テキスト ] */
.optionList2 .text { font-size: 1.4rem; }

/* [ 価格 ] */
.optionList2 .price {
	font-weight: bold;
	text-align: right;
}
.optionList2 .price em { font-size: 2rem; }

/* [ 価格（キャンペーン中無料） ] */
.optionList2 [title="特別価格"] em {
	font-size: 1.6rem;
	text-decoration: line-through;
}
.optionList2 [title="特別価格"] em::after { font-size: 1.1rem; }
.optionList2 [title="特別価格"] em + span {
	margin-left: 5px;
	color: #ff0000;
	font-size: 2rem;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.optionList2 { margin: 20px 0; }
	.optionList2 tr {
		display: block;
		padding: 10px;
		border-bottom: 1px solid #dedede;
	}
	.optionList2 th, 
	.optionList2 td {
		display: block;
		padding: 0;
		border-bottom: none;
	}
	.optionList2 th { font-size: 1.6rem; }
	.optionList2 td { margin-top: 5px }
	
	/* [ テキスト ] */
	.optionList2 .text { font-size: 1.2rem; }
	
	/* [ 価格 ] */
	.optionList2 .price em { font-size: 1.8rem; }
	
	/* [ 価格（キャンペーン中無料） ] */
	.optionList2 [title="特別価格"] em { font-size: 1.4rem; }
	.optionList2 [title="特別価格"] em::after { font-size: 1rem; }
	.optionList2 [title="特別価格"] em + span { font-size: 1.8rem; }
} /* */


/*======================================================================*
 *  [ optionList3 |  ]
 *======================================================================*/

.optionList3 {
	display: flex;
	flex-wrap: wrap;
}
.optionList3 section {
	width: calc(33.33% - 20px);
	margin: 0 0 0 30px;
}
.optionList3 section:nth-of-type(3n+1) { margin-left: 0; }
.optionList3 section:nth-of-type(3) ~ section { margin-top: 40px; }

/* [ Image ] */
.optionList3 figure { margin-top: 0; }

/* [ Title ] */
.optionList3 h3,
.optionList3 .title {
	color: #718B94;
	font-size: calc(1em + 0.2rem);
}

/* [ Text ] */
.optionList3 .text { font-size: 1.5rem; }

/* [ Price ] */
.optionList3 .price {
	margin: 10px 0 0;
	font-weight: bold;
	line-height: 1;
	text-align: right;
}
.optionList3 .price em { font-size: 2rem; }
.optionList3 .price em::after {
	font-size: 1.2rem;
	font-weight: normal;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.optionList3 {
		display: block;
	}
	.optionList3 section {
		width: 100%;
		margin-left: 0;
	}
	.optionList3 section + section { margin-top: 30px; }
	
	/* [ Text ] */
	.optionList3 .text { font-size: 1.3rem; }	
	
	/* [ Price ] */
	.optionList3 .price em { font-size: 1.8rem; }
	.optionList3 .price em::after { font-size: 1.2rem; }
} /* */


/*======================================================================*
 *  [ optionLink | オプションリンク ]
 *======================================================================*/

.optionLink {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: 40px 0;
	text-align: center;
}
.optionLink > a {
	display: block;
	width: calc(33.33% - 20px);
	margin: 0 0 0 30px;
	color: #666;
	text-decoration: none;
}
.optionLink > a:nth-of-type(3n+1) { margin-left: 0; }
.optionLink > a:nth-of-type(3) ~ a { margin-top: 30px; }

/* [ Image ] */
.optionLink figure {
	position: relative;
	margin: 0 0 15px;
}
.optionLink figure img { width: 100%; }

/* [ Text ] */
.optionLink {
	margin-bottom: 0;
	text-align: center;
}
.optionLink p { line-height: 1.8; }
.optionLink p b { font-size: 1.8rem; }

/* [ Button ] */
.optionLink .btnBox { margin: 15px 0 0; }
.optionLink a:hover .moreBtn, 
.optionLink a:active .moreBtn { background-color: #797979; }

@media screen and (max-width: 767px) { /* Smartphone */
	.optionLink {
		display: block;
		padding: 0 20px;
	}
	.optionLink > a {
		width: 100%;
		margin-left: 0;
	}
	.optionLink > a + a { margin-top: 40px; }
	
	/* [ Text ] */
	.optionLink p b { font-size: 1.6rem; }
} /* */



/*======================================================================*
 *  [ recommendLink | おすすめリンク ]
 *======================================================================*/

.recommendLink {
	margin: 75px 0;
}
.recommendLink a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
	padding: 40px;
	color: #333;
	text-decoration: none;
	overflow: hidden;
	background: #F4F3F9;
}
.boxWrap.bg .recommendLink a { background: #fff; }
.recommendLink a + a { margin-top: 40px; }
.recommendLink a img { display: none;
	position: absolute;
	width: 100%;
	filter: blur(5px);
	z-index: 1;
}
.recommendLink a .box {
	position: relative;
	width: 360px;
	padding: 20px;
	background: rgba(255,255,255,0.75);
	text-align: center;
	z-index: 5;
}
.boxWrap.bg .recommendLink a .box { background: rgba(244, 243, 249,0.75); }
.recommendLink a .box > b {
	display: block;
	margin-bottom: 15px;
	color: #000;
	font-size: calc(1em + 0.2rem);
}
.recommendLink a .text:first-child { margin-top: 0; }

@media screen and (max-width: 767px) { /* Smartphone */
	.recommendLink { margin: 40px 0; }
	.recommendLink a {
		padding: 20px 30px;
	}
	.recommendLink a + a { margin-top: 30px; }	
} /* */


/*======================================================================*
 *  [ variationList | 衣装・ロケ・スタジオ一覧 ]
 *======================================================================*/

ul.variationList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: 30px 0;
}
ul.variationList.center {
	-webkit-justify-content: center;
	justify-content: center;
}

/* [ 3カラム ] */
ul.variationList.col3 {
	margin-right: -15px;
	margin-left: -15px;
}
ul.variationList.col3 li {
	width: 33.33%;
	padding: 0 15px;
}
ul.variationList.col3 li:nth-of-type(1), 
ul.variationList.col3 li:nth-of-type(2), 
ul.variationList.col3 li:nth-of-type(3) { margin-top: 0; }

/* [ 4カラム ] */
ul.variationList.col4 {
	margin-right: -15px;
	margin-left: -15px;
}
ul.variationList.col4 li {
	width: 25%;
	padding: 0 15px;
}
ul.variationList.col4 li:nth-of-type(1), 
ul.variationList.col4 li:nth-of-type(2), 
ul.variationList.col4 li:nth-of-type(4), 
ul.variationList.col4 li:nth-of-type(3) { margin-top: 0; }

/* [ Image ] */
ul.variationList figure {
	position: relative;
	margin: 0;
}
ul.variationList figure img { width: 100%; }
ul.variationList figure span {
	position: absolute;
	top: -7px;
	left: 5px;
	padding: 5px 10px;
	background: #e84566;
	color: #fff;
	font-size: 1.4rem;
}

/* [ Text ] */
ul.variationList p {
	margin-bottom: 0;
	line-height: 1.2;
}

@media screen and (max-width: 767px) { /* Smartphone */
	ul.variationList { margin: 20px 0; }
	ul.variationList.center {
		-webkit-justify-content: start;
		justify-content: start;
	}
	
	/* [ 3カラム / 4カラム ] */
	ul.variationList.col3, 
	ul.variationList.col4 {
		margin-right: -5px;
		margin-left: -5px;
	}
	ul.variationList.col3 li, 
	ul.variationList.col4 li {
		width: 50%;
		margin-top: 10px;
		padding: 0 5px;
	}
	ul.variationList.col3 li:nth-of-type(3), 
	ul.variationList.col4 li:nth-of-type(3), 
	ul.variationList.col4 li:nth-of-type(4) { margin-top: 10px; }
	ul.variationList.col3 li.wide, 
	ul.variationList.col4 li.wide { width: 100%; }
	ul.variationList.col3 li.wide + li, 
	ul.variationList.col4 li.wide + li { margin-top: 10px; }
	
	/* [ Image ] */
	ul.variationList figure span { 
		padding: 3px 6px;
		font-size: 1.2rem;
	}
	
	/* [ Text ] */
	ul.variationList p { margin-top: 10px; }
} /* */

/*======================================================================*
 *  [ variationList costume | 衣装一覧 ]
 *======================================================================*/

/*======================================================================*
 *  [ variationList costume | 衣装一覧 ]
 *======================================================================*/

ul.variationList.costume {
	margin-right: -10px;
	margin-left: -10px;
	text-align: center;
}
ul.variationList.costume li {
	width: 20%;
	margin-top: 20px;
	padding: 0 10px;
}
ul.variationList.costume li:nth-of-type(1), 
ul.variationList.costume li:nth-of-type(2), 
ul.variationList.costume li:nth-of-type(3), 
ul.variationList.costume li:nth-of-type(4), 
ul.variationList.costume li:nth-of-type(5) { margin-top: 0; }

@media screen and (max-width: 767px) { /* Smartphone */
	ul.variationList.costume {
		margin-right: -5px;
		margin-left: -5px;
	}
	ul.variationList.costume li {
		width: 50%;
		margin-top: 15px;
		padding: 0 5px;
	}
	ul.variationList.costume li:nth-of-type(3), 
	ul.variationList.costume li:nth-of-type(4), 
	ul.variationList.costume li:nth-of-type(5) { margin-top: 15px; }
} /* */

/*======================================================================*
 *  [ costumeList | 衣装一覧 ]
 *======================================================================*/

ul.costumeList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 30px 0;
}
ul.costumeList.center {
	-webkit-justify-content: center;
	justify-content: center;
}
ul.costumeList a {
	display: block;
	color: #666;
	text-decoration: none;
}

/* [ 2カラム ] */
ul.costumeList.col2 {
	margin-right: -15px;
	margin-left: -15px;
}
ul.costumeList.col2 li {
	width: 50%;
	margin-top: 30px;
	padding: 0 15px;
}
ul.costumeList.col2 li:nth-of-type(1), 
ul.costumeList.col2 li:nth-of-type(2) { margin-top: 0; }

/* [ 3カラム ] */
ul.costumeList.col3 {
	margin-right: -15px;
	margin-left: -15px;
}
ul.costumeList.col3 li {
	width: 33.33%;
	margin-top: 30px;
	padding: 0 15px;
}
ul.costumeList.col3 li:nth-of-type(1), 
ul.costumeList.col3 li:nth-of-type(2), 
ul.costumeList.col3 li:nth-of-type(3) { margin-top: 0; }

/* [ 5カラム ] */
ul.costumeList.col5 {
	margin-right: -15px;
	margin-left: -15px;
}
ul.costumeList.col5 li {
	width: 20%;
	margin-top: 30px;
	padding: 0 15px;
}
ul.costumeList.col5 li:nth-of-type(1), 
ul.costumeList.col5 li:nth-of-type(2), 
ul.costumeList.col5 li:nth-of-type(3), 
ul.costumeList.col5 li:nth-of-type(4), 
ul.costumeList.col5 li:nth-of-type(5) { margin-top: 0; }

/* [ 6カラム ] */
ul.costumeList.col6 {
	margin-right: -10px;
	margin-left: -10px;
}
ul.costumeList.col6 li {
	width: 16.66%;
	margin-top: 30px;
	padding: 0 10px;
}
ul.costumeList.col6 li:nth-of-type(1), 
ul.costumeList.col6 li:nth-of-type(2), 
ul.costumeList.col6 li:nth-of-type(3), 
ul.costumeList.col6 li:nth-of-type(4), 
ul.costumeList.col6 li:nth-of-type(5), 
ul.costumeList.col6 li:nth-of-type(6) { margin-top: 0; }

/* [ Image ] */
ul.costumeList figure {
	position: relative;
	margin: 0;
}
ul.costumeList figure span {
	position: absolute;
	top: -7px;
	left: 5px;
	padding: 5px 10px;
	background: #e84566;
	color: #fff;
	font-size: 1.4rem;
}
ul.costumeList img { width: 100%; }

/* [ Text ] */
ul.costumeList p {
	margin-bottom: 0;
	line-height: 1.2;
	text-align: center;
}
ul.costumeList p b { font-size: 1.8rem; }
ul.costumeList p span { font-size: 1.4rem; }
ul.costumeList p br + b, 
ul.costumeList p br + span { margin-top: 5px; }
ul.costumeList p em {
	font-size: 2rem;
	font-weight: bold;
}

/* [ 価格（無料） ] */
ul.costumeList [title="特別価格"] em {
	font-size: 1.6rem;
	text-decoration: line-through;
}
ul.costumeList [title="特別価格"] em::after { font-size: 1.1rem; }
ul.costumeList [title="特別価格"] em + span {
	margin-left: 5px;
	color: #ff0000;
	font-size: 2rem;
	font-weight: bold;
}

/* [ Button ] */
ul.costumeList .btnBox { margin: 15px 0 0; }
ul.costumeList a:hover .moreBtn, 
ul.costumeList a:active .moreBtn { background-color: #797979; }

@media screen and (max-width: 767px) { /* Smartphone */
	ul.costumeList { margin: 20px 0; }
	ul.costumeList.center {
		-webkit-justify-content: start;
		justify-content: start;
	}
	
	/* [ 2カラム ] */
	ul.costumeList.col2 {
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
	ul.costumeList.col2 li {
		width: 100%;
		margin-top: 20px;
		padding: 0;
	}
	ul.costumeList.col2 li:nth-of-type(1), 
	ul.costumeList.col2 li:nth-of-type(2) { margin-top: 20px; }
	
	/* [ 3カラム ] */
	ul.costumeList.col3 {
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
	ul.costumeList.col3 li {
		width: 100%;
		margin-top: 20px;
		padding: 0;
	}
	ul.costumeList.col3 li:nth-of-type(1), 
	ul.costumeList.col3 li:nth-of-type(2), 
	ul.costumeList.col3 li:nth-of-type(3) { margin-top: 20px; }

	/* [ 5カラム ] */
	ul.costumeList.col5 {
		margin-right: -5px;
		margin-left: -5px;
	}
	ul.costumeList.col5 li {
		width: 33.33%;
		margin-top: 10px !important;
		padding: 0 5px;
	}
	ul.costumeList.col5 li:nth-of-type(1), 
	ul.costumeList.col5 li:nth-of-type(2), 
	ul.costumeList.col5 li:nth-of-type(3) { margin-top: 0 !important; }

	/* [ 6カラム ] */
	ul.costumeList.col6 {
		margin-right: -5px;
		margin-left: -5px;
	}
	ul.costumeList.col6 li {
		width: 25%;
		margin-top: 10px !important;
		padding: 0 5px;
	}
	ul.costumeList.col6 li:nth-of-type(1), 
	ul.costumeList.col6 li:nth-of-type(2), 
	ul.costumeList.col6 li:nth-of-type(3), 
	ul.costumeList.col6 li:nth-of-type(4) { margin-top: 0 !important; }
	
	/* [ Image ] */
	ul.costumeList figure span { 
		padding: 3px 6px;
		font-size: 1.2rem;
	}
	
	/* [ Text ] */
	ul.costumeList p { margin-top: 10px; }
	ul.costumeList p b { font-size: 1.6rem; }
	ul.costumeList p span { font-size: 1.2rem; }
	
	/* [ 価格（無料） ] */
	ul.costumeList [title="特別価格"] em { font-size: 1.4rem; }
	ul.costumeList [title="特別価格"] em::after { font-size: 1rem; }
	ul.costumeList [title="特別価格"] em + span { font-size: 1.8rem; }
	
	/* [ Button ] */
	ul.costumeList .btnBox { margin: 10px 0 0; }
} /* */

/*======================================================================*
 *  [ locationList | ロケーション一覧 ]
 *======================================================================*/

ul.variationList.location {
	margin-right: -15px;
	margin-left: -15px;
}
ul.variationList.location li {
	width: 33.33%;
	margin-top: 30px;
	padding: 0 15px;
}
ul.variationList.location li:nth-of-type(1), 
ul.variationList.location li:nth-of-type(2), 
ul.variationList.location li:nth-of-type(3) { margin-top: 0; }

@media screen and (max-width: 767px) { /* Smartphone */
	ul.variationList.location {
		margin-right: -5px;
		margin-left: -5px;
	}
	ul.variationList.location li {
		width: 50%;
		margin-top: 15px;
		padding: 0 5px;
	}
	ul.variationList.location li:nth-of-type(3) { margin-top: 15px; }
	ul.variationList.location li.wide { width: 100%; }
	ul.variationList.location li.wide + li { margin-top: 15px; }
} /* */

/*======================================================================*
 *  [ variationList studio  | スタジオ一覧 ]
 *======================================================================*/

ul.variationList.studio {
	margin-right: -3px;
	margin-left: -2px;
}
ul.variationList.studio li {
	width: 25%;
	margin-top: 5px;
	padding: 0 3px 0 2px;
}
ul.variationList.studio li:nth-of-type(1), 
ul.variationList.studio li:nth-of-type(2), 
ul.variationList.studio li:nth-of-type(3), 
ul.variationList.studio li:nth-of-type(4) { margin-top: 0; }

@media screen and (max-width: 767px) { /* Smartphone */
	ul.variationList.studio li { width: 50%; }
	ul.variationList.studio li:nth-of-type(3), 
	ul.variationList.studio li:nth-of-type(4) { margin-top: 5px; }
} /* */


/*======================================================================*
 *  [ photoList | 写真・アルバム一覧 ]
 *======================================================================*/

.photoList {
	width: 100%;
	max-width: 1010px;
	margin: 30px auto;
	border-top: 1px solid #dedede;
	line-height: 1.2;
}
.photoList th, 
.photoList td {
	padding: 15px 10px;
	border-bottom: 1px solid #dedede;
}
.photoList th {
	padding-left: 40px;
	font-size: 1.8rem;
	color: #708b94;
	text-align: left;
}
.photoList th span {
	font-size: calc(1em - 0.2rem);
}

/* [ 画像 ] */
.photoList .img {
	width: 420px;
	text-align: center;
}
.photoList .img img {
	width: 100%;
	max-width: 300px;
}

/* [ 仕様 ] */
.photoList .spec { font-size: 1.4rem; }

/* [ 価格 ] */
.photoList .price {
	font-weight: bold;
	text-align: right;
}
.photoList .price em { font-size: 2rem; }

@media screen and (max-width: 767px) { /* Smartphone */
	.photoList { margin: 20px 0; }
	.photoList tr {
		display: block;
		padding: 10px;
		border-bottom: 1px solid #dedede;
	}
	.photoList th, 
	.photoList td {
		display: block;
		padding: 0;
		border: none;
	}
	.photoList th { font-size: 1.6rem; }
	.photoList td { margin-top: 5px; }
	
	/* [ 画像 ] */
	.photoList .img {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
	
	/* [ 仕様 ] */
	.photoList .spec { font-size: 1.2rem; }
	.photoList .spec::before { content: "[ "; }
	.photoList .spec::after { content: " ]"; }
	
	/* [ 価格 ] */
	.photoList .price em { font-size: 1.8rem; }
} /* */

/*======================================================================*
 *  [ photoBox | 写真 ]
 *======================================================================*/

.photoBox {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: start;
	align-items: start;
	width: 100%;
	max-width: 1010px;
	margin: 30px auto;
}
.photoBox.noimage {
	-webkit-justify-content: center;
	justify-content: center
}
.photoBox + .photoBox {
	margin-top: 50px;
}

/* [ 画像 ] */
.photoBox figure {
	width: 420px;
	margin: 0;
}

/* [ 見出し ] */
.photoBox .ttl {
	margin: 0 0 15px;
	font-size: 1.8rem;
}

/* [ 価格 ] */
.photoBox table {
	width: 560px;
	border-top: 1px solid #dedede;
	line-height: 1.2;
}
.photoBox.noimage table {
	width: 840px;
}
.photoBox th, 
.photoBox td {

	padding: 15px 10px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
}
.photoBox th {
	font-size: 1.8rem;
	color: #718B94;
	text-align: left;
}
.photoBox th span {
	font-size: calc(1em - 0.2rem);
	font-weight: normal;
}
.photoBox .spec { font-size: 1.4rem; }
.photoBox .price {
	font-weight: bold;
	text-align: right;
}
.photoBox .price em { font-size: 2rem; }

@media screen and (max-width: 767px) { /* Smartphone */
	.photoBox {
		display: block;
		margin: 20px 0;
	}
	
	/* [ 画像 ] */
	.photoBox figure {
		width: 100%;
		margin-bottom: 20px;
	}
	.photoBox figure img { width: 100%; }

	/* [ 見出し ] */
	.photoBox .ttl {
		margin: 0 0 10px;
		font-size: 1.6rem;
	}
	
	/* [ 価格 ] */
	.photoBox table, 
	.photoBox.noimage table { width: 100%; }
	.photoBox tr {
		display: block;
		padding: 10px;
		border-bottom: 1px solid #dedede;
	}
	.photoBox th, 
	.photoBox td {
		display: block;
		width: 100% !important;
		padding: 0;
		border-bottom: none;
	}
	.photoBox th { font-size: 1.6rem; }
	.photoBox td { margin-top: 5px }
	.photoBox .spec { font-size: 1.2rem; }
	.photoBox .spec::before { content: "[ "; }
	.photoBox .spec::after { content: " ]"; }
	.photoBox .price em { font-size: 1.8rem; }
} /* */

/*======================================================================*
 *  [ itemPrice | アイテム価格 ]
 *======================================================================*/

dl.itemPrice {
	margin: 30px 0;
	text-align: center;
}
dl.itemPrice dt { margin-bottom: 10px; }
dl.itemPrice dd + dt { margin-top: 20px; }
dl.itemPrice dd {
	display: inline-block;
	padding: 0 5px;
	font-size: 1.8rem;
	line-height: 1.2;
}
dl.itemPrice dd + dd::before {
	display: inline-block;
	margin-right: 15px;
	content: "|";
}

/* [ Price ] */
dl.itemPrice em {
	font-size: 2rem;
	font-weight: bold;
}
dl.itemPrice em::after {
	font-size: 1.4rem;
	font-weight: normal;
	content: "（税別）";
}
dl.itemPrice em[data-tax="税込"]::after { content: "（税込）"; }

/* [ Price：無料！ ] */
dl.itemPrice .free::after {
	margin: 0 5px;
	color: #ff0000;
	font-size: 2rem;
	font-weight: bold;
	content: "0円";
}
dl.itemPrice .free em {
	font-size: 1.6rem;
	text-decoration: line-through;
}
dl.itemPrice .free em::after { font-size: 1.2rem; }

@media screen and (max-width: 767px) { /* Smartphone */
	dl.itemPrice dd + dt { margin-top: 15px; }
	dl.itemPrice dd {
		display: block;
		font-size: 1.6rem;
	}
	dl.itemPrice dd + dd { margin-top: 5px; }
	dl.itemPrice dd + dd::before { display: none; }
	
	/* [ Price ] */
	dl.itemPrice em { font-size: 1.8rem; }
	dl.itemPrice em::after { font-size: 1.2rem; }
	
	/* [ Price：無料！ ] */
	dl.itemPrice .free::after { font-size: 1.8rem; }
	dl.itemPrice .free em { font-size: 1.4rem; }
} /* */



/*======================================================================*
 *  [ item | 商品 ]
 *======================================================================*/

#item .boxInner > section + section { margin-top: 80px; }

@media screen and (max-width: 767px) { /* Smartphone */
	#item .boxInner > section + section { margin-top: 40px; }
} /* */


/*======================================================================*
 *  [ albumLineup | アルバム ]
 *======================================================================*/

div.albumList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px -15px;
}
div.albumList section {
	width: 33.33%;
	margin: 30px 0 0 !important; /* */
	padding: 0 15px;
}
div.albumList section:nth-of-type(1), 
div.albumList section:nth-of-type(2), 
div.albumList section:nth-of-type(3) { margin-top: 0 !important; /* */ }

/* [ Image ] */
div.albumList figure { margin: 0; }

/* [ Title ] */
div.albumList h4 {
	float: left;
	margin: 5px 0 0;
	color: #47a2be;
	font-size: 1.8rem;
	clear: both;
}

/* [ Text ] */
div.albumList .text { padding: 0 10px; }
div.albumList .text > span {
	float: left;
	padding: 5px 7px;
	border-radius: 15px;
	background: #47a2be;
	color: #fff;
	font-size: 1.2rem;
	-webkit-transform: translateX(-5px) translateY(-50%);
	transform: translateX(-5px) translateY(-50%);
}

/* [ Price ] */
div.albumList .price {
	float: right;
	margin: 5px 0 0;
	font-size: 1.4rem;
	line-height: 1;
}
div.albumList .price em { font-size: 2rem; }
div.albumList .price em::after {
	font-size: 1.2rem;
	content: "（税別）";
}
div.albumList .price em[data-tax="税込"]::after { content: "（税込）"; }

@media screen and (max-width: 767px) { /* Smartphone */
	div.albumList {
		display: block;
		margin: 20px 0;
	}
	div.albumList section {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		margin-top: 0 !important; /* */
		padding: 0 20px;
	}
	div.albumList section + section {
		margin-top: 20px !important;
		padding-top: 20px;
		border-top: 1px dotted #c7c7c7;
	}
	div.albumList section:nth-of-type(2), 
	div.albumList section:nth-of-type(3) { margin-top: 20px !important; /* */ }
	
	/* [ Image ] */
	div.albumList figure { width: calc(40% - 5px); }
	
	/* [ Title ] */
	div.albumList h4 {
		float: none;
		margin-bottom: 10px;
		font-size: 1.6rem;
	}
	
	/* [ Text ] */
	div.albumList .text {
		width: calc(60% - 5px);
		padding: 0;
	}
	div.albumList .text > span {
		float: none;
		margin-bottom: 10px;
		padding: 3px 5px;
		font-size: 1.1rem;
		-webkit-transform: translateX(-5px) translateY(0);
		transform: translateX(-5px) translateY(0);
	}
	
	/* [ Price ] */
	div.albumList .price {
		float: none;
		font-size: 1.2rem;
		text-align: right;
	}
	div.albumList .price em { font-size: 1.6rem; }
	div.albumList .price em::after { font-size: 1.1rem; }
} /* */

/* [ 写真のサイズ ] */
.photoSize {
	font-size: 1.4rem;
	text-align: center;
}
.photoSize dt, 
.photoSize dd {
	display: inline-block;
	line-height: 1.2;
	vertical-align: top;
}
.photoSize dt {
	color: #708b94;
	font-weight: bold;
}
.photoSize dt::before { content: "＜"; }
.photoSize dt::after { content: "＞"; }

@media screen and (max-width: 767px) { /* Smartphone */
	.photoSize { font-size: 1.2rem; }
	.photoSize dt, 
	.photoSize dd { display: block; }
	.photoSize dt { margin-bottom: 5px; }
	.photoSize dd { padding: 0; }
} /* */

/*======================================================================*
 *  [ origAlbum | オリジナルアルバム ]
 *======================================================================*/

.origAlbum {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	max-width: 1010px;
	margin: 0 auto !important;
}
.origAlbum + .origAlbum { margin-top: 40px !important; }

/* [ Image ] */
.origAlbum figure {
	margin: 0;
	width: 420px;
}
.origAlbum figcaption {
	font-size: calc(1em - 0.2rem);
}

/* [ Text ] */
.origAlbum .text { width: 560px; }
.origAlbum .text p { font-size: 1.5rem; }
.origAlbum .text p span { font-size: 1.4rem; }

/* [ Title ] */
.origAlbum h4 {
	font-size: 2.4rem;
	line-height: 1.2;
}
.origAlbum h4 span {
	padding: 5px 15px;
	font-size: 1.4rem;
	border-radius: 15px;
	vertical-align: top;
}
.origAlbum h4 span.original {
	background: #f0eadc;
	color: #b99856;
}
.origAlbum h4 span.template {
	background: #dfebef;
	color: #718B94;
}

/* [ Flex ] */
.origAlbum .flex {
	display: -webkit-flex;
	display: flex;
}
.origAlbum .flex > * {
	width: 50%;
	margin: 0;
}

/* [ Icon ] */
.origAlbum ul.icon {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	list-style: none;
	margin: 0;
}
.origAlbum ul.icon li {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 100px;
	margin-top: 0;
	background-size: contain;
	color: #718B94;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.origAlbum ul.icon li + li { margin-left: 30px; }
.origAlbum ul.icon .cut {
	width: 84px;
	background: url(../../studio/album/img/icon_cut.svg) center center no-repeat;
}
.origAlbum ul.icon .men2 {
	width: 104px;
	background: url(../../studio/album/img/icon_men2.svg) center center no-repeat;
}
.origAlbum ul.icon .men3 {
	width: 154px;
	background: url(../../studio/album/img/icon_men3.svg) center center no-repeat;
}
.origAlbum ul.icon .page {
	width: 132px;
	background: url(../../studio/album/img/icon_page.svg) center center no-repeat;
}
.origAlbum ul.icon .usb  {
	width: 100px;
	background: url(../../studio/album/img/icon_usb.svg) center center no-repeat;
}

/* [ Price ] */
.origAlbum .price {
	margin: 30px 0 0;
	padding-top: 15px;
	border-top: 1px solid #d4d4d4;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	text-align: right;
}
.origAlbum .price em { font-size: 2.2rem; }
.origAlbum .price em::after {
	font-size: 1.2rem;
	font-weight: normal;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.origAlbum {
		display: block;
		padding: 0;
	}
	
	/* [ Image ] */
	.origAlbum figure {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	
	/* [ Text ] */
	.origAlbum .text { width: 100%; }
	.origAlbum .text p { font-size: 1.3rem; }
	.origAlbum .text p span { font-size: 1.2rem; }
	
	/* [ Title ] */
	.origAlbum h4 {
		margin-bottom: 15px;
		font-size: 1.8rem;
	}
	.origAlbum h4 span {
		padding: 3px 10px;
		font-size: 1.2rem;
	}
	
	/* [ Flex ] */
	.origAlbum .flex { display: block; }
	.origAlbum .flex > * {
		width: 100%;
		margin: 15px 0;
	}
	
	/* [ Icon ] */
	.origAlbum ul.icon li {
		height: 75px;
		font-size:1.6rem;
	}
	.origAlbum ul.icon li + li { margin-left: 15px; }
	
	/* [ Price ] */
	.origAlbum .price {
		margin-top: 15px;
		font-size: 1.4rem;
	}
	.origAlbum .price em { font-size: 1.8rem; }
	.origAlbum .price em::after { font-size: 1.1rem; }
} /* */


/*======================================================================*
 *  [ photoWrap | 写真・データ ]
 *======================================================================*/

.photoWrap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	max-width: 1010px;
	margin: 0 auto !important;
}
.photoWrap section { margin: 0; }
.photoWrap section + section {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #c7c7c7;
}

/* [ Image ] */
.photoWrap figure {
	margin: 0;
	width: 420px;
}

/* [ Text ] */
.photoWrap .text { width: 560px; }

/* [ Title ] */
.photoWrap h4 {
	margin-bottom: 15px;
	color: #47a2be;
	font-size: 1.8rem;
}
.photoWrap .text h4:first-child, 
.photoWrap .text p:first-child { margin-top: 0; }

@media screen and (max-width: 767px) { /* Smartphone */
	.photoWrap {
		display: block;
		padding: 0;
	}
	
	/* [ Image ] */
	.photoWrap figure {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	
	/* [ Text ] */
	.photoWrap .text { width: 100%; }
	
	/* [ Title ] */
	.photoWrap h4 { font-size: 1.6rem; }
} /* */

/*======================================================================*
 *  [ goodsList | グッズ ]
 *======================================================================*/

.goodsList {
	max-width: 1010px;
	margin: 30px auto;
}
.goodsList section {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin: 30px 0 0;
}
.goodsList section + section {
	padding-top: 30px;
	border-top: 1px dotted #c7c7c7;
}

/* [ Image ] */
.goodsList figure {
	margin: 0;
	width: 420px;
}
.goodsList figure img { width: 100%; }

/* [ Text ] */
.goodsList .text { width: 560px; }
.goodsList .text p { font-size: 1.5rem; }

/* [ Title ] */
.goodsList h3,
.goodsList h4 {
	margin: 0 0 15px;
	color: #718B94;
	font-size: 1.8rem;
}

/* [ 価格 ] */
.goodsList table {
	width: 100%;
	line-height: 1.2;
}
.goodsList th, 
.goodsList td {
	padding: 5px 0;
}
.goodsList th {
	/* color: #718B94; */
	text-align: left;
}
.goodsList .spec { font-size: 1.4rem; }
.goodsList .price {
	font-weight: bold;
	text-align: right;
}
.goodsList .price em { font-size: 2rem; }
.goodsList .price b { font-size: 1.8rem; }

.goodsList .btnBox { margin-bottom: 0; }

@media screen and (max-width: 767px) { /* Smartphone */
	.goodsList { margin: 20px 0; }
	.goodsList section {
		display: block;
		margin-top: 0;
	}
	.goodsList section + section {
		margin-top: 20px;
		padding-top: 20px;
	}
	
	/* [ Image ] */
	.goodsList figure {
		width: 100%;
		margin-bottom: 15px;
		/* float: left;
		width: 145px;
		margin: 0 10px 10px 0; */
	}
	
	/* [ Title ] */
	.goodsList h3,
	.goodsList h4 {
		font-size: 1.6rem;
		margin-bottom: 0;
		/* display: table-cell;
		height: 85px;
		vertical-align: middle; */
	}
	
	/* [ Text ] */
	.goodsList .text { width: 100%; }
	.goodsList .text p {
		margin-top: 10px;
		font-size: 1.3rem;
	}

	/* [ 価格 ] */
	.goodsList table,
	.goodsList tbody { display: block; }
	.goodsList tr {
		width: 100% !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.goodsList tr + tr { margin-top: 10px; }
	.goodsList th, 
	.goodsList td {
		padding: 0;
		border-bottom: none;
	}
	.goodsList th {
		width: 100%;
		margin-bottom: 5px;
		font-size: 1.4rem;
	}
	.goodsList td {  }
	.goodsList .spec { font-size: 1.2rem; }
	.goodsList .spec::before { content: "[ "; }
	.goodsList .spec::after { content: " ]"; }
	.goodsList th + .price { width: 100%; }
	.goodsList .price em { font-size: 1.8rem; }
	.goodsList .price b { font-size: 1.6rem; }
} /* */


/*======================================================================*
 *  [ priceList | 料金リスト ]
 *======================================================================*/

ul.priceList {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.priceList p {
	display: inline-block;
	margin: 0;
	line-height: 1.2;
}

/* [ Item ] */
ul.priceList .item { font-size: 1.8rem; }
ul.priceList .item::after { content: "："; }
ul.priceList .item span { font-size: 1.4rem; }

/* [ Price ] */
ul.priceList .price {
	font-size: 1.4rem;
	font-weight: bold;
}
ul.priceList .price em { font-size: 2rem; }
ul.priceList .price em::after {
	font-size: 1.2rem;
	font-weight: normal;
}
ul.priceList .price span { font-weight: normal; }

@media screen and (max-width: 767px) { /* Smartphone */
	/* [ Item ] */
	ul.priceList .item { font-size: 1.5rem; }
	ul.priceList .item span { font-size: 1.2rem; }
	
	/* [ Price ] */
	ul.priceList .price { font-size: 1.2rem; }
	ul.priceList .price em { font-size: 1.8rem; }
	ul.priceList .price em::after { font-size: 1.1rem; }
} /* */


/*======================================================================*
 *  [ cuisineList | お食事会 ]
 *======================================================================*/

.cuisineList {
	max-width: 1010px;
	margin: 30px auto;
}
.cuisineList section {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin: 0;
}
.cuisineList section + section { margin-top: 40px; }

/* [ Image ] */
.cuisineList figure {
	width: 420px;
	margin: 0;
}

/* [ Title ] */
.cuisineList h3 {
	margin-top: 0;
	font-size: 1.8rem;
}
.cuisineList h3 b { font-size: 2.6rem; }

/* [ Text ] */
.cuisineList .text { width: 560px; }
.cuisineList .text dl,
.cuisineList .contact {
	margin: 30px 0 0;
	padding-top: 30px;
	border-top: 1px solid #d4d4d4;
	font-size: 1.4rem;
	text-align: right;
}
.cuisineList .text dd {
	margin-top: 10px;
	padding-left: 0;
}
.cuisineList .text dd em {
	font-size: 2.4rem;
	font-weight: normal;
}
.cuisineList .text dd em::after {
	font-size: 1.2rem;
	content: "（税別）";
}
.cuisineList .text dd em[data-tax="税込"]::after { content: "（税込）"; }

@media screen and (max-width: 767px) { /* Smartphone */
	.cuisineList { margin: 20px 0; }
	.cuisineList section {
		display: block;
	}
	.cuisineList section + section {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #d4d4d4;
	}
	
	/* [ Image ] */
	.cuisineList figure {
		float: left;
		margin-bottom: 15px;
		width: 145px;
	}
	
	/* [ Title ] */
	.cuisineList h3 {
		float: right;
		width: calc(100% - 155px);
		margin: 15px 0 0;
		font-size: 1.6rem;
	}
	.cuisineList h3 b {
		display: block;
		font-size: 2.2rem;
	}
	
	/* [ Text ] */
	.cuisineList .text { width: 100%; }
	.cuisineList .text h3 + p {
		clear: both;
		float: none;
		width: 100%;
		font-size: 1.2rem;
	}
	.cuisineList .text dl,
	.cuisineList .contact {
		clear: both;
		margin: 10px 0 0;
		padding-top: 0;
		border-top: none;
		font-size: 1.2rem;
	}
	.cuisineList .contact { font-size: 1.4rem; }
	.cuisineList .text dt,
	.cuisineList .text dd { display: inline-block; }
	.cuisineList .text dd { margin-top: 0; }
	.cuisineList .text dd em { font-size: 2rem; }
	.cuisineList .text dd em::after { font-size: 1.1rem; }
} /* */

/*======================================================================*
 *  [ exampleList | 撮影事例（写真一覧） ]
 *======================================================================*/

.exampleList { text-align: center; }
.exampleList section { margin-top: 60px; }

/* [ Title ] */
.exampleList h3 {
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.2;
}
.exampleList h3 b {
	color: #718B94;
	font-size: 1.6rem;
	font-weight: normal;
}

/* [ Sample ] */
.exampleList .sampleList2 a { padding-top: 20vw; }
.exampleList .sampleList2 a:nth-of-type(1) { width: 46%; }
.exampleList .sampleList2 a:nth-of-type(2) { width: 27%; }
.exampleList .sampleList2 a:nth-of-type(3) { width: 27%; }

/* [ movie ] */

@media screen and (max-width: 767px) { /* Smartphone */
	.exampleList section { margin-top: 40px; }

	/* [ Title ] */
	.exampleList h3 {
		margin-bottom: 15px;
		font-size: 1.2rem;
	}
	.exampleList h3 b { font-size: 1.4rem; }

	/* [ Sample ] */
	.exampleList .sampleList2 a { padding-top: 40%; }
	.exampleList .sampleList2 a:nth-of-type(1) { width: 100%; }
	.exampleList .sampleList2 a:nth-of-type(2) { width: 50%; }
	.exampleList .sampleList2 a:nth-of-type(3) { width: 50%; }
	
} /* */

/*======================================================================*
 *  [ exampleMovie | 撮影事例（動画） ]
 *======================================================================*/

.exampleMovie {
	margin-bottom: 0 !important;
}
.exampleMovie .subTitle + p { font-size: calc(1em - 0.2rem); }
.exampleMovie .subTitle + p b {
	display: inline-block;
	color: #768F99;
	font-size: calc(1em + 0.2rem);
	font-weight: 400;
}


/*======================================================================*
 *  [ caseList | 撮影事例（テキスト） ]
 *======================================================================*/

.caseList {
	list-style: none;
	margin: 0;
}
.caseList section {
	position: relative;
	display: flex;
	/* flex-direction:row-reverse; */
	margin: 40px 0 !important;
	padding: 20px 20px 20px 120px;
	background: #f4f3f9;
	text-align: center;
}
.boxWrap.bg .caseList section { background: #fff;}
.caseList section::before {
	position: absolute;
	top: 20px;
	left: 0;
	width: 120px;
	color: #96b1b9;
	font-size: 4rem;
	font-family: 'Outfit', sans-serif;
	font-weight: 400;
	line-height: 1;
}
.caseList section:nth-of-type(1)::before { content: "01"; }
.caseList section:nth-of-type(2)::before { content: "02"; }
.caseList section:nth-of-type(3)::before { content: "03"; }
.caseList section:nth-of-type(4)::before { content: "04"; }
.caseList section:nth-of-type(5)::before { content: "05"; }
.caseList section:nth-of-type(6)::before { content: "06"; }
.caseList section:nth-of-type(7)::before { content: "07"; }
.caseList section:nth-of-type(8)::before { content: "08"; }
.caseList section:nth-of-type(9)::before { content: "09"; }
.caseList section:nth-of-type(10)::before { content: "10"; }
.caseList section figure {
	width: 180px;
	margin: 0 30px 0 0;
}
.caseList section figure img {
	display: block;
	border: 5px solid #fff;
}
.caseList section .text {
	flex: 1;
	text-align: left;
}
.caseList section h3 {
	margin-top: 10px;
	font-weight: bold;
	font-size: 1.8rem;
	color: #718B94;
}
.caseList section p {
	margin-bottom: 0;
	line-height: 1.6;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.caseList section {
		display: block;
		padding: 20px 15px 15px;
	}
	.caseList section::before {
		width: auto;
		top: 0;
		left: 15px;
		font-size: 3.2rem;
		transform: translateY(-50%);
	}
	.caseList section figure {
		width: 100px;
		margin: 0 15px 5px 0;
		float: left;
	}
	.caseList section h3 {
		margin: 5px 0;
		font-size: 1.6rem;
	}
} /* */