@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	position: relative;
	height: 100%;
	overflow-x:  hidden;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px !important;
	background-position: 0 0;
	background-color: #009fe8;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
p, li, dt, dd, th, td, span, a, label {
	line-height: 100%;
}
p *, li *, dt *, dd *, th *, td * {
	font-size: 100%;
}
img {
	border: none;
	vertical-align: bottom;
}
/******************************/
/* 共通
/******************************/
.inner {
	position: relative;
	margin: 0 auto;
}
.rp {
	height: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}
/*
* .first-view
*/
.first-view {
	position: relative;
}
.first-view h1 {
	height: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: 100% auto;
}
.first-view .copy,
.first-view .landmark,
.first-view .btbc,
.first-view .ispa {
	position: absolute;
}
.first-view .btbc,
.first-view .ispa {
	background-color: #ffe900;
}
.first-view .btbc p,
.first-view .ispa p {
	text-align: left;
	line-height: 160%;
}
.notes {
	position: absolute;
}
.notes a {
	display: block;
	height: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.notes a:hover {
	opacity: 0.6;
}
/*
* .contents
*/
.contents .inner {
	border-radius: 25px;
	background-color: #fff;
}
.contents .lead {
	background-repeat: repeat-x;
	background-position: 0 50%;
}
.contents .block {
	position: relative;
}
.contents .title {
	display: inline-block;
	height: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: 100% auto;
}
.contents .text {
	background-color: #fff;
}
.contents .orderBtn {
	clear: both;
	border-radius: 25px;
	font-weight: bold;
	text-align: center;
	background-color: #ffe900;
}
.contents .orderBtn a {
	display: block;
	color: #009fe8;
	text-decoration: none;
}
.contents .orderBtn a:hover {
	opacity: 0.6;
}
.contents .orderBtn span {
	display: block;
	padding-top: 5px;
	font-size: 70%;
}
.contents .orderBtn.none {
	color: #e95513;
	font-weight: normal;
	background-color: transparent;
}
.contents .orderBtn.wide {
	display: block;
}
/*
* .footer
*/
.footer {
	color: #fff;
}
.footer h2 {
	border: 1px solid #fff;
	font-weight: normal;
	box-sizing: border-box;
}
/******************************/
/* Mobile Layout: ～ 767px
/******************************/
@media screen and (max-width: 767px) {
	body {
		min-width: 320px;
	}
	.rp {
		height: 0;
	}
	.pcNone {
		display: block;
	}
	.spNone {
		display: none;
	}
	/*
	* .first-view
	*/
	.first-view {
		height: 184vw;
	}
	.first-view h1 {
		width: 100%;
		padding-top: 167.96875%;
		background-image: url(../img/sp_main.jpg);
	}
	.first-view .copy {
		top: 27%;
		left: 0.78125%;
		width: 98.4375%;
		padding-top: 53.75%;
		background-image: url(../img/sp_copy.png);
	}
	.first-view .landmark {
		display: none;
	}
	.first-view .btbc,
	.first-view .ispa {
		position: static;
		float: left;
		width: 50%;
	}
	.first-view .btbc h2,
	.first-view .ispa h2 {
		height: 0;
		overflow: hidden;
		margin: 7% 28.07408% 1%;
		padding-top: 35%;
		text-indent: 100%;
		white-space: nowrap;
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: 100% auto;
	}
	.first-view .btbc h2 {
		background-image: url(../img/sp_btbc_logo.png);
	}
	.first-view .ispa h2 {
		background-image: url(../img/sp_ispa_logo.png);
	}
	.first-view .btbc p,
	.first-view .ispa p {
		margin: 0 10% 7%;
		font-size: 1.875vw;
	}
	.notes {
		top: 21.5%;
		left: 25.5%;
		width: 51.25%;
	}
	.notes a {
		padding-top: 23.78049%;
		background-image: url(../img/sp_notes.png);
		background-size: 100% auto;
	}
	/*
	* .contents
	*/
	.contents {
		clear: both;
		padding: 3.125% 0;;
	}
	.contents .check {
			width: 90.625%;
			margin: 0 auto 2.27273%;
			padding-top: 8.18182%;
			background-image: url(../img/sp_pict1.png);
			background-position: 50% 70%;
	}
	.contents .inner {
		margin: 0 1.5625% 3.125%;
		padding: 3.125%;
	}
	.contents .block {
		margin-bottom: 6.89656%;
	}
	.contents .lead {
		margin-bottom: 4.31035%;
	}
	.contents .text {
		font-size: 3.75vw;
	}
	.contents .pict7 .text,
	.contents .pict8 .text,
	.contents .pict9 .text,
	.contents .pict10 .text,
	.contents .pict11 .text,
	.contents .pict13 .text,
	.contents .pict14 .text {
		display: block;
		width: 100%;
		padding-top: 3%;
	}
	.contents .desc {
		font-size: 4.375vw;
		line-height: 160%;
	}
	.contents .image {
		width: 86.2069%;
		height: 0;
		margin: 0 auto 4.31035%;
		padding-top: 48.27587%;
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: 100% auto;
	}
	.contents .image img {
		display: none;
	}
	.contents .pict2 {
		text-align: center;
	}
	.contents .pict2 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 25.34483%;
		background-image: url(../img/sp_pict2.png);
		background-size: 100% auto;
	}
	.contents .pict3 {
		margin-bottom: 4.31035%;
	}
	.contents .pict3 .title {
		width: 100%;
		margin: 0 auto 2.5863%;
		padding-top: 6.89656%;
		background-image: url(../img/sp_pict3.png);
	}
	.contents .pict3 .text {
		vertical-align: 20%;
	}
	.contents .pict4 {
		margin-bottom: 4.31035%;
	}
	.contents .pict4 .title {
		width: 100%;
		margin: 0 auto 2.5863%;
		padding-top: 6.89656%;
		background-image: url(../img/sp_pict4.png);
	}
	.contents .pict4 .text {
		vertical-align: 20%;
	}
	.contents .pict5 {
		margin-bottom: 4.31035%;
	}
	.contents .pict5 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 7.06897%;
		background-image: url(../img/sp_pict5.png);
		background-size: 100% auto;
	}
	.contents .pict6 {
		margin-bottom: 4.31035%;
		text-align: center;
	}
	.contents .pict6 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 25.17242%;
		background-image: url(../img/sp_pict6.png);
	}
	.contents .pict7 {
		margin-bottom: 4.31035%;
	}
	.contents .pict7 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 7.06897%;
		background-image: url(../img/sp_pict7.png);
	}
	.contents .pict7 .text {
		line-height: 130%;
	}
	.contents .pict7 + .desc {
		margin-bottom: 4.31035%;
	}
	.contents .pict7 + .desc + .image {
		background-image: url(../img/sp_img1.jpg);
	}
	.contents .pict8 {
		margin-bottom: 4.31035%;
	}
	.contents .pict8 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 6.89656%;
		background-image: url(../img/sp_pict8.png);
	}
	.contents .pict8 + .desc {
		clear: both;
		margin-bottom: 4.31035%;
	}
	.contents .pict8 + .desc + .image {
		background-image: url(../img/sp_img2.jpg);
	}
	.contents .pict8 + .desc .conditions {
		display: inline-block;
		padding: 3% 0;
		color: #e95513;
		line-height: 140%;
	}
	.contents .pict9 {
		margin-bottom: 4.31035%;
	}
	.contents .pict9 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 6.89656%;
		background-image: url(../img/sp_pict9.png);
	}
	.contents .pict9 + .desc {
		clear: both;
		margin-bottom: 4.31035%;
	}
	.contents .pict9 + .desc + .image {
		background-image: url(../img/sp_img3.jpg);
	}
	.contents .pict10 {
		margin-bottom: 4.31035%;
	}
	.contents .pict10 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 6.89656%;
		background-image: url(../img/sp_pict10.png);
	}
	.contents .pict10 + .desc {
		clear: both;
		margin-bottom: 4.31035%;
	}
	.contents .pict10 + .desc + .image {
		background-image: url(../img/sp_img4.jpg);
	}
	.contents .pict10 + .desc .conditions {
		display: inline-block;
		padding: 3% 0;
		color: #e95513;
		line-height: 140%;
	}
	.contents .pict11 {
		margin-bottom: 4.31035%;
	}
	.contents .pict11 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 6.89656%;
		background-image: url(../img/sp_pict11.png);
	}
	.contents .pict11 .text {
		line-height: 130%;
	}
	.contents .pict11 + .desc {
		clear: both;
		margin-bottom: 4.31035%;
	}
	.contents .pict11 + .desc + .image {
		margin-bottom: 8.62069%;
		background-image: url(../img/sp_img5.jpg);
	}
	.contents .pict12 {
		margin-bottom: 4.31035%;
	}
	.contents .pict12 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 15.51725%;
		background-image: url(../img/sp_pict12.png);
	}
	.contents .pict13 {
		margin-bottom: 4.31035%;
	}
	.contents .pict13 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 6.89656%;
		background-image: url(../img/sp_pict13.png);
	}
	.contents .pict13 .text {
		padding-top: 1%;
	}
	.contents .pict13 + .desc {
		clear: both;
		margin-bottom: 4.31035%;
	}
	.contents .pict13 + .desc + .image {
		background-image: url(../img/sp_img6.jpg);
	}
	.contents .pict14 {
		margin-bottom: 4.31035%;
	}
	.contents .pict14 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 6.89656%;
		background-image: url(../img/sp_pict14.png);
	}
	.contents .pict14 .text {
		padding-top: 1%;
	}
	.contents .pict14 + .desc {
		margin-bottom: 4.31035%;
	}
	.contents .pict14 + .desc + .image {
		margin-bottom: 8.62069%;
		background-image: url(../img/sp_img7.jpg);
	}
	.contents .pict15 {
		margin-bottom: 2.90698%;
		background-position: 0 39%;
	}
	.contents .pict15 .title {
		width: 100%;
		margin: 0 auto;
		padding-top: 6.89656%;
		background-image: url(../img/sp_pict15.png);
	}
	.contents .pict15 + p img {
		width: 100%;
		height: auto;
	}
	.contents .orderBtn {
		width: 86.2069%;
		margin: 6% auto;
		font-size: 160%;
	}
	.contents .orderBtn a {
		padding: 3% 0;
		line-height: 140%;
	}
	.contents .orderBtn.none {
		font-size: 4.375vw;
	}
	.contents .orderBtn.wide {
		font-size: 3.75vw;
	}
	/*
	* .footer
	*/
	.footer {
		width: 80%;
		margin: 4% auto;
	}
	.footer h2 {
		margin-bottom: 3%;
		padding: 1% 2%;
	}
	.footer p {
		font-size: 140%;
		line-height: 160%;
	}
	.footer a {
		color: #fff;
	}
}
/******************************/
/* PC Layout： 768px～
/******************************/
@media screen and (min-width:768px) {
	.pcNone {
		display: none;
	}
	.spNone {
		display: block;
	}
	.festa2018 {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1100px;
		margin-left: -550px;
	}
	/*
	* .first-view
	*/
	.first-view {
		padding-bottom: 28.2%;
	}
	.first-view h1 {
		width: 100%;
		padding-top: 109.09091%;
		background-image: url(../img/pc_main.jpg);
	}
	.first-view .copy {
		top: 27.8%;
		left: 14.7%;
		width: 78.72728%;
		padding-top: 42.9091%;
		background-image: url(../img/pc_copy.png);
	}
	.first-view .landmark {
		bottom: -1.5%;
		left: 29%;
		width: 42.727273%;
		padding-top: 29.81819%;
		background-image: url(../img/pc_landmark.png);
	}
	.first-view .btbc,
	.first-view .ispa {
		/*bottom: -25.8%;*/
		width: 24.54546%;
	}
	.first-view .btbc {
		left: 0;
	}
	.first-view .ispa {
		right: 0;
	}
	.first-view .btbc h2,
	.first-view .ispa h2 {
		height: 0;
		overflow: hidden;
		margin: 12.5926% 24.07408% 4.44445%;
		padding-top: 51.11112%;
		text-indent: 100%;
		white-space: nowrap;
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: 100% auto;
	}
	.first-view .btbc h2 {
		background-image: url(../img/pc_btbc_logo.png);
	}
	.first-view .ispa h2 {
		background-image: url(../img/pc_ispa_logo.png);
	}
	.first-view .btbc p,
	.first-view .ispa p {
		margin: 0 14.81482% 12.5926%;
		font-size: 120%;
	}
	.notes {
		top: 24%;
		left: 32%;
		width: 39.09091%;
	}
	.notes a {
		padding-top: 17.67442%;
		background-image: url(../img/pc_notes.png);
	}
	/*
	* .contents
	*/
	.contents {
		padding-top: 2.27273%;
	}
	.contents .check {
			width: 27.27273%;
			margin: 0 auto 2.27273%;
			padding-top: 2.18182%;
			background-image: url(../img/pc_pict1.png);
	}
	.contents .inner {
		padding: 3.09091%;
		margin-bottom: 2.27273%;
	}
	.contents .block {
		margin-bottom: 2.13179%;
	}
	.contents .block.w370 {
		width: 35.85272%;
	}
	.contents .block.w594 {
		width: 57.559%;
	}
	.contents .clear {
		clear: both;
	}
	.contents .left {
		float: left;
		width: 48.44962%;
	}
	.contents .mr {
		margin-right: 2.907%;
	}
	.contents .block.w370.mr {
		margin-right: 5.814%;
	}
	.contents .lead {
		background-image: url(../img/pc_line.jpg);
	}
	.contents .title {
		margin: 0 auto;
		padding-top: 3.87597%;
	}
	.contents .left .title {
		padding-top: 9.09091%;
	}
	.contents .text {
		font-size: 130%;
	}
	.contents .desc {
		font-size: 150%;
		line-height: 140%;
	}
	.contents .w53 {
		float: left;
		width: 53%;
		padding-right: 3%;
		box-sizing: border-box;
	}
	.contents .w61 {
		float: left;
		width: 61%;
		padding-right: 2%;
		box-sizing: border-box;
	}
	.contents .w65 {
		float: left;
		width: 65%;
		padding-right: 3%;
		box-sizing: border-box;
	}
	.contents .w81 {
		float: left;
		width: 81%;
		padding-right: 3%;
		box-sizing: border-box;
	}
	.contents .desc .image {
		float: right;
	}
	.contents .w81 + .image {
		margin-top: -12%;
	}
	.contents .pict2 {
		margin-bottom: 2.90698%;
		text-align: center;
	}
	.contents .pict2 .title {
		width: 51.74419%;
		margin: 0 auto;
		background-image: url(../img/pc_pict2.jpg);
	}
	.contents .pict3 {
		margin-bottom: 0.969%;
	}
	.contents .pict3 .title {
		width: 27.71318%;
		margin-left: 0;
		background-image: url(../img/pc_pict3.jpg);
	}
	.contents .pict3 .text {
		vertical-align: 12px;
	}
	.contents .pict4 {
		margin-bottom: 0.969%;
	}
	.contents .pict4 .title {
		width: 40%;
		margin-left: 0;
		background-image: url(../img/pc_pict4.jpg);
	}
	.contents .pict4 .text {
		vertical-align: 20px;
	}
	.contents .pict5 {
		margin-bottom: 0.969%;
	}
	.contents .pict5 .title {
		width: 50%;
		margin-left: 0;
		background-image: url(../img/pc_pict5.jpg);
	}
	.contents .pict6 {
		margin-bottom: 2.90698%;
		text-align: center;
	}
	.contents .pict6 .title {
		width: 67.05427%;
		margin: 0 auto;
		background-image: url(../img/pc_pict6.jpg);
	}
	.contents .pict7 {
		margin-bottom: 0.969%;
	}
	.contents .pict7 .title {
		width: 28.4%;
		margin-left: 0;
		background-image: url(../img/pc_pict7.jpg);
	}
	.contents .pict7 .text {
		position: absolute;
		top: 0;
		right: 14%;
		line-height: 130%;
	}
	.contents .pict8 {
		margin-bottom: 0.969%;
	}
	.contents .pict8 .title {
		width: 26.8%;
		margin-left: 0;
		background-image: url(../img/pc_pict8.jpg);
	}
	.contents .pict8 .text {
		padding-left: 10px;
		vertical-align: 16px;
	}
	.contents .pict8 + .desc .conditions {
		display: inline-block;
		padding: 5% 0;
		color: #e95513;
		line-height: 140%;
	}
	.contents .pict9 {
		margin-bottom: 0.969%;
	}
	.contents .pict9 .title {
		width: 60%;
		margin-left: 0;
		background-image: url(../img/pc_pict9.jpg);
	}
	.contents .pict9 .text {
		position: absolute;
		top: 0;
		right: 12%;
		line-height: 130%;
	}
	.contents .pict10 {
		margin-bottom: 0.969%;
	}
	.contents .pict10 .title {
		width: 42%;
		margin-left: 0;
		background-image: url(../img/pc_pict10.jpg);
	}
	.contents .pict10 .text {
		padding-left: 10px;
		vertical-align: 17px;
	}
	.contents .pict10 + .desc .conditions {
		display: inline-block;
		padding: 5% 0;
		color: #e95513;
		line-height: 140%;
	}
	.contents .pict11 {
		margin-bottom: 0.969%;
	}
	.contents .pict11 .title {
		width: 32.94574%;
		margin-left: 0;
		background-image: url(../img/pc_pict11.jpg);
	}
	.contents .pict11 .text {
		padding-left: 20px;
		vertical-align: 8px;
	}
	.contents .pict12 {
		margin-bottom: 2.90698%;
	}
	.contents .pict12 .title {
		width: 41.66667%;
		margin: 0 auto;
		background-image: url(../img/pc_pict12.jpg);
	}
	.contents .pict13 {
		width:  61.0811%;
		margin-bottom: 2.90698%;
	}
	.contents .pict13 .title {
		width: 100%;
		padding-top: 7.96461%;
		background-image: url(../img/pc_pict13.jpg);
	}
	.contents .pict13 .text {
		position: absolute;
		top: 1%;
		right: 20%;
	}
	.contents .pict14 {
		margin-bottom: 2.90698%;
	}
	.contents .pict14 .title {
		width: 28.9563%;
		padding-top: 3.6%;
		background-image: url(../img/pc_pict14.jpg);
	}
	.contents .pict15 {
		margin-bottom: 2.90698%;
		background-position: 0 39%;
	}
	.contents .pict15 .title {
		width: 30.23256%;
		margin: 0 auto;
		background-image: url(../img/pc_pict15.jpg);
	}
	.contents .orderBtn {
		width: 60%;
		margin: 5% auto;
		font-size: 180%;
	}
	.contents .orderBtn.wide {
		width: 47.69476%;
		margin: 4.7695% auto 8% 15.5%;
		font-size: 120%
	}
	.contents .orderBtn.none {
		padding-top: 10%;
	}
	.contents .orderBtn a {
		padding: 4.28572% 0;
		line-height: 140%;
	}
	.contents .orderBtn.mt14 {
		margin-top: 14%;
	}
	/*
	* .footer
	*/
	.footer {
		width: 45.45455%;
		margin: 4% auto;
	}
	.footer h2 {
		margin-bottom: 3%;
		padding: 1% 2%;
	}
	.footer p {
		font-size: 140%;
		line-height: 160%;
	}
	.footer a {
		color: #fff;
	}
}