@charset "UTF-8";


/*! BASESTYLE CSS */


body {
	margin: 0;
	padding: 0;
    font-family:-apple-system,'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ叔ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    line-height: 1.6;
    font-size: 16px;
	color: # 333;
	overflow-x: hidden;
	letter-spacing: 1px;
	text-align:left;

	*font-size: small;
	*font: x-small;
	}


a:link {
	text-decoration:none;
	color:#0000ff;
	}

a:visited {
	text-decoration:none;
	color:#0000ff;
	}

a:active {
	text-decoration:none;
	color:#0000ff;
	}

a:hover {
	text-decoration:underline;
	}


h1 {
	font-size: 30px;
	text-align: center;
	margin: 50px;
	line-height: 2.5;
	color: #666;
}


#top {
	background: #00B050;
	color: #FFFFFF;
	margin: 0;
	padding: 10px;
	hight: 50px;
	}

#top a {
    text-decoration:none;
	color:#FFFFFF;
	}

#top a:visited {
	text-decoration:none;
	color:#FFFFF;
	}

#top a:active {
	text-decoration:none;
	color:#FFFFF;
	}

#top a:hover {
	text-decoration:none;
	color:#FFFFF;
	}


#time td{
	text-align:center;
	}

ul {
  margin-top: 0;      /* 貧の噫易をなくす */
  margin-bottom: 0;   /* 和の噫易をなくす */
  padding-left: 1em;  /* 恣のインデントだけ火す�┗慴�に鬉犬藤� */
}


.small {
  font-size: 0.875em; /* �H勣殆の�s87.5%の寄きさ */
}
.red {
  color: red;
}

.arrow {
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid red;
  margin-left: 5px;
}

.ab_box  {
	display: block;
	text-align: left;
	width: 75%;
 	margin: 50px auto;
	}

.ab_title {
	 font-size: 24px;
	 font-weight:bold;
	 text-align:center;
	 padding: 20px;
 }
.ab_box_small  {
	display: block;
	text-align: left;
 	margin: 10px 0 10px 50px;
	}

.center-img {
  display: block;
  margin: 0 auto 50px;
}


table {
	border-collapse: collapse;
	border: solid 1px # 999; /*燕畠悶を��で�譴�*/
	width: 800px;
 	margin: 30px auto;
	color:#333;
	}

table th {
	border: solid 1px #999;  /*篤�� 1px */
	width: 110px;
	text-align: center;
	background: #e6e6fa;
 	}

table td {
	border: solid 1px #999;  /*篤�� 1px */
	padding: 5px 10px 5px 20px;
	}

.ditail {
	margin: 10px auto 30px ;

}

.ditail img{
	margin: 10px auto;
}

.bt{
	padding:10px 0 ;
	text-align:center;

	}


.button {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;

	align-items: center;
	margin: 0 auto;
	padding: 0.3em 1em;
  background: #FFCC00;

	width : 50%;
	height: 40px;

    border: solid 0px ;
    border-radius: 50px;        /* CSS3課宛 */
    -webkit-border-radius: 50px;    /* Safari,Google Chrome喘 */
    -moz-border-radius: 50px;   /* Firefox喘 */
    transition: .4s;
}

.bt_text{
	font-size: 24px;
    text-decoration: none;
    color: white;
}

.button:hover {
    background: #FFCC00;
}

.button a {
	text-decoration:none;
	color: #000000;
	}

.button a:visited {
	text-decoration:none;
	color: #000000;
	}

.button a:active {
	text-decoration:none;
	color: #000000;
	}

.button a:hover {
	text-decoration:none;
	color: #424242;
	}


mark {
  background: linear-gradient(transparent 40%, #fff700 80%);
}

/*!------- Pre-check--------- */

.precheck_box{
	display: block;
	text-align: left;
 	margin: 0px 30px 30px 0px;
}

.precheck_title{
	text-align: left;
    margin: 20px 15px 0px 15px;
	font-weight: bolder;
}

/*!------- entry --------- */
#entry .entry-title{
	text-align: left;
    margin: 0px ;
	font-weight: bolder;
}
#entry li{
	margin-left: 10px ;
}



/*!------- Footer --------- */
#footer {
	background: #00B050;
	color: #FFFFFF;
	}

#footer .ft_box{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 0px;
}


#footer .ft_minibox{
	-webkit-flex-grow: 0;
	flex-grow: 0;
	margin: 0;
	}


#footer  ul {
		list-style-type: none;
}

#footer li {
		margin-top: 5px;
		margin-left: 15px;
		line-height: 1;
}


#footer .ft_cr {
	text-align: center;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	}

/*================================================
 *  タブレット�鬚吋妊競ぅ�
 ================================================*/
@media screen and (max-width:980px) {

	.bt_text {
			font-size: 20px;
	}

	.ab_box {
			width: 85%;
	}


/*================================================
 *  スマ�`トフォン�鬚吋妊競ぅ�
 ================================================*/
@media screen and (max-width:767px) {

	h1 {
		margin: 20px;
	}
	.ab_box {
			width: 85%;
	}

	.button {
		width : 80%;
		height: 30px;
	}

	.bt_text {
			font-size: 18px;
	}