@font-face {
    font-family: myFont;
    src: url("../css/EUDC.woff")  format('woff');
}

*{
    font-family: myFont,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;
}


*{
	color: #121212;
/*
	font-family: Hiragino Kaku Gothic Pro,Meiryo,sans-serif;
*/
	margin: 0;
}

body {
	background: #ffffff;
}

#pet-contents {
	background: #bbded6;
/*
	border-top: #ffb6b9 solid 4px;
*/
	padding-top: 8px;
}

#recommend-contents{
/*	background:#ff67af;
	padding:6px 0;
	display:none;
	z-index: 10000;*/
}

#past-contents{
	padding:6px 0;
	background: #ffdeee;
	z-index: 9999;
}

#newest-contents{
	padding:6px 0;
	background: #ffdeee;
}

.wrapper{
    width: 92%;
    margin: 0 4%;
}

h2{
	margin: 0;
	padding: 6px 0;
	font-size: 22px;
	line-height: 24px;
}

h3{
    margin: 12px 0;
    padding: 6px 12px;
    font-size: 14px;
    background: #ffb6b9;
	border-radius:4px;
}

#detail-contents{
/*	padding-top:36px;*/
/*
	padding-top:80px;
*/
	padding-top: 110px;
	background: #fbf9dd;
}

#main-area {
	padding: 16px;
}

#main-box {
	width: 94%;
	margin: 0 auto;
	overflow: auto;
	height: auto;
}

#main-box section {
	overflow: auto;
}

#main-area iframe {
	width: 100%;
	height: 420px;
	margin: auto;
}

#map-box {
	height: 420px;
	border: 4px solid #cfcfcf;
}

#c-box {
	overflow: hidden;
	padding-left: 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	padding: 1%;
}

#newest-box{
	overflow: hidden;
	padding-left: 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	padding: 1%;
}


#pet-image-box ul {padding:0;}
#pet-image-box ul li{background:#fff;list-style:none;border:4px solid #f8f8f8;margin:2px;}
#pet-image-box ul.thumbnail-thumb li.slick-current{border:4px solid #ff67af;}
#pet-image-box ul li img{width:100%;}

.pet-information{background:#fff;border:4px solid #ff70c4;}
.pet-information p{}
.pet-information ul{display:table;padding:0;width: 100%;border-bottom:1px solid #ff70c4;}
.pet-information li{ display:table-cell; padding:6px; }
.pet-information li.koumoku{width:130px;background:#ffe4f4;}

.program-information{background:#fff;border: 4px solid #70d2ff;}

.program-information ul{display:table; padding:0; width: 100%; border-bottom:1px solid #70d2ff; }
.program-information li{ display:table-cell;  padding:6px; }
.program-information li.koumoku{width:130px;background:#cbefff;}


.image-box{
    height: 105px;
	margin:0 0 0px 0px;
    overflow: hidden;
    width: 300px;
    background-image: url("../images/dummy.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}


#c-box .image-box{width:100%;/*height:auto;*/height: 260px;
    position: relative;}

#c-box .image-box img{
/*width:100%;*/
display:block;   position: absolute;
	top: 50%;
	left: 50%;
/*
	transform: translate(-50%,-50%);
*/
	width:200%;
}

#newest-box .image-box{width:100%;height:auto;height: 260px; position: relative;}
#newest-box .image-box img{

/*width:100%;*/display:block;   position: absolute;
	top: 50%;
	left: 50%;
/*
	transform: translate(-50%,-50%);
*/
	width:200%;
}

.caution {
	height: 86px;
/*
	padding: 8px 0 0;
*/
	background: #fbf9dd;
}

.caution ul {
	width: 92%;
	margin: 0 auto;
	list-style-type: none;
	font-size: 10px;
	text-align: justify;
	padding: 0 0 6px 0;
/*
	padding: 8px 6px;
	border: 3px dotted #a2a2a2;
	background:#fff;
	border-radius: 6px;
*/
}

.caution li {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 20px;
}

.pet-list {
	width: 192px;
	list-style: none;
	height: auto;
	margin-bottom: 10px;
	background: #fff;
	border: 3px solid #8ac6d1;
}
/*
.pet-list a{ margin:6px; display:block; text-decoration:none; background-color:#fff; height:100%; }
.pet-list a p:hover{ opacity:0.8; }
.pet-list hover{
	transform:scale(1.05);
	z-index:9999;
}
*/
.pet-list .pet-title{
	display: flex;
	font-size: 13px;
	padding: 0;
	text-overflow: ellipsis;
/*
	max-height: 42px;
	margin:10px 4px 4px;
	width:36%;
	display: inline-grid;
*/
	overflow: hidden;
	line-height: 38px;
	word-break: break-all;
	border-bottom: 1px solid #8ac6d1;
}

.pet-list .pet-school-01{
	display: table;
	font-size: 14px;
	padding: 0;
	text-overflow: ellipsis;
	max-height: 42px;
	width: 100%;
	line-height: 20px;
	word-break: break-all;
	border-bottom: 1px solid #8ac6d1;
}

.pet-school-01 .koumoku{
	display: table-cell;
	width: 60px;
	font-size: 14px;
	padding: 6px 0 6px 12px;
	text-overflow: ellipsis;
	line-height: 20px;
	word-break: break-all;
	background: #ffb6b9;
}

.pet-school-01 .sub-name{
	display: table-cell;
	font-size: 14px;
	padding: 6px 0 6px 12px;
	text-overflow: ellipsis;
	line-height: 20px;
	word-break: break-all;
	background: #fff0f0;
}

.pet-list .pet-school-02{
	display: table;
	font-size: 14px;
	padding: 0;
	text-overflow: ellipsis;
	max-height: 42px;
	width: 100%;
	line-height: 20px;
	word-break: break-all;
}

.pet-school-02 .koumoku{
	display: table-cell;
	width: 60px;
	font-size: 14px;
	padding: 6px 0 6px 12px;
	text-overflow: ellipsis;
	line-height: 20px;
	word-break: break-all;
	background: #d9d9f3;
}

.pet-school-02 .sub-name{
	display: table-cell;
	font-size: 14px;
	padding: 6px 0 6px 12px;
	text-overflow: ellipsis;
	line-height: 20px;
	word-break: break-all;
	background: #f5f5fd;
	border-bottom: 1px solid #8ac6d1;
}

.pet-list .pet-hyphen{
	font-size:8px;
	font-weight:bold;
	padding:0;
	margin:4px 0;
	text-overflow: ellipsis;
	max-height: 42px;
	overflow:hidden;
//	width:auto;
	width:3%;
	line-height:16px;
	word-break: break-all;
	display:inline-flex;
}

.pet-list .pet-title .bold {
	width: 42%;
	font-size: 18px;
	padding: 6px 0px 6px 12px;
	font-weight: normal;
}

.pet-list .pet-title .detail {
/*
	width: 32%;
	line-height: 48px;
*/
	width: 52%;
	border-left: 1px solid #8ac6d1;
}

/*** 小学校 ***/
.pet-list .pet-title .school-type_1 {
	display: block;
	width: 63%;
	height: 24px;
	text-align: right;
	line-height: 24px;
/*
	background: #fafbc8;
*/
}

/*** 中学校 ***/
.pet-list .pet-title .school-type_2 {
	display: block;
	width: 63%;
	height: 24px;
	text-align: right;
	line-height: 24px;
/*
	background: #bef3df;
*/
}

/*** 高等学校 ***/
.pet-list .pet-title .school-type_3 {
	display: block;
	width: 63%;
	height: 24px;
	text-align: right;
	line-height: 24px;
/*
	background: #fbd6e6;
*/
}

/*** 特別支援学校 ***/
.pet-list .pet-title .school-type_4 {
	display: block;
	width: 63%;
	height: 24px;
	text-align: right;
	line-height: 24px;
/*
	background: #eed3fd;
*/
}

/*** 中等教育学校 ***/
.pet-list .pet-title .school-type_5 {
	display: block;
	width: 63%;
	height: 24px;
	text-align: right;
	line-height: 24px;
/*
	background: #ffd3b6;
*/
}

/*** 県立中学校 ***/
.pet-list .pet-title .school-type_6 {
	display: block;
	width: 61%;
	height: 24px;
	text-align: right;
	line-height: 24px;
/*
	background: #d7f8f7;
*/
}

.pet-list .pet-title .detail-list {
	width: 100%;
	display: flex;
}

.pet-list .pet-title .job-position_1,
.pet-list .pet-title .job-position_2,
.pet-list .pet-title .job-position_4,
.pet-list .pet-title .job-position_6,
.pet-list .pet-title .job-position_7 {
	width: 100%;
	padding-left: 0.8em;
	height: 24px;
	text-align: left;
	line-height: 28px;
	font-size: 12px;
}

.pet-list .pet-title .job-position_1:before,
.pet-list .pet-title .job-position_2:before,
.pet-list .pet-title .job-position_4:before,
.pet-list .pet-title .job-position_6:before,
.pet-list .pet-title .job-position_7:before {
	content: "新任校役職";
}


.pet-list .pet-title .job-position_3,
.pet-list .pet-title .job-position_5 {
	width: 100%;
	padding-left: 0.8em;
	height: 24px;
	text-align: left;
	line-height: 28px;
	font-size: 12px;
}

.pet-list .pet-title .job-position_3:before,
.pet-list .pet-title .job-position_5:before {
	content: "前任校役職";
}


.pet-list .pet-title .job-type {
	width: 39%;
	height: 24px;
	text-align: left;
	line-height: 24px;
}

/* 転任 */
.pet-list .pet-title .status_1 {
	width: 16%;
	text-align: center;
	line-height: 48px;
	background: #9dd3a8;
}

/* 昇任 */
.pet-list .pet-title .status_2 {
	width: 16%;
	text-align: center;
	line-height: 48px;
	background: #c15867;
	color: #fff;
}

/* 転出 */
.pet-list .pet-title .status_3 {
	width: 16%;
	text-align: center;
	line-height: 48px;
	background: #72aefe;
	color: #fff;
}

/* 転入 */
.pet-list .pet-title .status_4 {
	width: 16%;
	text-align: center;
	line-height: 48px;
	background: #e67369;
	color: #fff;
}

/* 退職 */
.pet-list .pet-title .status_5 {
	width: 16%;
	text-align: center;
	line-height: 48px;
	background: #332971;
	color: #fff;
}

/* 再任 */
.pet-list .pet-title .status_6 {
	width: 16%;
	text-align: center;
	line-height: 48px;
	background: #feb05f;
}

/* 採用 */
.pet-list .pet-title .status_7 {
	width: 16%;
	text-align: center;
	line-height: 48px;
	background: #ff9bc9;
}

.pet-list .pet-title .status_8 {
	width: 16%;
	text-align: center;
	line-height: 48px;
	background: #ff9bc9;
}


/*
.pet-list a{
	margin:4px;
	display:block;
	text-decoration:none;
	background-color:#fff;
}
.pet-list a p:hover{
	opacity:0.8;
}
.pet-list:hover{
	transform:scale(1.05);
}
*/
#recommend-area{
}
#recommend-box{
	overflow:hidden;
	padding:0;
	display: flex;
    flex-wrap: wrap;
}
#recommend-box .pet-list{
	height:auto!important;
}
#c-area{
	display:none;
/*
	padding-top:24px;
*/
}
#past-area{
}
#past-box{
	padding:0;
}
#past-box .pet-list{
	height:auto!important;
}
#past-box .image-box{
	width:100%;height:auto;
}
#past-box .image-box img{
	width:100%;height:auto;
}
/*
.shop-category1{background:#f86a06;font-size:12px;padding:3px;display:inline-block;margin:2px;border-radius:4px;color:#fff;}
.shop-category2{background:#35aae2;font-size:12px;padding:3px;display:inline-block;margin:2px;border-radius:4px;color:#fff;}
*/
#latest-target{display:none;}

.hash-tag span.hashtag_selected{
	background-color: #fff;
}
.hash-tag span{
	margin:4px;
	text-align: center;
	position: relative;
	display: inline-block;
	cursor:pointer;
	padding:4px 8px;
	text-decoration: none;
	color: #000;
	border-radius: 6px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-size:12px;
}
.freetag{
    background: #fdeb6c;
    border: solid 1px #ca9a00;
}
/*
.citytag{
    background: #ffc6e7;
    border: solid 1px #ff70c4;
}
*/
.programtag{
    background:#fdeb6c;
    border: solid 1px #ca9a00;
}
.freetag.hashtag_selected{color:#ca9a00!important;}
/*.citytag.hashtag_selected{color:#ff70c4!important;}*/
.programtag.hashtag_selected{color:#add700!important;}
.hash-tag  span:hover{
	opacity:0.8;
}
#cateory_btn1{
	margin:4px;
	text-align: center;
    position: relative;
    display: inline-block;
	cursor:pointer;
	padding:4px 8px;
    text-decoration: none;
    color: #fff;
    background: #f86a06;
    border-radius: 30px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 1px #983f00;
	font-size:12px;
}

#cateory_btn1.hashtag_selected{background:#fff;color:#983f00!important;}

#cateory_btn2{
	margin:4px;
	text-align: center;
    position: relative;
    display: inline-block;
	cursor:pointer;
	padding:4px 8px;
    text-decoration: none;
    color: #fff;
    background: #35aae2;
    border-radius: 30px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 1px #044361;
	font-size:12px;

}
#cateory_btn2.hashtag_selected{background:#fff;color:#044361!important;}

.category-tag span.hashtag_selected{

}
.category-tag span{}
.category-tag  span:hover{
	opacity:0.8;
}
span.newhashtag{
	display:inline-block;
	margin:2px 6px 2px 0;
	padding:4px 8px;
	font-size:12px;
	cursor:pointer;
	color:#111111;
}
span.newhashtag.hashtag_selected{
	background-color: #d9b409;
	color:#111111;
}

span.newhashtag:hover{
	background-color: #d9b409;
	display:inline-block;
	margin:2px 6px 2px 0;
	padding:4px 8px;
	font-size:12px;
	cursor:pointer;
	color:#111111;
}

#global-header{
	background: #fbf9dd;
/*
	background-color:#fff;
	border-bottom: #ffb6b9 solid 4px;
*/
	position:fixed;
	width:96%;
	padding: 0 2%;
/*	height:36px; */
	height: 106px;
	z-index:999;
}

#global-header ul {
	overflow: auto;
	list-style: none;
	padding: 0;
	height: 40px;
	margin: 8px 0 0;
	display: inline-block;}
#global-header ul li{float:left;padding:4px;}
#global-header ul li a{color:#ffffff; display: inline-block;    line-height: 28px;text-decoration:none;padding:0 10px;font-size:14px;}

#search-box #search{
	border:0;
/*	padding:2px 4px;*/
	padding: 2px 6px;
	color:#aaa;
	border:solid 1px #555;
	margin:0 0 0px;
/*	width:90px; */
	width: 300px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 26px;
	font-size: 12px;
	line-height: 13px;
}
input:focus {
    border:solid 1px #eea34a;
}
#search-clear{background-color:#aaa;color:#ffffff;display:inline-block;width:28px;line-height:28px;text-align:center;cursor:pointer;    border-radius: 50%;margin-left:4px;}

.readmore{background-color:#ffffff;margin:8px 0;float:left;width:100%;display:block;cursor: pointer;}
.readmore:hover{opacity:0.8;}
.readmore p{text-align:center;padding:20px;}

#c-area .pet-list{
	width:33.13333%;
}
#newest-area .pet-list{
	width:33.13333%;
}
/*
#recommend-box .image-box {
	width: 100%;
	height: auto;
}
#recommend-box .image-box img {
	width:100%;height:auto;display:block;
} */

//#c-area .pet-list{width:50%;}	
//#newest-area .pet-list{width:50%;display:block;}	

//	#c-area .pet-list{width:50% ;}	
	#c-area .pet-list{width:100% ;}	
	
	#c-box .image-box,#newest-box .image-box{height:160px;}
	
	
//	#newest-area .pet-list{width:50% ;}	
	#newest-area .pet-list{width:100% ;}	


/*#recommend-box .pet-list{width:50%;}	
h3#recommend-target{
	margin:0;
} */

h2.pet-title{text-align:center;}
.pet-box{width:96%;margin:0 auto 8px auto;}
.pet-box2{width:98%;margin:0 auto 8px auto;}
.pet-box .slick-list{padding:0 0px;}

@media screen and (min-width:400px) {
/*	#c-area .pet-list{width:33.3% ;}	*/
	#c-area .pet-list{width:100% ;}	
	
	#c-box .image-box,#newest-box .image-box{height:100px;}

#search-box #search{
/*width:90px;*/
width:320px;

}
	
	
/*	#newest-area .pet-list{width:33.3% ;}	*/
	#newest-area .pet-list{width:100% ;}	
/*
	#recommend-box .pet-list{width:33.3% ;}	
	#recommend-box .image-box{width:100%;height:auto;}
	#recommend-box .image-box img {
		width:100%;height:auto;display:block;
	}
	h3#recommend-target{
		margin:0;
	}
*/
	#newest-box .pet-list{display:block;}
	#newest-box .latest3{display:none;}
	#newest-box .latest4{display:none;}
	#newest-box .latest5{display:none;}
	#newest-box .latest6{display:none;}
	#newest-box .latest7{display:none;}
	#newest-box .latest8{display:none;}
	#newest-box .latest9{display:none;}
	#newest-box .latest10{display:none;}
	#newest-box .latest11{display:none;}
	#newest-box .latest12{display:none;}
}
@media screen and (min-width:600px) {
/*	#c-area .pet-list{width:25% ;}	
	#newest-area .pet-list{width:25% ;}	*/
	#c-area .pet-list {
		width: 100%;
	}
	#newest-area .pet-list{width:50% ;}	

	#c-box .image-box,#newest-box .image-box{height:160px;}
#search-box #search{
/*width:120px;*/
width:520px;

}


/*
	#recommend-box .pet-list{width:25% ;}	
	#recommend-box .image-box{width:100%;height:auto;}
 	#recommend-box .image-box img {
	    width:100%;height:auto;display:block;
	}	
	h3#recommend-target{
		margin:0;
	}
*/
	#newest-box .pet-list{display:block;}
	#newest-box .latest4{display:none;}
	#newest-box .latest5{display:none;}
	#newest-box .latest6{display:none;}
	#newest-box .latest7{display:none;}
	#newest-box .latest8{display:none;}
	#newest-box .latest9{display:none;}
	#newest-box .latest10{display:none;}
	#newest-box .latest11{display:none;}
	#newest-box .latest12{display:none;}

}


@media screen and (min-width:900px) {

	#c-box .image-box,#newest-box .image-box{height:200px;}

#search-box #search{
/*width:220px;*/
width:820px;

}

/*
	#c-area .pet-list{width:20% ;}	
	#newest-area .pet-list{width:20% ;}	
	#recommend-box .pet-list{width:20% ;}	
*/
	#c-area .pet-list {
		width: 48%;
		margin-right: 5px;
	}
	#newest-area .pet-list{width:50% ;}	
	#recommend-box .pet-list{width:50% ;}	

	h3#recommend-target{
		margin:0;
	}
	h2.pet-title{font-size: 28px;line-height: 32px;}
	#newest-box .pet-list{display:block;}
	#newest-box .latest5{display:none;}
	#newest-box .latest6{display:none;}
	#newest-box .latest7{display:none;}
	#newest-box .latest8{display:none;}
	#newest-box .latest9{display:none;}
	#newest-box .latest10{display:none;}
	#newest-box .latest11{display:none;}
	#newest-box .latest12{display:none;}
	
}

@media screen and (min-width:1024px) {
.pet-box{float:left;width:48%;margin:1%;}


	#c-box .image-box,#newest-box .image-box{height:220px;}
#search-box #search{
width:320px;

}

/*
	h3#recommend-target{
		text-align:center;
	}
	#recommend-contents{
		right:0;
		position:fixed;
		top:36px;  height: 100vh; 
		overflow: auto;
	} 
	#recommend-contents > .wrapper{width:216px;margin:0;}
	#recommend-contents #recommend-box{width:216px;padding-bottom:50px;}
	#recommend-contents #recommend-box .pet-list{padding:2px 12px;margin-bottom:0;}
	#recommend-contents #recommend-box .pet-list a{height:188px;}
*/
/*	#detail-contents{padding-right:232px;}
	#newest-contents.play{padding-right:232px;}
	#past-contents.play{padding-right:232px;}
    #pet-contents.play{padding-right:232px;}*/
	#recommend-box .pet-list{width:192px;}

	#c-area .pet-list {
		width: 32%;
		margin-right: 5px;
	}


	#newest-area .pet-list{width:20% ;}	
	#recommend-area h3{
		margin:0;
	}
	.pet-list .pet-title{
	min-height:70px;
	}
	#recommend-box .pet-list .pet-title{
		min-height:46px;
	}	
	
	h2.pet-title{ font-size: 44px;    line-height: 50px; }

	#newest-box .pet-list{display:block;}
/*
	#newest-box .latest5{display:none;}
	#newest-box .latest6{display:none;}
	#newest-box .latest7{display:none;}
	#newest-box .latest8{display:none;}
	#newest-box .latest9{display:none;}
	#newest-box .latest10{display:none;}
	#newest-box .latest11{display:none;}
	#newest-box .latest12{display:none;}
*/
	
}
@media screen and (min-width:1600px) {

	#c-box .image-box{height:260px;}

.pet-box{float:left;width:48%;margin:1%;}
/*    h3#recommend-target{text-align:center;}
	#recommend-contents{
		right:0;
		position:fixed;
		top:36px;  height: 100vh; 
		overflow: auto;
	} 
	#recommend-contents > .wrapper{width:392px;margin:0;}
	#recommend-contents #recommend-box{width:392px;padding-bottom:50px;}
	#recommend-contents #recommend-box .pet-list{padding:2px 8px;width:376px;min-height:105px;margin-bottom:0;}
	#recommend-contents #recommend-box .pet-list a{height:105px;}
	#recommend-contents #recommend-box .pet-list .image-box{float:left;}
	#recommend-contents #recommend-box .pet-list .pet-title{overflow: unset;margin:0 0 0 188px;width:172px;padding:4px;}	
*/
/*	#detail-contents{padding-right:410px;}
	#newest-contents.play{padding-right:410px;}
	#past-contents.play{padding-right:410px;}
    #pet-contents.play{padding-right:410px;}*/
/*
	#recommend-area h3{
		margin:0;
	}
*/	#main-area iframe{}
	#c-area .pet-list {
		width: 19%;
	}
	#newest-area .pet-list{width:16.6% ;}
/*	#recommend-box .image-box{
		height: 105px;
		margin: 0 0 0px 0px;
		overflow: hidden;
		width: 188px;
	}
*/
	h2.pet-title{ font-size: 44px;    line-height: 50px; }

	#newest-box .pet-list{display:block;}
/*
	#newest-box .latest6{display:none;}
	#newest-box .latest7{display:none;}
	#newest-box .latest8{display:none;}
	#newest-box .latest9{display:none;}
	#newest-box .latest10{display:none;}
	#newest-box .latest11{display:none;}
	#newest-box .latest12{display:none;}
*/
}

@media screen and (min-width:1920px) {
    .pet-box{float:left;width:48%;margin:1%;}
	#recommend-area h3{
		margin:0;
	}
    h3#recommend-target{text-align:center;}
/*	#recommend-contents{
		right:0;
		position:fixed;
		top:36px;  height: 100vh; 
		overflow: auto;
	} 

	#recommend-contents > .wrapper{width:400px;margin:0;}
	#recommend-contents #recommend-box{width:400px;padding-bottom:50px;}
	#recommend-contents #recommend-box .pet-list{padding:2px 12px;width:376px;min-height:105px;margin-bottom:0;}
	#recommend-contents #recommend-box .pet-list a{height:105px;}
	#recommend-contents #recommend-box .pet-list .image-box{float:left;}
	#recommend-contents #recommend-box .pet-list .pet-title{overflow: unset;margin:0 0 0 188px;width:172px;padding:4px;}	
*/
/*	#detail-contents{padding-right:416px;}
	#newest-contents.play{padding-right:416px;}
	#past-contents.play{padding-right:416px;}
	#pet-contents.play{padding-right:416px;}*/
	#main-area iframe{}
/*	#recommend-box .image-box{
		height: 105px;
		margin: 0 0 0px 0px;
		overflow: hidden;
		width: 188px;
	}
*/
	h2.pet-title{ font-size: 44px;    line-height: 50px; }

	#newest-box .pet-list{display:block;}
/*	#newest-box .latest6{display:none;}
	#newest-box .latest7{display:none;}
	#newest-box .latest8{display:none;}
	#newest-box .latest9{display:none;}
	#newest-box .latest10{display:none;}
	#newest-box .latest11{display:none;}
	#newest-box .latest12{display:none;}
  */
}
.map-box iframe{border: 6px solid #f8f8f8;}

a.auto_link{word-break:break-all;}

.slick-list{padding:0 30px;}

/* #topcontrol img{width:50px;} */
 .slick-next {
    right: -10px;
}
.slick-prev {
    left: -10px;
}
.slick-arrow{z-index:9999;width:42px;height:42px;}
.slick-prev:before, .slick-next:before{font-size:42px;color:#333;}

footer {
	background-color: #ffb6b9;
}

footer p {
	font-size: 8px;
/*
	color: #fff;
*/
	padding: 8px;
	text-align: center;
}

#logo{
    height: 45px;
	margin: 10px 0 2px 4px;
    overflow: hidden;
    width: 340px;
	color:#fff;
    background-image: url("../images/teachers-logo.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
/*	float:left;*/
	text-indent:-9999;
}
#search-box{}

#sns-box{text-align: right;}
#sns-box ul {padding:0;}
#sns-box ul li{display:inline-block;vertical-align: top;margin-left:8px;}
#sns-box ul li.twitter{margin-top:4px;}
#sns-box ul li.line{margin-top:4px;}
  
  
#readmore-link{display:inline-block;float:right;}
#readmore-link a{
    text-decoration: none;
    background: #fff;
    color: #ff67af;
    font-size: 16px;
    padding: 4px 32px;
    line-height: 20px;
	border-radius:4px;
}
#readmore-link a:hover{
	background:#111;

}
/*
#latest-target-button{
	padding:2px 4px;
}
#latest-target-button span{
	font-size:12px; color:#fff;
}
*/
/*.fixed_bottom{
	bottom: 0;
	position: sticky;
} */
#topcontrol{z-index:99999;}
.bold{font-weight:bold;}