@charset "utf-8";




@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


* {
	margin: 0;
	padding: 0;
}


html{height:100%;}

html,body{width: 100%;}



body{
	margin:0;
	padding:0;
	font-size:1em;
	letter-spacing:0.5px;
	font-family: 'Noto Sans Japanese', sans-serif;
	width: 100%;
	height:100%;
	line-height:140%;
	overflow:scroll;
}

body,td,th {
font-family: "Noto Sans Japanese", sans-serif;
}

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

body{ padding:15px;box-sizing: border-box;}

.m-img{width:100%;}
	
}


a:link{color:#2474bf;}

a:hover{color:#3190ea;}

a:hover img{
/*���_���u���E�U�p*/
opacity:0.7;
/*IE7�ȉ��p*/
filter:alpha(opacity=70);
/*IE8�p*/
-ms-filter:"alpha(opacity=70)";
}

h2{
	font-size:1.47em;
	font-weight: normal; 
	color:#ffffff; 
	margin-bottom:1em; 
	background:#5bc3ea; 
	padding:1em 0.5em;
	}



h3{
	padding:14px 14px;
	border-radius: 8px;
	margin-bottom:1.12em;
	background:#d8eef2;
	color:#eeeee;
	}

h4{
	padding:5px 10px;
	border-radius: 8px;
	margin-bottom:0.87em;
	color:#eeeee;
	background:#F4F4ED;
	border:2px solid #d8eef2;}

.dotline{ border-bottom:1px dotted #898989; padding-bottom:1em; margin-bottom:1em;}

.secbloclk{margin:1em;}


.px12{font-size:0.73em;}

.mpx12{font-size:0.87em;}	

.px14{font-size:0.87em;}

.px16{font-size:1.00em;}

.px17{font-size:1.06em;}

.px18{font-size:1.12em;}

.px20{font-size:1.22em;}

.px22{font-size:1.37em;}



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

.mpx12{font-size:12px;}	
	
}


.w100{font-weight:100;}

.w500{font-weight:500;}

.w700{font-weight:700;}


img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}


.mb5{margin-bottom:5px;}

.mb10{margin-bottom:10px;}

.mb20{margin-bottom:20px;}

.mb30{margin-bottom:30px;}

.mb40{margin-bottom:40px;}


.mb50{margin-bottom:50px;}

.mb75{margin-bottom:75px;}

.mb100{margin-bottom:100px;}


.mb05em{margin-bottom:0.5em;}

.mb1em{margin-bottom:1em;}

.mb2em{margin-bottom:2em;}

.mb25em{margin-bottom:2.5em;}

.mb3em{margin-bottom:3em;}


.mr025{margin-right: 0.25em;}


.ml1em{margin-left:1em;}

.ml2em{margin-left:2em;}


.mt10{margin-top:10px;}

.pr20{padding-right:20px;}


.yellow{color:#ffff00;}

.white{color:#ffffff;}

.red{color: red;}


.floatleft{float:left;}

.floatright{float:right;}

.clear{clear:both;}


.lh100{line-height:100%}



/*２行目から1文字空ける*/
.att {
  padding-left: 1em;
  text-indent: -1em;
}



.dis-pc-no{ display:none;}

.dis-m-no{display: inherit;}	

@media screen and (max-width: 1010px) {
	
.dis-pc-no{ display: inherit;}	

.dis-m-no{ display:none;}
	
}








/* �w�b�_�[ */

header .inner{
	margin:0 auto;
	width:980px;
	background:url(../images/base/line.png);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center; 
	padding:35px 0;
	}
	





@media screen and (max-width: 1010px) {
	
header .inner{
	margin:0;
	width:100%;
	height:auto;
	padding-top:0;
	}
	
header .inner h1{
		margin:0; 
		padding:10px 0 ; 
		text-align:center;
		}	
				
}

@media screen and (min-width:415px) and ( max-width:1010px) {

header .inner img{width: 320px!important; height: 40px!important;}

}

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

header .inner img{width: 85%!important; height: auto!important;}

}



/* �R���e�i */

#container{
	margin:0;
	overflow:hidden;
	padding:30px 0;
	}


#container .inner{
	margin:0 auto;
	width:980px;
	overflow:hidden;
	}



@media screen and (min-width:768px) and ( max-width:1010px) {
#container .inner{
margin:0;
width:auto;
overflow:hidden;
}		

}

@media screen and (max-width: 1010px) {
	
#container .inner{
margin:0;
width:auto;
overflow:hidden;
}		
}




/* �E�T�C�h */

#right{
	float:left;
	width:220px;
	overflow:hidden;
	}


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

#right{
	float:none;
	width:100%;
	background:none; 
	display:block;
	margin-bottom:30px;}	

}



.f-menu{display: none;}

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

.f-menu{
display: block;
position:fixed;
bottom:0;
left:0;
z-index:9999;
background-color: rgba(63,169,245,1.00);
width:100%;
text-align: center;
}

.f-menu .inner{
display: flex;
align-items: center;
}

.f-menu .inner p{
width: 50%;
box-sizing: border-box;
}

.f-menu .inner p:nth-child(1){
border-right: 1px solid rgba(255,255,255,1.00);
}

.f-menu .inner p a{
display: block;
color:rgba(255,255,255,1.00);
text-decoration: none;
padding: 10px;
} 

.f-menu .inner p a:hover{
background-color: rgba(0,0,0,0.50);
}

}


/* �V����� */

.news{ background:#f2f1e9; padding:5px 0px 5px 0px; margin-bottom:20px;}

.news table{ width:100%;}

.news table th{ text-align:left; font-size:0.87em; font-weight:normal; border-top:1px dotted #898989;}

.news table td{ text-align:left;font-size:0.87em;}

.news table td:last-child{ border-bottom:1px dotted #898989;}

.newsbox{height: 70px;overflow: auto;padding:0 0 0 5px;}

.newsbox table td{ display:block;}


@media screen and (max-width: 1010px) {
	
.newsbox{height: 100px;}
	
}





/* �V�����ꗗ */

.new_fram{}






/* �����ꗗ */

.ichiran{}

.ichiran table{width:100%;}

.ichiran th{ background:#898989; color:#ffffff; border-right:1px solid #ffffff; padding:5px; font-weight:normal;}

.ichiran th:last-child{ border-right:none;}

.ichiran td{padding:5px; border-bottom:1px dotted #898989;}

.ichiran tr:nth-child(odd){ background:#f2f6fd;}

@media screen and (max-width: 1010px) {
	
	
	
.ichiran th{display:none; padding:5px;}	

.ichiran td{ display:block;border-bottom:none; padding:5px;}

.ichiran tr{border-top:1px dotted #898989;}

.ichiran tr:nth-child(odd){ background:#f2f6fd;}

.ichiran tr:last-child{ border-bottom:1px dotted #898989;}
	
}






/* �ڍ׃y�[�W */


.details{}

.details table{width:100%;border-top:1px dotted #898989}

.details th{ background:#3190ea; color:#ffffff; border-bottom:1px solid #eeeeee; padding:5px; font-weight:normal; width:25%; text-align:left;}

.details td{padding:5px; border-bottom:1px dotted #898989;}

.details td dl{padding: 0.5em;}

.details td dt{
	background: rgba(49, 144,234, 0.5);
	padding:2px 1em;
	display: inline-block;
	border-radius: 15px;
}

.details td dd{
	display: block;
padding: 0.5em 1em 1.5em 1em;}

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

.details table{border-top:none;}

.details th{ border-bottom:none; width:100%; display:block;}

.details td{display:block;border-bottom:none; padding-bottom:20px}

}






/* ���₢���킹�t�H�[�� */


.toiawase-form{}

.toiawase-form table{width:100%;border-top:1px dotted #898989; margin-bottom:0.5em;}

.toiawase-form th{ background:#898989; color:#ffffff; border-bottom:1px solid #eeeeee; padding:5px; font-weight:normal; width:25%; text-align:left; vertical-align:top;display:table-cell;}

.toiawase-form td{padding:5px; border-bottom:1px dotted #898989;}


.f-btn{font-size:1em; padding:2px 10px; margin-bottom:0.5em;}	


.f-name{font-size:1em;width:50%;height:24px;padding:2px;}

.f-postal{font-size:1em;width:20%;height:24px;padding:2px;}

textarea.f-address{font-size:16px;width:97.5%;padding:5px;}

.f-tel,
.f-fax{font-size:1em;width:35%;height:24px;padding:2px;}

.f-email{font-size:1em;	width:98%;height:24px;padding:2px;}


textarea.f-body{font-size:16px;width:97.5%;padding:5px;}

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

.toiawase-form table{border-top:none;}

.toiawase-form th{ border-bottom:none; width:100%; display:block;}

.toiawase-form td{display:block;border-bottom:none; padding:5px 0 20px 0;}

.f-name,
.f-postal,
.f-tel,
.f-fax,
textarea.f-address,
textarea.f-body
{width:100%;}

}






/* index���j���[ */

#menu li{font-weight:500; margin-bottom:8px; font-size:0.87em;}

#menu li a{text-decoration:none; color:#1a1a1a;}

#menu li a:hover{ color:#3fa9f5}

#menu li:after{content: " \f138";
	font-family: FontAwesome;
	margin-left:3px;
	vertical-align: middle;
	color:#a67c52;
	}

#menu {display: none;}

.slicknav_menu { margin-top:0; padding-top:0;}


@media print{#menu {display: inherit;}}

     
@media screen and (min-width : 1012px) {
      
	  #menu {display: block; }
	  
      .slicknav_menu {display: none;}
	  
}







/* ���j���[ */


#headermenu{
	display:block;
	}


#headermenu .inner{
	margin:10px auto;
	width:980px;
	height:55px;
	background:url(../images/base/line-s.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}


#menubase{ margin-left:10px; margin-right:10px;overflow:hidden; display:block;}

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

#menubase li{font-weight:500; font-size:0.87em;display: table-cell; }

#menubase li a{text-decoration:none; color:#1a1a1a;}

#menubase li a:hover{ color:#3fa9f5}


	
#menubase li:after{content: "";
	font-family: FontAwesome;
	margin-left:3px;
	vertical-align: middle;
	color:#a67c52;
	margin-right:1em;
	}	

#menubase li:last-child:after{content: none;}

#menubase {display: none;}

.slicknav_menu { margin-top:0; padding-top:0;}


@media print{#menubase {display: inherit;}}

     
@media screen and (min-width : 1010px) {
      
	  #menubase {display: block; }
	  
      .slicknav_menu {display: none;}
	  
}


@media screen and (max-width: 1009px) {
	
	#headermenu {display: none;}
	
}






/* ���T�C�h */	
	
#left{
	float:left;
	overflow:hidden;
	margin-left:40px;
	width:720px
	}


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

	#left{
	width:720px;
	float:none;
	margin-left:auto;
    margin-right: auto;
	}		
	
}

@media screen and (max-width: 767px) {
	
	#left{
	width:auto;
	float:none;
	margin-left:0;
	}		
	
}






/* index �g�������� */	
	
#ind-kumiai{
clear:both; 
background:#6fbff8; 
padding:20px;
overflow:hidden;
display: block;
width: 100%;
box-sizing: border-box;
}	

.kumiai-first{
margin-bottom:20px;
box-sizing: border-box;
display: table;}

.kumiai-first p {
display: table-cell;
vertical-align: middle;
}


.itiran-botan a{
	background:#0250b5;
	border-radius: 10px;
	padding:9px 50px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	}

.itiran-botan img{vertical-align:top; margin-right:5px;}

.itiran-botan a:hover{background:#000000}

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

.kumiai-first p {
    display: block;
	margin-bottom:10px;
}

}




#ind-kumiai .inner{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#ind-kumiai .inner div{
	position: relative;
	box-sizing: border-box;
	width: calc((100% / 5) - (20px * 4 / 5));
	margin-bottom: 20px;
	background: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	padding: 15px;
    margin-right: 20px;
	}

#ind-kumiai .inner div:nth-of-type(5n){margin-right: 0px;}


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

#ind-kumiai .inner div{
	position: relative;
	box-sizing: border-box;
	width: calc((100% / 2) - (10px * 1 / 2));
	margin-bottom: 20px;
	background: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	padding: 15px;
    margin-right: 10px;
	}

#ind-kumiai .inner div:nth-of-type(5n){margin-right: 10px;}

#ind-kumiai .inner div:nth-of-type(2n){margin-right: 0px;}

}


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

#ind-kumiai .inner div{padding: 7px;}

}





	#ind-kumiai .inner div:hover{
		background: rgba(255, 255, 255, 0.50);
	}

	#ind-kumiai .inner div a{display: block;}

	#ind-kumiai .inner div img{
		margin: 0 auto 15px auto;
	}

	#ind-kumiai .inner div h2{
		font-size: 17px !important;
		font-weight: 600 !important;
		color: black !important;
		margin: 0 !important;
		background:none !important;
		padding: 0 !important;
		text-decoration: none;
		line-height: 1.2;
		height: 2.4rem;
	}


	#ind-kumiai .inner div a {text-decoration: none;}




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

#ind-kumiai .inner div h2{font-size: 16px !important;}

}

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

#ind-kumiai .inner div{padding: 15px 7px;}

#ind-kumiai .inner div h2{font-size: 13px !important;}

}


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

#ind-kumiai .inner div h2{font-size: 14px !important;}

}

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

#ind-kumiai .inner div h2{font-size: 12px !important;}

}



.kumiaibox{
	width:300px;
	height:110px;
	background:#ffffff;
	border-radius: 10px;
	overflow:hidden;
	float:left;
	margin-bottom:2%;
	}

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

.kumiaibox{ width:100%; margin-bottom:15px;}	
	
}

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

.kumiaibox a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	}
	
.kumiaiboxrightsp{ margin-right:2%}	

.kumiaibox .kumiaiboxone{
	width:149px;
	text-align:center;
	border-right:1px dashed #000000;
	display: table-cell;
    vertical-align: middle;
	height:110px;
	}

.kumiaibox .kumiaiboxtwo{
	width:150px;
	height:110px;
	display: table-cell;
    vertical-align: middle;
	}

.kumiaiboxtwo ul{margin:auto;}

.kumiaiboxtwo li{font-size:0.73em; font-weight:500; margin:0 0 -0.5em 2.75em; padding:0;}























/* index�g�s�b�N�X */

#topics{overflow:hidden; }


#topics div{ 
	background:#e7e6dd;
	padding:2%;
	display: table-cell;
    vertical-align: top;
	overflow:hidden;
	border-right:2px dashed #ffffff;}

#topics div:last-child{border-right:none;}


	
	
#topics div a{ color:#000000; text-decoration:none;}

#topics div a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	}	
	


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

#topics div{
	display: block;
	padding:3%;
	border-right:none;
	border-bottom:2px dashed #ffffff;}
	
#topics div:last-child{border-bottom:none;}	

}







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

footer{margin-top:35px;}


footer .inner{
	margin:0 auto;
	width:980px;
	background:url(../images/base/line.png);
	background-repeat:repeat-x;
	background-position:top;
	padding:50px 0;
	}

@media screen and (max-width: 1010px) {
	
	footer .inner{
	margin:0;
	width:100%;
	height:auto;}
		
}


@media screen and (min-width:415px) and ( max-width:1010px) {

footer .inner img{width: 290px!important; height: 26px!important;}

}


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

footer .inner img{width: 290px!important; height: 26px!important;}

}






#page-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
	font-size:50px;
    z-index: 9999;
	}

#page-top a {
    text-decoration: none;
    color: #3fa9f5;
    text-align: center;
    display: block;
	}

#page-top a:hover {
    text-decoration: none;
	color:#6fbff8;
	}


@media print{
#page-top a {display: none;}
}



.footitle{ width:30%; height:auto;}

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

.footitle{ width:100%;}	
	
}







/* �e�J�e�S���[�����y�[�W */

.inputxt{
	font-size:1em;
	width:50%;
	height:24px;
	padding:2px;}	
	
@media screen and (max-width: 1010px) {
	
.inputxt{width:75%;}
	
}
	
.kensakubtn{font-size:1em; padding:2px 10px;}	

.kensakutable{ margin-bottom:1em;}

.kensakutable td{padding-right:1em;}


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

.kensakutable td{
	padding-right:0;
	display:block;
}	
	
}

.c-title{
	text-align:center;
	border:5px solid #3FA9F5;
	color:#3FA9F5;
	font-weight:bold;
	width:150px;
	margin:0 auto 1em auto;
	vertical-align: middle;
	padding-top:18px;
	padding-bottom:18px;
	}


.linkarea{
display: flex;
flex-wrap: wrap;}

.linkarea .c-btn{ 
text-align:center;
font-size:10px;
border-right:1px solid #cccccc;
line-height:110%;
width:10%;
box-sizing: border-box;
margin-bottom: 10px;
}

.linkarea .c-btn:nth-child(10),
.linkarea .c-btn:nth-child(20){border-right:none;}

.linkarea .c-btn img{margin-bottom: 5px;}

.linkarea .c-btn a{text-decoration:none;}

.linkarea .c-btn a:visited{color:#2474bf;}

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

.linkarea .c-btn{ 
	border-right:none;
	width:33%;
	margin-bottom:20px;}	
	
}



/* �����N�y�[�W */

.linkline{ border-bottom:1px dotted #898989; padding-bottom:1em;}

.linkarrow{color:#66cccc;}








/* ���i�Љ�y�[�W */

.flashbtn{clear:both; }

.flashbtn a{ 
	background:#4a99ea;
	color:#ffffff;
	padding:10px 20px;
	border-radius: 8px;
	text-decoration:none;
	display:block;
	width:25%;
	text-align:center;
	}	
	
.flashbtn a:hover{ 
	background:#2f4f4f;
	}	

.ban_appstore{width:20%;}

@media screen and (max-width: 1010px) {
	
	.flashbtn a{width:auto;}
	
	.ban_appstore{width:50%;}
}

.dosa{ font-size:0.87em;}

.dosa dt{margin-bottom:0.5em;}

.dosa dd{margin-bottom:1em;}









/* �ƒ�p�i�܂‚�y�[�W */

.matsuri{}

.matsuri table{ width:100%;}

.matsuri table td{ width:33.3333%;padding:10px; text-align:center; font-size:0.87em;}

.matsuri img{ width:100%;}


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

.matsuri table td{ width:100%; display: block; padding:0;}
	
}









/* �g���Љ�y�[�W */


.kumiaibtn{}


.kumiaibtn a:link{ 
	background:#4a99ea;
	color:#ffffff;
	padding:10px 20px;
	border-radius: 8px;
	text-decoration:none;
	}
	
	
.kumiaibtn a:hover{ 
	background:#2f4f4f;
	}	


.kumiaibtn a:visited{color:#ffffff;}









.lbox-k{display:table-cell;}

.rbox-k{display:table-cell;}

@media screen and (max-width: 1010px) {
	
.lbox-k{display: block;}

.rbox-k{display: block;}	
	
}


.lbox{display:table-cell;}

.rbox{display:table-cell;}




























/* ���k��y�[�W */



.syodan{ overflow:hidden; background:#FFFBC7;}