@charset "utf-8";

/*img */
section .img-w img{
	width: 100%;
	height: auto;
}
section .img-h img{
	height: 100%;
	width: auto;
}
section .img-wh img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}
section .img-whm img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.imgR{
	float: right;
	margin-left: 1.6em;
	margin-bottom: 1.6em;
}
.imgL{
	float: left;
	margin-right: 1.6em;
	margin-bottom: 1.6em;
}
/* hover img */
a .imgs{
	overflow: hidden;
}
a .imgs img{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}
/* 行揃え */
.ta-l{ text-align: left; }
.ta-r{ text-align: right; }
.ta-c{ text-align: center; }
@media only screen and (max-width: 767px) {
	.s-ta-l{ text-align: left; }
	.s-ta-r{ text-align: right; }
	.s-ta-c{ text-align: center; }
}

/* table.datas */
table.datas{
	width: 100%;
	border-top: 1px solid #efefef;
	margin-top: 1.6em;
}

table.datas th,
table.datas td{
	padding: .8em;
	border-bottom: 1px solid #efefef;
	font-size: 1.8rem;
	text-align: left;
}
table.datas th{
	padding-left: 20%;
	width: 35%;
}
table.datas td{
	padding-left: 0;
	padding-right: 0;
	width: 40%;
}
table.datas .place,
table.datas .name{
	font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
	table.datas th,
	table.datas td{
		padding: .4em;
		border-bottom: 1px solid #efefef;
		font-size: 1.4rem;
		text-align: left;
		display: block;
	}
	table.datas th,table.datas td{
		padding-left: .8em;
		width: 100%;
		text-align: center;
	}
	table.datas th{
		font-weight: bold;
		background: #f7f7f7;
		color: #666;
	}
	table.datas td{
		padding: .8em 0;
		
	}
	table.datas .place, table.datas .name {
	    font-size: 1.4rem;
	}

}
/* inblock */
.d-ib{
	display: inline-block!important;
}
/* シャドウ */
.sdw{
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
}
/* グラデーション */
.grd{
	background: rgb(130,126,126); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(130,126,126) 0%, rgb(117,114,113) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgb(130,126,126) 0%,rgb(117,114,113) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(130,126,126) 0%,rgb(117,114,113) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827e7e', endColorstr='#757271',GradientType=1 ); /* IE6-9 */
}
/* 枠装飾 */
.frm + *{
	margin-top: 1.6em;
}
.bg-pink{
	background: #ffe7f0;
}
.bg-brown{
	background: #f3e5da;
}
.bg-gray{
	background: #f7f7f7;
}
.bg-red{
	background: #d00a2d;
}
.bg-blue{
	background: #effbfc;
}
.bg-green{
	background: #e6fbf8;
}
/* flex*/
/*cell*/
.flxs{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.flx-r{
	-webkit-flex-direction: row;
	flex-direction: row;
}
.flx-c{
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flx-rr{
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.flx-cr{
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.ai-l{
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.ai-r{
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.ai-c{
	-webkit-align-items: center;
	align-items: center;
}
.ai-b{
	-webkit-align-items: baseline;
	align-items: baseline;
}
.ai-s{
	-webkit-align-items: stretch;
	align-items: stretch;
}
.ac-l{
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
.ac-r{
	-webkit-align-content: flex-end;
	align-content: flex-end;
}
.ac-c{
	-webkit-align-content: center;
	align-content: center;
}
.ac-sb{
	-webkit-align-content: space-between;
	align-content: space-between;
}
.ac-sa{
	-webkit-align-content: space-around;
	align-content: space-around;
}
.jc-l{
	-webkit-justify-content: flex-start!important;
	justify-content: flex-start!important;
}
.jc-r{
	-webkit-justify-content: flex-end!important;
	justify-content: flex-end!important;
}
.jc-c{
	-webkit-justify-content: center!important;
	justify-content: center!important;
}
.jc-sb{
	-webkit-justify-content: space-between!important;
	justify-content: space-between!important;
}
.jc-sa{
	-webkit-justify-content: space-around!important;
	justify-content: space-around!important;
}
.w1{ width: 10%; }
.w2{ width: 20%; }
.w3{ width: 30%; }
.w4{ width: 40%; }
.w5{ width: 50%; }
.w6{ width: 60%; }
.w7{ width: 70%; }
.w8{ width: 80%; }
.w9{ width: 90%; }
.w10{ width: 100%; }
.c2{ width: 48.4%; }
.c2 + .c2{ margin-left: 3.2%; }
.c2:nth-child(2n) + .c2{ margin-left: 0; }
.c3{ width: 32%; }
.c3 + .c3{ margin-left: 2%; }
.c3:nth-child(3n) + .c3{ margin-left: 0; }
.c4{ width: 23.6%; }
.c4 + .c4{ margin-left: 1.866%; }
.c4:nth-child(4n) + .c4{ margin-left: 0; }

.d3{ width: 33.333%; }


@media only screen and (max-width: 767px) {
	.s-flx-r{
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.s-flx-c{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.s-flx-rr{
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.s-flx-cr{
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.s-ai-l{
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.s-ai-r{
		-webkit-align-items: flex-end;
		align-items: flex-end;
	}
	.s-ai-c{
		-webkit-align-items: center;
		align-items: center;
	}
	.s-ai-b{
		-webkit-align-items: baseline;
		align-items: baseline;
	}
	.s-ai-s{
		-webkit-align-items: stretch;
		align-items: stretch;
	}
	.s-ac-l{
		-webkit-align-content: flex-start;
		align-content: flex-start;
	}
	.s-ac-r{
		-webkit-align-content: flex-end;
		align-content: flex-end;
	}
	.s-ac-c{
		-webkit-align-content: center;
		align-content: center;
	}
	.s-ac-sb{
		-webkit-align-content: space-between;
		align-content: space-between;
	}
	.s-ac-sa{
		-webkit-align-content: space-around;
		align-content: space-around;
	}
	.s-jc-l{
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	.s-jc-r{
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	.s-jc-c{
		-webkit-justify-content: center;
		justify-content: center;
	}
	.s-jc-sb{
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.s-jc-sa{
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}
	.c2 + .c2{ margin-left: 0; }
	.c2:nth-child(3n) + .c2{ margin-left: 0; }

	.c3 + .c3{ margin-left: 0; }
	.c3:nth-child(3n) + .c3{ margin-left: 0; }
	.c4 + .c4{ margin-left: 0; }
	.c4:nth-child(4n) + .c4{ margin-left: 0; }

	.s-w1{ width: 10%; }
	.s-w2{ width: 20%; }
	.s-w3{ width: 30%; }
	.s-w4{ width: 40%; }
	.s-w5{ width: 50%; }
	.s-w6{ width: 60%; }
	.s-w7{ width: 70%; }
	.s-w8{ width: 80%; }
	.s-w9{ width: 90%; }
	.s-w10{ width: 100%; }

	.s-c3{ width: 32%; }
	.s-c3 + .s-c3{ margin-left: 2%; }
	.s-c3:nth-child(3n) + .s-c3{ margin-left: 0; }
	.s-c4{ width: 23.6%; }
	.s-c4 + .c4{ margin-left: 1.866%; }
	.s-c4:nth-child(4n) + .s-c4{ margin-left: 0; }


	.flxs .s-d3{ width: 33.333%; }
}
/*ボタン*/
.btn a,
.btn span{
	display: block;
	background: #80e2ea;
	color: #fff!important;
	font-weight: bold;
	position: relative;
	border-radius: .4em;
	border: 2px solid #80e2ea;
}
.btn.login a:hover,
.btn.login span:hover{
	border: 2px solid #80e2ea;
	background: #fff;
	color: #80e2ea!important;
}
.btn.connect a,
.btn.connect span{
	padding: .4em 4.8em;
	font-size: 1.8rem;
	border: 1px solid #fff;
	/*box-shadow: 0px 0px 0px 2px #80e2ea;*/
	box-shadow: 0px 0px 0px 2px #00B900;
  background: #00B900;
}
.btn.connect a:hover, 
.btn.connect span:hover {
  border: 1px solid #00B900;
  background: #fff;
  color: #00B900 !important;
}
.btn.connect.red a,
.btn.connect.red span{
	border: 1px solid #fff;
	background: #e87e82;
	box-shadow: 0px 0px 0px 2px #e87e82;
}
.btn.connect.red a:hover,
.btn.connect.red span:hover{
	border: 1px solid #e87e82;
	background: #fff;
	color: #e87e82!important;
}
.btn.connect.fb a,
.btn.connect.fb span{
	padding: .4em 2em .4em 3em;
	font-size: 1.8rem;
	border: 1px solid #fff;
	background: #4267b2 url(../img/ic_fb.png) left bottom no-repeat;
	box-shadow: 0px 0px 0px 2px #4267b2;
}
.btn.connect.fb a:hover,
.btn.connect.fb span:hover{
	opacity: .7;
	color: #fff!important;
}
.btn.more a,
.btn.more span{
	padding: .4em 4.8em;
	font-size: 1.8rem;
	color: #80e2ea!important;
	background: #fff;
	border: 2px solid #80e2ea;
	position: relative;
	border-radius: 100px;
}
.btn.more a:after,
.btn.more span:after{
	content: '';
	position: absolute;
	width: 21px;
	height: 21px;
	right: 1.6em;
	top: calc(50% - 10.5px);
	background: url(../img/btn_cur_ic04.png) left top no-repeat;
}
.btn.more a:hover,
.btn.more span:hover{
	background: #effeff;
}
@media only screen and (max-width: 767px) {
	.btn.connect a, .btn.connect span {
	    padding: .2em 2.4em;
	    font-size: 1.6rem;
	}
	.btn.connect.fb a,
	.btn.connect.fb span{
		padding: .4em 1.2em .4em 2.6em;
		font-size: 1.6rem;
	}
}

/* 見出し */
h1,h2,h3,h4,h5{
	font-size: 100%;
}
.titleH2,
.titleH3,
.titleH4,
.titleH5{
	color: #2f2f2f;
}
.titleH2 + *,
.titleH3 + *,
.titleH4 + *{
	margin-top: 1.6em;
}
.titleH3 + *{
	margin-top: 3.125em;
}
.titleH2 + p{
	margin-top: .8em;
	margin-bottom: 1.6em;
}
.titleH3 + p,
.titleH4 + p,
.titleH5 + p{
	margin-top: .4em;
	margin-bottom: 1.6em;
	font-size: 1.7rem;
}
.titleH3 + p{
	margin-top: 1.6em;
}
.titleH3 + p + *{
	margin-top: 3.125em;
}
.titleH3{
	font-size: 2.7rem;
	line-height: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: flex-end;
	width: 100%;
}
.titleH3 i{
	margin-right: .4em;
}
.titleH4{
	font-size: 2.7rem;
	border-bottom: 2px solid #80e2ea;
	display: inline-block;
}
.rp-ttl {
  display: block;
}
@media only screen and (max-width: 767px) {
	.titleH3{
		font-size: 1.8rem;
	}
	.titleH3 + p, .titleH4 + p, .titleH5 + p {
	    font-size: 1.4rem;
	}
	.titleH3 + p + * {
	    margin-top: 1.6em;
	}
	.titleH3 i{
		height: 30px;
	}
	.titleH3 i img{
		height: 100%;
		width: auto;
	}
	.titleH4 {
	    font-size: 2.0rem;
	    border-bottom: 2px solid #80e2ea;
	    display: inline-block;
	}
}

/* インデント */
.ti-h5{
	padding-left:.6em;
}
.ti-1{
	padding-left:1em;
}
.ti-2{
	padding-left:2em;
}


/* 余白,間隔*/
.pb0{ padding-bottom: 0; }
.pl0{ padding-left: 0; }
.pl-ss{ padding-left: .4em; }
.pl-s{ padding-left: 1em; }
.pl-m{ padding-left: 1.5em; }
.pl-l{ padding-left: 2em; }
.pl-ll{ padding-left: 2.5em; }
.pr-ss{ padding-right: .5em; }
.pr-s{ padding-right: 1em; }
.pr-m{ padding-right: 1.5em; }
.pr-l{ padding-right: 2em; }
.pr-ll{ padding-right: 2.5em; }

.pd-l{	padding: 2.4em!important;}
.pd-m{	padding: 1.6em!important;}
.pd-ms{	padding: 1.2em!important;}
.pd-s{	padding: .8em!important;}
.pd-ss{	padding: .4em!important;}

.pb-l{padding-bottom: 2.4em!important;}
.m0{	margin: 0!important;}
.mt0{	margin-top: 0!important;}
.mt-s{	margin-top: .4em!important;}
.mt-m{	margin-top: .8em!important;}
.mt-l{	margin-top: 1.6em!important;}
.mb-s{	margin-bottom: .4em!important;}
.mb-m{	margin-bottom: .8em!important;}
.mb-l{	margin-bottom: 1.6em!important;}
.mb-xl{	margin-bottom: 3.125em!important;}
.ml-s{	margin-left: .4em!important;}
.ml-m{	margin-left: .8em!important;}
.ml-l{	margin-left: 1.6em!important;}
.ml-xl{	margin-left: 3.125em!important;}
.ml0{	margin-left: 0!important;}
@media only screen and (max-width: 767px) {

	.s-pb0{ padding-bottom: 0; }
	.s-pl-s{ padding-left: 1em; }
	.s-pl-m{ padding-left: 1.5em; }
	.s-pl-l{ padding-left: 2em; }
	.s-pl-ll{ padding-left: 2.5em; }
	.s-pl0{ padding-left: 0; }
	.s-pr-s{ padding-right: 1em; }
	.s-pr-m{ padding-right: 1.5em; }
	.s-pr-l{ padding-right: 2em; }
	.s-pr-ll{ padding-right: 2.5em; }

	.s-pd-l{	padding: 2.4em!important;}
	.s-pd-m{	padding: 1.6em!important;}
	.s-pd-ms{	padding: 1.2em!important;}
	.s-pd-s{	padding: .8em!important;}
	.s-pd-ss{	padding: .4em!important;}

	.s-pb-l{padding-bottom: 2.4em!important;}
	.s-m0{	margin: 0!important;}
	.s-mt0{	margin-top: 0!important;}
	.s-mt-s{	margin-top: .4em!important;}
	.s-mt-m{	margin-top: .8em!important;}
	.s-mt-l{	margin-top: 1.6em!important;}
	.s-mb-s{	margin-bottom: .4em!important;}
	.s-mb-m{	margin-bottom: .8em!important;}
	.s-mb-l{	margin-bottom: 1.6em!important;}
	.s-mb-xl{	margin-bottom: 3.125em!important;}
	.s-ml-s{	margin-left: .4em!important;}
	.s-ml-m{	margin-left: .8em!important;}
	.s-ml-l{	margin-left: 1.6em!important;}
	.s-ml-xl{	margin-left: 3.125em!important;}
	.s-ml0{	margin-left: 0!important;}
}

/* テキストカラー*/
.fc-pink{
	color: #e87e82!important;
}
.fc-blue{
	color: #439ccf!important;
}
.fc-white{
	color: #fff!important;
}
/* テキスト太さ*/
.fw-b{
	font-weight: bold!important;
}
.fw-n{
	font-weight: normal!important;
}
/* font-size*/
.fs12{ font-size: 1.2rem!important;}
.fs14{ font-size: 1.4rem!important;}
.fs18{ font-size: 1.8rem!important;}
.fs19{ font-size: 1.9rem!important;}
.fs20{ font-size: 2.0rem!important;}
.fs21{ font-size: 2.1rem!important;}
.fs22{ font-size: 2.2rem!important;}
.fs23{ font-size: 2.3rem!important;}
.fs24{ font-size: 2.4rem!important;}
@media only screen and (max-width: 767px) {
	.s-fs12{ font-size: 1.2rem!important;}
	.s-fs14{ font-size: 1.4rem!important;}
	.s-fs17{ font-size: 1.7rem!important;}
	.s-fs18{ font-size: 1.8rem!important;}
	.s-fs19{ font-size: 1.9rem!important;}
	.s-fs20{ font-size: 2.0rem!important;}
	.s-fs21{ font-size: 2.1rem!important;}
	.s-fs22{ font-size: 2.2rem!important;}
	.s-fs23{ font-size: 2.3rem!important;}
	.s-fs24{ font-size: 2.4rem!important;}
}
/* video */
.video{
	width:100%;
	padding-bottom: 56.25%;
	height:0px;
	position: relative;
	background:#f6f6f6 url(../img/loader_ic.gif) center center no-repeat;
}
.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.btn input,
.btn span{
	display: block;
	background: #80e2ea;
	color: #fff!important;
	font-weight: bold;
	position: relative;
	border-radius: .4em;
	border: 2px solid #80e2ea;
}
.btn.login input:hover,
.btn.login span:hover{
	border: 2px solid #80e2ea;
	background: #fff;
	color: #80e2ea!important;
}
.btn.connect input,
.btn.connect span{
	padding: .4em 4.8em;
	font-size: 1.8rem;
	border: 1px solid #fff;
	box-shadow: 0px 0px 0px 2px #80e2ea;
}
.btn.connect input:hover,
.btn.connect span:hover{
	border: 1px solid #80e2ea;
	background: #fff;
	color: #80e2ea!important;
}

.btn span.login-span {
    background: #80e2ea;
}