@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */

/* 追加 */
body{
	color: #666;
	margin: 0;
}
.headtitle{
	width: 100%;
	background: #366c9a;
}
h1{
	font-size: 12px;
	text-align: left;
	color: #fff;
	padding: 5px 0;
	margin: 0 auto;
}
h1.container{
	padding-left: 0;	
}
@media screen and (max-width: 768px) {
  h1 {display: none; }
}

.main{
	margin-bottom: 15px;
}
footer{
	width: 100%;
	background: #366c9a;
	padding: 5px;
	margin:0;
	color: #fff;
	overflow: hidden;
	    position: fixed;
    bottom: 0;
}
div.container{
	padding:0 15px;
}
.mainclm{
	padding-bottom: 30px;
	/*max-width:850px;*/
}
.mainclm li{
    list-style: none;
}
.subclm{
	background: #666;
	margin: 0;
	min-height: 600px;
}

textarea {
    overflow-x : hidden!important;
    white-space:pre-line;
}
@media screen and (max-width: 768px) {
	.subclm{
		min-height: 100px;}
}
.subclm a{
	color: #fff;
}
.subclm h3{
	margin:5px 0;
}
ul.nav-mng{
	list-style: none;
	padding: 0;
	margin: 0;	
}
ul.nav-mng li{
	padding:10px 0;
	margin: 0;
	color: #fff;
	border-bottom: #fff 1px solid;
}
.navbar-inverse{
	border: none;
}

h2{
	background: #fff;
	border:2px solid #666;
	padding:3px 10px;
	color: #666;
	font-size: 18px;
	margin: 20px 0;
	line-height: 1.5;
	clear: both;
	font-weight: bold;
}
h3{
	background: #fff;
	padding:3px 10px;
	color: #FF9A96;
	font-size: 20px;
	margin: 5px 0 0;
	line-height: 1.5;
	clear: both;
	font-weight: bold;
	margin-left: -30px;
}
h3.upd{
	background: #FF9A96;
    padding: 3px 10px;
    color: #FFF;
    font-size: 20px;
    margin: 0 0 10px;
    line-height: 1.5;
    clear: both;
    font-weight: bold;
    margin-left: 0;
    display: inline-block;
}
.navbar{
	margin-bottom: 0;
border-bottom: 2px solid #366c9a;
background: white;
}
.navbar-brand {
    float: left;
    height: 60px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.headarea p{
	color: #fff;
}
.headarea p strong{
	color: #fff;
	font-size: 18px;
	margin-right: 5px;
}
#mng .nav-mng .fa-envelope{
	margin-left: 15px;
}
#mng .nav-mng sup{
	margin-left: 5px;
	color: #FC669A;
}
#mng .headmenu{
	float: right;
	padding: 15px;
}
#mng .headmenu ul li{
	float: left;
	list-style: none;
}
.fa-lock:before {
content: "\f023";
	color: goldenrod;
	margin-right: 5px;
}
.form_camera_clm{
	float: left;
	padding: 5px;
	height: 250px;
}
.form_camera_clm>img{
	width: 120px;
}
/*.form_camera{
	text-align: right;
}*/
.form_camera .fa-camera{
	font-size: 24px;
	padding: 5px;
	cursor: pointer;
}
.dspno{
	display: none !important;
}
.form_camera input[type=file]{
font-family: FontAwesome;
}
#mng input[type=button]{
font-family: FontAwesome;
}
#mng input[type="text"]{
	width: 50%;
}
#mng button{
	background-color: transparent;
	border: none;
}
[name=ptn] {
    margin-top: 20px;
    margin-bottom: 20px;
}
.compink{
	color:#FF9A96;
	font-size: 13px;
}
.mng_tbl{
	width: 100%;
	border: 1px solid #ddd;
    text-align: center;
}
.mng_tbl th{
	width: 120px;
	border: 1px solid #ddd;
	background: #eee;
	font-weight: normal;
	padding: 10px;
	white-space:nowrap;
}
.mng_tbl td{
	width: 120px;
	border: 1px solid #ddd;
	padding: 10px;
}
@media screen and (max-width: 768px) {
.mng_tbl{
	width: 100%;
	border: 1px solid #ddd;
	display: flex;
}
.mng_tbl th{
	width: 100%;

}
.mng_tbl td{
	width: 100%;

}}
.graybox{
	border: 1.5px solid #999;
	padding: 2em;
/*    margin-bottom: 2em;*/
}


/*求人情報　じょぶれぽ*/
.phtbox{
	float: left;
	padding-right: 15px;
}
.txtbox{
	float: left;
}
.imgleft{
	float: left;
}
.text-pink{
	color: #FF9A96;
}
.topinfo img.imgleft{
	width: 180px;
	
}
.info{
	width:95%;
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    margin-left: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: .3s;
}
.info:hover{
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
    transform:  translate(-5px, -5px);
}
/* タブメニュー */
/* タブメニュー */
#tab-menu {
  list-style: none;
  margin: 0;
	padding: 0;
	border-bottom: 3px solid #ff999a;
	width: 100%;
	margin-bottom: 1em;
}
#tab-menu li {
  display:inline-block;
  padding: 5px 20px;
  background: #e5e5e5;
	font-size: 18px;
	width: 24.6%;
	text-align: center;
}
#tab-menu li.active {
  background: #ff999a;
  color: #fff;
}
#tab-menu li:hover {
  cursor: pointer;
}
#tab-menu a{
	color: #666;
	display: inline-block;
	font-size: 2rem;
    font-weight: bold;
}
#tab-menu li.active a{
	color: #fff;
}
#tab-box {
  padding:0;
  border: 3px solid #FD9AC9;
}
#tab-box div {
  display: none;
}
#tab-box div.active {
  display: block;
}
.shoptab01 img{
	width: 100%;	
}
.shop_head{
	padding:10px 15px;
	margin: 20px 0;
	border: 1px solid #66cdcc;
}
.box_gray{
	padding:10px 35px;
	border: 1.5px solid #aaa;
	overflow: hidden;
	margin:0 0 20px 0;
}
.shop_icon {
	padding:0;
	margin: 15px 0;
	width: 100%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	

}
.shop_icon li{
	float: left;
	list-style: none;
	margin: 0;
	padding:10px 5px;
	width: 33.3%;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.shop_icon input[type="checkbox"]{
	margin-right: 5px;
}
.ckd{
	background: #FEE0E0;
}
.lock_txt{
	float: left;
}
.lock_link{
	float: right;
	background: #65CAC9;
	color: #fff;
}
 .lock_link a, .lock_link a:hover{
	color: #fff;
	padding: 10px;
	 display: inline-block;
}
.con_tnx{
	padding: 20px;
	background: #FFD5D6;
	text-align: left;
}
.shop_tbl{
	margin: 15px auto;
	width: 95%;
	clear: both;
	
}
.shop_tbl th{
	margin: 15px 0;
	border: 1px solid #ddd;
	background: #eee;
	text-align: center;
	padding:5px 10px;
	    width: 25%;
	
}
.shop_tbl td{
	border: 1px solid #ddd;
	padding:5px 5px;
}
.shop_tbl td:nth-child(5){
	min-width: 80px;

}
.search_shop_clm{
	margin: 15px 0;
	padding: 15px 0;
	border: 1px solid #ddd;
	overflow: hidden;
}
.search_shop_clm h2{
	background:none;
	color: #111;
	font-size: 16px;
	padding-left: 10px;
}
.search_shop_clm h2 strong{
	font-size: 18px;
	padding-left: 10px;
}
.shop_tbl td dl {
    margin: 0;
    padding: 0;
    clear: both;
    border-bottom: 1px dashed #ddd;
    display: table;
    width: 100%;
}
.shop_tbl td dt {
    color: #ff6599;
    padding: 5px;
    margin: 0;
    list-style: none;
    display: table-cell;
	vertical-align: middle;
    min-width: 80px;
}
.shop_tbl td dd {
    color: #666;
    padding: 5px;
 	vertical-align: middle;
   display: table-cell;
}
.shop_con dl{
	float: left;
	margin-right: 5px;
	padding: 0;
	width: 32.7%;
	min-height: 120px;
}
.shop_con dl:last-child{
	margin-right: 0;
}
@media screen and (max-width: 768px) {
.shop_con dl{
	width: 100%;
	min-height:inherit;
}
}
.shop_con dd{
	padding: 10px;
}
.shop_con dd p{
	padding-top: 15px;
	color: #fd6598;
	font-size: 13px;
}
.shop_con dl dt{
	color: #fff;
	font-size: 16px;
	padding: 10px;
}
.shop_con01 {
	border: 1px solid #99cdff;

}
.shop_con02 {
	border: 1px solid #ff99cb;
}
.shop_con03 {
	border: 1px solid #00cd68;
}
.shop_con01 dt{
	background: #99cdff;

}
.shop_con02 dt{
	background: #ff99cb;
}
.shop_con03 dt{
	background: #00cd68;
}
.grbtn{
	background-color: #66cdcc;
	color: white;	
}
.type01 h2{
border-left: 3px solid #FFA726;
}
.type02 h2{
border-left: 3px solid #EC407A;
}
.type03 h2{
border-left: 3px solid #ef5350;
}
.type04 h2{
border-left: 3px solid #5C6BC0;
}
.type05 h2{
border-left: 3px solid #D4E157;
}
.type06 h2{
border-left: 3px solid #AB47BC;
}
.search_shop_clm p.shop_caption{
	padding:5px 10px;
	color: #fff;
}
.type01 p.shop_caption{
background: #FFA726;
}
.type02 p.shop_caption{
background: #EC407A;
}
.type03 p.shop_caption{
background: #ef5350;
}
.type04 p.shop_caption{
background: #5C6BC0;
}
.type05 p.shop_caption{
background: #D4E157;
}
.type06 p.shop_caption{
background: #AB47BC;
}
.searchBoxline{
	padding: 10px;
}
/*top QA*/
.top-qa{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ddd;
}
.top-qa table{
	width: 100%;
	margin-top: 10px;
	border-collapse: separate;
}
.top-qa table.qdl{
    border: 1px solid #FFDDEE;
}
.top-qa table.adl{
    border: 1px solid #BBDDFF;
}
.top-qa table th {
    width: 120px;
    text-align: center;
    vertical-align: middle;
    height: 65px;
}
.top-qa table.qdl th {
    background-color: #FFDDEE;
}
.top-qa table.adl th {
    background-color: #BBDDFF;
}

.top-qa table td {
    vertical-align: middle;
	padding: 10px;
}
.top-qa table td.qatime {
	text-align: right;
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 0px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
}

.search_box{
	border: 3px solid #EBE9E9;
}
.pc_search_kantan{
	margin: 15px;
	overflow: hidden;
}
/* icon */
#social-icon{
	float: right;
	margin-right:15%;
	margin-top: 10px;
}

#social-icon a {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  color: #fff;
}

#social-icon i {
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
/*  background: #c6bb80;*/
  line-height: 40px;
  text-align: center;
}

#social-icon i:before { padding :0; line-height: 40px; }
#social-icon a:hover i { opacity:0.8; }
#social-icon .fa-twitter { background: #00a1e9; }
#social-icon .fa-facebook { background: #3b5998; }
#social-icon .fa-envelope-o { background:#FF9A96; }
.line{
    background: #09B701;
}

/* search */
.search {
	color:#fff;
	display:inline-block;
	opacity:0.8;
	border-radius:6px;
}
.message {
	margin-top:10px;
	padding:10px 20px;
	background-color:#FF9A96;
	cursor:pointer;
	box-shadow:0px 5px #b24d49;
}
.message:hover{
	position:relative;
	top:7px;
	box-shadow:none;
}
@media screen and (max-width: 768px) {
	.message {
	padding:15px 10px;
	background-color:#FF9A96;
	cursor:pointer;
	box-shadow:0px 5px #b24d49;
	width: 100%;
}
	}
.message02 {
	margin-top:10px;
	padding:10px 20px;
	background-color:#66cdcc;
	cursor:pointer;
	box-shadow:0px 5px #669998;
}
.message02:hover{
	position:relative;
	top:7px;
	box-shadow:none;
}
@media screen and (max-width: 768px) {
	.message02 {
	padding:15px 10px;
	background-color:#66cdcc;
	cursor:pointer;
	box-shadow:0px 5px #669998;
	width: 100%;
}
	}
.btn-kyubo {
	/*margin-top:10px;*/
	padding:10px 10px;
	background-color:#ff97cf;
	cursor:pointer;
	color: #fff;
	width: 200px;
	text-align: center;
	float: right;
	border-radius:6px;
}
.btntxt-kyubo {
	float: left;
	padding-top: 15px;
}
.bar_gray{
	background: #ccc;
	color: #fff;
	margin: 10px 0;
}
.btn_gray{
	background: #ccc;
	color: #fff;
	margin: 10px 0;
	padding:5px 5px;
}
.clear{
	clear: both;
}
.tgl{
    display:block;
	clear: both;
    }
.tglbox{
    display:none;
    }
h4.tgl{
	margin-bottom:10px;
	font-size: 16px;
}
.btn-longbar {
	width: 100%;
	text-align: center;
	margin-top:15px;
	margin-bottom:10px;
	padding:10px 10px;
	background-color:#999;
	cursor:pointer;
	box-shadow:0px 5px #666;
}
.btn-longbar:hover{
	position:relative;
	top:7px;
	box-shadow:none;
}
.pc_search_kantan .tglbox{
	background: #fff;
	overflow: hidden;
}
.pc_search_kantan .tglbox h2{
	margin: 0;
	
}
.pc_search_more .tglbox ul li{
	list-style: none;
	text-decoration: none;
	float: left;
	padding: 5px;
}
.pc_search_kantan .tglbox ul li input{
	padding: 5px;
}
/*searchBoxline*/
.box {
	color:#484c50;
	display:inline-block;
	border-radius:6px;
	opacity:0.8;

}
.category {
	margin-top:10px;
	width:100%;
	cursor:pointer;
	}
.searchBoxline .category:hover{
	position:relative;
	top:7px;
	box-shadow:none;
	opacity:1;	
}
.searchBoxline .cat01 {
	background-color:#FFFDE7;
	box-shadow:
	0px 5px #FFA726,
	3px 3px 3px rgba(0, 0, 0, .4);
	border:1px solid #FFA726;

}
.searchBoxline .cat02 {
	background-color:#FCE4EC;
	box-shadow:
	0px 5px #EC407A,
	3px 3px 3px rgba(0, 0, 0, .4);
	border:1px solid #EC407A;

}
.searchBoxline .cat03 {
	background-color:#ffebee;
	box-shadow:
	0px 5px #ef5350,
	3px 3px 3px rgba(0, 0, 0, .4);
	border:1px solid #ef5350;

}
.searchBoxline .cat04 {
	background-color:#E8EAF6;
	box-shadow:
	0px 5px #5C6BC0,
	3px 3px 3px rgba(0, 0, 0, .4);
	border:1px solid #5C6BC0;
}
.searchBoxline .cat05 {
	background-color:#F9FBE7;
	box-shadow:
	0px 5px #D4E157,
	3px 3px 3px rgba(0, 0, 0, .4);
	border:1px solid #D4E157;

}
.searchBoxline .cat06 {
	background-color:#F3E5F5;
	box-shadow:
	0px 5px #AB47BC,
	3px 3px 3px rgba(0, 0, 0, .4);
	border:1px solid #AB47BC;

}

div.category dt{
	font-size:21px;
    text-align: center;
    line-height: 1.5;
	padding-top: 5px;
}
@media screen and (max-width: 768px) {
	div.category dt{
	font-size:16px;
    text-align: center;
    line-height: 1.2;
}
	}
div.category dd{
    text-align: center;
    line-height: 1.5;
}
dt img {
	float:left;
	border-right:2px solid rgba(0,0,0,0.1);
	max-width: 80px;
}



/* 表示文字の装飾 */
div.tooltip1{
    color: #555;
   /* display: inline-block; */                       /* インライン要素化 */
   /* border-bottom:dashed 1px #555;*/    /* 下線を引く */
}
 
/* ツールチップ部分を隠す */
div.tooltip1 span {
    display: none;
}
 
/* マウスオーバー */
div.tooltip1:hover {
    position: relative;
    color: #333;
}
 
/* マウスオーバー時にツールチップを表示 */
div.tooltip1:hover span {
    display: block;                  /* ボックス要素にする */
    position: absolute;            /* relativeからの絶対位置 */
    top: 5px;
    left: 5px;
    font-size: 90%;
    color: #fff;
    background-color: black;
    padding: 5px;
    border-radius:3px;
	line-height: 2;
    z-index:100;
    width:95%;
    height:200px;
    opacity:0.7;
}
 
/* フキダシ部分を作成 
div.tooltip1 span:before{
    content:''; 
    display:block; 
    position:absolute;                        
    height:0; 
    width:0; 
    top:-13px; 
    left:15px;
    border:13px transparent solid; 
    border-right-width:0; 
    border-left-color:navy; 
    transform:rotate(270deg);            
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    z-index:100;
}*/

.jbrp {
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
}
/*.bar{
	width:250px;
	height:36px;
	background-color:#66CDCC;
	margin-bottom: 5px;
}
.bar h3{
	color:white;
	font-weight: bold;
	font-size: 16px;
    padding-top: 5px;
	padding-left: 5px;
    position: absolute;
}*/
h2.bar{
	width:250px;
	margin:0;
	padding :0 0 0 5px;
}
.kentou em{
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
}
.kentou p{
	margin: 0;
}
.kentou_foot{
	width:250px;
	border: 1px solid #ddd;
	background-color:#EBE9E9;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}
.kentou_foot a{
	font-size:15px;
}
.kentou_foot p{
	width:200px;
	text-align: center;
	border: 2px solid #ddd;
	background-color:#FF9A96;
	color:white;
	font-weight: bold;
	font-size: 20px;
	margin: 5px 25px;
}
.hotjob{
	margin-top: 10px;
}
.job_bnr img{
	padding-bottom:10px;
}
.k_scr{
	overflow-y:scroll;
	width:250px;
	height:200px;
	border: 1px solid #ddd;
}
.k_scr ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.k_scr ul li{
	clear: both;
	border: 1px solid #ddd;
	overflow: hidden;
	padding: 5px;

}
.k_scr ul li input{
	float: left;
	margin-top: 15px;
}
.k_scr ul li dl{
	float: left;
	padding: 5px;
	margin: 0;
	margin-left: 5px;
}
.k_scr ul li dl.cat01{
	border-left: 3px solid #FFA726;
}
.k_scr ul li dl.cat02{
	border-left: 3px solid #EC407A;
}
.k_scr ul li dl.cat03{
	border-left: 3px solid #ef5350;
}
.k_scr ul li dl.cat04{
	border-left: 3px solid #5C6BC0;
}
.k_scr ul li dl.cat05{
	border-left: 3px solid #D4E157;
}
.k_scr ul li dl.cat06{
	border-left: 3px solid #AB47BC;
}
/*追加*/
.job_ran{
	margin-top:5px;
	margin-bottom:10px;
}
.gs_ran{
	margin-bottom: 10px;
}
.rank{
	width:250px;
	border: 1px solid #ddd;
}
.rank p{
	font-size:12px;
	font-weight: bold;
}
.rank ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.rank ul li{
	clear: both;
	border: 1px solid #ddd;
	overflow: hidden;
	padding: 5px;

}
.rank ul li input{
	float: left;
	margin-top: 15px;
}
.rank ul li dl{
	float: left;
	margin-bottom:5px;
	margin-left: 10px;
	font-size:12px;
}
.rank dt{
	font-weight:normal;
}

.rank ul li dl.cat01{
	border-left: 3px solid #FFA726;
}
.rank ul li dl.cat02{
	border-left: 3px solid #EC407A;
}
.rank ul li dl.cat03{
	border-left: 3px solid #ef5350;
}
.rank ul li dl.cat04{
	border-left: 3px solid #5C6BC0;
}
.rank ul li dl.cat05{
	border-left: 3px solid #D4E157;
}
.rank ul li dl.cat06{
	border-left: 3px solid #AB47BC;
}

.link{
	list-style-type: none;
	margin-top:10px;
}
.link li{
	margin-bottom:10px;
}
.tpay{
	padding: 5px;
	margin: 10px 0;
	border: 1px solid #ddd;
	overflow: hidden;
}
.tpay h3{
	border-bottom: 3px dotted #ddd;
	color:#FF9A96;
	margin-bottom: 10px;
}
.hosyu{
	padding: 0;
	overflow: hidden;
}
.hosyu img{
padding-right: 5px;
}
.hosyu h4{
	font-size:14px;
	margin-bottom: 10px;
}
.hosyu p{
	font-size:12px;
}
.btn-sm{
width: 100%;
	overflow: hidden;
	
}
.tpay p.text-right{
	padding: 0;

}

/*top gif*/
/*.top-info div.info{
	background: url(../images/softkun_1.png) no-repeat bottom right;
}
.top-info div.info:hover{
	background: url(../images/softkun_1i.gif) no-repeat bottom right;
}*/
.top-info {
	position: relative;

}
 div.info{
	position: relative;
}
.gifanm{
	padding-top: 10px;
}
.gifanm img{
	position: absolute;
	bottom: 10px;
	right: 0px;
	display:inline-block;
	padding: 150px 0 0 440px;
}
.jbrp .caption .text-center{
	margin: -10px -15px;
}
.fav {
    color: #fff !important;
    background: #ddd;
	padding: 4px;
	border-radius: 4px;
}
.favin {
    color: #ff6599 !important;
    background:none;
	padding: 5px;
}
.fav em {
    padding-left: 5px;
    font-size: 15px;
    display: inline-block !important;
    position: relative;
    font-style: unset;
}
.fav li.fa-star{
    color: #eeba64 !important;
	font-size: 16px;
}
.fav li.fa-star-o{
    color: #fff !important;
	font-size: 16px;
}

/*shop_list*/
.seaop{
	border: 2px solid #ddd;
	margin: 15px 0;
    padding: 15px 0;
}
.seaop h3{
	color:#66cdcc;
	font-size:20px;
	border-bottom: 1px solid #ddd;
	padding: 0px 0px 10px 10px;
	margin: 0;
}
.seaop dl{
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	margin-bottom: 0px;
}
.seaop dt{
	background-color: #EBE9E9;
	width: 80px;
	text-align: center;
	margin: 15px;
	border-radius:5px;
	float:left;
}
.seaop span{
	width: 100px;
	display: inline-block;
	text-align: center;
	background-color: #FF9A96;
	border-radius:5px;
	color:white;
}
.seaop dd{
	float: right;
}

.tuika_list{
	text-align:center;
	text-align: right;
}
.kent_li{
	width: 300px;
	height: 30px;
	text-align: center;
	background-color: #66cdcc;
	color: white;
	font-weight: bold;
	font-size: 20px;
	margin: 5px 25px;
}
.shosai{
	width: 300px;
	height: 30px;
	text-align: center;
	background-color: #FF9A96;
	font-weight: bold;
	font-size: 20px;
	margin: 5px 25px;
	color: white;
}
.shop_pr{
	border: 1px solid #ddd;
	padding: 0px;
	height: 240px;
}
.shop_pr dt{
	text-align:center;
	border-bottom: 1px solid #ddd;
	padding: 5px;
	background-color:#EBE9E9;
}
.shop_pr dd{
	padding: 10px;
}
.shop_ktsk{
	clear: both;
}
.sp_koutu{
	border: 1px solid #ddd;
	padding: 0px;
	width: 360px;
	max-width:100%;
	margin-right: 3px;
	margin-top:5px;
}
.sp_koutu dt{
	border-bottom: 1px solid #ddd;
	padding: 5px 20px;
	background-color:#EBE9E9;
}
.sp_koutu dd{
	padding: 10px;
}
.type01 h2 img{
	float:right;
}
.type02 h2 img{
	float:right;
}
.type03 h2 img{
	float:right;
}
.type04 h2 img{
	float:right;
}
.type05 h2 img{
	float:right;
}
.type06 h2 img{
	float:right;
}
/*追加170413*/
.well {
	border-top: 3px solid #66CDCC;
}

.aboutus{
	border-right: 1px solid #66cdcc;
}

.aboutus .logo{
	background-color: #66cdcc;
	color: white;
	padding: 15px 30px;
}
.footer_map {
	width: 760px;
	max-width:100%;
}

.footer_map ul li {
	float: left;
	width: 230px;
}
.footer_map ul li {
	list-style-type: none;
}
.tenpo_kan {
	float: right;
}
.jobr h3,h4 {
	font-size: 12px;
	margin: 0;
}
.sin_info h3 {
	font-size: 20px;
	margin: 10px;
}
.sin_info h4 {
	font-size: 15px;
}
.sin_info h5 {
	font-size: 15px;
	margin: 10px 0px;
	font-weight: bold;
}
.img-cate {
    position: relative;
    top: -15px;
}
.info-orange {
	border-top: 3px solid #ff6501;
}
.info-blue {
	border-top: 3px solid #3399fe;
}
.info-pink {
	border-top: 3px solid #fe6699;
}
.info-green {
	border-top: 3px solid #67ca9b;
}
.info-red {
	border-top: 3px solid #fe0002;
}
.info-purple {
	border-top: 3px solid #cb66ff;
}
/*スライダー*/
.slider {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}
.slick-slide {
    margin: 0px 15px;
}
.single-item li {
    margin: 0;
}
/*       Slickの矢印の色変更   */
.slick-prev:before, .slick-next:before {
    color:PINK !important;
    font-size: 35px;
}

.single-item button.slick-prev {
   left:-10px;
    z-index: 100;
}
.single-item button.slick-next {
    right: 0px;
    z-index: 99;
}

.sld-pad {

    padding: 0;
}

    .slick-slide img {
      width: 100%;
    }

/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}

/*ハンバーガーメニュー*/
.hambg {
	background-color: #66CDCC;
	opacity: 0.8;
}
.icocl {
	color: white;
	opacity: 0.8px;
}
/*モーダル*/
#modal_j {
    position: absolute;
    z-index: 9999;
    left: 50%;
	background: #ffffff;
    max-width: 80%;
}


.modal-hid {
    display: none;
     max-width: 100%;
    width: 600px; /* モーダルの幅を指定 */
}
#modal-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	background: #000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}


.inst_img {
    width:50%;
    float:left;
}
.inst_txt {
    width:50%;
    float:left;
    padding: 5px;
}
.inst_txt P {
    margin: 0;
}
.modal-close {
	position: absolute;
	top: -1em;
	right: -1em;
	color: #ffffff;
	font-size:36px;
}
.modal-prev {
	position: absolute;
	top: 50%;
	left:  -1em;
	margin-top: -0.5em;
	color: #fff;
	text-decoration: none;
	font-size:36px;
}
.modal-next {
	position: absolute;
	top: 50%;
	right:  -1em;
	margin-top: -0.5em;
	color: #fff;
	text-decoration: none;
	font-size:36px;
}
.modal-nav {
	padding-top: 10px;
}
.inst_txt hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #ccc;
}
.inst_txt P {
    margin: 0;
}
.btn {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 5px; /*optional*/
    color: #fff;
    font-size: .875em;
}

.pagenum {
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
	text-align: right;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #ff999a;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
.balloon{
  background-color:#fff;
  border-radius:5px;
	border: #ff9999 2px solid;
  color:#ff9999;
	font-weight: bold;
  position:relative;
  padding:0;
  margin:10px;
	width: 150px;
	float: left;
	text-align: center;
}
.balloon::after{
  border-left:solid 7px transparent;
  border-right:solid 7px transparent;
  border-top:solid 10px #ff9999;
  bottom:-10px;
  content:"";
  display:block;
  height:0;
  left:46%;
  position:absolute;
  width:0;
}
.balloon_off{
  background-color:#f7f7f7;
  border-radius:5px;
	border: #ccc 2px solid;
  color:#666;
	font-weight: bold;
  position:relative;
  padding:0;
  margin:10px;
	width: 150px;
	float: left;
	text-align: center;
}
.balloon a,.balloon_off a{
	display: inline-block;
	width: 150px;
	color: #ff9999;
	padding: 10px;
}
.balloon_off a{
	color: #666;
}
.ico_pi{
	background-color:#FF99CC;
	border-radius:5px;
	border: #FF99CC 2px solid;
	color:#fff;
	text-align: center;
	padding: 2px;
}
.ico_br{
	background-color:#009AFE;
	border-radius:5px;
	border: #009AFE 2px solid;
	color:#fff;
	text-align: center;
	padding: 2px;
}
a.btn_pi{
	background-color:#FF99CC;
	border: #FF99CC 2px solid;
	color:#fff;
	text-align: center;
	padding: 2px;
	display: block;
	text-decoration: none;	
}
a.btn_br{
	background-color:#009AFE;
	border: #009AFE 2px solid;
	color:#fff;
	text-align: center;
	padding: 2px;
	display: block;
	text-decoration: none;	
}
a:hover, a:focus { text-decoration: none;    color: inherit;}
a {color: inherit;text-decoration: none;}
table.qdl th {
    background-color: #FFDDEE;
}
table.qdl th {
    background-color: #FFDDEE;
}
table th {
    width: 120px;
    text-align: center;
    vertical-align: middle;
    height: 65px;
}
table.adl th {
    background-color: #BBDDFF;
}

table th {
    width: 120px;
    text-align: center;
    vertical-align: middle;
    height: 65px;
}
table.adl {
margin-top: 10px;
}

#web_text {
    display: none;
}
#web_ck:checked + #web_text {
    display: block;
}