/* ================================

ストラベコン[20171003] css　matsumoto

================================ */

/* ====================
ベーシック
==================== */

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width: 768px){

	#container {
		width: 100%;
		margin: 0;
	}
}

/* ====================
コンテンツ
==================== */

/* ベース */
.strabecon {
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #d60065;
	background: #fff;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
/* 見出し */
.strabecon h3 {
	width: 100%;
	margin: 0;
	padding: 12px 0 10px 12px;
	background: url(./img/strike.png) #11345e 1px 1px no-repeat;
	border-left: 0px solid #000000;
	font-size: 262%;
	font-weight: bold;
	color: #fff;
	text-align: left;
	text-indent: 1.5em;
	line-height: 1;
	z-index:5
}
@media screen and (max-width: 768px){
	.strabecon h3 {
		padding: 12px 0 11px 39px;
		background: url(./img/strike_sp2.png) #11345e 1px 1px no-repeat;
		background-size: 38px auto;
		font-size: 131%;
		text-indent: 0.75em;
	}
}

/*----- メインビジュアル -----*/
.mainvisual {
	width: 100%;
	height: 727px;
	margin: 0;
	padding: 0;
	background: url(./img/mainvisual_bg.png) left top no-repeat;
	position: relative;
}
.mainvisual h2,
.mainvisual .image01,
.mainvisual .image02,
.mainvisual .image03,
.mainvisual .image04,
.mainvisual .image05,
.mainvisual .image06,
.mainvisual .redline,
.mainvisual .redline_2 {
	position: absolute;
}
.mainvisual h2 {
	top: 124px;
	left: 0px;
	z-index: 2;
}
.mainvisual .image01 {
	top: 0px;
	left: 0px;
}
.mainvisual .image02 {
	top: 318px;
	left: 538px;
	z-index: 0;
}
.mainvisual .image03 {
	top: 36px;
	left: 504px;
}
.mainvisual .image04 {
	top: 64px;
	left: 652px;
}
.mainvisual .image05 {
	top: 412px;
	left: 0px;
	z-index: 1;
}
.mainvisual .image06 {
	top: 480px;
	left: 40px;
}
.mainvisual .redline{
	width: 100%; height: 727px;
	border-bottom: solid 14px #e50331;
	z-index: 4;
}
.mainvisual .redline_2{
	width: 100%; height: 710px;
	border-bottom: solid 4px #e50331;
	z-index: 5;
}

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

	.mainvisual_sp {
		width: 100%;
		height: auto;
		background: url(./img/mainvisual_bg.png) left top no-repeat;
	}
}

/*----- 3つのポイント -----*/

.pointBox{
	width:100%;
	height: auto;
	margin: 0px 0 0 0px;
	padding: 0 0 80px;
	background: url(./img/point_bg.png) left top no-repeat;
	position: relative;
}
.pointBox .point01,
.pointBox .point02,
.pointBox .point03 {
	float: left;
	width: 30%;
	margin: 0 1.6%;
	padding: 0;
	vertical-align: top;
}
.pointBox:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0.01em;
	height: 0px;
	overflow: hidden;
}
.pointBox dl {
	width: 100%;
	margin: 0;
	padding: 0;
}
.pointBox .point01 dl {
	margin-top: 10px;
}
.pointBox .point02 dl {
	margin-top: 10px;
}
.pointBox .point03 dl {
	margin-top: 10px;
}
.pointBox dl dt {
	padding: 0px;
	font-size: 108%;
	color: #333;
	text-align: left;
	line-height: 1.67;
}
.pointBox dl dd:last-of-type {
	padding: 10px 0px 0;
	font-size: 189%;
	font-weight: bold;
	color: #fe8fa6;
	text-align: center;
	line-height: 1.23 !important;
}
@media screen and (max-width: 768px){

	.pointBox{
		width:100%;
		margin: 0px 0 0;
		padding: 0;
		background-size: auto 120%;
	}
	.pointBox .inner {
		display: table;
		width: 96%;
		margin: -10px auto 0;
		padding: 0;
		list-style-type: none;
	}
	.pointBox .inner:first-of-type {
		margin-top: 0px;
	}
	.pointBox .inner:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		font-size: 0.01em;
		height: 0px;
		overflow: hidden;
	}
	.pointBox .inner p {
		margin: 0;
		padding: 0;
	}
	.pointBox .inner p:first-of-type {
		float: left;
		width: 28%;
		height: auto;
	}
	.pointBox .inner p:last-of-type {
		width: 92%;
		margin: 25px 0 0 5%;
		padding: 10px 10px 10px 25%;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		box-shadow: 1px 1px 3px #ddd;
		-webkit-box-shadow: 1px 1px 3px #ddd;
		-moz-box-shadow: 1px 1px 3px #ddd;
		background: #fff;
		font-size: 116%;
		font-weight: bold;
		color: #fe8fa6;
		text-align: left;
		line-height: 1.47;
	}
	.pointBox .inner:nth-of-type(2) p:last-of-type,
	.pointBox .inner:nth-of-type(3) p:last-of-type {
		margin-top: 16px;
	}
	.point_sp .mc{
		background: url(./img/mc_bg.png) left top no-repeat;
		color: #999;
		font-size: 108%;
		padding: 8px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
		line-height: 1.47 !important;
	}
	.point_sp .mc p {
		padding: 8px 8px 0px 8px;
		color: #999;
	}
	.point_sp .mc ul {
		display: table;
	}
	.point_sp .mc ul li{
		display: table-cell;
		vertical-align: top;
	}
	.point_sp .mc ul li:first-of-type{
		width: 30%;
	}
	.point_sp .mc ul li:last-of-type{
		width: 70%;
		padding: 4px 12px 4px 8px;
	}
}
.presentBox{
	width:100%;
	height: 840px;
	margin: 0px 0 0 0px;
	padding: 0;
	position: relative;
}
.presentBox .image01,
.presentBox .image02,
.presentBox .image03,
.presentBox .image04,
.presentBox .text01,
.presentBox .text02,
.presentBox .text03 {
 	position: absolute;
}
.presentBox .image01 {
	top: 0px;
	left: 0px;
	z-index: 1;
}
.presentBox .image02 {
	top: 140px;
	left: 10px;
	z-index: 0;
}
.presentBox .image03 {
	top: 0px;
	left: 460px;
	z-index: 1;
}
.presentBox .image04 {
	top: 100px;
	left: 460px;
	z-index: 0;
}
.presentBox .text01{
	top: 480px;
	left: 30px;
	width: 45%;
	margin: 0px auto 0 auto;
	padding: 20px 0 0 0;
	vertical-align: top;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 0px  solid;
	background: rgba(255,255,255, 0.75) 10px 10px no-repeat;
	font-size: 123.1%;
	color: #333333;
}
.presentBox .text01 span{
	font-size: 153.9%;
	font-weight: bold;
}
.presentBox .text02{
	top: 580px;
	left: 510px;
	width: 45%;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 0px  solid;
	background: rgba(255,255,255, 0.75) 10px 10px no-repeat;
	font-size: 123.1%;
	color: #333333;
}

.presentBox .text03{
	top: 780px;
	left: 810px;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
	font-size: 131%;

}
@media screen and (max-width: 768px){
	
	.presentBox_sp {
		width:100%;
		height:820px;
		margin: 0 0 0 0px;
		padding: 10px 0 15px 15px;
		background: #fff;
		color: #333333;
		position: relative;
	}
	.presentBox_sp .image01,
	.presentBox_sp .image02,
	.presentBox_sp .image03,
	.presentBox_sp .image04,
	.presentBox_sp .text01,
	.presentBox_sp .text02,
	.presentBox_sp .text03,
	.presentBox_sp .mc {
	 	position: absolute;
	}
	.presentBox_sp .image01 {
		width: 60%;
		top: 0px;
		left: 10px;
		z-index: 1;
	}
	.presentBox_sp .image02 {
		width: 60%;
		top: 20px;
		left: 100px;
		z-index: 0;
	}
	.presentBox_sp .image03 {
		width: 60%;
		top: 480px;
		left: 10px;
		z-index: 1;
	}
	.presentBox_sp .image04 {
		width: 60%;
		top: 480px;
		left: 100px;
		z-index: 0;
	}
	.presentBox_sp .text01{
		top: 210px;
		left: 18px;
		width: 92%;
		margin: 0 auto;
		padding: 0;
		vertical-align: top;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
		border: 0px  solid;
		background: #fff 10px 10px no-repeat;
		font-size: 108%;
		line-height: 1.6 !important;
	}
	.presentBox_sp .text01 span{
		font-size: 116%;
		font-weight: bold;
	}
	.presentBox_sp .text02{
		top: 660px;
		left: 18px;
		width: 92%;
		margin: 0 auto;
		padding: 5px 0 0;
		vertical-align: top;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
		border: 0px  solid;
		background: #fff 10px 10px no-repeat;
		font-size: 108%;
		line-height: 1.6 !important;
	}
	.presentBox_sp .text03{
		top: 630px;
		left: 0px;
		margin: 0 auto;
		padding: 0;
		vertical-align: top;
		font-size: 100%;
	}
	
	.bl_linkBox_sp .mc{
		top: 540px;
		width: 100%;
		background: url(./img/mc_bg.png) left top no-repeat;
		color: #999;
		font-size: 108%;
		padding: 8px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
		line-height: 1.47 !important;
	}
	.bl_linkBox_sp .mc p {
		padding: 8px 8px 0px 8px;
		color: #999;
	}
	.bl_linkBox_sp .mc ul {
		display: table;
	}
	.bl_linkBox_sp .mc ul li{
		display: table-cell;
		vertical-align: top;
	}
	.bl_linkBox_sp .mc ul li:first-of-type{
		width: 30%;
	}
	.bl_linkBox_sp .mc ul li:last-of-type{
		width: 70%;
		padding: 4px 12px 4px 8px;
	}
	#menu01{
	  list-style: none;
	  width: 100%;
	  padding: 0;
	  margin: 0 auto;
	  border-top: 1px solid #279fb5;
	  border-bottom: 1px solid #279fb5;
	}
	#menu01 li{
	  list-style: none;
	  width: 100%;
	  margin: 0 0 0 0px;
	  padding: 0 0 0 0px;
	  border-bottom: 1px solid #879c18;
	}
	#menu01 li:last-child{
	  border-bottom: 0px;
	}
	#menu01 li a{
	  position: relative;
	  text-align: right;
	  display: block;
	  margin: 0;
	  padding: 10px 32px 10px 10px;
	  background: #fff;
	  color: #279fb5;
	  font-weight: bold;
	  text-decoration: none;
	}
	#menu01 li a:before{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 15px;
	  width: 10px;
	  height: 10px;
	  margin-top: -5px;
	  background: #279fb5;
	}
	#menu01 li a:after{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 17px;
	  width: 10px;
	  height: 10px;
	  margin-top: -5px;
	  background: #fff;
	}
}
/*----- 参加特典 -----*/
.present {
	display: block;
	width: 100%;
	height: 200px;
	margin: 20px 0 0;
	padding: 0;
	position: relative;
}
.present .sttl {
	width: 120px;
	height: 120px;
	padding: 36px 0 0 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #d60065;
	box-shadow: 2px 3px 3px rgba(6,3,3,0.15);
	-webkit-box-shadow: 2px 3px 3px rgba(6,3,3,0.15);
	-moz-box-shadow: 2px 3px 3px rgba(6,3,3,0.15);
	background: #d60065;
	transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	font-size: 153.9%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.23 !important;
	position: absolute;
	top: 0px;
	left: 110px;
	z-index: 99999;
}
.present .present01 {
	position: absolute;
	top: 10px;
	left: 220px;
}
.present .present01 p {
	display: inline-block;
	width: 160px;
	height: 160px;
	padding-top: 6px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #fff;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 9999;
}
.present .present01 span {
	display: inline-block;
	margin: 0 0 0 -30px;
	padding: 12px 18px 10px 30px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	background: #fff;
	overflow: hidden;
	vertical-align: 150%;
	font-size: 138.5%;
	font-weight: bold;
	color: #151e82;
	text-align: left;
	line-height: 1.47 !important;
	position: relative;
	z-index: 999;
}
@media screen and (max-width: 768px){

	.present {
		display: block;
		width: 100%;
		height: 180px;
		margin: 20px 0 0;
		padding: 0;
		position: relative;
	}
	.present .sttl {
		width: 80px;
		height: 80px;
		padding: 22px 0 0 0;
		font-size: 108%;
		top: -5px;
		left: 10px;
	}
	.present .present01 {
		width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
	}
	.present .present01 p {
		display: inline-block;
		width: 120px;
		height: 120px;
		padding: 2px 0 0 5px;
		position: absolute;
		top: -25px;
		left: 80px;
	}
	.present .present01 span {
		display: inline-block;
		width: 96%;
		margin: 0 auto -60px;
		padding: 9px 10px;
		vertical-align: 150%;
		font-size: 108%;
		position: absolute;
		top: 80px;
		left: 2%;
		z-index: 99999;
	}
}
/*----- ストラベコンの流れ -----*/


.schemevisual{
	width:100%;
	height: 110px;
	margin: 0px 0 0 0px;
	padding: 0;
	background: #fff left top no-repeat;
	position: relative;
}
.schemevisual .image01,
.schemevisual .image02,
.schemevisual .text01,
.schemevisual .text02,
.schemevisual .sankaku-bottom,
.schemevisual .sankaku-top
 {
 	position: absolute;
}
.schemevisual .image01 {
	top: 0px;
	left: 100px;
	z-index: 1;
}
.schemevisual .image02 {
	top: 20px;
	left: 660px;
	z-index: 0;
}
.schemevisual .text01{
	top: 40px;
	left: 30px;
	width: 45%;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
	border: 0px  solid;
	font-size: 189%;
	font-weight: bold;
	color: #11345e;
}
.schemevisual .text02{
	top: 40px;
	left: 880px;
	width: 45%;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
	border: 0px  solid;
	font-size: 189%;
	font-weight: bold;
	color: #11345e;
}
@media screen and (max-width: 768px){
	.schemevisual_sp{
		width:100%;
		height: 110px;
		margin: 0px 0 0 0px;
		padding: 0;
		background: #fff left top no-repeat;
		position: relative;
	}
	.schemevisual_sp .image01,
	.schemevisual_sp .image02,
	.schemevisual_sp .text01,
	.schemevisual_sp .text02,
	.schemevisual_sp .sankaku-bottom,
	.schemevisual_sp .sankaku-top
	 {
	 	position: absolute;
	}
	.schemevisual_sp .image01 {
		top: 0px;
		left: 10px;
		z-index: 1;
	}
	.schemevisual_sp .image02 {
		top: 10px;
		left: 100px;
		z-index: 0;
	}
	.schemevisual_sp .text01{
		top: 40px;
		left: 30px;
		width: 45%;
		margin: 0 auto;
		padding: 0;
		vertical-align: top;
		border: 0px  solid;
		font-size: 189%;
		font-weight: bold;
		color: #11345e;
	}
	.schemevisual_sp .text02{
		top: 40px;
		left: 880px;
		width: 45%;
		margin: 0 auto;
		padding: 0;
		vertical-align: top;
		border: 0px  solid;
		font-size: 189%;
		font-weight: bold;
		color: #11345e;
	}
}

.sankaku-bottom {
	top: 60px;
	left: 885px;
	width:0;
	height:0;
	border: 20px solid transparent;
	border-bottom:20px solid #11345e;
}
.sankaku-top {
	top: 80px;
	left: 35px;
	width:0;
	height:0;
	border: 20px solid transparent;
	border-top:20px solid #11345e;
}
.schemeBox{
	width:100%;
	height: auto;
	margin: 110px 0px 16px 0px;
	padding: 0;
	background: #fff left top no-repeat;
	position: relative;
	display:table;

}

.schemeBox .scheme01,
.schemeBox .scheme02,
.schemeBox .scheme03,
.schemeBox .scheme04,
.schemeBox .scheme05 {
	float: left;
	width: 16.5%;
	margin: 0 1.6%;
	padding: 0;
	vertical-align: top;
}

.schemeBox:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0.01em;
	height: 0px;
	overflow: hidden;
}
.schemeBox dl {
	position: relative;
	display:table-cell;
	width: 20%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.schemeBox  dt {
	padding: 0px;
	font-size: 108%;
	color: #333;
	text-align: center;
	line-height: 1.67;
	vertical-align: middle !important;
}
.schemeBox dl dd{
	font-size: 131%;
	text-align: center;
	color: #11345e;
	line-height: 1.23 !important;
}
.schemeBox dd{
	margin: 15px 0px 15px 0px;
}

.schemeBox dl:nth-of-type(1) dd:nth-of-type(1){
	padding: 16px 0 0 0;
}
.schemeBox dl:nth-of-type(2) dd:nth-of-type(1){
	padding: 24px 0 0 0;
}
.schemeBox dl:nth-of-type(4) dd:nth-of-type(1){
	padding: 24px 0 0 0;
}
.schemeBox dl:nth-of-type(5) dd:nth-of-type(1){
	padding: 16px 0 0 0;
}
.schemeBox dl:nth-of-type(1) dt:nth-of-type(1):after{
 	position: absolute;
	top: -110px;
	left: 80px;
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 61px;/*画像の幅*/
	height: 106px;/*画像の高さ*/
	background-image: url(./img/scheme_onepoint_pic_01.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.schemeBox dl:nth-of-type(2) dt:nth-of-type(1):after{
 	position: absolute;
 	display: block;
	content: "";
	top: -32px;
	left: -168px;
	width:0;
	height:0;
	border: 20px solid transparent;
	border-top:20px solid #11345e;
}
.schemeBox dl:nth-of-type(2) dd:nth-of-type(1):after{
 	position: absolute;
	content: "受付";
	font-weight: bold;
	top: -64px;
	left: -168px;
}
.schemeBox dl:nth-of-type(5) dt:nth-of-type(1):after{
 	position: absolute;
	top: -100px;
	left: -80px;
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 202px;/*画像の幅*/
	height: 82px;/*画像の高さ*/
	background-image: url(./img/scheme_onepoint_pic_02.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.schemeBox dl:nth-of-type(4) dt:nth-of-type(1):after{
 	position: absolute;
 	display: block;
	content: "";
	top: -80px;
	left: 312px;
	width:0;
	height:0;
	border: 20px solid transparent;
	border-bottom:20px solid #11345e;
}
.schemeBox dl:nth-of-type(5) dd:nth-of-type(1):after{
 	position: absolute;
	content: "終了";
	font-weight: bold;
	top: -32px;
	left: 120px;
}
.schemeBox dl:nth-of-type(1):before{
 	position: absolute;
	display: block;
	content: "";
	top: 60px;
	left: 160px;
	width: 0;
	height: 0;
	margin: 0 0 0 20px;
	border: 20px solid transparent;
	border-left:20px solid #11345e;
}
.schemeBox dl:nth-of-type(2):before{
 	position: absolute;
	display: block;
	content: "";
	top: 60px;
	left: 160px;
	width: 0;
	height: 0;
	margin: 0 0 0 20px;
	border: 20px solid transparent;
	border-left:20px solid #11345e;
}
.schemeBox dl:nth-of-type(3):before{
 	position: absolute;
	display: block;
	content: "";
	top: 60px;
	left: 160px;
	width: 0;
	height: 0;
	margin: 0 0 0 20px;
	border: 20px solid transparent;
	border-left:20px solid #11345e;
}
.schemeBox dl:nth-of-type(4):before{
 	position: absolute;
	display: block;
	content: "";
	top: 60px;
	left: 160px;
	width: 0;
	height: 0;
	margin: 0 0 0 20px;
	border: 20px solid transparent;
	border-left:20px solid #11345e;
}

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

	.schemeBox {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 5px;
		font-size: 93%;
		background: url(./img/sc_bg.png) left top repeat-y;

	}
	.schemeBox .inner {
		width: 98%;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
	.schemeBox .inner:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		font-size: 0.01em;
		height: 0px;
		overflow: hidden;
	}
	.schemeBox .inner:before {
		display: block;
		content: "";
		width: 0;
		height: 0;
		margin: 0 auto -20px;
		border: 15px solid transparent;
		border-top-width: 15px;
		border-top-style: solid;
		border-top-color: transparent;
		border-top: 15px solid #1e2380;
	}
	.schemeBox .inner:first-of-type:before {
		display: none;
	}
	.schemeBox .inner p {
		float: left;
		width: 25%;
		position: relative;
		z-index: 9999;
	}
	.schemeBox .inner span {
		float: left;
		display: inline-block;
		width: 82%;
		margin: 7% 0 0 -10%;
		padding: 10px 10px 10px 13%;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		background: #fff;
		overflow: hidden;
		font-size: 138.5%;
		font-weight: bold;
		color: #11345E;
		text-align: left;
		line-height: 1 !important;
		position: relative;
		z-index: 999;
	}
	.schemeBox .shot03 span {
		margin: 5% 0 0 -10% !important;
	}
	.schemeBox .inner .shot_sub {
		position: absolute;
		top: -45px;
		right: 10px;
		z-index: 99999;
	}
	.schemeBox .inner:first-of-type span {
		float: none;
		width: 80%;
		margin: 10px auto;
		padding: 10px 0;
		text-align: center;
	}
	.schemeBox .shot00 {
		text-align: center;
	}
	.schemeBox .shot06 {
		text-align: center;
	}
	.schemeBox .inner:last-of-type span {
		float: none;
		width: 80%;
		margin: 10px auto;
		padding: 10px 0;
		text-align: center;
	}
	.schemeBox .shot06 {
		text-align: center;
	}
}
/*----- アプリ -----*/
.apriBox{
	width:100%;
	height: 168px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: #fff url(./img/apri_bg.png) left top no-repeat;
	position: relative;
}
.apriBox .text01,
.apriBox .image01,
.apriBox .image02 {
	position: absolute;
}
.apriBox .text01 {
	top: 48px;
	left: 280px;
	font-size: 138.5%;

}
.apriBox .image01 {
	top: -28px;
	left: 20px;
}
.apriBox .image02 {
	top: -40px;
	left: 638px;
}
@media screen and (max-width: 768px){

	.apriBox_sp {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0px 0px 6px 0px;
		background: url(./img/apri_bg.png) left top repeat-y;
		background-size: 100% auto;
		position: relative;
		line-height: 1.47 !important;
	}
	.apriBox_sp .inner {
		width: 98%;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
	.apriBox_sp .inner:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		font-size: 0.01em;
		height: 0px;
		overflow: hidden;
	}
	.apriBox_sp .inner:before {
		display: block;
		content: "";
		width: 0;
		height: 0;
		margin: 0 auto -20px;
		border: 15px solid transparent;
		border-top-width: 15px;
		border-top-style: solid;
		border-top-color: transparent;
		border-top: 15px solid #000055;
	}
	.apriBox_sp .inner:first-of-type:before {
		display: none;
	}
	.apriBox_sp .inner p {
		float: left;
		width: 25%;
		position: relative;
		z-index: 9999;
	}
	.apriBox_sp .inner span {
		float: left;
		display: inline-block;
		width: 82%;
		margin: 18px 0 0 -10%;
		padding: 12px 10px 10px 13%;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		background: #fff;
		overflow: hidden;
		vertical-align: ;
		font-size: 167%;
		font-weight: bold;
		color: #000055;
		text-align: left;
		line-height: 1 !important;
		position: relative;
		z-index: 999;
	}
	.apriBox_sp .ap{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	.apriBox_sp .ap p {
		padding: 0px 8px 0px 0px;
		font-size: 108%;
		color: #999;
	}
	.apriBox_sp .ap ul {
		display: table;
	}
	.apriBox_sp .ap ul li{
		display: table-cell;
		vertical-align: middle;
		padding: 0;
	}
	.apriBox_sp .ap ul li:first-of-type{
		width: 40%;
		padding: 0 5px 0 0;
		color: #999;
		font-size: 108%;
		line-height: 1.47 !important;
	}
	.apriBox_sp .ap2{
		background: #fdfbdf;
		padding: 0px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
	}
	.apriBox_sp .ap2 p {
		padding: 0px 8px 0px 0px;
		color: #999;
		text-align : center;
	}
	.apriBox_sp .ap2 ul {
		display: table;
	}
	.apriBox_sp .ap2 ul li{
		display: table-cell;
		vertical-align: top;
		padding: 4px 4px 0px 0px;
	}
	.apriBox_sp .ap2 ul li:first-of-type{
		width: 35%;
		padding: 10px 4px 0px 10px;
		color: #999;
		font-size: 108%;
		line-height: 1.47 !important;
	}
}

/*----- FAQ -----*/
.faqBox {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	background: #fff  left top repeat-y;
	position: relative;
}
.faqBox .faq_cg
 {
}
.faqBox .faq_cg {
	margin-top: -45px;
	left: 0px;
}
.faq{
	width:100%;
	padding: 12px 0px 120px 10px;
	background: #333333;
}
.faqBox .inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 50px;
}
.faqBox .inner dl {
	width: 85%;
	margin: 20px 2% 0 7%;
	padding: 0;
	color: #666666;
	text-align: left;
	opacity: 0.8;
}
.faqBox .inner dl:first-of-type {
	margin-top: 0;
}
.faqBox .inner dl dt,
.faqBox .inner dl dd {
	position: relative;
}
.faqBox .inner dl dt {
	padding: 10px 0 5px 30px;
	margin: 0;
	font-size: 161.6%;
	color: #666666;
}
.faqBox .inner dl dd {
	padding: 15px 0 20px 30px;
	margin: 0;
	font-size: 161.6%;
	color: #666666;
}
.faqBox .inner dl dt:before,
.faqBox .inner dl dd:before {
	display: inline-block;
	font-size: 161.6%;
	font-weight: bold;
	position: absolute;
}
.faqBox .inner dl dt:before {
	content: "Q";
	color: #4cddb9;
	top: -3px;
	left: -11px;
}
.faqBox .inner  dl dd:before {
	content: "A";
	color: #ff6767;
	top: 5px;
	left: -10px;
}
@media screen and (max-width: 768px){

	.faqBox_sp {
		width: 100%;
		margin: 0;
		padding: 0;
		background: left top no-repeat;
		position: relative;
	}
	.faqBox_sp .faq_cg
	 {
	}
	.faqBox_sp .faq_cg {
		margin-top: -45px;
		left: 0px;
	}

	.faq{
		width:100%;
		padding: 12px 0px 120px 10px;
		background: #333333;
	}
	.faqBox_sp .inner {
		width:100%;
		margin: 0px 100px 0 0;
		padding: 0 0 50px;
	}
	.faqBox_sp .inner  dl {
		width: 90%;
		margin: 0px 0 0px 5%;
		padding: 7px;
		overflow: hidden;
		text-align: left;
	}
	.faqBox_sp .inner  dl dt,
	.faqBox_sp .inner  dl dd {
		padding: 5px 10px 5px 35px;
		position: relative;
	}
	.faqBox_sp .inner  dl dt {
		margin: 5px 0;
		font-size: 108%;
		color: #666666;
		line-height: 1.47 !important;
	}
	.faqBox_sp .inner  dl dd {
		font-size: 108%;
		color: #666666;
		text-align: left;
		line-height: 1.67;
	}
	.faqBox_sp .inner  dl dt:before,
	.faqBox_sp .inner  dl dd:before {
		display: inline-block;
		content: "";
		margin: 0;
		font-size: 161.6%;
		font-weight: bold;
		position: absolute;
		top: -3px;
		left: 10px;
	}

	.faqBox_sp {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 15px 0px 0px 0px;
		background: url(./img/faq_bg_sp.png) left top repeat-y;
		position: relative;
	}
	.faqBox_sp .inner {
		width:100%;
		margin: 0px 100px 0px 0px;
		padding: 0 0 10px;
	}
	.faqBox_sp .inner  dl {
		width: 90%;
		margin: 10px 0px 5px 8%;
		padding: 7px 5px;
	}
	.faqBox .inner  dl dt,
	.faqBox .inner  dl dd {
		padding: 0px 10px 0px 25px;
		position: relative;
	}
	.faqBox_sp .inner  dl dt {
		margin: 0 0 5px;
		font-size: 98%;
		color: #666666;
		line-height: 1.47 !important;
	}
	.faqBox_sp .inner  dl dd {
		font-size: 98%;
		color: #666666;
		text-align: left;
		line-height: 1.47 !important;
	}
	.faqBox_sp .inner  dl dt:before,
	.faqBox_sp .inner  dl dd:before{
		font-size: 131%;
		top: 2px;
		left: 5px;
	     font-weight: bold;
	}
	.faqBox_sp .inner  dl dt:before {
		content: "Q";
	    color: #0F7878;
	}
	.faqBox_sp .inner  dl dd:before {
		content: "A";
	    color: #ff6767;
	}
}


/* スケジュール詳細 */
.scheduleBox {
	width: 100%;
	margin: 0;
	padding: 15px 0 0 270px;
	background: #fff url(./img/schedule_img.png) 10px 10px no-repeat;
	overflow: hidden;
}
.scheduleBox dl {
	display: table;
	width: 98%;
	margin: 15px 0 0px;
	padding: 0;
}
.scheduleBox dl dt,
.scheduleBox dl dd {
	display: table-cell;
	vertical-align: top;
}
.scheduleBox dl dt {
	width: 27%;
	padding: 7px 20px 0 0;
	font-size: 123.1%;
	color: #666;
	text-align: right
}
.scheduleBox dl dd {
	width: 70%;
	padding: 0;
	font-size: 197%;
	font-weight: bold;
	color: #333;
	text-align: left;
}
.scheduleBox dl dd span {
	display: inline-block;
	margin-left: 5px;
	font-size: 0.7em;
	font-weight: normal;
	color: #999;
	vertical-align: middle;
}
.scheduleBox dl dd .aux {
	margin: 5px 0 0;
	font-size: 0.6em;
	font-weight: normal;
	color: #999;
}
.scheduleBox dl dd ul {
	display: table;
	width: 100%;
}
.scheduleBox dl dd ul li {
	display: table-cell;
}
.scheduleBox dl dd ul li:first-of-type {
	width: 15%;
	font-size: 73%;
	font-weight: normal;
}
.scheduleBox dl dd ul.price {
	width: auto;
}
.scheduleBox dl dd ul.price li {
	width: 48%;
	font-size: 100%;
	font-weight: bold;
}
.scheduleBox dl dd ul.price li span {
	margin-left: 0;
}
.scheduleBox dl dd ul.price li:first-of-type {
	color: #33b2c1;
}
.scheduleBox dl dd ul.price li:last-of-type {
	color: #ff9a90;
}
.scheduleBox dl dd .map {
	display: inline-block;
	padding: 2px 6px 2px;
	background: #ff90a7;
}
.scheduleBox dl dd .map a {
	font-size: 85% !important;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.scheduleBox dl dd.sat {
	color: #0090ff;
}
.scheduleBox dl dd.sun {
	color: #ff8174;
}
@media screen and (max-width: 768px){

	.scheduleBox {
		width: 100%;
		margin: 0;
		padding: 10px 0px 10px 0px;
		background: none;
		background-color: #fff;
		overflow: hidden;
	}
	.scheduleBox dl {
		display: table;
		width: 98%;
		margin: 10px 0 25px;
		padding: 0;
	}
	.scheduleBox dl dt,
	.scheduleBox dl dd {
		display: table-cell;
		vertical-align: top;
	}
	.scheduleBox dl dt {
		width: 16%;
		padding: 3px 10px 0px 0px;
		font-size: 85%;
		color: #666;
	}
	.scheduleBox dl dd {
		width: 68%;
		padding: 0;
		font-size: 116%;
		font-weight: bold;
		color: #333;
		text-align: left;
	}
	.scheduleBox dl dd span {
		display: inline-block;
		margin-left: 5px;
		font-size: 0.8em;
		font-weight: normal;
		color: #999;
		vertical-align: middle;
	}
	.scheduleBox dl dd .aux {
		margin: 5px 0 0;
		font-size: 0.8em;
		font-weight: normal;
		color: #999;
	}
	.scheduleBox dl dd ul {
		display: table;
		width: 100%;
	}
	.scheduleBox dl dd ul:first-of-type {
		margin-bottom: 7px;
	}
	.scheduleBox dl dd ul li {
		display: table-cell;
	}
	.scheduleBox dl dd ul li:first-of-type {
		width: 15%;
		font-size: 0.7em;
		font-weight: normal;
	}
	.scheduleBox dl dd ul.price {
		width: 100%;
	}
	.scheduleBox dl dd ul.price li {
		width: 48%;
		font-size: 93%;
		font-weight: bold;
	}
	.scheduleBox dl dd ul.price li span {
		margin-left: 0;
	}
	.scheduleBox dl dd .map {
		display: inline-block;
		margin: -2px 0 0;
		padding: 0;
		background: #f794c3;
	}
	.scheduleBox dl dd .map a {
		display: block;
		padding: 5px;
		font-size: 108% !important;
		text-align: center;
		text-decoration: none;
		line-height: 1 !important;
	}
}

/* 申し込みボタン*/
.orderBox{
	width: 100%;
	margin:0;
	padding: 30px 0 50px;
	background: #fff;
}
.orderBox ul{
	width: 100%;
	text-align: center;
}
.orderBox ul li{
	display: inline-block;
	width: 33%;
	text-align: center;
}
.orderBox ul li p{
	width: 88%;
	margin: 0 auto;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	box-shadow: 2px 3px 3px rgba(6,3,3,0.15);
	-webkit-box-shadow: 2px 3px 3px rgba(6,3,3,0.15);
	-moz-box-shadow: 2px 3px 3px rgba(6,3,3,0.15);
}
.orderBox ul li:first-of-type p {
	border: 2px solid #009fb2;
	background-image: -moz-linear-gradient(
		top,
		#33b2c1 0%,
		#33b2c1 49%,
		#009fb2 50%,
		#009fb2);
	background-image: -ms-linear-gradient(
		top,
		#33b2c1 0%,
		#33b2c1 49%,
		#009fb2 50%,
		#009fb2);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#33b2c1),
		color-stop(0.49, #33b2c1),
		color-stop(0.50, #009fb2),
		to(#009fb2));
}
.orderBox ul li:last-of-type p {
	border: 2px solid #ff8174;
	background-image: -moz-linear-gradient(
		top,
		#ff9a90 0%,
		#ff9a90 49%,
		#ff8174 50%,
		#ff8174);
	background-image: -ms-linear-gradient(
		top,
		#ff9a90 0%,
		#ff9a90 49%,
		#ff8174 50%,
		#ff8174);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#ff9a90),
		color-stop(0.49, #ff9a90),
		color-stop(0.50, #ff8174),
		to(#ff8174));
}
.orderBox ul li p a{
	display: block;
	width: 100%;
	height: auto;
	padding: 20px 0 18px;
	text-shadow: 2px 2px 2px rgba(6,3,3,0.25);
	-webkit-text-shadow: 2px 2px 2px rgba(6,3,3,0.25);
	-moz-text-shadow: 2px 2px 2px rgba(6,3,3,0.25);
	font-size: 244%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
@media screen and (max-width: 768px){

	.orderBox{
		padding: 5px 0 30px;
		width: 100%;
	}
	.orderBox ul li{
		display: inline-block;
		width: 46%;
		text-align: center;
	}
	.orderBox ul li p{
		width: 98%;
		border-radius: 14px;
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
	}
	.orderBox ul li p a{
		font-size: 138.5%;
	}
}

/* お気に入り＆SNSボタン */
.sns_link {
	width: 34%;
	margin: 0 auto;
	padding: 5px 30px 10px 0;
	text-align: right;
}
.sns_link td {
	width: 28%;
}
@media screen and (max-width: 768px){

	/* お気に入り＆SNSボタン */
	.fav_link {
		margin: 0;
	}
	.sns_link {
		width: 86%;
	}
}
/*----- アテンション -----*/
.att {
	width: 100%;
	margin: 0 0 30px;
	border-top: 2px solid #ddd;
	background: #fff;
}
.att ul.attention {
	width: 68%;
	margin: 0 auto;
	padding: 10px 0 20px;
}
.att ul.attention li {
	margin: 5px 0 0;
	font-size: 108%;
	color: #666;
	text-align: left;
}
.att ul.attention li:first-of-type {
	margin: 3px 0 7px;
}
.att ul.attention li:before {
	display: inline-block;
	content: "・";
}
.att ul.attention li:first-of-type:before {
	display: none;
}
.att p {
	display: inline-block;
	margin-left: 15px;
	font-size: 0.9em;
	font-weight: normal;
	color: #666;
}
@media screen and (max-width: 768px){
	.att_sp {
		border-top: 2px solid #ddd;
		width: 100%;
		padding: 15px 0 0 0;
		margin: 15px 0 30px;
	}
	.att_sp ul.attention_sp {
		width: 90%;
		margin: 0 auto;
		padding: 0;
		color: #666;
		font-size: 88%;
		text-align: left;
	}
	.att_sp ul.attention_sp li {
		margin: 0 0 7px;
	}
	.att_sp ul.attention_sp li:before {
		display: inline-block;
		content: "・";
	}
	.att_sp ul.attention_sp li:first-of-type:before {
		display: none;
	}
	.att_sp ul.attention_sp li p {
		display: inline-block;
		margin-left: 12px;
		font-size: 0.9em;
		font-weight: normal;
		color: #555;
		line-height: 1.67;
	}
}