#content{
	height:420px;
}
#content li a{
	line-height: 36px;
	font-size: 14px;
	padding-left: 20px;
	background: url(../img/common/grey_arrow.png) no-repeat left;
}
#content ul.cat li a{
	line-height: 36px;
    font-size: 14px;
    padding-left: 0;
    background: none;
}

.free{
	width:59px;
	margin:10px;
	display: inline-block;
	background: url(../img/common/free.png) no-repeat center;
}
/*ul.cat {
    display: flex;
    justify-content: center;
	 flex-wrap: wrap;
}*/
ul.cat li {
  margin: 8px;
  float: left;
}
#btn {
    text-align: center;
	 background: #fff; 
}
.sp{
	display: none;
}
.login_box {
    width: 550px;
}
.login_box th {
    width: 185px;
}





@media (max-width: 768px){
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	#wrapper {
		 background: #ebebeb;
		 padding: 5px;
	}	
	#main {
		 width: 100%;
	}
	#content {
		 height: initial;
		 font-size: 11px;
	}
	#contentBox {
		 width: 100%;
		 float: none;
		 position: relative;
		 margin-top: 40px;
	}
	#contentBottom {
		 background-size: contain;
	}
	.cntGrayTitle {
		margin: 0px;
		padding: 5px;
		border: 1px solid #cacaca;
		border-bottom: none;
		background: #fff;
		border-radius: 4px;
	}
	.cntGrayTitle em.tb {
		 /*width: 100%;
		 background: #4f616a;
		 background-size: contain;
		 border-radius: 3px;*/
		 display: none;
	}
	.cntGrayTitle .cnt {
		 background: none;
		 margin: 0;
		 padding: 5px;
		 /* width: 100%; */
		 background: #4f616a;
		 background-size: contain;
		 border-radius: 3px;
	}	
	.cntGrayTitle h1 {
		 padding-left: 8px;
		 line-height: inherit;
		 font-size: 13px;
	}	
	.cntGrayTitle h1:before {
		 border: 2px solid #73b6d8;
		 content: "";
		 margin-right: 10px;
		 font-size: 10px;
	}	
	.cntGrayTitle em.bb {
		 display: none;
	}	
	ul.cat li {
		 margin: 4%;
		 width: 42%;
	}
	#content ul.cat li a {
		 font-size: 13px;
	}
	.button.large {
		 width: 100%;
		 max-width: 100%;
		 padding: 20px 15px;
		 min-height: 102px;
	}
	header#header {
		 position: fixed;
		 z-index: 10;
		 top: 0;
		 left: 0;
		 right: 0;
		 padding: 5px;
		 background: none;
		 background-color: #0098d1;
		 text-align: left;
		 height: 30px;
	}
	#header h1 {
		 float: left;
		 padding: 5px;
		 line-height: 24px;
	}
	#header a {
		 color: #fff;
		 text-decoration: none;
	}	
	button {
		 border: none;
		 background: none;
		 margin: 0;
		 padding: 0;
		 outline: none;
		 font-size: inherit;
		 cursor: pointer;
		 -webkit-appearance: none;
		 -moz-appearance: none;
		 appearance: none;
		 float: right;
		 margin-left: 5px;
	}	
	button#btn_menu img {
		 width: 30px;
	}	
	#breadcrumbs {
		 margin-top: 10px;
	}	
	#gnavi {
		 padding: 40px 0 0;
	}
	.dark_layer {
		 position: absolute;
		 top: 0;
		 left: 0;
		 right: 0;
		 bottom: 0;
		 background-color: rgba(0,0,0,0.5);
	}	
	#btn_menu_close {
		 position: fixed;
		 top: 5px;
		 right: 5px;
	}
	#btn_menu_close img {
		max-width: 100%;
		zoom: .5;
		width: 60px;
	}	
	#gnavi ul {
		 position: relative;
		 z-index: 2;
	}	
	#gnavi li {
		 line-height: 1.6;
	}	
	#gnavi > ul > li > span, #gnavi > ul > li > a {
		 border-top: 1px solid #fff;
		 background-color: #0098d1;
		 color: #fff;
	}	
	#gnavi > ul > li:last-child > a {
		 border-bottom: 1px solid #fff;
	}	
	#gnavi li > span, #gnavi li > a {
		 display: block;
		 padding: 9px 15px;
		 font-size: 14px;
		 text-decoration: none;
	}	
	#gnavi .mrk2 {
		 display: block;
		 background: url(/sp/img/common/mrk_link02.png) no-repeat 100% 50%;
		 background-size: 11px;
	}	
	.dark_layer_wrap {
		 display: none;
		 position: fixed;
		 z-index: 1000;
		 overflow: auto;
		 top: 0;
		 left: 0;
		 right: 0;
		 bottom: 0;
	}	
	#pagetop {
		 display: none;
		 position: fixed;
		 z-index: 500;
		 right: 20px;
		 bottom: 20px;
	}	
	#pagetop a {
		 display: table-cell;
		 width: 40px;
		 height: 40px;
		 text-align: center;
		 vertical-align: middle;
		 background-color: #0098d1;
	}	
	#pagetop img {
		 width: 20px;
	}	
	.btn_loc img {
		 display: block;
		 margin: 25px auto;
	}	
	h2.pro_h2 {
		 margin-top: 10px;
		 padding: 0 0 15px;
	}	
	.over {
		 overflow: auto;
	}	
	.login_box {
		 width: 100%;
	}
	.login_box th {
		 width: 33%;
		white-space: nowrap;
	}
	.login_box td input {
		 width: calc(100% - 10px);;
	}	
	tr.btns td a.login {
		 margin-left: 5px;
		 margin-bottom: 20px;
	}	
	div#form.er div {
		 width: auto;
	}
	
}