@charset "UTF-8";

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


#menu-box{
	top:15rem;
}

table.allrace_t .of {
    background: #FEFEF3;
    width: 45%;
}
.allrace_t .red {
    font-size:100%;
    padding:0 1%;
}

}


@media only screen and (max-width: 768px) {
#wrapper_testy {
	/*background:url(../images/2019bgsp.jpg) no-repeat top center;*/
	background-size:400%;
	background-attachment:fixed;
}

.topimage{
	margin:0 auto;
	width:92%;
}

.loginbutton{
	height:180px;
}



.edit input[type="submit"]{
	padding:2% 0 10%;
}

.notice{
	height:30%;
}

#menu li a {
    font-size: 15px;
    line-height:1.2;
}
#menu2 li a {
    font-size: 15px;
    line-height:1.2;
}


.cont{
	width: 95%;
}


.contharuka{
	width: 25%;
	float:right;
	margin-top:15%;
}

#footer-contents{
	margin:0 auto;
	padding: 0;
	font-size:60%;
}


#container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	/*position: relative;*/
	padding-bottom: 1px;
}




.accbox label {
	font-size:1rem;
}

/*-------�g�b�v�o�[-------*/
#topwrap{
	width: 100%;
	height:50px;
	margin: 0 auto 0 auto;
	position: fixed;
	text-align: center;
	z-index:99999999999999;
}
#topwrap2{
	width: 100%;
	height:50px;
	margin: 0 auto 0 auto;
	position: fixed;
	text-align: center;
	z-index:99999999999999;
}



#taitl {
	width: 100%;
	height:100%;
	margin: 0 auto;
	position: relative;
	float:left;
	background:url(../images/deep.png) no-repeat  center;
	background-size:contain;
}



#taitl a {
	text-decoration:none;
}





/*-------���C�����j���[Gridvar-------*/
#menuwrap{
	width:100%;
	margin:2% auto 0 auto;
	text-align:center;
}


#menutop a {
    width: 95%;
}

#menutop #cnt_1 a{
  text-decoration:none;
  line-height:1.6;
  border-radius:0.5rem;
  border:0.2rem #10B510 solid;
  cursor:pointer;
}
#menutop #cnt_1 .s25{
  font-size:70%;
}
#menutop #cnt_1_2 .s25{
  font-size:70%;
}
#menutop #cnt_1_2 a{
  text-decoration:none;
  line-height:1.6;
  border-radius:0.5rem;
  border:0.2rem #8929BC solid;
  cursor:pointer;
}

#menutop #cnt_2{
	text-decoration:none;
	background: #FED2E9;
	padding:3% 0;
	border:0.1rem #fcfcfc solid;
	border-radius:0.5rem;
}

#menutop #cnt_3{
	text-decoration:none;
	background: #FED2E9;
	padding:3% 0;
	border:0.1rem #fcfcfc solid;
	border-radius:0.5rem;
}





.paidline {
    border-top: #fcfcfc solid 0.5rem;
}




/*�n���o�[�K�[*/

#nav-drawer{
	display: none;
	position: relative;
	margin:10px 10px 0 auto;
	width: 12%;
	height:100%;
	float:right;
}

.nav-unshown{
	display: none;
}

#nav-open{
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}

/*�n���o�[�K�[�A�C�R����CSS�����ŕ\��*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*���̑���*/
  width: 25px;/*����*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*�‚���p�̔����J�o�[*/
#nav-close {
  display: none;/*�͂��߂͉B���Ă���*/
  position: fixed;
  z-index: 99;
  top: 0;/*�S�̂ɍL����悤��*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*���g*/

ul li{
	color: tomato;
}



#nav-content{
  overflow:inherit;
  position: fixed;
  font-size: 25px
  top: 0;
  left: 0;
  padding: 20px 0 0 20px ;
  z-index: 9999;/*�őO�ʂ�*/
  width: 90%;/*�E���Ɍ��Ԃ����i�‚���J�o�[��\���j*/
  max-width: 530px;/*�ő啝�i�������Ă��������j*/
  height: 100%;
  background: tomato;/*�w�i�F*/
  transition: .3s ease-in-out;/*���炩�ɕ\��*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*���ɉB���Ă���*/
  line-height: 50px;
  border: 1px solid #bdbdbd;
}


#nav-content a{
	height:50px;
	padding: 0;
}



/*�`�F�b�N����������������\��*/
#nav-input:checked ~ #nav-close {
  display: block;/*�J�o�[��\��*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*���g��\���i�E�փX���C�h�j*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}





/*-------�T�C�h���j���[-------*/

#menu li{
    width: 25%;
}

#sub {
	width: 100%;
	height:148px;
}

#sub .pass1{
	background: #FFF000;
	display: block;
	height:50px;
	margin: 2px 0 0;
}

.pass2{
	background: #FFF000;
	display: block;
	height:50px;
	margin: 2px 0 0;
}


.pass3{
	background: #FFF000;
	display: block;
	height:50px;
	margin: 2px 0 0;
}













.mypharuka{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0;
	padding-top:3%;
	text-align:center;
	position:relative;
}
.mypharuka img{
	width:80%;
	text-align:center;
	margin:0 auto;
}




#menu-box{
	top:14rem;
}


#menu{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	max-width:1100px;
}
#menu li{
	display: block;
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
}


#menu li a{
	display: block;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
#menu li a:hover{
	color: #333;
	text-shadow: 0 0 10px #edff00,0 0 15px #edff00;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
}


.maincontent{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.maincontent li{
	display: block;
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

.maincontent li a{
	height:150px;
	display: block;
	padding: 12px 0 10px;
	color: #333;
	text-align: center;
	text-decoration: none;
}


.gyaku{
	background:url(../images/menu1_2_1.png) no-repeat top center;

}


.plan{
	background:url(../images/menu2_2_1.png) no-repeat top center;

}


.gyaku:hover{
	top: -3px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.0);
	background:url(../images/menu1_2_2.png) no-repeat top center;

}


.plan:hover{
	top: -3px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.0);
	background:url(../images/menu2_2_2.png) no-repeat top center;

}

.plan img{min-width: 100%;}
.gyaku img{min-width: 100%;}



.s{
	font-size:15px;
}


/*-------���C���y�[�W-------*/


#mainbg {
	width: 90%;
	min-height: 600px;
	padding-bottom: 0;
	float:none;
	margin: 0 0 0 0;
}

#mainbg {
	width: 95%;
	min-height: 100%;
	padding:2% 0 3% 0;
	margin: 0 auto;
	background:#FFF;
	border: solid 1px #eaeaea;
}

#topbg {
	width: 95%;
	min-height: 100%;
	padding:2% 0;
	margin: 0 auto;
	background:#fcfcfc;
	border: solid 1px #eaeaea;
}


#mainbg .notice{
	height:30px;
}




/*-------TOP�y�[�W���m�点-------*/



/*-------�悭���鎿��y�[�W-------*/


.qa{
	padding:20px 0;
	margin:0 20px;
}


.question{
	font-size:1.8rem;
	font-weight:bold;
}

.answer{
	font-size:1.3rem;
}


/*-------���₢���킹-------*/

/*------�f�U�C�j���OUP�v����-------*/

.deza_r{
	font-size:25px;

}

.deza_kaime{
	font-size:35px;
	color:#004e13;
	font-weight: bold;
	padding: 10px 1px;
	margin: 2px 0;
	background: white;
	border-top: solid 3px #004e13;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.deza_kensyu{
	margin: 2px 0;
	padding:0px;
	border: solid 2px #004e13;
	width:40%;
	font-size:20px;
	text-align: center;
	float: right;
}

.deza_kensyu-t{
	width:100%;
	padding:3% 0 0 0;
	height: 30px;
	vertical-align: middle;
	font-size: 20px;
	background: #004e13;
	color: #ffffff;
	font-weight: bold;

}

.b{font-weight: bold;}


.teki_chu{
	padding:0px 10px;
	border-radius: 12px;
	background-color: #ff0086;
	font-weight: bold;
	font-size:20px;
	color:#fff;
	float: right;

}

.teki{
	background-color: #ebff00;
	border-radius:12px;
	padding:0px;

}



/*-------�t�]�n---------*/

.bg_g{background-color: #eeeeee;}


.bg_y{background-color: #ffff00;}
.pink{color:#ff0086;}

.gya_taitl{
	font-size:30px;
}


.gya_kaime{
	width:100%;
}
.gya_kaime th {
    border: #dcdcdc solid 0.1rem;
    padding: 2% 1%;
    font-size: 100%;
}
.gya_kaime td {
    border: #dcdcdc solid 0.1rem;
    padding: 0% 1%;
    font-size: 120%;
}

.gya_kaime .ttop{
    font-size:120%;
}


/*
.gya_kaime th{
	border:1px solid #fff;
	background-color:#106d00;
	color:#ffffff;
	font-size:20px;

}




.gya_kaime td{
	border:1px solid #000;
	font-size:30px;
	padding:6px;
	text-align:center;

}
*/
.gya_kaime td.t5{
	text-align:right;
}

.gya_kaime td.t6{
	font-size:18px;
	text-align:right;
	font-weight:bold;
	color:#FF0000;
}

.gya_kaime td.t6_2{
	font-size:18px;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
}

.gya_kaime td.t6_1{
	font-size:15px;
	text-align:right;
	color:#000;
}

.gya_kaime td.t7{
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	background-color:#e6f7ff;

}

/*-------������---------*/
/*-------�q�J���n�o�b�N�i���o�[---------*/

/*-------�t����---------*/

/*-------����---------*/

.tres{
	width:100%;
	margin:10px auto;
	border:1px solid #000;
	border-collapse: collapse;
	background-color:#ffffff;
	color:#000000;
}
.tres th{
	padding-left:20px;
	border:1px solid #000;
	background-color:#dfe8dd;
	color:#000;
	font-size:15px;
	font-family: "Oswald","Noto Sans JP","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;


}

.tres td{
	border:1px solid #000;
	font-size:12px;
	padding:6px;
	height:50px;
}

.tres td.t5{
	text-align:right;
}

.tres td.t6{
	font-size:15px;
	text-align:right;
	font-weight:bold;
	color:#FF0000;
}

.tres td.t6_2{
	font-size:15px;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
}

.tres td.t6_1{
	font-size:12px;
	text-align:right;
	color:#000;
	background-color:#f2f2f2;

}

.tres td.t7{
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	background-color:#e6f7ff;

}

.ttop{
	text-align:center;
	font-size:15px;
	font-weight:bold;
}

.bg-futeki{
	background-color:#ececec;
}

div.gaiyou img{
	width: 100%; 
}


/*-------�t�b�^�[---------*/

#footer {
	padding-top:50px;
	width:100%;
	height: 50%;
	color: #fff;
	font-size: 15px;
	background-color: #000;
	text-align: center;
}



.sppn{display:none;}
.spp{
	display:inline;
}

.spn{
	display:none;
}

table.allrace_select {
    width: 90%;
}

table.allrace_select th{
	font-size:110%;
}
table.allrace_select td{
	font-size:110%;
	font-weight:bold;
	padding:2% 0;
}

table.allrace_t{
	width:100%;
	border:#dcdcdc solid 0.1rem;

}
table.allrace_t th{
	border:#dcdcdc solid 0.1rem;
	font-size:60%;
	padding: 0% 0.5%;
}
table.allrace_t td{
	border:#dcdcdc solid 0.1rem;
	font-size:80%;
	padding:1% 0%;
	width: 8%;
}

table.allrace_t .of {
    width: 45%;
}

/* howto */
.howto{
	width:96%;
	padding:2% 2%;
	margin:2% auto;
}
.howto2{
	width:96%;
	padding:2% 2%;
	margin:2% auto;
}




/* �\���̈�ɍ��킹�ăT�C�Y�Ɨ]����ݒ� */
.marquee {
    animation-duration: 250s;
    font-size:1rem;
}
.marquee_testy {
    font-size:1rem;
}


}



/*****************************************480 start ************************/


@media only screen and (max-width: 480px) {
.edit input[type="submit"]{
	padding:2% 0 19%;
}
.edit dd input {
    font-size: 1.4rem;
}
table.allrace_t .race_name {
    font-size: 60%;
}


body{
	font-size:90%;
}

.sspn{
	display:none;
}

.sspp{
	display:inline;
}


.box {
    width: 95%;
}
.contharuka{
	width: 35%;
	float:right;
	margin-top:5%;
}

/*-------�g�b�v�o�[-------*/



#taitl {
	width: 100%;
	height:100%;
	margin:0 auto;
	position: relative;
	float:left;
	background:url(../images/deep.png) no-repeat  center;
	background-size:contain;
}



#taitl a {
	text-decoration:none;
}


#settei{
	display:none;
	background:url(../images/setei.png) no-repeat top center;

}



#login{
	background:url(../images/llogout.png) no-repeat top center;
	display:none;

}


/*-------���C�����j���[Gridvar-------*/




/*�n���o�[�K�[*/

#nav-drawer{
	display: block;
	position: relative;
	margin:10px 15px 0 auto;
	width: 15%;
	height:100%;
	float:right;
}

.nav-unshown{
	display: none;
}

#nav-open{
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}

/*�n���o�[�K�[�A�C�R����CSS�����ŕ\��*/



#nav-sen span , #nav-sen span:before, #nav-sen span:after{
  position: absolute;
  height: 2px;/*���̑���*/
  width: 100%;/*����*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
  font-size:12px;
  color:#fff;
  font-weight:bold;
}


#nav-sen span:before {
  bottom: -9px;
}
#nav-sen span:after {
  bottom: -18px;
}



#nav-ward {
  position: relative;
  display: block;
  font-size:12px;
  color:#fff;
  font-weight:bold;
  top:20px;
}



/*�‚���p�̔����J�o�[*/
#nav-close {
  display: none;/*�͂��߂͉B���Ă���*/
  position: fixed;
  z-index: 99;
  top: 0;/*�S�̂ɍL����悤��*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*���g*/

ul li{

}

.line{ 
	width:200px;
	border-bottom:1px solid #cdcdcd;
}


#nav-content{
  overflow:inherit;
  position: fixed;
  top: 5%;
  left: 0;
  margin:-37px 0 0 0;
  z-index: 999999999999;/*�őO�ʂ�*/
  width: 75%;/*�E���Ɍ��Ԃ����i�‚���J�o�[��\���j*/
  max-width: 300px;/*�ő啝�i�������Ă��������j*/
  height: 100%;
  background: #fff;/*�w�i�F*/
  transition: .3s ease-in-out;/*���炩�ɕ\��*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*���ɉB���Ă���*/
  line-height: 60px;
  border: 1px solid #bdbdbd;
  text-align:left;
}


#nav-content a{
	height:50px;
	padding: 0;
	text-decoration:none;
}



/*�`�F�b�N����������������\��*/
#nav-input:checked ~ #nav-close {
  display: block;/*�J�o�[��\��*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*���g��\���i�E�փX���C�h�j*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/*-------�T�C�h���j���[-------*/

#sub{
	height:150px;
}

#sub .pass1{
	background: #FFF000;
	display: block;
	margin: 1px 0 0;
	height:50px;
}

.pass2{
	background: #FFF000;
	display: block;
	margin: 1px 0 0;
	height:50px;
}
.pass3{
	background: #FFF000;
	display: block;
	margin: 1px 0 0;
	height:50px;
}

/*-------���C�����j���[-------*/

#menu{
	display: none;
}
#menu li{
	width: 100%;
}


.mypharukassp{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0;
	padding-top:13%;
	text-align:center;
}
.mypharukassp img{
	width:95%;
	text-align:center;
	margin:0 auto;
}
/************2019 to 2020 ver***********************************/


.mypharukassp2{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0;
	padding-top:0%;
	text-align:center;
}
.mypharukassp2 img{
	width:95%;
	text-align:center;
	margin:0 auto;
}

/************2019 to 2020 ver***********************************/


#menu-box{
	display:none;
}


#menu-box2{
	display:none;
}



.maincontent{
	display:inline;
	width:100%;
	height:50%;
}

.maincontent{
	display:inline;
	width:100%;
	height:84px;
}


.maincontent ul li {
	display:inline;
}


li.gyaku {
	background:url(../images/gyaku-sp1.png) no-repeat  top center;
	width:100%;
	height:84px;

}

.gyaku a{
	height:84px;

}



li.plan{
	background:url(../images/deza-sp1.png) no-repeat  center;
	width:100%;
	height:84px;
}


.gyaku:hover{

	box-shadow: 0 3px 3px rgba(0,0,0,0.0);
	background:url(../images/gyaku-sp2.png) no-repeat  center;

}


.plan:hover{
	top: -3px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.0);
	background:url(../images/deza-sp2.png) no-repeat  center;

}


.tate{
	
}


.plan img{min-width: 100%;}
.gyaku img{min-width: 100%;}





.s{
	font-size:15px;
}

#toggle{
	display: block;
	position: relative;
	background : -moz-linear-gradient(50% 4.27% -90deg,rgba(30, 143, 55, 1) 0%,rgba(28, 137, 53, 1) 18.53%,rgba(21, 118, 47, 1) 44.42%,rgba(11, 89, 38, 1) 74.51%,rgba(0, 58, 29, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(30, 143, 55, 1) 0%, rgba(28, 137, 53, 1) 18.53%, rgba(21, 118, 47, 1) 44.42%, rgba(11, 89, 38, 1) 74.51%, rgba(0, 58, 29, 1) 100%);
	background : -webkit-gradient(linear,50% 4.27% ,50% 99.59% ,color-stop(0,rgba(30, 143, 55, 1) ),color-stop(0.1853,rgba(28, 137, 53, 1) ),color-stop(0.4442,rgba(21, 118, 47, 1) ),color-stop(0.7451,rgba(11, 89, 38, 1) ),color-stop(1,rgba(0, 58, 29, 1) ));
	background : -o-linear-gradient(-90deg, rgba(30, 143, 55, 1) 0%, rgba(28, 137, 53, 1) 18.53%, rgba(21, 118, 47, 1) 44.42%, rgba(11, 89, 38, 1) 74.51%, rgba(0, 58, 29, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(30, 143, 55, 1) 0%, rgba(28, 137, 53, 1) 18.53%, rgba(21, 118, 47, 1) 44.42%, rgba(11, 89, 38, 1) 74.51%, rgba(0, 58, 29, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E8F37', endColorstr='#003A1D' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(30, 143, 55, 1) 0%, rgba(28, 137, 53, 1) 18.53%, rgba(21, 118, 47, 1) 44.42%, rgba(11, 89, 38, 1) 74.51%, rgba(0, 58, 29, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E8F37',endColorstr='#003A1D' , GradientType=0);
	width:100%

}
#toggle a{
	position: relative;
	padding: 12px 0 10px 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#toggle a:before, #toggle a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
}
#toggle a:before{
	margin-top: -6px;
}
#toggle a:after{
	margin-top: 2px;
}


/*-------���C���y�[�W-------*/

#mainbg {
	width: 95%;
	padding:2% 0 3% 0;
	margin: 0 auto;
	background:#fcfcfc;
	border: solid 1px #eaeaea;
	text-align:center;
}


#topbg {
	width: 96%;
	margin: 0 auto;
	background:#fcfcfc;
	border: solid 1px #eaeaea;
	padding:1% 0%;
}


/*-------TOP�y�[�W���m�点-------*/




/*-------�悭���鎿��y�[�W-------*/
.qwrap {
    width: 96%;
}
.qa {
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
}

.question{
	font-size:0.9rem;
	font-weight:bold;
}

.answer{
	font-size:0.8rem;
	padding:2% 3%;
}


/*-------���₢���킹-------*/


/*------�f�U�C�j���OUP�v����-------*/

.deza_r{
	font-size:18px;

}

.deza_kaime{
	font-size:20px;
	color:#004e13;
	font-weight: bold;
	padding: 1%;
	margin: 2px 0;
	background: white;
	border-top: solid 3px #004e13;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.deza_kensyu{
	margin: 2px 0;
	border: solid 2px #004e13;
	width:40%;
	height:100%;
	font-size:16px;
	text-align: center;
	float: right;
}

.deza_kensyu-t{
	width:100%;
	display: inline-block;
	height: 30px;
	vertical-align: middle;
	font-size: 14px;
	background: #004e13;
	color: #ffffff;
	font-weight: bold;

}

.b{font-weight: bold;}


.teki_chu{
	padding:0px 10px;
	border-radius: 12px;
	background-color: #ff0086;
	font-weight: bold;
	font-size:18px;
	color:#fff;
	float: right;

}

.teki{
	background-color: #ebff00;
	border-radius:8px;
	padding:0px;

}




/*-------�t�]�n---------*/

.bg_g{background-color: #eeeeee;}



.bg_y{background-color: #ffff00;}
.pink{color:#ff0086;}

.gya_taitl{
	font-size:20px;
}

/*
.gya_kaime{
	width:90%;
	margin:10px auto;
	border:1px solid #000;
	border-collapse: collapse;
	background-color:#ffffff;
	color:#000000;
}
.gya_kaime th{
	border:1px solid #fff;
	background-color:#106d00;
	color:#ffffff;
	font-size:20px;

}




.gya_kaime td{
	border:1px solid #000;
	font-size:25px;
	padding:2px 6px;
	text-align:center;

}
*/
.gya_kaime td.t5{
	text-align:right;
}

.gya_kaime td.t6{
	font-size:18px;
	text-align:right;
	font-weight:bold;
	color:#FF0000;
}

.gya_kaime td.t6_2{
	font-size:18px;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
}

.gya_kaime td.t6_1{
	font-size:15px;
	text-align:right;
	color:#000;
}

.gya_kaime td.t7{
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	background-color:#e6f7ff;

}

/*-------������---------*/






.kaimebg {
	background:url(images/kirakira.gif) repeat;
	overflow: hidden;
	padding: 0 0 0px;
	position: relative;
}



.kaime01{
	background:url(images/kaime.png) no-repeat top center;
	width: 100%;
	height:270px;
	margin:0 auto;
}
.kaimecontents_center{
	margin:0px auto;
	padding:5px;
	width: 100%;
	background-color:#ffffff;


}

p.info{
	font-size:35px;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	color:#ff0000;
}
p.info1{
	font-size:28px;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	color:#ff0000;
}
.kaime_line{
	font-size: 25px;
	margin:30 auto;
	background-color:#ffffff;
	width: 99%;
}

.koumoku{
	background-color:#FFF219;
	border:2px solid #000000;
	width:10%;
	margin:0 auto;
	padding:10px;
	font-size:13px;
	
}

.recename{
	padding:10px 0;
	margin:0px auto;
  	width: 100%;
	background-color:#fffddd;
	font-size:19px;
	text-align: center;
}

.kaime td{
	width:10%;
	border-right:1px dashed #b3b3b3;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
	padding:2px 2px;
	margin:0 auto;
	text-align:center;
	font-size:16px;
}






/*-------�o�b�N�i���o�[---------*/


/*accordion*/
dl.accordion dt {
	background: #C62D1F; 
	background: -moz-linear-gradient(top, #C62D1F 0%, #F24437 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C62D1F), color-stop(100%,#F24437)); 
	background: -webkit-linear-gradient(top, #C62D1F 0%,#F24437 100%); 
	background: -o-linear-gradient(top, #C62D1F 0%,#F24437 100%); 
	background: -ms-linear-gradient(top, #C62D1F 0%,#F24437 100%); 
	background: linear-gradient(to bottom, #C62D1F 0%,#F24437 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C62D1F',  endColorstr='#F24437', GradientType=0 ); 
	cursor: pointer;
	border-bottom: 3.5px solid #b30000;
	word-wrap:break-word;
	border-radius:20px;
}

dl.accordion dt:hover {
    background: #FF3F0F; 
    background: -moz-linear-gradient(top, #FF3F0F 0%, #FF4538 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3F0F), color-stop(100%,#FF4538)); 
    background: -webkit-linear-gradient(top, #FF3F0F 0%,#FF4538 100%); 
    background: -o-linear-gradient(top, #FF3F0F 0%,#FF4538 100%); 
    background: -ms-linear-gradient(top, #FF3F0F 0%,#FF4538 100%); 
    background: linear-gradient(to bottom, #FF3F0F 0%,#FF4538 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF3F0F',  endColorstr='#FF4538', GradientType=0 ); 
  cursor: pointer;
  border-bottom: 3.5px solid #ff4700;
  word-wrap:break-word;
	border-radius:20px;

}





dl.accordion dt {
  display: block;
  padding: 10px 30px 10px 10px;
  color: #fff;
  font-size: 15px;
}



dl.accordion dt::before {
  content: '';
  position: relative;
  float: right;
  border: 15px solid transparent;
  border-top-color: #f9ff00;
  width: 0;
  height: 0;
  top: 30px;
  right: 0px;
}
dl.accordion dt.open::before {
  content: '';
  position: relative;
  float: right;
  border: 10px solid transparent;
  border-bottom-color: #f9ff00;
  width: 0;
  height: 0;
  top: 5px;
  right: 0px;
}

dl.accordion dt {
	font-size: 50px;
	padding-top: 5px;
	text-align:center;
}







dl.accordion ul li {
  border-bottom: 1px solid #f2f2f3;
  list-style: none;
}
dl.accordion ul li a {
  color: #333;
  display: block;
  padding: 10px 30px 10px;
}
dl.accordion ul li a::before {
  content: '';
  position: relative;
  float: right;
  border: 8px solid transparent;
  border-left-color: #333;
  width: 0;
  height: 0;
  top: 0;
  right: -25px;
}

dl.accordion li {
	list-style: none;
}

dl.accordion ul {
	list-style: none;
	padding-left: 0px;
	display:none;
}


ul.acrd{
	list-style: none;
	padding-left: 0px;
}

/*-------�o�b�N�i���o�[---------*/

/*-------�t����---------*/

/*********************************************************
	����
*********************************************************/

.tres{
	width:100%;
	font-size:20%;
	max-width:1100px;
	table-layout: fixed;
}
.tres th{
	/*font-size:5%;*/
	padding:0.5%;
}
.tres td{
	/*font-size:2%;*/
	padding:0%;
}

.ttop{
	text-align:center;
	font-size:15px;
	font-weight:bold;
}

.bg-futeki{
	background-color:#ececec;
}

.gaiyou {
	width: 100%;
}


.yagirushi{
	width: 100%; 
}


div.gaiyou img{
	width: 100%;
}


/*-------�t�b�^�[---------*/
#footer {
	width: 100%;
	font-size: 20px;
	margin: 30px auto 0 auto;
	padding: 10px 0;
	text-align: center;
}

/***************************designing table ********************************/
.designing_t{
	font-size:8px;
}
.designing_t .pre th{
	padding:0;
}
.designing_t .rzt th{
	padding:0;
}


.designing_t .pre td{
	padding:0;
}
.designing_t .rzt td{
	padding:0;
}

/***************************designing table ********************************/
.deza_day {
    font-size: 20px;
    font-weight: bold;
    padding:1%;
}

.area{
}

.marquee{
}
.marquee span{
    /*background:none;*/
    padding:1.3% 2% 0.5%;
    border-radius:1rem;
    /*border:none;*/
}

.marquee img{
    width:10%;
    /*display:none;*/
}

#open{
	display:block;
	padding:2%;
	margin-top:2%;
	float:right;
	margin-right:1%;
	z-index:99999999999999;
	position:fixed;
	left:70%;
	border-radius:0.3rem;
	background:#FCF122;
	font-weight:bold;
	border:#F2D208 solid 0.1rem;
	width:28%;
}
#overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .65);
}
#modal {
    display: none;
    position: fixed;
    left: 50%;
    top: 45%;
    z-index: 9999999999999999999999999999;
    transform: translate(-50%, -50%);
    max-width: 500px;
    box-sizing: border-box;
    padding: 2% 5%;
    border-radius: 8px;
    background: #fcfcfc;
    width:90%;
}
.active {
    display: block !important;
    z-index: 9999999999999;

    position: fixed;
}



#spmenu {
	display: block;
}
#spmenu img{
	vertical-align:middle;
	padding-right:4%;
}

#modal #spmenu {
	display: inline;
	text-align:left;
}

#spmenu li{
	padding:2% 0;
}

#modal #spmenu a{
	font-size:1rem;
	color:#000;
	font-weight:bold;
	line-height:2;
	text-decoration:none;
	border-bottom:1px solid #dcdcdc;
	padding:1% 3%;
	cursor:pointer;
}

#modal .line{
	border-top:1px solid #dcdcdc;
	text-align:left;
	margin:4% 0;
}

.sppp{display:inline;}


}

@media only screen and (max-width: 425px) {
.loginbutton{
	height:100px;
}

}



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

#nav-open{
	display:none;
}

}