@charset "utf-8";

/* ---------------------------------------- file info */
/* filename:contents.css */
/* creation date:2017年2月15日 */
/* -------------------------------------------------- */

.inner h2 {
	text-align: center;
	line-height: 1;
}

/* --------------------------------------
		001 ttlBlock
-------------------------------------- */
#ttlBlock .inner {
	text-align: center;
}

#ttlBlock .ttlBlock__date {
	background-color: #000;
	text-align: center;
}

@media screen and (min-width: 640px) {
	#ttlBlock {
		background: url(/cmp/pancrase/common/img/bg_ttl.png) center 0 no-repeat;
		background-size: cover;
	}

	#ttlBlock .inner {
		width: 960px;
		margin: auto;
		padding: 35px 0;
	}

	#ttlBlock .ttlBlock__catch {
		margin: 0 auto 403px;
	}

	#ttlBlock .ttlBlock__date {
		padding: 28px 0 22px;
	}

	#ttlBlock .com {
		padding: 20px 0;
		font-size: 20px;
		line-height: 1.75;
	}
}
@media screen and (max-width: 639px) {
	#ttlBlock img {
		max-width: 100%;
	}

	#ttlBlock {
		background: url(/cmp/pancrase/common/img/bg_ttl.png) center 0 no-repeat;
		background-size: cover;
		text-align: center;
		padding:15px 0;
	}

	#ttlBlock .ttlBlock__catch {
		width: 97.1875vw;
		margin: 0 auto 62.5vw;
	}

	#ttlBlock h1 {
		width: 90%;
		margin: auto auto 15px auto;
	}

	#ttlBlock .ttlBlock__date {
		padding: 2.8125vw 0 0;
		background: none;
		width:60%;
		margin:auto;
	}

	#ttlBlock .ttlBlock__date img {
		width: 77.5vw;
	}

	#ttlBlock .com {
		padding: 2.8125vw 0;
		font-size: 9px;
		line-height: 1.778;
	}

}

/* --------------------------------------
		002 btnBlock
-------------------------------------- */
.btnBlock {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: rgba(255,255,255,0.8);
	z-index: 1;
}

.btnBlock .inner {
	margin: auto;
	text-align: center;
}

.btnBlock h2 {
	color: #c1205f;
	font-weight: 600;
}

.btnBlock ul {
	overflow: hidden;
}

.btnBlock li {
	float: left;
}

.btnBlock li:nth-child(2) {
	float: right;
}

.btnBlock li a {
	display: block;
	background-color: #F1508F;
	color: #fff;
	text-decoration: none;
}

@media screen and (min-width: 640px) {
	.btnBlock .inner {
		width: 750px;
		padding: 35px 0 30px;
	}

	.btnBlock h2 {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.btnBlock li {
		width: 350px;
	}

	.btnBlock li a {
		border-radius: 5px;
		width: 350px;
		font-size: 17px;
		line-height: 55px;
	}
}

@media screen and (max-width: 639px) {
	.btnBlock .inner {
		padding: 17px 35px 17px;
		background-image: none;
	}

	.btnBlock h2 {
		margin-bottom: 1.5625vw;
		font-size: 14px;
	}

	.btnBlock ul {
		width: 93.75vw;
		margin: auto;
	}

	.btnBlock li {
		width: 45.3125vw;
	}

	.btnBlock a img{
		max-width: 250px;
	}

}

/* --------------------------------------
		003 pointBlock
-------------------------------------- */
.pointBlock {
	background-color: #000;
	color: #fff;
}

.pointBlock h2{
	background-color: #dc2b2c;
	text-align: center;
	padding: 15px 0 20px 0;
}

.pointBlock .inner {
	margin: auto;
}

.point_wrap__item {
	text-align: center;
}

.point_wrap__item h3 {
	color: #f1508f;
}

.point_wrap__item h3 img {
	display: block;
	margin: auto;
}

@media screen and (min-width: 640px) {
	.pointBlock {
		padding: 41px 0 44px;
	}

	.pointBlock .inner {
		width: 1000px;
	}

	.point_wrap {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top: 33px;
	}

	.point_wrap__item {
		width: 320px;
		position: relative;
	}

	.point_wrap__item:nth-child(2) {
		width: 360px;
	}

	.point_wrap__item h3 {
		margin-bottom: 20px;
		text-align: center;
	}

	.point_wrap__item p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 15px;
		letter-spacing: -0.05em;
	}

	.point_wrap__item:nth-child(2) p {
		padding:0 20px;
	}

	.point_img {
		width: 305px;
		margin:0 auto 20px auto;
	}

	.point_img img {
		width: 100%;
	}
}

@media screen and (max-width: 639px) {
	.pointBlock {
		padding: 4.21875vw 0 2.96875vw;
	}

	.pointBlock h2 img{
	width: 65%;
}

	.pointBlock .inner {
		width: 93.75vw;
	}

	.pointBlock .inner .ttl_box {
		width: 100%;
		margin: 0 auto 2.5vw;
		padding-top: 2px;
		line-height: 20px;
		font-size: 14px;
		letter-spacing: 3px;
	}

	.point_wrap {
		padding-top: 1.5625vw;
	}

	.point_wrap__item {
		margin-top: 6.75vw;
	}

	.point_wrap__item img {
		width: 100%;
	}

	.point_wrap__item p {
		margin:auto auto 2.5vw auto;
		font-size: 13px;
		line-height: 1.67;
		text-align: left;
		width: 90%;
	}

	.point_header {
		position:relative;
		margin-bottom: 15px;
	}

	.point_header h3{
		position:absolute;
		bottom:0;
		left:0;
		text-align: left;
	}
	.point_header h3 img{
		max-width: 85%;
		margin:0;
	}
	.point_img{
		text-align: center;
	}
	.point_img img{
		width: 67%;
	}
}

/* --------------------------------------
		004 flowBlock
-------------------------------------- */
.flowBlock {
	background: #ffacac;
	border-bottom: 6px solid #DC2B2C;
}

.flowBlock .inner {
	margin: auto;
}

.flowBlock .inner ol li {
	margin-bottom: 12px;
	text-align: center;
}


@media screen and (min-width: 640px) {
	.flowBlock {
		padding: 0 0 30px 0;
	}

	.flowBlock .inner {
		width: 751px;
	}

	.flowBlock h2{
		background: #dc2b2c;
		text-align: center;
		border-bottom: #fff;
		padding:25px;
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 639px) {
	.flowBlock {
		padding:0 0 4.0625vw 0;
	}

	.flowBlock .inner {
		width: 100%;
	}

	.flowBlock .inner img {
		width: 100%;
	}

	.flowBlock .inner li:last-child img {
		width: 70%;
	}

	.flowBlock h2{
		background: #dc2b2c;
		text-align: center;
		border-bottom: #fff;
		padding:10px 40px;
	}
}

/* --------------------------------------
		005 outlineBlock
-------------------------------------- */
.outlineBlock {
	background: url(/cmp/pancrase/common/img/bg_outline.png) no-repeat center top;
	background-size:cover;
	color:#fff;
}

.outlineBlock .inner {
	margin: auto;
}

.outlineBlock__list {
	background-color: rgba(255,255,255,0.8);
	color: #000;
	font-weight: bold;
	line-height: 1.67;
}

.outlineBlock__list dt {
	border-top: 2px dashed #000;
}

.outlineBlock__list dt:first-child {
	border: none;
}

.outlineBlock__couple{
		text-align: center;
}

.outlineBlock__couple img{
	vertical-align: bottom;
}

.outlineBlock__name {
	font-weight: bold;
	color: #6a074a;
	text-align: center;
	line-height: 1.33;
}

.outlineBlock__address {
	text-align: center;
	line-height: 1.33;
}

.outlineBlock__time {
	color: #6a074a;
	text-align: center;
}
@media screen and (min-width: 640px) {
	.outlineBlock {
		padding: 28px 0 30px;
	}

	.outlineBlock .inner {
		width: 750px;
	}
	.outlineBlock__list{
		padding:  10px 75px 0 30px;
		margin: 25px 0 12px;
		font-size: 18px;
	}

	.outlineBlock__list dt {
		padding-top: 15px;
	}

	.outlineBlock__list dd {
		padding-bottom: 15px;
	}

	.outlineBlock__notice {
		font-size: 15px;
		line-height: 1.5;
	}

	.outlineBlock__name,
	.outlineBlock__address,
	.outlineBlock__time {
		font-size: 18px;
		margin: 10px 0;
	}
}

@media screen and (max-width: 639px) {
	.outlineBlock {
		padding: 3.75vw 0 1.25vw;
	}

	.outlineBlock .inner {
		width: 93.75vw;
	}

	.outlineBlock .inner h2 {
		width: 25%;
		margin:0 auto;
	}

	.outlineBlock__list {
		background-size: 80%;
		padding: 0 2.5vw 0 2.5vw;
		margin: 4.6875vw 0 1.5625vw;
		font-size: 9px;
	}

	.outlineBlock__list dt {
		padding-top: 1.875vw;
		border-width: 1px;
	}

	.outlineBlock__list dd {
		padding-bottom: 1.875vw;
	}

	.outlineBlock__couple{
		text-align: center;
		padding: 0 20px;
	}

	.outlineBlock__notice {
		padding-bottom: 7.8125vw;
		font-size: 8px;
		line-height: 1.5;
	}

	.map img {
		width: 100%;
	}

	.outlineBlock__name,
	.outlineBlock__address,
	.outlineBlock__time {
		font-size: 9px;
		margin: 1.5625vw 0;
	}
}

/* --------------------------------------
		006 faqBlock
-------------------------------------- */
.faqBlock {
	border-bottom: 1px solid #ccc;
}

.faqBlock .inner {
	margin: auto;
}

.faqBlock__list {
	background-color: #000;
	border: 1px solid #8c2e54;
	color: #fff;
}

.faqBlock__list dt {
	font-weight: bold;
	line-height: 1.1;
}

.faqBlock__list dt:first-child {
	margin-top: 0;
}

.faqBlock__list dd {
	line-height: 1.67;
}

@media screen and (min-width: 640px) {
	.faqBlock {
		background:#d4d4d4 url(/cmp/pancrase/common/img/bg_faq_pc.png) repeat-x center top;
		padding: 65px 0 43px;
	}

	.faqBlock .inner {
		width: 750px;
	}

	.faqBlock .inner .ttl_faq {
		margin-bottom: 35px;
	}

	.faqBlock__list {
		padding: 20px 30px;
		margin-bottom: 83px;
	}

	.faqBlock__list dt {
		margin-top: 50px;
		font-size: 24px;
	}

	.faqBlock__list dd {
		margin-top: 30px;
		font-size: 18px;
	}
}
@media screen and (max-width: 639px) {
	.faqBlock {
		background:#d4d4d4 url(/cmp/pancrase/common/img/bg_faq_sp.png) repeat-x center top;
		padding: 10vw 0 4.375vw;
	}

	.faqBlock .inner {
		width: 93.75vw;
	}

	.faqBlock .inner .ttl_faq {
		width: 60%;
		margin:0 auto 20px auto;
	}

	.faqBlock__list {
		padding: 3.125vw 2.34375vw;
		margin-bottom: 9.375vw;
	}

	.faqBlock__list dt {
		margin-top: 9.375vw;
		font-size: 12px;
	}

	.faqBlock__list dd {
		margin-top: 5.3125vw;
		font-size: 11px;
		letter-spacing: -0.03em;
	}

}
/* --------------------------------------
		009 whatsBlock
-------------------------------------- */
.whatsBlock {
	background:url(/cmp/pancrase/common/img/bg_whats.png) no-repeat center top;
	border-bottom: 1px solid #ccc;
	background-size:contain;
}
.whatsBlock .inner {
	margin: auto;
}
.whatsBlock .poster {
	text-align: center;
}
.whatsBlock .poster img{
	text-align: center;
	border:1px solid #fff;
}
@media screen and (min-width: 640px) {
	.whatsBlock {
		padding: 65px 0 43px;
	}

	.whatsBlock .inner {
		width: 750px;
	}

	.whatsBlock h2 {
		text-align: center;
		margin-bottom: 60px;
	}
	.whatsBlock__plot {
		margin-bottom: 35px;
		font-size: 22px;
		font-weight: bold;
		color: #FFF;
	}
}
@media screen and (max-width: 639px) {
	.whatsBlock {
		padding: 10vw 0 4.375vw;
	}

	.whatsBlock h2 {
		text-align: center;
		margin-bottom: 30px;
	}

	.whatsBlock .inner {
		width: 93.75vw;
	}

	.whatsBlock__plot {
		margin-bottom: 5.46875vw;
		font-size: 11px;
		color: #FFF;
	}

}

.page_top{
	display:none;
}

@media screen and (max-width: 639px) {
	.page_top{
		display:block;
		margin:15px 0;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		bottom:10px;
		width: 100%;
		position:absolute;
		bottom:0;
	}
	.page_top a{
		color: #FFF;
		text-decoration: none;
	}
}