@charset "UTF-8";

/*__________________________________________deleteS*/
body .btnareaC,body .btnareaC90{
	padding: 10% 0;
}
body .btnareaC90, body .btnareaC90 *{
	box-sizing: border-box;
}
body .btnareaC input,body .btnareaC a{
	width:70%;
	padding:5px 0;
}
body .btnareaC li:nth-of-type(even),body .btnareaC90 li:nth-of-type(even){
	margin: 10% 0;
}
body .btnareaC a,body .btnareaT a{
	text-decoration: none;
}
body .btnareaC a,body .btnareaC a:visited,body .btnareaT a:visited,body .btnareaT a:visited{
	color:#fff;
	text-decoration:none!important;
}
body .btnareaT{
	margin:0 auto 10%;
	padding-top:10%;
	display:table;
	height:auto;
}
body .btnareaC input,body .btnareaT input{
	display:block;
	height:35px;
	line-height: 1.2;
}
body .btnareaC90 input,body .btnareaC90 a{
	width: 80%;
	display: block;
	margin: auto;
}
body .btnareaT ul{
	background:#fff;
}
body .btnareaT li{
	padding:5px 20px;
	display:table-cell;
	vertical-align:middle;
}
body .btnAreaC90, body .btnAreaC90 *{
	box-sizing: border-box;
}
body .btnAreaC90{
	padding: 10% 0;
	box-sizing: border-box;
}
body .btnAreaC90 input,body .btnAreaC90 a{
	width: 80%;
	display: block;
	margin: auto;
}
body .btnAreaC90 li:nth-of-type(even){
	margin: 10% 0;
}
body .btnS{
	height: 50px!important;
	font-size:1.3em;
}
.btnOrengE,.btnOrangE,.btnGraY,.btnGreeN,.btnReD{
	margin: 0 auto;
	font-size: 4.5vw;
	font-weight: bold;
	letter-spacing: 3px;
	box-shadow: 2px 2px 2px #aaa;
	border-radius: 5px;
	width: 90%;
}
.fbOrange,.fbGray,.fbGreen{
	margin:0 auto;
	padding:10px;
	font-size:4.5vw;
	font-weight:bold;
	letter-spacing:3px;
	box-shadow: 2px 2px 2px #aaa;
	border-radius:5px;
	color:#fff;
	text-align:center;
	text-shadow:1px 1px 1px #666;
	vertical-align: middle;
	display:block;
}
.fbOrange{
	background: -moz-linear-gradient(top center, #f6a93d 10%, #fa7816 90%);
	background: -webkit-gradient(linear, center top, center bottom, from(#f6a93d), to(#fa7816));
	background:linear-gradient(top center, #f6a93d 10%, #fa7816 90%);
	border:1px solid #fa7816!important;
}
.fbGray{
	background: -moz-linear-gradient(top center, #aaa 10%, #6e6e6e 90%);
	background: -webkit-gradient(linear, center top, center bottom, from(#aaa), to(#6e6e6e));
	background:linear-gradient(top center, #aaa 10%, #6e6e6e 90%);
	border:1px solid #6e6e6e!important;
}
.fbGreen{
	background: -moz-linear-gradient(top center, #90d106 0%, #649303 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#90d106), to(#649303));
	background:linear-gradient(top center, #90d106 0%, #649303 100%);
	border:1px solid #649303!important;
}
.fbWhite{
	margin: 7% auto 15%;
	padding:1%;
	border: 1px solid #999;
	color: #333;
	text-align: center;
	background: #eee;
	box-shadow: 1px 3px 3px #ddd;
	border-radius: 3px;
	display: block;
	height: 30px!important;
	line-height: 20px!important;
}
input.fbWhite{
	height: 38px!important;
	font-size: 100%;
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
* html .clearfix {zoom: 100%;}
*+html .clearfix {zoom: 100%;}

/*__________________________________________delete?E*/
/*-----------------------Reset*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6,
p, a, img,sup, center,
dl, dt, dd, ol, ul, li,
form, label, footer, header, section, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
body {
	line-height:1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
html{
	-webkit-text-size-adjust: 100%;
}
input, textarea{
	margin: 0;
	padding: 0;
}
ol, ul{
	list-style:none;
}
a{
	outline: 0;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
mark {
	background-color:#ff9;
	color:#000;
	font-weight:bold;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}


/*-----------------------Common*/
* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html,body{background-color:#fff; height: 100%;}
html{font-size: 62.5%;}/*20px = 1rem(解像度2倍なら)*/
body{
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;  /*フォントサイズ自動調整*/
	font-size: 15px; /*10px_1.0rem*/
}
img {
	vertical-align: bottom;
	max-width:100%;
	height:auto;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.mAut{ margin: auto;}
.mt0{ margin-top: 0!important;}
.mt1{ margin-top: 1%!important;}
.mt2{ margin-top: 2%!important;}
.mt3{ margin-top: 3%!important;}
.mt4{ margin-top: 4%!important;}
.mt5{ margin-top: 5%!important;}
.mt6{ margin-top: 6%!important;}
.mt7{ margin-top: 7%!important;}
.mt8{ margin-top: 8%!important;}
.mt9{ margin-top: 9%!important;}
.mt10{ margin-top: 10%!important;}
.mt11{ margin-top: 11%!important;}
.mt12{ margin-top: 12%!important;}
.mt13{ margin-top: 13%!important;}
.mt14{ margin-top: 14%!important;}
.mt15{ margin-top: 15%!important;}
.mt16{ margin-top: 16%!important;}
.mt17{ margin-top: 17%!important;}
.mt18{ margin-top: 18%!important;}
.mt19{ margin-top: 19%!important;}
.mt20{ margin-top: 20%!important;}
.mt20{ margin-top: 20%!important;}
.mt30{ margin-top: 30%!important;}
.mt40{ margin-top: 40%!important;}
.mt50{ margin-top: 50%!important;}


.mr0{ margin-right: 0!important;}
.mr1{ margin-right: 1%!important;}
.mr2{ margin-right: 2%!important;}
.mr3{ margin-right: 3%!important;}
.mr4{ margin-right: 4%!important;}
.mr5{ margin-right: 5%!important;}
.mr6{ margin-right: 6%!important;}
.mr7{ margin-right: 7%!important;}
.mr8{ margin-right: 8%!important;}
.mr9{ margin-right: 9%!important;}
.mr10{ margin-right: 10%!important;}
.mr20{ margin-right: 20%!important;}
.mr30{ margin-right: 30%!important;}
.mr40{ margin-right: 40%!important;}
.mr50{ margin-right: 50%!important;}

.mb0{ margin-bottom: 0!important;}
.mb1{ margin-bottom: 1%!important;}
.mb2{ margin-bottom: 2%!important;}
.mb3{ margin-bottom: 3%!important;}
.mb4{ margin-bottom: 4%!important;}
.mb5{ margin-bottom: 5%!important;}
.mb6{ margin-bottom: 6%!important;}
.mb7{ margin-bottom: 7%!important;}
.mb8{ margin-bottom: 8%!important;}
.mb9{ margin-bottom: 9%!important;}
.mb10{ margin-bottom: 10%!important;}
.mb20{ margin-bottom: 20%!important;}
.mb30{ margin-bottom: 30%!important;}
.mb40{ margin-bottom: 40%!important;}
.mb50{ margin-bottom: 50%!important;}

.ml0{ margin-left: 0!important;}
.ml1{ margin-left: 1%!important;}
.ml2{ margin-left: 2%!important;}
.ml3{ margin-left: 3%!important;}
.ml4{ margin-left: 4%!important;}
.ml5{ margin-left: 5%!important;}
.ml6{ margin-left: 6%!important;}
.ml7{ margin-left: 7%!important;}
.ml8{ margin-left: 8%!important;}
.ml9{ margin-left: 9%!important;}
.ml10{ margin-left: 10%!important;}
.ml20{ margin-left: 20%!important;}
.ml30{ margin-left: 30%!important;}
.ml40{ margin-left: 40%!important;}
.ml50{ margin-left: 50%!important;}


.pt0{ padding-top: 0!important;}
.pt1{ padding-top: 1%!important;}
.pt2{ padding-top: 2%!important;}
.pt3{ padding-top: 3%!important;}
.pt4{ padding-top: 4%!important;}
.pt5{ padding-top: 5%!important;}
.pt6{ padding-top: 6%!important;}
.pt7{ padding-top: 7%!important;}
.pt8{ padding-top: 8%!important;}
.pt9{ padding-top: 9%!important;}
.pt10{ padding-top: 10%!important;}
.pt15{ padding-top: 15%!important;}
.pt20{ padding-top: 20%!important;}
.pt30{ padding-top: 30%!important;}
.pt40{ padding-top: 40%!important;}
.pt50{ padding-top: 50%!important;}

.pr0{ padding-right: 0!important;}
.pr1{ padding-right: 1%!important;}
.pr2{ padding-right: 2%!important;}
.pr3{ padding-right: 3%!important;}
.pr4{ padding-right: 4%!important;}
.pr5{ padding-right: 5%!important;}
.pr6{ padding-right: 6%!important;}
.pr7{ padding-right: 7%!important;}
.pr8{ padding-right: 8%!important;}
.pr9{ padding-right: 9%!important;}
.pr10{ padding-right: 10%!important;}
.pr15{ padding-right: 15%!important;}
.pr20{ padding-right: 20%!important;}
.pr30{ padding-right: 30%!important;}
.pr40{ padding-right: 40%!important;}
.pr50{ padding-right: 50%!important;}

.pb0{ padding-bottom: 0!important;}
.pb1{ padding-bottom: 1%!important;}
.pb2{ padding-bottom: 2%!important;}
.pb3{ padding-bottom: 3%!important;}
.pb4{ padding-bottom: 4%!important;}
.pb5{ padding-bottom: 5%!important;}
.pb6{ padding-bottom: 6%!important;}
.pb7{ padding-bottom: 7%!important;}
.pb8{ padding-bottom: 8%!important;}
.pb9{ padding-bottom: 9%!important;}
.pb10{ padding-bottom: 10%!important;}
.pb15{ padding-bottom: 15%!important;}
.pb20{ padding-bottom: 20%!important;}
.pb30{ padding-bottom: 30%!important;}
.pb40{ padding-bottom: 40%!important;}
.pb50{ padding-bottom: 50%!important;}

.pl0{ padding-left: 0!important;}
.pl1{ padding-left: 1%!important;}
.pl2{ padding-left: 2%!important;}
.pl3{ padding-left: 3%!important;}
.pl4{ padding-left: 4%!important;}
.pl5{ padding-left: 5%!important;}
.pl6{ padding-left: 6%!important;}
.pl7{ padding-left: 7%!important;}
.pl8{ padding-left: 8%!important;}
.pl9{ padding-left: 9%!important;}
.pl10{ padding-left: 10%!important;}
.pl15{ padding-left: 15%!important;}
.pl20{ padding-left: 20%!important;}
.pl30{ padding-left: 30%!important;}
.pl40{ padding-left: 40%!important;}
.pl50{ padding-left: 50%!important;}


.w20{width:20%;}
.w29{width:29.4%;}
.w40{width:40%;}
.w44{width:44%;}
.w47{width:47%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}

.w90m{width:90%;margin:0 auto;}
.w95m{width:95%;margin:0 auto;}

.BtN li{
	padding: 9px 0 6px;
	font-size: 1.1em;
	letter-spacing: 1px;
	width: 90%;
}
.BtnArea{
	margin: 10% auto;
	text-align: center;
}
body .BtnArea a,body .BtnArea a:visited{
	color: #fff!important;
	text-decoration: none!important;
}
.btnGraY,.btnGreeNR,.btnGreeN,.btnReD{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10% auto;
	width: 80%;
	height: 13vw;
	font-size: 4.5vw;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 3px;
	box-shadow: 1px 2px 2px #ccc;
	border-radius: 5px;
}
body .BtnArea .btnWhitE{
	margin: 15px 0;
	line-height: 1;
	box-shadow: 1px 2px 2px #ccc;
	width: 250px;
	padding: 7px 0 5px;
	color: #000!important;
	border-radius: 3px;
}
.btnB,.btnG{
	position: relative;
 padding: 3%;
}
.btnB i,.btnG i{
	position: absolute;
	right: 3%;
}
.cirarrU:after,.cirarrR:after,.cirarrD:after{
	right: 4vw;
}
.cirarrL:after{
	left: 4vw;
}
hr.hgra {
	border: 0; height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

.imgC{
	display:block;
	margin:0 auto;
}
.astTsT,.astTnT,.astTbT{
	margin:0 3% 5%;
}
body .astTsT li,body .astTnT li,body .astTbT li{
	padding:0 0 0 1.1em;
	margin:0 2%;
	text-indent: -1em;
	text-align: left;
}
.attTsT,.astTsT{
	font-size: 0.9em;
}
.attTbT,.astTbT{
	font-size: 1.1em;
}
.spoiG,.spoiR{
	margin: 10% auto;
	padding: 5% 3%;
	font-size: 0.9em;
	width: 90%;
}

/*popupS*/
.telBg {
	position: fixed;
	z-index: 501;
	font-family: var(--Fip),var(--Fyg);
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.telBg .telBox {
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 5% 4%;
	background: #fff;
	border-radius: 5px;
	width: 80vw;
	height: 96vw;
	line-height: 1.5;
}
.telBg .telBox2 {
	align-items: flex-start;
}
.telBg .telBox dl{
	text-align: center;
}
.telBg .telBox2 dl{
	padding-right: 5%;
	width: 50%;
}
.telBg .telBox2 dl:last-of-type{
	padding-right: 0;
	padding-left: 5%;
	border-left: 1px dotted #ccc;
}
.telBg .telBox dt{
	font-weight: bold;
}
.telBg .telBox2 dt{
	font-size: 4vw;
}
.telBg .telBox dd{
	padding: 2% 0;
}
.telBg .telBox1 dd{
	margin-top: 4%;
}
.telBg .telBox2 dd{
	margin-top: 6%;
}
.telBg .telBox dd:last-of-type{
	font-size: 3.5vw;
	text-align: left;
}
.telBg .telBox dl div{
	padding: 5%;
	background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#efefef 100%);
	background: linear-gradient(to bottom, #fff 0%,#efefef 100%);
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #ccc;
}
.telBg .telBox1 dl div{
	margin-top: 5%;
	font-size: 5vw;
}
.telBg .telBox2 dl div{
	margin-top: 11%;
	font-size: 4vw;
}
.telBg .telBox dd a{
	color: #000;
	text-decoration: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.clse{
	margin: 6% auto;
	padding: 1.5% 0;
	color: #000;
	font-weight: bold;
	text-align: center;
	width: 26vw;
	background-color: #efefef;
	border: 1px solid #666;
}
.telBg .telBox p a{
	color: var(--BluE);
	text-decoration: underline;
}
/*popupE*/

/*sinfoS*/
.sinfo{
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	width:95%;
	font-size:1.4rem;
}
.sinfo li:first-of-type{
	font-size:1.6rem;
	font-weight:bold;
}
.sinfo li:nth-of-type(2) a{
	font-size:1.7rem;
	font-weight:bold;
	color:#00f;
	text-decoration:none;
}
/*sinfoE*/

/*youtubeS*/
.ytArea {
	position: relative;
	padding: 0 0 56.25%;
	height: 0;
	overflow: hidden;
}
.ytArea_content {
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}
.ytArea iframe {
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*youtubeE*/

/*iphone_selectS*/
@supports (-webkit-touch-callout: none) {
	select{
		-webkit-appearance: none;
		appearance: none;
		padding-left: .5rem!important;
		padding-right: 3rem !important;
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 12px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}
}
/*iphone_selectE*/