/* 
 * ------- additional css elements  ---------------------
 */


/*----------------------------
free area
-----------------------------*/
@font-face {
  font-family: "myFont";
  src: url("../fonts/huifont.eot?")  format('eot'),
       url("../fonts/huifont.woff2") format('woff2'),
       url("../fonts/huifont.woff")  format('woff');
}
.myFontClass {
  font-family: "myFont";
}
.free-area {
	width:100%;
	border-top:1px solid #d7d7d7;
	padding: 50px 0;
	background-image:url(../img/top/bg_freearea.png);
	background-position: 2% bottom;
	background-repeat: no-repeat;
}

.free-area .inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.free-area .inner h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
	width: 100%;
	background-color: #333;
	background-image: url(../img/top/bg_patten1.png);
	color: #fff;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 2px;
	line-height: 1;
}



/*----------------------------
table
-----------------------------*/




table.table-weekcalender th {
	text-align:center;
	background-color: rgba(160, 160, 160, 0.5);
}
table.table-weekcalender td {
	background-color: rgba(255, 255, 255, 0.8);
	text-align:center;
}
table.table-weekcalender td:first-child {
	text-align: center;
}

table.table-weekcalender {
	margin-bottom: 10px;
}


@media only screen and (max-width: 768px) {
	
table.table-weekcalender {
 display: block;
 border-top:none;
 width:100%;
}
table.table-weekcalender thead {
 display: block;
 float: left;
 border-bottom: 1px #ddd solid;
	width: 0%;
	box-sizing: border-box;
}
table.table-weekcalender tbody {
 display: block;
 width: 100%;
 position: relative;
 overflow-x: auto;
 white-space: nowrap;
	border-bottom: 1px #ddd solid;
}
table.table-weekcalender th {
 display: block;
 width:auto;
 border-top: 1px #ddd solid;
 border-bottom:none;
 border-right:1px #ddd solid;
 width:100%;
	padding: 8px 15px;
	box-sizing: border-box;
}
table.table-weekcalender tbody tr {
display: inline-block;
vertical-align: top;
margin: 0 0;
	width: 100%;
}
table.table-weekcalender td {
 display: block;
 border-bottom:none;
 text-align:center;
 border-left:none;
	padding: 8px 0;
	background: none;
	text-indent: 20px;
}
}


[href^="tel"] {
	text-decoration: none;
	color: #333;
	cursor: default;
	pointer-events: none;
}

@media screen and (max-width: 768px) {
[href^="tel"] {
	pointer-events: auto;
}
}
.lower-bar .inner .news dl {
}
.lower-bar .inner .news dl dt {
    float: left;
}
.lower-bar .inner .news dl dt, .lower-bar .inner .news dl dd {
	line-height: 1.2em;
	padding: 0.2em 0;
}
.lower-bar .inner .news dl dd {
	padding-left: 5.5em;
}

@media screen and (max-width: 768px) {
.lower-bar .inner .news dl dt {
	float: none;
}
.lower-bar .inner .news dl dd {
	padding-left: 0;
}
}
footer .add-banner .inner-add-banner .wrap-banner {
	width: auto;
}
.fa-lg {
	line-height: 1.5em!important;
}

@media screen and (max-width: 768px) {
.table-scroll {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
}
.table-scroll table {
	border-collapse: collapse;
}
.table-scroll th, .table-scroll td {
	border: solid 1px #ccc;
	padding: 8px;
	white-space: nowrap;
}
.table-scroll th {
}
.table-scroll::-webkit-scrollbar {
	height: 8px;
}
.table-scroll::-webkit-scrollbar-thumb {
	background: #aaa;
}
.table-scroll::-webkit-scrollbar-track {
	background: #ccc;
}
}
.ul2 li {
	list-style-type: disc;
	list-style-position: inside;
}
.inner-add-banner .wrap-banner.clearfix .sns li {
	margin-right: 0px;
	font-size: 2em;
}
@media screen and (max-width: 768px) {
.inner-add-banner .wrap-banner.clearfix .sns li {
	display: inline;
}
}
.content h2 {
	line-height: 1.2em;
}
.kakomi-kage1 {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #ffcccc; /* 背景色 */
 box-shadow: 0 0 10px 10px #ffcccc; /* 影 */
}


ul.icon-list {
    list-style-type: none;
    list-style-image: none;
    
}
ul.icon-list li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    padding-top: 5px;
    padding-bottom: 5px;
}
ul.icon-list li:before {
	
    font-family: FontAwesome;
    content: '\f005 '; /* アイコンのunicode */
    color: #F3C21A;
    margin-right: 0.5em;
}
.th_color1 th {
    background-color: #FBE5E6;
}
.th_color2 th {
    background-color: #FCEEE4;
}
.th_width {
    width: 30%;
}
@media screen and (max-width: 768px) {
.th_width {
    width: 100%;
}	
}
/*other*/
.btn1 a{
	border:#000 1px solid;
	color:#000;
	text-decoration:none;
	padding:0.2em 3em;
}
.btn1 a:hover{
	background:#000;
	color:#FFF;
}
.box1{
	background: #F3FDE6;
	border:2px solid #FFF;
	box-shadow:0 0 0 2px #F3FDE6;
	padding:2em;
	box-sizing:border-box;
}
.tb1 td{
	text-align:center;
	vertical-align:middle;
}
/*******************************
width
*******************************/

.w80{
	width:80%;
	margin:auto;
}
.w70{
	width:70%;
	margin:auto;
}
.w60{
	width:60%;
	margin:auto;
}
.w50{
	width:50%;
	margin:auto;
}
.w40{
	width:40%;
	margin:auto;
}

@media only screen and (max-width: 768px) {
	.w80,.w70,.w60,.w50,.w40{
	width: auto;
	margin:auto;
}

}

@media only screen and (min-width: 768px) {
.no_link {
	text-decoration: none ;
	color:#000 !important;
}
.no_link:hover {
	text-decoration: none ;
	color:#000 !important;
}

}

/*----------------------------
freearea
-----------------------------*/


.pickupsecInner {
	padding-bottom:40px;
}
.freearea {
	width:100%;
	padding:8px 4%;
	box-sizing: border-box;
}
.freearea h1{
	font-size:1.9em;
	text-align:center;
	margin-bottom:1em;
}
.freearea p {
	margin-bottom:1.5em;
}
.freearea .btn {
	text-align:center;
	line-height:1;
}
.freearea .btn a{
	display:inline-block;
	border:1px solid #222;
	padding:8px 42px;
	text-decoration:none;
	box-sizing: border-box;
}
.freearea .btn a:hover {
	color:#FFF;
	background-color:#222;
}