@charset "utf-8";
/* Mod: additional styles by Mod plugin */
.button_img{
	border:none;
	background:none;
	padding:0;
	box-sizing:border-box;
}
.button_img:hover{
	opacity:0.8;
}
.button_img > span{
	display:none;
}
.js_img_tool .js_modal_body .image_wrap{
	background:#f4f4f4;
	text-align:center;
}
.js_img_tool .jcrop-holder{
	margin:0 auto;
}
.js_img_tool .crop_base{
	max-width:600px;
	width:auto;
	height:auto;
	display:inline-block;
}
.js_img_tool___ > div{
	box-sizing:border-box;
	padding:10px 10px 0 10px;
	background:#f4f4f4;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	max-width:600px;
	margin-bottom:10px;
}
#ajax_loading_background{
	position:fixed;
	z-index:1000000;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(204,204,204,0.4);
	text-align:center;
}
#ajax_loading_background img{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-50px;
	margin-top:-50px;
}
.mod-loader{
	opacity:0.8;
	display:none;
	vertical-align:middle;
}
.select_schools .mod-loader{
	padding-top:8px;
	display:inline-block;
}
.select_schools .error_block{
	padding-top:8px;
	display:inline-block;
}

/* OVERRIDE style.css */
@media only screen and (min-width: 960px) {
	#container,
	#container > #layout{
		width:auto;
	}
	#container > #layout > *{
		width:960px;
		margin-left:auto;
		margin-right:auto;
	}
	td{
		word-break: break-all;
	}
}
body.active_nav_user #wrapper{
	background-position:0 40px !important;
}
.layout-mypage a:visited{
	color:#0099ff;
}
.area_report_content #school_report_singlebox h4{
	margin:30px 6px 15px 6px;
	color:#78ba05;
}

/* mod.slider */
.mod_js_slider .mod_js_slider_block{display:none}
.mod_js_slider .mod_js_slider_block:nth-of-type(1){display:block;}


/* Buttons */
[class^="button1-"]{
	margin:0; padding:0;
	background:url( 'imgs/sprite-buttons1.png?v=1.1' ) no-repeat;
	display:inline-block;
	width:138px;
	height:24px;
	padding-top:24px;
	overflow:hidden;
	box-sizing:border-box;
	border:none;
}
[class^="button1-"]:hover{
	background-position:0 -24px;
}
.button1-account{}
.button1-logout{background-position:-138px 0;}
.button1-logout:hover{background-position:-138px -24px;}
.button1-login{background-position:-276px 0;}
.button1-login:hover{background-position:-276px -24px;}
.button1-regist{background-position:-414px 0;}
.button1-regist:hover{background-position:-414px -24px;}


[class^="button2-"]{
	margin:0; padding:0;
	background:url( 'imgs/sprite-buttons2.png?v=1.1' ) no-repeat;
	display:inline-block;
	vertical-align:middle;
	width:280px;
	height:50px;
	padding-top:50px;
	overflow:hidden;
	box-sizing:border-box;
	border:none;
}
[class^="button2-"]:hover{
	background-position:0 -51px;
}
.button2-confirm{}
.button2-favorite{
	background-position:-281px 0;
	width:115px; height:95px;
	padding-top:95px;
}
.button2-favorite:hover{
	background-position:-281px -96px;
}
.button2-favorite.is_done{
	background-position:-281px -192px;
	width:115px; height:95px;
	padding-top:95px;
}
.button2-favorite.is_done:hover{
	background-position:-397px -192px;
}
.button2-review{
	background-position:-397px 0;
	width:115px; height:95px;
	padding-top:95px;
}
.button2-review:hover{
	background-position:-397px -96px;
}
.button2-to_post-review{
	background-position:-595px -334px;
	width:295px; height:57px;
	padding-top:57px;
}
.button2-to_post-review:hover{
	background-position:-595px -392px;
}
.button2-request{
	background-position:0 -102px;
	width:240px; height:57px;
	padding-top:57px;
}
.button2-request:hover{
	background-position:0 -160px;
}
.button2-save-draft{
	background-position:-513px 0;
	width:212px; height:50px;
	padding-top:50px;
}
.button2-save-draft:hover{
	background-position:-513px -51px;
}
.button2-send{
	background-position:-513px -102px;
	width:280px; height:50px;
	padding-top:50px;
}
.button2-send:hover{
	background-position:-513px -153px;
}
.button2-send2{
	background-position:-794px -102px;
	width:160px; height:50px;
	padding-top:50px;
}
.button2-send2:hover{
	background-position:-794px -153px;
}
.button2-back{
	background-position:-726px 0;
	width:212px; height:50px;
	padding-top:50px;
}
.button2-back:hover{
	background-position:-726px -51px;
}

.button2-login{
	background-position:-1px -218px;
	width:244px; height:54px;
	padding-top:54px;
}
.button2-login:hover{
	background-position:-1px -273px;
}
.button2-facebook{
	background-position:-1px -458px;
	width:341px; height:44px;
	padding-top:44px;
}
.button2-facebook:hover{
	background-position:-343px -458px;
}
.button2-googleplus{
	background-position:-604px -512px;
	width:341px; height:44px;
	padding-top:44px;
}
.button2-googleplus:hover{
	background-position:-604px -557px;
}
.button2-regist-by-facebook{
	background-position:0 -334px;
	width:296px; height:57px;
	padding-top:57px;
}
.button2-regist-by-facebook:hover{
	background-position:0 -392px;
}
.button2-regist-by-googleplus{
	background-position:-297px -334px;
	width:296px; height:57px;
	padding-top:57px;
}
.button2-regist-by-googleplus:hover{
	background-position:-297px -392px;
}

.button2-to_regist{
	background-position:-514px -204px;
	width:295px; height:57px;
	padding-top:57px;
}
.button2-to_regist:hover{
	background-position:-514px -262px;
}
.button2-reason-pamphlet{
	background-position:-1px -512px;
	width:295px; height:69px;
	padding-top:69px;
}
.button2-reason-pamphlet:hover{
	background-position:-297px -512px;
}
.button2-reason-fair2{
	background-position:-1px -582px;
	width:295px; height:69px;
	padding-top:69px;
}
.button2-reason-fair2:hover{
	background-position:-297px -582px;
}
.button2-to_post-reason{
	background-position:-1px -652px;
	width:295px; height:57px;
	padding-top:57px;
}
.button2-to_post-reason:hover{
	background-position:-297px -652px;
}
.button2-to_top{
	background-position:-685px -602px;
	width:273px; height:57px;
	padding-top:57px;
}
.button2-to_top:hover{
	background-position:-685px -660px;
}

/* btn */
[class^="btn-"]{
	text-align:center;
	display:inline-block;
	padding:13px 20px;
	font-size:14px;
	line-height:18px;
	color:#0085FF;
	border:1px solid #ccc;
	border-radius:4px;
	vertical-align:middle;
}
a.hover:hover,
[class^="btn-"]:hover{
	opacity:0.8;
}
.btn-grad{
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	
}
.btn-grad.active{
	background: -moz-linear-gradient(top,#EEE 0%,#FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
	color:#FC1A95;
}

/* Icons */
[class^="icon-"],
.control-label.required:after
{
	background:url( 'imgs/sprite-icons.png?v=1.3.5' ) no-repeat;
	display:inline-block;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:middle;
	margin-right:0.2em;
	padding:0 !important;
}
.icon-status-not-loggedin{
	background-position:0 0;
	width:29px; height:29px;
}
.icon-status-loggedin{
	background-position:-29px 0;
	width:23px; height:23px;
}
.icon-rules-check{
	background-position:-52px 0;
	width:34px; height:32px;
}
.control-label.required:after,
.icon-required{
	background-position:-86px 0;
	width:40px; height:21px;
}
.required_yellow .control-label.required:after,
.required_yellow .icon-required{
	background-position:0px -73px;
	width:43px; height:22px;
}
.icon-cog{
	background-position:-127px 0;
	width:24px; height:23px;
}
.icon-home-alt{
	background-position:-128px -27px;
	width:23px; height:20px;
}
.icon-badge{
	background-position:-152px -1px;
	width:32px; height:40px;
}
.icon-badge2{
	background-position:-299px 0;
	width:16px; height:27px;
}
.icon-note{
	background-position:-186px -1px;
	width:21px; height:26px;
}
.icon-comment{
	background-position:-187px -29px;
	width:25px; height:22px;
}
.icon-star-alt{
	background-position:-208px -1px;
	width:23px; height:21px;
}
.icon-megaphone{
	background-position:-232px -1px;
	width:32px; height:17px;
}
.icon-left-dir-circled{
	background-position:-87px -21px;
	width:16px; height:15px;
	margin-bottom:4px;
}
.icon-right-dir-circled{
	background-position:-104px -21px;
	width:16px; height:15px;
	margin-bottom:4px;
}
.icon-megaphone2{
	background-position:-264px 0px;
	width:35px; height:27px;
}
.icon-right-dir-circle-blue{
	background-position:-232px -27px;
	width:23px; height:27px;
}
.icon-right-dir-pink{
	background-position:-256px -28px;
	width:10px; height:13px;
	margin-right:4px;
}
.icon-right-dir-green{
	background-position:-34px -34px;
	width:9px; height:11px;
	margin-right:4px;
	margin-bottom:2px;
}
.icon-clear-box{
	background-position:-267px -28px;
	width:16px; height:16px;
}
.icon-check-white{
	background-position:-88px -38px;
	width:13px; height:12px;
}
.icon-eject{
	background-position:-1px -33px;
	width:15px; height:8px;
}
.icon-pencil{
	background-position:-16px -33px;
	width:14px; height:15px;
}
.icon-pencil-alt{
	background-position:-423px 0px;
	width:25px; height:27px;
}
.icon-chat-blue{
	background-position:-389px -1px;
	width:31px; height:21px;
}
.icon-crown{
	background-position:-389px -24px;
	width:31px; height:21px;
}
.icon-heart{
	background-position:-389px -50px;
	width:31px; height:21px;
}
.icon-school-ranking{
	background-position:-423px -29px;
	width:28px; height:18px;
	margin-right:0.4em;
}
.icon-school-pamphlet{
	background-position:-424px -49px;
	width:26px; height:21px;
	margin-right:0.4em;
}
.icon-right-dir-blue{
	background-position:-45px -34px;
	width:7px; height:8px;
}
.icon-alert{
	background-position:-454px -1px;
	width:55px; height:44px;
}
.icon-facebook{
	background-position:0 -50px;
	width:20px; height:20px;
}
.icon-googleplus{
	background-position:-21px -50px;
	width:22px; height:22px;
}
.icon-ranking-receptions{
	background-position:-77px -53px;
	width:36px; height:29px;
}
.icon-seats{
	background-position:-45px -51px;
	width:30px; height:37px;
}
.icon-chats-pink{
	background-position:-135px -53px;
	width:26px; height:19px;
}
.icon-receptions{
	background-position:-259px -54px;
	width:20px; height:16px;
	margin-bottom:3px;
}
.icon-requests{
	background-position:-281px -54px;
	width:14px; height:18px;
	margin-bottom:3px;
}
.icon-rating{
	background-position:-297px -54px;
	width:20px; height:18px;
}
.icon-schoolstaff{
	background-position:-361px -54px;
	width:18px; height:18px;
}
.icon-access{
	background-position:-339px -54px;
	width:20px; height:18px;
	margin-bottom:3px;
}
.icon-good{
	background-position:-318px -54px;
	width:19px; height:20px;
	margin-bottom:3px;
}
.icon-male{
	background-position:-135px -71px;
	width:18px; height:18px;
}
.icon-female{
	background-position:-115px -71px;
	width:18px; height:18px;
}
.icon-open-right{
	background-position:-490px -70px;
	width:8px; height:15px;
}
.icon-favorite_school{
	background-position:-199px -77px;
	width:28px; height:23px;
}
.icon-favorite_column{
	background-position:-153px -77px;
	width:45px; height:24px;
}
/*
.icon-star
{
	background-position:-315px 0;
	width:18px; height:18px;
	margin-bottom:4px;
}
.icon-star.empty{
	background-position:-357px 0;
}
.icon-star.half{
	background-position:-336px 0;
}
*/
.icon-star-lg,
.js_stars a.hovered .icon-star-lg,
.js_stars a.fixed .icon-star-lg
{
	background-position:-315px -19px;
	width:24px; height:23px;
	margin-right:0;
}
.icon-star-lg.empty{
	background-position:-365px -19px;
}
.icon-star-lg.half{
	background-position:-340px -19px;
}
.js_stars .red{margin-top:5px; display:inline-block; vertical-align:middle; font-size:20px; margin-left:0.4em; font-weight:bold;}
.js_stars .clear_star{margin-right:4px; margin-top:4px; cursor:pointer;}

.stars{display:inline-block; margin-bottom:2px; vertical-align:middle; line-height:1;}
.stars > [class*="icon-star"]{
}
.stars > .icon-star{
	position:relative;
	z-index:5;
}
.stars > .icon-star:nth-of-type(2){z-index:4}
.stars > .icon-star:nth-of-type(3){z-index:3}
.stars > .icon-star:nth-of-type(4){z-index:2}
.stars > .icon-star:nth-of-type(5){z-index:1}
.stars > .icon-star + .icon-star{margin-left:-12px;}

.stars > .icon-star
{
	background: url( imgs/star.png ) no-repeat;
	width:25px; height:24px;
	line-height:24px;
	margin:0;
}
.stars.red > .icon-star{
	background: url( imgs/star-red.png ) no-repeat;
}
.stars > .icon-star.empty{
	background: url( imgs/star-empty.png ) no-repeat;
}
.stars > .icon-star.half{
	background: url( imgs/star-empty.png ) no-repeat;
	position:relative;
}
.stars > .icon-star.half:after{
	content:'';
	display:block;
	background: url( imgs/star.png ) no-repeat;
	position:absolute;
	width:12.5px;
	height:24px;
}
.stars.red > .icon-star.half:after{
	background: url( imgs/star-red.png ) no-repeat;
}
.stars > .icon-star-lg,
.js_stars > a.hovered .icon-star-lg,
.js_stars > a.fixed .icon-star-lg
{
	background-position:-315px -19px;
	width:24px; height:23px;
}
.stars > .icon-star-lg.empty{
	background-position:-365px -19px;
}
.stars > .icon-star-lg.half{
	background-position:-340px -19px;
}

/* Flags */
[class^="flag-"]
{
	background:url( 'imgs/sprite-flags.png?v=1.1' ) no-repeat;
	display:inline-block;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:middle;
	width:33px; height:22px;
}
[class^="flag-"].smaller{
	transform:scale(0.7,0.7);
	margin-top:-2.5px;
	margin-left:-5px;
	margin-right:-5px;
}
.flag-philippine{}
.flag-canada{background-position:-33px 0;}
.flag-aus{background-position:-66px 0;}
.flag-nz{background-position:-99px 0;}
.flag-uk{background-position:-132px 0;}
.flag-irl{background-position:-165px 0;}
.flag-us{background-position:-198px 0;}
.flag-haw{background-position:-231px 0;}
.flag-mlt{background-position:-264px 0;}
.flag-fji{background-position:-297px 0;}
.flag-mys{background-position:-330px 0;}
.flag-sgp{background-position:-363px 0;}

.flag-ger{background-position:-500px 0;}
.flag-fra{background-position:-534px 0;}
.flag-esp{background-position:-397px 0;}
.flag-bali{background-position:-432px 0;}
.flag-ind{background-position:-466px 0;}

[class^="label-"]{
	display:inline-block;
	color:#fff;
	padding:3px 6px 2px;
	font-size:12px;
	line-height:12px;
	vertical-align:middle;
	box-sizing:border-box;
}
[class^="label-"].small{
	line-height:20px !important;
	font-size:10px !important;
	padding:0 3px;
}
[class^="label-"].small:before{
	transform:scale(0.75,0.75);
}

.label-new{
	background:#fd875d;
}
.label-school-status{
	background:#EBCE87;
	border:1px solid #b69c5b;
	border-radius:4px;
}
.label-school-status.mini{
	padding:2px;
	font-size:11px;
}
.label-reception{
	display:inline-block;
	padding:6px 10px 6px;
	vertical-align:middle;
	line-height:12px !important;
	background:#e26215;
	border-radius:4px;
	margin-bottom:3px;
}
.label-reception:before{
	content:'';
	display:inline-block;
	width:15px;
	height:11px;
	vertical-align:middle;
	background:url( 'imgs/sprite-icons.png?v=1.2' ) no-repeat;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:middle;
	margin-right:0.4em;
	padding:0 !important;
	background-position:-105px -39px;
}
.label-reception.small:before{
	transform:scale(0.9,0.9);
}
.label-request{
	display:inline-block;
	padding:0 10px 0;
	vertical-align:middle;
	line-height:24px !important;
	background:#3cb8ad;
	border-radius:4px;
	margin-bottom:3px;
}
.label-request:before{
	content:'';
	display:inline-block;
	width:14px;
	height:18px;
	vertical-align:middle;
	background:url( 'imgs/sprite-icons.png?v=1.2' ) no-repeat;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:middle;
	margin-right:0.4em;
	padding:0 !important;
	background-position:-454px -48px;
}
.label-rating{
	display:inline-block;
	padding:0 10px 0;
	vertical-align:middle;
	line-height:22px !important;
	background:#c79810;
	border-radius:4px;
	margin-bottom:3px;
}
.label-rating:before{
	content:'';
	display:inline-block;
	width:17px;
	height:14px;
	vertical-align:middle;
	background:url( 'imgs/sprite-icons.png?v=1.2' ) no-repeat;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:middle;
	margin-right:0.4em;
	margin-bottom:3px;
	padding:0 !important;
	background-position:-470px -48px;
}
.label-schoolstaff{
	display:inline-block;
	padding:0 10px 0;
	vertical-align:middle;
	line-height:24px !important;
	background:#ff6666;
	border-radius:4px;
	margin-bottom:3px;
}
.label-schoolstaff:before{
	content:'';
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	background:url( 'imgs/sprite-icons.png?v=1.2' ) no-repeat;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:middle;
	margin-right:0.4em;
	padding:0 !important;
	background-position:-472px -70px;
}
.label-access{
	display:inline-block;
	padding:0 10px 0;
	vertical-align:middle;
	line-height:24px !important;
	background:#21ab38;
	border-radius:4px;
	margin-bottom:3px;
}
.label-access:before{
	content:'';
	display:inline-block;
	width:21px;
	height:19px;
	vertical-align:middle;
	background:url( 'imgs/sprite-icons.png?v=1.2' ) no-repeat;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:middle;
	margin-right:0.4em;
	padding:0 !important;
	background-position:-488px -46px;
}
.label-good{
	display:inline-block;
	padding:0 10px 0;
	vertical-align:middle;
	line-height:24px !important;
	background:#eb6da5;
	border-radius:4px;
	margin-bottom:3px;
}
.label-good:before{
	content:'';
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
	background:url( 'imgs/sprite-icons.png?v=1.2' ) no-repeat;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:middle;
	margin-right:0.4em;
	padding:0 !important;
	background-position:-452px -69px;
}

.link-chart{
	vertical-align:middle;
}
.link-chart:before{
	content:'';
	display:inline-block;
	width:19px;
	height:17px;
	vertical-align:middle;
	background:url( 'imgs/sprite-icons.png?v=1.2' ) no-repeat;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:middle;
	margin-right:0.4em;
	margin-bottom:2px;
	padding:0 !important;
	background-position:-55px -33px;
}
.link-chart2{
	vertical-align:middle;
}
.link-chart2:before{
	content:'';
	display:inline-block;
	width:16px;
	height:15px;
	vertical-align:middle;
	background:url( 'imgs/sprite-icons.png?v=1.2' ) no-repeat;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:middle;
	margin-right:0.4em;
	margin-bottom:2px;
	padding:0 !important;
	background-position:-115px -53px;
}

.block{display:block;}
a, label{cursor:pointer;}
img{max-width:100%; height:auto}

.page-title{
	font-size: 23px;
	line-height:1.2;
	border-left: 8px solid #5EADF7;
	color: #242424;
	margin: 15px 0;
	padding: 0px 10px;
}
.bl-pink{
	border-left-color:#FD81B0 !important;
}
.bl-blue{
	border-left-color:#336699 !important;
}
.bl-light-blue{
	border-left-color:#4da7d8 !important;
}
.bl-yellow{
	border-left-color:#fff001 !important;
}
.bl-green{
	border-left-color:#66cc00 !important;
}
.bl-dark-green{
	border-left-color:#088d40 !important;
}
.bl-orange{
	border-left-color:#f9d06f !important;
}
.bl-receptions{border-left-color:#e36316 !important}
.bl-requests{border-left-color:#3cb8ad !important}
.bl-rating{border-left-color:#c79810 !important}
.color-rating{color:#b16121}
.color-rating2{color:#c79810}
.bl-schoolstaff{border-left-color:#ff6666 !important}
.bl-access{border-left-color:#19932f !important}
.bl-good{border-left-color:#eb6da5 !important}

.page-title .font18{
	font-size:18px;
}
.explain{
	padding:0 10px;
	font-size:11px;
}
.res-image img{max-width:100%; width:100%; height:auto;}


/* Standard classes */
.dark-pink{color:#f32b88}
.dark-red{color:#e83d29}
.green{color:#009245;}
.orange{color:#ff6600;}
.black{color:#000;}
.circled{border-radius:50%;}
.underline{text-decoration:underline !important}
.thumbnail img{width:160px; height:auto}
.bg-yellow{
	background:#ffff99;
}
.bg-white-important{background:#fff !important;}
.bg-berge-important{background:#ffffea !important;}

.js_mouseover:hover{opacity:1 !important}
.js_mouseover > .absolute{
	top:inherit !important;
	bottom:0;
	hight:0;
}
.mouseover-body{
	width:240px;
	font-size:11px;
	color:#333;
	position:absolute;
	top:0px; left:-100px;
	padding:10px;
	box-sizing:border-box;
	z-index:10;
	line-height:1.2;
	border:1px solid #ccc;
	box-shadow: 1px 1px 3px 2px rgba(51,51,51,0.3);
}


.popover-content{
	position:absolute;
	z-index:10;
	width:220px;
	left:50%; margin-left:-110px;
	display:block;
	font-size:13px;
	color:#000;
	background:#fff;
	border:3px double #ccc;
	border-radius:4px;
	margin-top:6px;
	box-sizing:border-box;
	display:none;

}
.popover-content > *{
	padding:10px;
}
.popover-bottom{
}
.popover-bottom:before{
	content:'';
	position:absolute; width:0; height:0;
	top:-6px; left:50%; margin-left:-6px;
	border-bottom: 6px solid #ccc;
	border-left:6px solid transparent;
	border-right: 6px solid transparent;
}
.popover-bottom:after{
	content:'';
	position:absolute; width:0; height:0;
	top:-5px; left:50%; margin-left:-6px;
	border-bottom: 6px solid #fff;
	border-left:6px solid transparent;
	border-right: 6px solid transparent;
}
.popover-bottom.left{
	left:inherit; margin-left:inherit;
	right:0;
}
.popover-bottom.left:before{
	left:75%;
}
.popover-bottom.left:after{
	left:75%;
}
.popover-content .actions{
	border-top:1px solid #ccc;
}
.popover-content .actions a{
	display:inline-block;
	padding:2px 10px;
	border:1px solid #ccc;
	border-radius:4px;
	background:#fefefe;
	color:#888;
}
.popover-content .actions a:hover{
	text-decoration:none;
	opacity:0.8;
}
.popover-content .actions a.ok{
	background:#009245;
	border-color:#009245;
	color:#fff;
}

.pagination{
	text-align:center;
	margin-bottom:20px;
}
#main_contents .pagination li, .pagination li{
	display:inline-block;
	background:none;
	padding:0;
	font-size:16px;
}
#main_contents .pagination li span,
#main_contents .pagination li a,
.pagination li span,
.pagination li a
{
	display:inline-block;
	padding:2px 10px;
	background:#eee;
	border:none;
}
#main_contents .pagination li a{
}

.pagination-simple li a,
.pagination-simple li span
{
	padding:2px 0;
	background:none;
}
.pagination-simple li a i{
	margin-bottom:2px;
}
.pagination-simple a:hover{text-decoration:none}

/* Form elements */
form .pink{color:#E4007F;}
form a:hover{opacity:0.8}

.control-label{position:relative;}
.control-label.required:after{
	content:'';
	position:absolute;
	top:20px; right:10px;
}
.form-horizontal *{box-sizing:border-box;}
.form-horizontal .red{color:#D0121A}
.form-explain{font-size:11px;}
.alert-danger{
	display:table;
	padding:4px 10px;
	margin-bottom:10px;
	box-sizing:border-box;
	color:#fff;
	border:1px solid #D0121A;
	border-radius:4px;
	background:#D0121A;
	text-align:left;
}
.alert-info{
	margin:10px;
	padding:10px;
	color: #000;
	border-radius:4px;
	border: 1px solid #F5C85C;
	border-left-width:4px;
	background: #FCFCE7 none repeat scroll 0% 0%;
	font-size:16px;
}
.alert-success{
	margin:10px;
	padding:10px;
	color: #000;
	border-radius:4px;
	border: 1px solid #5EADF7;
	border-left-width:4px;
	background: #FFF none repeat scroll 0% 0%;
	font-size:16px;
}
.user_icon{
	display:inline-block;
	width:66px;
	height:66px;
	overflow:hidden;
	position:relative;
}
.user_icon > span{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	height:100%;
	background-position:50% 50% !important;
	background-size:cover !important;
}

/*
.form-horizontal input[type="text"],
.form-horizontal input[type="url"],
.form-horizontal input[type="number"],
.form-horizontal input[type="tel"],
.form-horizontal input[type="email"],
.form-horizontal input[type="password"],
.form-horizontal select,
.form-horizontal textarea
*/
.form-control
{
	border:1px solid #ccc;
	border-radius:4px;
	margin-bottom:4px;
	height: 34px;
	padding: 6px 6px;
	line-height: 1.42857;
	box-sizing:border-box;
	width:100%;
	font-size:14px;
	vertical-align:middle;
}
textarea.form-control{
	height:24em;
}
label > input[type="checkbox"],
label > input[type="radio"]
{
	margin:0; padding:0;
	vertical-align:middle;
}
.form-control.short{width:8em;}
.form-control.medium{width:75%}
.form-control.small{width:45%}
.form-control.smaller{width:150px}
.form-control.w5em{width:5.5em}
.js_selectbox_schools .form-control.smaller{
	width:100%;	
}
.form-group{
	display:table;
	width:100%;
	border-top:1px dotted #ccc;
}
.form-submit{
	padding:20px 0;
	border-top:1px dotted #ccc;
}
.form-group > .control-label,
.form-group > .col-sm-10{
	display:table-cell;
	padding:10px;
	vertical-align:top;
}
.form-group > .control-label{
	width:200px;
	min-width:150px;
	padding:20px 10px;
	cursor:default;
}
.form-group > .col-sm-10.vam{
	vertical-align:middle;
}
.form-group.form-inline2 > *{
	padding:0 10px;
}
.form-group.form-inline2 > .control-label{
	padding:10px 10px;
}

.form-group .labels{
	padding:10px 0;
}
.form-group .labels > label{
	display:inline-block;
}
.form-group.noborder{border:none;}

.layout-account-form{
	padding:20px;
}
.layout-account-form.login{
	margin:40px 0;
	background-color:#e8f5fd;
	border:1px solid #76a7d9;
	box-sizing:border-box;
}
.layout-account-form.login .block-login-normal{
	border:1px solid #ccc;
	border-radius:4px;
	background:#fff;
	padding:15px;
}
.layout-account-form.login .block-login-regist{
	border:1px solid #ccc;
	border-radius:4px;
	background:#fdf0f3;
	padding:15px;
	position:relative;
}
.layout-account-form.login .block-login-regist ul{
	max-width:500px;
}
.layout-account-form.login .block-login-regist li{
	display:inline-block;
	vertical-align:top;
	width:240px;
}
.layout-account-form.login .block-login-regist .illusts{
	display:none;
}
@media only screen and (min-width: 960px) {
	.layout-account-form.login .block-login-regist{
		min-height:280px;
	}
	.layout-account-form.login .block-login-regist .illusts{
		display:block;
		position:absolute;
		top:20px;
		right:40px;
	}
}
.layout-account-form.login h2{
	font-weight:bold;
	font-size:19px;
	color:#000;
	border-left:7px solid #83bb25;
	margin-bottom:20px;
	padding-left:12px;
}
#account-form-login-facebook h2{
	border-color:#336699;
}
#account-form-login-to_regist h2{
	border-color:#e96d98;
}

.layout-account-form.login .form-group{
	border:none;
}
.layout-account-form.login .form-group .control-label{
	padding:10px 6px;
	font-size:12px;
	color:#000;
	width:10em;
	min-width:inherit;
}
.layout-account-form.login .form-group .col-sm-10{
	padding:0;
	margin:0;
	margin-bottom:4px;
}

.form-submit .inline-frame{
	max-height:200px;
	overflow-y:scroll;
	background:#fff;
	padding:20px;
	text-align:left;
	width:95%;
	margin:0 auto 20px;
	border:1px solid #ccc;
	color:#000;
}
.form-submit .inline-frame .inline-frame-title{
	font-weight:bold;
	font-size:16px;
	line-height:24px;
	margin-bottom:10px;
}
.form-submit .inline-frame .inline-frame-title i{
	margin-right:6px;
	margin-bottom:4px;
}
.form-submit [class^="button2-"]{
	margin:0 10px;
}
/* uploader */
.fileinput-button{
	position: relative;
	overflow: hidden;
	display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
border-radius: 4px;
-moz-user-select: none;
background: -moz-linear-gradient(top,#FFF 0%,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
border: 1px solid #ccc;
margin:0;
}
.fileinput-button input {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}
.text-danger{
	color: #A94442;
	font-weight:bold;
}
.progress {
    overflow: hidden;
    height: 20px;
	margin-top:6px;
    margin-bottom: 20px;
    background-color: #F5F5F5;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.progress-bar {
    float: left;
    width: 0px;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    background-color: #428BCA;
    box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15) inset;
    transition: width 0.6s ease 0s;
}
.progress-bar-success {
    background-color: #5CB85C;
}
.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.ufile{
}
.ufile > .row{
	display:table;
	width:100%;
}
.ufile .cell{padding:0 4px;}
.ufile .upload-image-thumbnail{
	display:inline-block;
	width:76px;
	position:relative;
	text-align:center;
}
.ufile .trash{}
.ufile .upload-image-caption{
	width:100%;
}
.ufile .upload-image-caption input{
	width:100%;
}

#account-form-regist{
	background:#FEFBEC;
	padding:15px;
}
#account-form-regist > img{
	float:right;
	margin-right:80px;
	margin-top:-40px;
}
#account-form-regist > .explain{
	padding-left:18px;
	margin-bottom:30px;
	max-width:600px;
}
#account-form-regist > .explain + .explain{
	margin-bottom:20px;
	font-size:12px;
	padding:0;
	width:auto;
}
#account-form-regist .profile_imgs > label{
	width:80px;
}

#account-form-reset .form-group{
	border:1px solid #ccc;
	margin-bottom:20px;
}
#account-form-reset .form-group .control-label{
	background:#fed400;
	vertical-align:middle;
	border-right:1px solid #ccc;
	padding:10px;
	width:150px;
	text-align:center;
}
#account-form-reset .form-group .col-sm-10{
	padding:6px 20px 2px;
}

/* Form: Review */
.layout-review-form{
	margin:0 20px 20px;
	border:1px solid #e3e3e3;
}
#form-review{
	background:#FEFBEC;
	padding:15px;
}
#form-review > img{
	float:right;
	margin-right:60px;
	margin-top:-40px;
}
#form-review > .explain{
	padding-left:18px;
	margin-bottom:30px;
	max-width:600px;
}
#form-review > .explain + .explain{
	margin-bottom:20px;
	font-size:12px;
	padding:0;
	width:auto;
}
#form-review .profile_imgs > label{
	width:80px;
}

#form-review-navi{
	background:#f9f8f4;
	margin:20px 20px 0;
	padding:15px;
	border:1px solid #e3e3e3;
	border-bottom:none;
}
#form-review-navi ul{
	display:table;
	margin:0 auto;
	width:100%;
	max-width:607px;
}
#form-review-navi li{
	display:table-cell;
	background:#ccc;
	padding:4px 10px;
	font-size:18px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
#form-review-navi li.active{
	background:#ffc000;
}
#form-review-navi li.divider{
	background:none;
	width:50px;
}
.form-content-format{
	padding:20px 0;
}
.form-content-format h3.page-title{
	font-size:16px;
}
.form-content-format textarea{
	width:100%;
}

/* form-reason */
#form-reason{
	background:#FEFBEC;
	padding:15px;
}
#form-reason .cell-image img{
	margin-right:40px;
	margin-top:-40px;
	padding-bottom:10px;
}
#form-reason .form-group{
	border:none;
}
#form-reason .control-label{
	width:120px;
	text-align:right;
	padding:10px 10px;
}
#form-reason .col-sm-10{
	padding:0 10px;
}
#form-reason .form-control.w50{
	width:50%;
}
@media only screen and (max-width: 959px) {
#form-reason .control-label{
	width:120px;
	text-align:left;
}
}

body.mod-loggedin{
	
}
#navi_user{
	width:100% !important;
	height:36px;
	margin-bottom:4px;
	overflow:hidden;
	background:#fde4f0;
}
body.mod-loggedin #navi_user{
	background:#D8F1FF;
}
#navi_user > div{
	width:960px;
	margin:0 auto;
}
#navi_user > div > *{
	position:relative;
	z-index:3;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
	line-height:13px;
	padding:5px 15px;
}
#navi_user > div > .status{
	width:100%;
}
#navi_user > div > .status > *{
	display:table-cell;
	vertical-align:middle;
	padding:0 10px;
}
#navi_user > div > .actions{
	white-space:nowrap;
}
#navi_user > div > .actions > a{
	display:inline-block;
	vertical-align:middle;
	margin:2px 5px;
}


/* mypage */
.layout-mypage{
	width:100%;
	display:table;
}
.layout-mypage > *{
	display:table-cell;
	vertical-align:top;
}
.layout-mypage h2 i,
.layout-mypage h3 i
{
	margin-right:6px;
}
.layout-mypage h3{
	font-size:19px;
}
.mypage-main{
	padding:0 0 0 10px;
}
.layout-mypage .mypage-side{
	width:260px;
}
#user-summary{
	background:url( 'imgs/user-bg.png?v=1.1' );
	border:1px solid #e3dbbf;
	box-sizing:border-box;
	padding:20px 25px;
	font-size:15px;
}
#user-summary .user-summary-detail{
	font-weight:bold;
	color:#000;
}
.account-summary{
	background:#F9F6EC;
	border:1px solid #E3DABF;
	font-size:14px;
}
.account-summary > *{
	display:table-cell;
	vertical-align:middle;
	padding:10px;
}
.account-summary .name{
	font-size:16px;
}
.mypage-to-edit{
	display:block;
	line-height:40px;
	padding:0 10px 0 20px;
	background:#ECECEC;
	border:1px solid #CBCBCB;
	color:#333 !important;
	font-size:16px;
}
.mypage-to-edit:hover{
	text-decoration:none;
	opacity:0.8;
}

.account-samearea-users{
	background:#FBF5D2;
	border:1px solid #E7CC79;
	padding:10px;
	font-size:13px;
}
.account-samearea-users > h2{
	font-weight:normal;
	font-size:15px;
	line-height:22px;
	margin-bottom:15px;
}
.account-samearea-users > div{
}

/* Mypage: sitenews */
.mypage-sitenews h3{
	padding:4px;
	border-bottom:6px double #009145;
}
.mypage-sitenews > ul{
	border:1px solid #999;
	border-top:none;
	background:#f8faf2;
	padding:20px;
	font-size:13px;
}
.mypage-sitenews > ul > li{
	
}
.mypage-sitenews > ul > li > span{
	display:table-cell;
	padding-bottom:6px;
}
.mypage-sitenews .date{
	padding-right:20px;
	white-space:nowrap;
}

.sitenews-message{
}
.sitenews-message > div{
}

.js_modal{
	position:fixed;
	top:0; left:0;
	width:100%;
	height:1px;
	z-index:10001;
	display:none;
}
.js_modal > .js_modal_body{
	width:800px;
	max-width:96%;
	max-height:600px;
	overflow-y:auto;
	margin:80px auto 0;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	text-align:left;
	position:relative;
}
.modal_background{
	display:none;
	position:fixed;
	top:0; left:0;
	z-index:10000;
	background:rgba(153,153,153,0.3);
	width:100%;
	height:100%;
}
.js_modal a.close{
	border:1px solid #ccc;
	color:#333;
	border-radius:4px;
	padding:4px;
	display:inline-block;
	text-decoration:none;
}
.js_modal a.close:hover{
	background:#f4f4f4;
}

.js_modal.custom{
	height:100%;
}
.js_modal.custom > .js_modal_body{
	background:none;
	border:none;
	overflow:visible;
	margin:5% auto;
	max-height:85%;
	height:inherit;
	box-sizing:border-box;
}
.js_modal.custom > .js_modal_body > .wrap{
	position:relative;
	z-index:3;
	border:1px solid #996666;
	border-radius:6px;
	padding:0;
	max-height:100%;
	overflow-y:auto;
	background-color:#fff7dc;
	background-image:linear-gradient(#ffefbe 25%, #fff7dc 25%, #fff7dc);
	background-size: 8px 8px;
}
.js_modal.custom > .js_modal_body > .wrap > *{
}
.js_modal.custom .blocks{
	letter-spacing:-.4em;
}
.js_modal.custom .blocks > *{
	letter-spacing:0;
}
.js_modal.custom .block{
	padding:20px;
}

.js_modal.custom .close.close-bg{
	position:fixed;
	top:0; right:0; bottom:0; left:0;
	z-index:1;
}
.js_modal.custom a.close-button{
	text-decoration:none;
	position:absolute;
	top:-16px; right:-16px;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	color:#fff;
	font-size:28px;
	line-height:32px;
	vertical-align:middle;
	width:34px;
	margin:1px 0;
	background:#73725c;
	border:1px solid #fff;
	border-radius:50%;
	padding:0;margin:0;
	z-index:5;
}
.js_modal.custom a.close-button:before{
	content:'';
	display:block;
	position:absolute; top:-5px; left:-5px; bottom:-5px; right:-5px;
	border:4px solid #73725c;
	border-radius:50%;
	box-sizing:border-box;
	z-index:4;
}
.js_modal.custom .title{
	padding:20px; margin:0 0 10px 0;
}
.js_modal.custom .title > span{
	display:inline-block;
	font-size:23px;
	line-height:1.2;
	font-weight:bold;
	padding:0;
	margin:0;
	color:#424242;
	border-bottom:2px solid #e96d98;
}
.js_modal.custom .title > span:after{
	content:'';
	display:block;
	width:100%;
	height:2px;
	border-top:1px solid #e96d98;
}
.js_modal.custom .title.bb-green > span,
.js_modal.custom .title.bb-green > span:after{
	border-color:#66cc00;
}
.js_modal.custom .title.bb-orange > span,
.js_modal.custom .title.bb-orange > span:after{
	border-color:#ffaf50;
}
.js_modal.custom .title.type2 > span{
	border:none;
	border-left-style:solid;
	border-left-width:6px;
	padding-left:10px;
}
.js_modal.custom .title.type2 > span:after{
	display:none;
}
.js_modal.custom .subtitle{
	font-size:19px;
	font-weight:bold;
	line-height:24px;
	color:#040000;
	border-left:6px solid #e96d98;
	padding-left:6px;
	margin:0 0 20px;
}
.js_modal.custom .subtitle.type2{
	border:none;
	padding-left:0;
}
.js_modal.custom .subtitle.type2 > span{
	border-bottom:3px double #000;
}
.js_modal.custom .subtitle.type2 > span.bb-green{
	border-color:#66cc00;
}
.js_modal.custom .subtitle.type2 > span.bb-blue{
	border-color:#336699;
}
.js_modal.custom .subtitle.type2 > span.bb-pink{
	border-color:#FD81B0;
}

.js_modal.custom .blocks > [class^="block-"]{
	display:inline-block;
	vertical-align:top;
	width:50%;
	box-sizing:border-box;
}
.js_modal.custom .blocks > [class^="block-"] > .block-wrap{
	padding:0 20px 20px;
}
.js_modal.custom [class^="block-"] .border-dotted-left{
	border-left:3px dotted #333;
}
.js_modal.custom [class^="block-"] .border-dotted-bottom{
	border-bottom:3px dotted #333;
}
.js_modal.custom .blocks > .block-regist-normal{
	position:relative;
}
.js_modal.custom .blocks > .block-regist-normal .mr-tom{
	position:absolute;
	top:-30px;
	right:10px;
}
.js_modal.custom .strong{
	font-weight:normal;
	color:#e8373f;
	border-bottom:3px double #ffbd37;
}
.js_modal.custom .block-login-social .info{
	border:3px double #fde017;
	border-radius:4px;
	background:#fdf3a2;
	padding:10px 12px;
	color:#e60012;
}
@media only screen and (max-width: 959px) {
	.js_modal.custom [class^="block-"] .border-dotted-left{
		border-left:none;
	}
	.js_modal.custom .block,
	.js_modal.custom .title,
	.js_modal.custom .blocks > [class^="block-"] > .block-wrap
	{padding-left:10px; padding-right:10px;}
	.js_modal.custom .title > span{font-size:14px}
	.js_modal.custom .subtitle{font-size:14px}
	.js_modal.custom .title.type2 > span{font-size:20px}
	.js_modal.custom .subtitle.type2{font-size:18px}
}

/* modal schoolseats */
.js_modal.schoolseats a:hover{
	text-decoration:none;
	opacity:0.9;
}
.js_modal.schoolseats > .js_modal_body > .wrap{
	position:relative;
	z-index:3;
	border:1px solid #996666;
	border-radius:6px;
	padding:0;
	max-height:100%;
	overflow-y:auto;
	background-color:#fff;
	background-image:inherit;
	background-size: inherit;
}
.js_modal.schoolseats *{
	box-sizing:border-box;
}
.js_modal.schoolseats{
	font-size:16px;
}
.js_modal.schoolseats .date{
	font-size:15px;
	text-align:right;
}
.js_modal.schoolseats .date .label{
	background:#73725c;
	border:none;
	vertical-align:middle;
}
.js_modal.schoolseats .modal-title{
	font-size:24px;
	font-weight:bold;
	color:#666666;
	border-left:7px solid #666666;
	padding-left:10px;
	margin:8px 0 20px;
	line-height:1;
}
.js_modal.schoolseats .seat_table_groups .group_title{
	background:#f7f8f8;
	font-size:17px;
	padding:0 10px;
	margin:20px 0 10px;
}
.js_modal.schoolseats .seat_table_groups .seat_table table{
	margin-bottom:10px;
	border-collapse:collapse;
	border-spacing:0;
	table-layout:auto;
}
.js_modal.schoolseats .seat_table_groups .seat_table table tr > *{
	border:1px solid #666;
	padding:10px;
	line-height:1.2;
}
.js_modal.schoolseats .seat_table_groups .seat_table thead th{
	font-size:13px;
	background:#efefef;
}
.js_modal.schoolseats .seat_table_groups .seat_table tbody td{
	text-align:center;
	font-size:30px;
	vertical-align:middle;
	width:111px;
}
.js_modal.schoolseats .seat_table_groups .seat_table tbody td:nth-of-type(1){
	font-size:18px;
	width:166px;
}
.js_modal.schoolseats .schoolseats-list{
	border:2px solid #88abda;
}
.js_modal.schoolseats .schoolseats-list .title{
	background:#e3f4fd;
	padding:10px 15px;
	color:#221815;
	font-size:18px;
	border-bottom:2px solid #88abda;
	font-weight:normal;
}
.js_modal.schoolseats .schoolseats-list ul li{
	padding:4px 15px;
}
.js_modal.schoolseats .schoolseats-list ul li a{
	font-size:20px;
	color:#00a0e9;
}
.js_modal.schoolseats .seats_img img{
	max-width:60%;
	height:auto;
}
.js_modal.schoolseats ul > li{
	list-style:inside;
}
.js_modal.schoolseats ol > li{
	list-style:decimal inside;
}
/* modal tel */
@media only screen and (max-width: 959px) {
	.js_modal.tel > .js_modal_body{
		background:none;
		border:none;
		overflow:visible;
		margin: 40% auto 0;
		max-height:85%;
		height:inherit;
		box-sizing:border-box;
	}
	.js_modal.tel > .js_modal_body > .wrap{
		position:relative;
		z-index:3;
		border-radius:6px;
		padding:0;
		max-height:100%;
		overflow-y:auto;
		background:#263560;
		border:2px solid #fff;
	}
	.js_modal.tel > .js_modal_body > .wrap > div{
		padding:10px;
		color:#fff;
		text-align:center;
	}
	.js_modal.tel > .js_modal_body > .wrap > div .tel{
		font-size:20px;
		padding:10px 0;
	}
	.js_modal.tel > .js_modal_body > .wrap > div .buttons{
		display:table;
		width:100%;
		border-collapse:separate;
		border-spacing:4px;
		table-layout:fixed;
	}
	.js_modal.tel > .js_modal_body > .wrap > div .buttons a{
		display:table-cell;
		padding:6px 10px;
		color:#fff;
		border:1px solid rgba(255,255,255,0.3);
		border-radius:4px;
		background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 0%);
	}
	.js_modal.tel > .js_modal_body > .wrap > div .buttons a.cancel{
		background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.1) 0%);
	}
}

/* modal post reason */
#modal-post-reason .modal-pre_title{
	box-sizing:border-box;
	margin:20px 20px;
	padding:38px 0 0 90px;
	background: url( imgs/fukidashi/modal_post_reason_head.png ) no-repeat;
	width:734px;
	height:89px;
	overflow:hidden;
	font-size:13px;
}
#modal-post-reason .modal-pre_title .school_name{
	font-size:17px;
	font-weight:bold;
	vertical-align:middle;
	color:#ec3873;
}
@media only screen and (max-width: 959px) {
	#modal-post-reason .modal-pre_title{
		background:none;
		width:452px;
		max-width:92%;
		height:70px;
		margin:20px 20px 10px 10px;
		padding:0 6px 0 0;
		font-size:11px;
		overflow-x:hidden;
		white-space:nowrap;
		position:relative;
	}
	#modal-post-reason .modal-pre_title:after{
		content:'';
		display:block;
		position:absolute;
		top:0; right:0;
		height:70px;
		width:12px;
		background: url( imgs/fukidashi/modal_post_reason_head_sp_3.png ) no-repeat right top;
		background-size:7.3px 70px;
	}
	#modal-post-reason .modal-pre_title >span{
		background: url( imgs/fukidashi/modal_post_reason_head_sp_1_1.png ) no-repeat;
		background-size:452px 70px;
		display:block;
		height:70px;
		box-sizing:border-box;
		padding:10px 10px 10px 100px;
		overflow:hidden;
	}
	#modal-post-reason .modal-pre_title .school_name{
		font-size:13px;
		font-weight:bold;
		vertical-align:middle;
		color:#ec3873;
	}
}

/* modal reasons */
.js_modal.reviews *{
	word-break:break-all;
	box-sizing:border-box;
}
.js_modal.reviews > .js_modal_body{
	width:1000px;
}
.js_modal.reviews > .js_modal_body > .wrap{
	padding:20px;
	padding-bottom:120px;
	overflow:inherit;
	height:100%;
	position:relative;
}
.js_modal.reviews.no-foot > .js_modal_body > .wrap{
	padding-bottom:20px;
}
.js_modal.reviews > .js_modal_body > .wrap > div{
	overflow-y:auto;
	height:100%;
	position:relative;
}
.js_modal.reviews .modal-foot{
	position:absolute;
	bottom:0; margin-top:20px;
	z-index:10;
}
.js_modal.reviews .title{
	font-size:20px;
	color:#424242;
	border:none;
	border-left:6px solid #0a94c7;
	margin:0;
	padding:0 0 0 10px;
	line-height:1.1;
}
.block-reason-fukidashi{
	margin-bottom:20px;
}
.block-reason-fukidashi > div{
	display:table;
	width:720px;
	max-width:100%;
	table-layout:auto;
}
.block-reason-fukidashi > div > div{
	display:table-cell;
}
.block-reason-fukidashi > div > div.profile{
	vertical-align:top;
	width:100px;
	text-align:center;
	font-size:12px;
}
.block-reason-fukidashi > div > div.fukidashi{
	vertical-align:top;
	font-size:13px;
}
.block-reason-fukidashi > div > div.fukidashi > div.fukidashi-body{
	display:table-cell;
	width:530px;
	box-sizing:border-box;
	position:relative;
}
.block-reason-fukidashi > div > div.fukidashi > div.fukidashi-body:before{
	content:'';
	display:block;
	position:absolute;
	z-index:10;
	right:-1px;
	box-sizing:border-box;
	width:100%; height:60px;
	background:url( imgs/fukidashi/reasons_fukidashi1_1.png ) no-repeat right top;
}
.block-reason-fukidashi > div > div.fukidashi > div.fukidashi-body > div{
	padding:0 17px 5px 68px;
	background:url( imgs/fukidashi/reasons_fukidashi1_2.png ) repeat-y right top;
	margin-top:17px;
	position:relative;
	min-height:30px;
}
.block-reason-fukidashi > div > div.fukidashi > div.fukidashi-body > div:before{
	content:'';
	display:block;
	position:absolute;
	top:-10px; left:0;
	width:470px;
	height:10px;
	box-sizing:border-box;
	margin:0 17px 0 56px;
	background:#fff;
}
.block-reason-fukidashi > div > div.fukidashi > div.fukidashi-body:after{
	content:'';
	display:block;
	box-sizing:border-box;
	width:100%; height:10px;
	background:url( imgs/fukidashi/reasons_fukidashi1_3.png ) no-repeat right bottom;
}
.block-reason-fukidashi.male > div{
	float:right;
}
.block-reason-fukidashi.male > div > div.fukidashi > div.fukidashi-body:before{
	content:'';
	display:block;
	position:absolute;
	z-index:10;
	right:0;
	box-sizing:border-box;
	width:100%; height:60px;
	background:url( imgs/fukidashi/reasons_fukidashi2_1.png ) no-repeat left top;
}
.block-reason-fukidashi.male > div > div.fukidashi > div.fukidashi-body > div{
	padding:0 68px 5px 17px;
	background:url( imgs/fukidashi/reasons_fukidashi2_2.png ) repeat-y left top;
	margin-top:17px;
	position:relative;
}
.block-reason-fukidashi.male > div > div.fukidashi > div.fukidashi-body > div:before{
	content:'';
	display:block;
	position:absolute;
	top:-10px; left:0;
	width:470px;
	height:10px;
	box-sizing:border-box;
	margin:0 56px 0 7px;
	background:#fff;
}
.block-reason-fukidashi.male > div > div.fukidashi > div.fukidashi-body:after{
	content:'';
	display:block;
	box-sizing:border-box;
	width:100%; height:10px;
	background:url( imgs/fukidashi/reasons_fukidashi2_3.png ) no-repeat left bottom;
}
.block-reason-fukidashi > div > div.fukidashi > div.time{
	display:table-cell;
	white-space:nowrap;
	vertical-align:bottom;
	width:90px;
	text-align:center;
	font-size:12px;
}

.js_modal.reviews .summary{
	padding:30px 0 10px;
}
.js_modal.reviews .summary *{
	box-sizing:border-box;
}
.js_modal.reviews .summary_body > div{
	border-radius:10px;
	background:#fbb03b;
	display:inline-block;
}
.js_modal.reviews .summary_body > div > .school_detail_param{
	background:#fff;
	border-top:2px solid rgba(0,0,0,0.2);
	border-left:2px solid rgba(0,0,0,0.2);
	margin:10px;
	padding:10px 20px;
	display:inline-block;
}

@media only screen and (max-width: 959px) {
	.js_modal.reviews > .js_modal_body > .wrap{
		padding:20px 4px;
	}
	.js_modal.reviews .title{
		font-size:12px;
	}
	.block-reason-fukidashi-sp .profile img{
		width:40px;
		height:auto;
	}
	.block-reason-fukidashi-sp .fukidashi{
		background:#fff;
		margin:10px 0 20px;
		border:1px solid #ccc;
		padding:10px;
		border-radius:4px;
	}

}

/* modal chart receptions */
#modal-chart-receptions *{
	box-sizing:border-box;
}
#modal-chart-receptions .title{
	font-size:20px;
	color:#424242;
	border:none;
	border-left:6px solid #0a94c7;
	margin:20px 20px 10px;
	padding:0 0 0 10px;
	line-height:1.1;
}
#modal-chart-receptions .title > span,
#modal-chart-receptions .title > span:after
{border:none}
#modal-chart-receptions select.action-chart-change-span{
	height:32px;
	border:1px solid #ccc;
	padding:4px;
}
#modal-chart-receptions > .js_modal_body > .wrap{
	overflow-y:auto;
	height:100%;
}
#modal-chart-receptions .block-chart{
	position:relative;
	padding:0 20px 20px;
	min-height:320px;
	width:100%;
}
#modal-chart-receptions .draw_chart{
}
#modal-chart-receptions #draw-chart-receptions{
}
#modal-chart-receptions .block-chart .ajax_loader{
	position:absolute;
	z-index:2;
	top:20px;
	width:95%;
}

/* modal #modal-the_rank */
#modal-the_rank > .js_modal_body > .wrap{
	border-radius:10px;
	background:#fff;
	border:3px solid #84ccc9;
}

#modal-the_rank > .js_modal_body > .wrap *{
	box-sizing:border-box;
}
#modal-the_rank .modal-title{
	border-bottom:3px solid #84ccc9;
	padding:20px 10px;
	background:#c0f3df;
	background-image: linear-gradient(45deg, rgba(100, 100, 100, 0.1) 25%, transparent 25%, transparent 50%, rgba(100, 100, 100, 0.1) 50%, rgba(100, 100, 100, 0.1) 75%, transparent 75%, transparent);
	background-size: 4px 4px;
	color:#4c4948;
}
#modal-the_rank .modal-title .school_name{
	font-size:19px;
	font-weight:bold;
}
#modal-the_rank table{
	color:#5a5858;
	border:hidden;
	background:#fff;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	overflow-y:auto;
}
#modal-the_rank table tr > *{
	border:1px dotted #ccc;
	padding:10px;
	vertical-align:middle;
}
#modal-the_rank table tr:nth-of-type(2n) > *{
	background:#fdfbda;
}
#modal-the_rank table tr th{
	font-size:10px;
	padding:10px 10px 10px 20px;
	font-weight:bold;
	width:37%;
}
#modal-the_rank table tr th .name{
	font-size:20px;
}
#modal-the_rank table tr th a:hover{text-decoration:none; opacity:0.8}
#modal-the_rank table tr.tr-receptions th a{color:#ec6312}
#modal-the_rank table tr.tr-requests th a{color:#3cb8ad}
#modal-the_rank table tr.tr-rating th a{color:#c9a063}
#modal-the_rank table tr.tr-schoolstaff th a{color:#e64431}
#modal-the_rank table tr.tr-access th a{color:#22ac38}
#modal-the_rank table tr.tr-good th a{color:#eb6ea5}
#modal-the_rank table td.param{width:28%; text-align:center}
#modal-the_rank table td.transition{width:15%; text-align:right; border-right:hidden; padding-right:0;}
#modal-the_rank table td.pre_rank{width:20%; text-align:left; border-left:hidden; padding-left:0;}
#modal-the_rank table td.transition .rank-crown{
	display:inline-block;
	width:20px;
	vertical-align:top;
	margin-right:6px;
}
#modal-the_rank table td.transition{
}
#modal-the_rank table td.transition .rank{
	font-size:17px;
	color:#c40d23;
	font-weight:bold;
}
#modal-the_rank table td.transition .rank .num{
	font-size:25px;
}
#modal-the_rank table td.transition .outofrank{
	font-size:25px;
	color:#615f5f;
}
@media only screen and (max-width: 959px) {
	#modal-the_rank .modal-title{
		padding:10px;
	}
	#modal-the_rank .modal-title .school_name{
		font-size:14px;
	}
	#modal-the_rank table tr th, #modal-the_rank table tr td{
		padding:2px;
	}
	#modal-the_rank table *{
		font-size:12px !important;
	}
	#modal-the_rank table tr th span:nth-of-type(2){display:none}
	#modal-the_rank table tr th{width:inherit}
#modal-the_rank table td.param{width:inherit}
#modal-the_rank table td.transition{width:inherit;}
#modal-the_rank table td.pre_rank{width:inherit; white-space:nowrap}
#modal-the_rank table td.param > span > i{display:none}
#modal-the_rank table td.transition .rank{ display:inline-block; vertical-align:middle; white-space:nowrap}
#modal-the_rank table td.transition .rank-crown{display:none}
}


/* Mypage: mypage-lists */
.mypage-lists h3{
	padding:4px;
	color:#36b5b8;
	border-bottom:6px double #36b5b8;
}
.mypage-lists > div{
	border:1px solid #999;
	border-top:none;
	padding:10px;
	font-size:13px;
}
.mypage-lists ul.lists > li{
	padding:10px;
}
.mypage-lists ul.lists > li:nth-of-type(2n-1){
	background:#f4f4f4;
}
.mypage-lists ul.lists > li > .detail > div{
	display:table-cell;
	padding-bottom:6px;
}
.mypage-lists .date{
	white-space:nowrap;
}
.mypage-lists .pagination{
	margin-bottom:0;
}

/* Mypage: reviews */
.mypage-reviews [class*="label-status"]{
	font-size:12px;
	line-height:1.2;
}
.mypage-reviews .label-status-1{
	background:#999999;
	border:1px solid #7a7878;
}
.mypage-reviews .label-status-1:after{
	content:'非承認';
}
.mypage-reviews .label-status-2{
	background:#d54129;
	border:1px solid #b92e60;
}
.mypage-reviews .label-status-2:after{
	content:'下書き';
}
.mypage-reviews .label-status0{
	background:#b3c600;
	border:1px solid #91a001;
}
.mypage-reviews .label-status0:after{
	content:'確認中';
}
.mypage-reviews .label-status1{
	background:#f5a500;
	border:1px solid #d67104;
}
.mypage-reviews .label-status1:after{
	content:'公開中';
}

.mypage-reviews h3{
	padding:4px;
	color:#e968a0;
	border-bottom:6px double #e968a0;
}
.mypage-reviews > ul{
	border:1px solid #999;
	border-top:none;
	padding:10px;
	font-size:13px;
}
.mypage-reviews > ul > li{
	padding:10px;
}
.mypage-reviews > ul > li:nth-of-type(2n-1){
	background:#f4f4f4;
}
.mypage-reviews > ul > li > .detail > div{
	display:table-cell;
	padding-bottom:6px;
}
.mypage-reviews .date{
	white-space:nowrap;
}

/* Mypage: favorites */
.mypage-favorites h3{
	padding:4px;
	color:#e58b00;
	border-bottom:6px double #e58b00;
}
.mypage-favorites > div{
	border:1px solid #999;
	border-top:none;
	padding:10px;
	font-size:13px;
}
.mypage-favorites .mypage-favorites-nation{
	margin-bottom:20px;
}
.mypage-favorites h4{
	border-bottom:2px solid #e58b00;
	color:#424242;
	margin:5px 0;
	padding:5px 0;
}
.mypage-favorites h4 > .nation-name{
	font-weight:bold;
	font-size:16px;
}
.mypage-favorites ul > li{
	padding:10px;
}
.mypage-favorites ul > li:nth-of-type(2n-1){
	background:#f4f4f4;
}
.mypage-favorites .date{
	padding:0 10px;
	white-space:nowrap;
}
.mypage-favorites .delete_from_favorite{
	float:right;
	margin:3px 0;
	display:block;
	position:relative;
}
.mypage-favorites .delete_from_favorite > span > a{
	display:block;
	padding:0 10px;
	background:#d4d4d4;
	color:#333;
	font-size:10px;
	line-height:20px;
}

/* Mypage: favorite_column */
#mypage-favorite_column h3{
	padding:4px;
	color:#0098e2;
	border-bottom:6px double #0098e2;
}
#mypage-favorite_column > div{
	border:1px solid #999;
	border-top:none;
	padding:10px;
	font-size:13px;
}
.mypage-favorites-column .delete_from_favorite{
	margin:3px 0;
	position:relative;
	display:block;
	text-align:center;
}
.mypage-favorites-column .delete_from_favorite > span > a{
	display:block;
	padding:0 10px;
	background:#d4d4d4;
	color:#333;
	font-size:10px;
	line-height:20px;
}

#mypage-favorite_column > #favorite_column_slider{
	padding:0;
}
#favorite_column_slider .mod_js_slider_stage{
	padding:0;
	box-sizing:border-box;
}
@media only screen and (min-width: 960px) {
	#favorite_column_slider .mod_js_slider_block > ul{
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		margin:10px;
	}
	#favorite_column_slider .mod_js_slider_block > ul > li{
		box-sizing:border-box;
		width:25%;
		padding:10px;
		margin:5px 0;
		font-size:12px;
	}
	#favorite_column_slider .mod_js_slider_block > ul > li:nth-child(4n+2):last-child{
		margin-right:50%;
	}
	#favorite_column_slider .mod_js_slider_block > ul > li:nth-child(4n+3):last-child{
		margin-right:25%;
	}
}
@media only screen and (max-width: 959px) {
	#favorite_column_slider .mod_js_slider_block *{
		box-sizing:border-box;
	}
	#favorite_column_slider .mod_js_slider_block > ul{
		
		display:flex;
		flex-flow:row wrap;
		margin:10px;
		padding-bottom:10px;
	}
	#favorite_column_slider .mod_js_slider_block > ul > li{
		flex:0 0 50%;
		padding:0 12.5px 0 0;
		margin:15px 0;
		position:relative;
	}
	#favorite_column_slider .mod_js_slider_block > ul > li:nth-of-type(2n){
		padding:0 0 0 12.5px;
		border-left:1px solid #ccc;
	}
	#favorite_column_slider .mod_js_slider_block > ul > li:nth-of-type(2n):after{
		content:'';
		display:block;
		position:absolute;
		left:-100%; right:0;
		bottom:-15px;
		height:0;
		border-bottom:1px solid #ccc;
	}
}
#favorite_column_slider .mod_js_slider_block > ul > li > a{
	display:block;
}
#favorite_column_slider .mod_js_slider_block > ul > li > a:hover{text-decoration:none}
#favorite_column_slider .mod_js_slider_block > ul > li > a > *{
	display:block;
}
#favorite_column_slider .mod_js_slider_block > ul > li > a .t{
	text-align:justify;
	color:#666;
	font-weight:bold;
	line-height:1.1;
	margin:4px 0 2px;
}
#favorite_column_slider .mod_js_slider_block > ul > li > a .category{
	color:#666;
	text-decoration:underline;
}
#favorite_column_slider .mod_js_slider_block > ul > li > a .thumbnail{
	position:relative;
	padding-top:75%;
}
#favorite_column_slider .mod_js_slider_block > ul > li > a .thumbnail > *
{
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	width:100%; height:100%;
	object-fit: cover;
	overflow:hidden;
	padding:0;
}

/* Mypage: freespace */
.mypage-freespace h3{
	padding:4px;
	color:#0071bc;
	border-bottom:6px double #0071bc;
}
.mypage-freespace > div{
	border:1px solid #999;
	border-top:none;
	padding:10px;
	font-size:13px;
}
.mypage-freespace .mypage-freespace-nation{
	margin-bottom:20px;
}
.mypage-freespace h4{
	border-bottom:2px solid #e58b00;
	color:#424242;
	margin:5px 0;
	padding:5px 0;
}
.mypage-freespace h4 > .nation-name{
	font-weight:bold;
	font-size:16px;
}
.mypage-freespace ul > li{
	padding:10px;
}
.mypage-freespace ul > li:nth-of-type(2n-1){
	background:#f4f4f4;
}

.mypage-favorites-nation-ranking h2{
	color:#9c7800;
	line-height:1.2;
	margin-bottom:4px;
}
.mypage-favorites-nation-ranking h3{
	background:#eae0c2;
	font-size:14px;
	color:#424242;
	padding:10px;
	border:1px solid #c5b68a;
	border-bottom:none;
}
.mypage-favorites-nation-ranking ul{
	border:1px solid #c5b68a;
	padding:2px 6px;
	margin-bottom:10px;
}
.mypage-favorites-nation-ranking ul li:last-child > div{
	border:none;
}

.user_detail_pref{
	margin-bottom:10px;
}
.user_detail_pref *{
	box-sizing:border-box;
}
.user_detail_pref_head{
	border:1px solid #e3dbbf;
	background:#f9f6ec;
}
.user_detail_pref_body > div{
	background:#fff;
	border:1px dotted #666;
	border-top:1px dotted #eae0c2;
}
.user_detail_pref .last-post-date{
	padding:2px 6px;
	background:#eceaea;
	font-size:10px;
	color:#000;
}

.mod_school_condition{
	margin:10px 0;
}
.mod_school_condition > span{
	display:inline-block;
	padding:6px 8px;
}

.mod_school_condition.is_closed > span{
	background:#ff6941;
	border:1px solid #ff6941;
	color:#fff;
}
.mod_school_condition.is_locked > span{
	background:#faecca;
	border:1px solid #fcaf8a;
}
.mod_school_condition > span > img{
	zoom:0.5;
	vertical-align:middle;
	margin-right:2px;
}

/* School Single */
#school_summary{
	background:#fbfbf8;
	border:1px solid #dadac9;
	padding:20px;
	margin-bottom:15px;
}
#school_summary .schoolTitle{
	border-left: 10px solid #f3922b;
	padding-left:10px;
	font-size:30px;
	color:#f3922b;
	margin-bottom:10px;
}
body.category-philippine #school_summary .schoolTitle{
	border-left: 10px solid #f32b88;
	color:#f32b88;
}
body.category-canada #school_summary .schoolTitle {
border-left-color:#ff0000;
color:#ff0000;
}
body.category-aus #school_summary .schoolTitle {
border-left-color:#ff9c00;
color:#ff9c00;
}
body.category-us #school_summary .schoolTitle {
border-left-color:#064b8c;
color:#064b8c;
}
body.category-nz #school_summary .schoolTitle {
border-left-color:#229104;
color:#229104;
}
body.category-uk #school_summary .schoolTitle {
border-left-color:#13b3e7;
color:#13b3e7;
}
body.category-irl #school_summary .schoolTitle {
border-left-color:#249fa3;
color:#249fa3;
}
body.category-haw #school_summary .schoolTitle {
border-left-color:#064b8c;
color:#064b8c;
}
body.category-mlt #school_summary .schoolTitle {
border-left-color:#838383;
color:#838383;
}
body.category-mys #school_summary .schoolTitle {
border-left-color:#01ba7f;
color:#01ba7f;
}
body.category-fji #school_summary .schoolTitle {
border-left-color:#0196ce;
color:#0196ce;
}
body.category-sgp #school_summary .schoolTitle {
border-left-color:#fc3729;
color:#fc3729;
}
body.category-ger #school_summary .schoolTitle {
border-left-color:#f6a200;
color:#f6a200;
}
body.category-fra #school_summary .schoolTitle {
border-left-color:#045de3;
color:#045de3;
}
body.category-ind #school_summary .schoolTitle {
border-left-color:#f7c602;
color:#f7c602;
}
body.category-bali #school_summary .schoolTitle {
border-left-color:#8c49c2;
color:#8c49c2;
}
body.category-esp #school_summary .schoolTitle {
border-left-color:#b81c22;
color:#b81c22;
}

#school_summary .schoolTitle > .jpTitle{
	display:block;
	color:#595757;
	font-size:14px;
}

#school_summary .rating-box{
	border:1px solid #efd147;
	background:#fefbe2;
	padding:10px 20px;
	
}
#school_summary .school-status{
	background:#fdfbed;
	border:1px solid #e8e2c4;
	border-top:none;
	padding:10px 20px 0;
}
#school_summary .school-status li{
	padding-bottom:10px;
}

#school_summary .school-thumbnail{
	min-height:168px;
	line-height:168px;
	text-align:center;
	background:#efefef;
}
#school_summary .school-thumbnail img{
	max-width:240px;
	height:auto;
	display:inline-block;
	vertical-align:middle;
}

/* rating_total */
.rating_total .rate{
	font-weight:bold;
	color:#e83d29;
}

.rating_total > .c1{width:57%}
.rating_total .total_rating{
	font-size:18px;
	color:#e83d29;
}
.rating_total .total_rating > *{
	vertical-align:middle;
	line-height:32px;
}
.rating_total .total_rating .rate{
	font-size:24px;
	color:#e83d29;
}
.rating_total .total_rating .stars > *{margin-bottom:5px;}
.rating_total .total_rank{
	color:#ba8e05;
	font-size:16px;
	line-height:24px;
}
.rating_total .total_rank a{
	color:#ba8e05;
}
.rating_total .total_reviews_count{
	font-size:16px;
	color:#00a9db;
	line-height:24px;
}
.rating_total .total_reviews_count a{
	color:#00a9db;
}
.rating_total .total_good_points{
	font-size:14px;
	color:#ff4598;
	line-height:24px;
}
.rating_total .total_good_points a{
	color:#ff4598;
}
.rating_total .scores_per_years{
	border:1px solid #d5d0ca;
	border-radius:4px;
	background:#fff;
}
.rating_total .scores_per_years_title{
	background:#c79810;
	border-bottom:1px solid #d5d0ca;
	padding:4px 6px;
}
.rating_total .scores_per_years_list{
	padding:6px 0;
	font-size:12px;
}
.rating_total .scores_per_years_list a{
	color:#333;
}

.rating_total a{
	text-decoration:underline;
}
.rating_total a:hover{opacity:0.8;}

/* radar_chart */
.radar_chart{
	text-align:center;
	width:100%;
	border:1px solid #d5d0ca;
	border-radius:4px;
	background:#fff;
}
.radar_chart > *{
	display:table-cell;
	vertical-align:middle;
}
.radar_chart_title{
	width:1.2em;
	padding:10px;
	text-align:center;
	line-height:1.2;
	color:#684532;
	font-size:14px;
	background:#f4d17a;
	border-right:1px solid #d5d0ca;
}
.radar_chart .wrap{
	vertical-align:top;
	width:100%;
	position:relative;
	padding:10px;
	height:200px;
}
.radar_chart .wrap .scores{
	line-height:1.2;
}
.radar_chart .wrap .scores > [class^="score-"]{
	position:absolute;
}
.radar_chart .wrap .scores > .score-0{
	top:10px; left:0;
	width:100%;
}
.radar_chart .wrap .scores > .score-1{
	top:55px; left:225px;
	text-align:left;
}
.radar_chart .wrap .scores > .score-2{
	top:140px; left:225px;
	text-align:left;
}
.radar_chart .wrap .scores > .score-3{
	top:190px; left:0;
	width:100%;
}
.radar_chart .wrap .scores > .score-4{
	top:140px; right:225px;
	text-align:right;
}
.radar_chart .wrap .scores > .score-5{
	bottom:140px; right:225px;
	text-align:right;
}
.radar_chart .wrap .scores .col_name{
	font-size:12px;
}
.radar_chart .wrap .scores .rate{
	font-weight:normal;
	display:block;
}
.radar_chart canvas{
	margin-top:20px;
}

#main_contents .school-recent-reviews{
}
#main_contents .school-recent-reviews .TOPtitle{
	border-left-color:#ff6633;
}
#main_contents .school-recent-reviews .body{
	border:1px solid #CB9966;
	background:#ffffea;
	margin-bottom:6px;
}
#main_contents .school-recent-reviews .body .review-head{
	border-bottom:1px dotted #CB9966;
	margin:20px 25px;
}
#main_contents .school-recent-reviews .body .review-head:last-child{
	border:none;
}
#main_contents .school-recent-reviews .body h3{
	background:none;
	padding:0;
	margin:0;
}
#main_contents .school-recent-reviews .body .school_name{
	margin-left:-.5em;
	margin-bottom:0;
}
#main_contents .school-recent{
	padding:10px 10px;
	background:#f0f8fd;
	border:1px solid #a4d6fa;
	font-size:13px;
	margin-bottom:6px;
}
#main_contents .school-recent h3{
	border:none;
	background:none;
	padding:0;
	margin:0 0 6px 0;
	color:#0082f1;
	font-size:16px;
}
#main_contents .school-recent ul{
	margin:0; padding:0;
}
#main_contents .school-recent li{
	margin:0; padding:0; background:none;
	padding:4px;
}
#main_contents .school-recent li a{
	border:none;
}
#main_contents .school-recent li a .gray{
	color:#666;
	font-size:11px;
}


#main_contents .school-tabs{
	display:table;
	table-layout:fixed;
	width:100%;
	margin:0;
	margin-bottom:40px;
	border:1px solid #ccc;
	border-right:none;
	box-sizing:border-box;
}
#main_contents .school-tabs a{
	display:table-cell;
	vertical-align:middle;
	border-right:1px solid #ccc;
	padding:0 2px 4px;
	background:#f8f8f8;
	position:relative;
	z-index:3;
	font-size:15px;
	width:100%;
	height:61px;
	text-align:center;
	overflow:hidden;
	color:#333;
}
#main_contents .school-tabs a:after{
	content:'';
	position:absolute; bottom:0; left:0;
	z-index:2;
	width:100%; height:8px;
	display:block;
	background: url( 'imgs/sprite-tabs.png?v=1.1' ) repeat-x 0 -50px;
}
#main_contents .school-tabs a:hover{
	color:#0183F1;
}
#main_contents .school-tabs a:hover,
#main_contents .school-tabs a.active
{
	text-decoration:underline;
}

#main_contents .school-tabs a:hover:after,
#main_contents .school-tabs a.active:after
{
	background-position: 0 -40px;
}

#main_contents .school-tabs a.reviews{
	color:#F3159D;
	background-color:#FCEEF5;
}
#main_contents .school-tabs a.reviews:hover{
	opacity:0.8;
}
#main_contents .school-tabs a.reviews:after{
	background-position: 0 0;
}
#main_contents .school-tabs a.reviews:hover:after{
	background-position: 0 -10px;
}

#main_contents .school-tabs a.reports{
	color:#388500;
	background-color:#F3F7DD;
}
#main_contents .school-tabs a.reports:hover{
	opacity:0.8;
}
#main_contents .school-tabs a.reports:after{
	background-position: 0 -20px;
}
#main_contents .school-tabs a.reports:hover:after{
	background-position: 0 -30px;
}


.schooldetails .features{
	min-height:10em;
	background:url( '../imgs/school/school-top-illust_alt.png?v=1.1' ) no-repeat 10px 50%;
	padding:10px 10px 10px 180px;
	margin-bottom:20px;
}
body.category-philippine .schooldetails .features{
	min-height:10em;
	background:url( '../imgs/school/school-top-illust.png?v=1.1' ) no-repeat 10px 50%;
	padding:10px 10px 10px 180px;
	margin-bottom:20px;
}

.schooldetails .features > div{
	position:relative;
	background:#DCF2FE;
	padding:15px 30px;
	border-radius:8px;
}
.schooldetails .features > div:before{
	content:'';
	z-index:10;
	position:absolute; width:0; height:0;
	top:50%; margin-top:-6px; left:-40px;
	border-right: 40px solid #DCF2FE;
	border-top:18px solid transparent;
	border-bottom: 8px solid transparent;
}

.no_posts{
	padding:20px;
	background:#efefef;
	text-align:center;
	color:#888;
	margin:10px 0;
}


.school-top-schoolstaff_reviews .schoolstaff_review{
	border-spacing:0;
	border-collapse:collapse;
	border:1px solid #dddcdd;
	box-sizing:border-box;
}
.school-top-schoolstaff_reviews .schoolstaff_review .tr > *{
	border-bottom:1px solid #dddcdd;
}
.school-top-schoolstaff_reviews .schoolstaff_review .tr.male > *{
	background:#f2fcfd;
}
.school-top-schoolstaff_reviews .schoolstaff_review .tr.female > *{
	background:#fdf2fb;
}
.school-top-schoolstaff_reviews .gender-image{
	width:75px;
	box-sizing:border-box;
}

/* School > Reviews */
.review{
	border:1px solid #66ccff;
	background:#fff;
	margin-bottom:10px;
	font-size:12px;
}
.review > *{padding:10px;}
.review.best{
	border-color:#ffc618;
	background:#fdfde3;
}
.review-best-label,
.school-list-review-best-label{margin-top:-10px; color:#ff0000; font-size:12px; margin-bottom:-10px;}
#main_contents .review h3{
	font-size:16px;
	font-weight:bold;
	background:none;
	padding:0;
	margin:0;
}
.review-head{
	display:table;
}
.review-head > *{
	display:table-cell;
	vertical-align:top;
}
.review-head .review-titles{
	padding:0 10px 10px 15px;
	vertical-align:top;
	width:100%;
}
.review-head .review-titles > *{
	margin-bottom:4px;
}
.rating .rate{
	color:#ff6666;
	font-weight:bold;
}
.review .rate{
	font-size:18px;
	color:#ff6666;
	font-weight:bold;
	display:inline-block;
	margin:0px 10px 0 6px;
	vertical-align:bottom;
}
.review .inpression{font-size:14px}
.label{
	color:#fff;
	font-size:11px;
	text-align:center;
	padding:1px 10px;
	display:inline-block;
	background-color:#80c5e9;
	border:1px solid #4ca4e7;
	border-radius:4px;
}
.label.pink{
	color:#fff;
	background-color:#fe94ba;
	border-color:#fd81b0;
}
.label.gray{
	color:#fff;
	background-color:#bab9b9;
	border-color:#9d9d9d;
}
.review-single .review-detail{
	border-bottom:1px solid #66ccff;
}
.review-single .review-head{
	border:none;
	padding-bottom:0;
}
.review-single .admin_public_message{
	padding:6px 0;
	border-top:3px double #888;
	border-bottom:3px double #888;
	font-size:12px;
	color:#000;
}
#main_contents .review-ratings{
	margin:0 10px 10px;
	border:1px solid #f5c85c;
	background:#fcfce7;
	color:#000;
}
#main_contents .review-ratings h4{
	color:#000;
	border:none;
	margin:0;
	padding:0 6px;
	margin:6px 0;
	border-bottom:3px double #fe94ba;
	background:none;
}
.review-ratings .rating-label{
	padding:2px 6px;
}

.school_banner{
	border:3px double #fff;
	border-radius:3px;
	background:#f76504;
	display:block;
	margin-bottom:5px;
}
.school_banner:hover{opacity:0.9}
.school_banner .h{
	font-size:15px;
}
.school_banner > div{
	overflow:hidden;
	border:1px solid #f76504;
	border-radius:3px;
	height:64px;
	box-sizing:border-box;
	display:table;
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
.school_banner > div > div{
	box-sizing:border-box;
	color:#fff;
	display:table-cell;
	width:42px;
	white-space:nowrap;
	vertical-align:middle;
	background:#fff;
	border-radius:3px 0 0 3px;
	text-align:center;
	padding:0 0 0 3px;
}
.school_banner > div > div:last-child{
	white-space:inherit;
	width:inherit;
	background:none;
	border-radius:0 3px 3px 0;
	text-align:left;
	padding:10px 2px 10px 10px;
}
.school_banner a{color:#fff !important}
.school_banner_ranking_receptions{
	background: -moz-linear-gradient(top,#fb802d 0%,#f76504);
	background: -webkit-gradient(linear, left top, left bottom, from(#fb802d), to(#f76504));
}
.school_banner_seats{
	background:#2b955b;
	background: -moz-linear-gradient(top,#39be76 0%,#2b955b);
	background: -webkit-gradient(linear, left top, left bottom, from(#39be76), to(#2b955b));
}
.school_banner_seats > div{
	border-color:#2b955b;
}

.block_to_reasons a{
	color:#f5256e;
	text-decoration:none;
	padding:4px 15px;
	background:#fef377;
	border:1px solid #dadac9;
	font-weight:bold;
}
.block_to_reasons a:hover{opacity:0.8}
#school_summary + .block_to_reasons{
	margin-top:-16px;
	margin-bottom:15px;
}
#main_contents .entry-content + .block_to_reasons{
	margin:0 10px;
}
.circled_icon{
	display:inline-block;
	text-align:center;
	overflow:hidden;
	border-radius:50%;
	background:#0099ff;
	width:16px;
	line-height:16px;
	vertical-align:middle;
	color:#fff;
	margin-right:0.2em;
}

@media only screen and (min-width: 960px) {
	.stars.small{
		display:inline-block !important;
		transform:scale(0.70,0.70);
		margin-left:-15px; margin-right:-15px;
		margin-top:-1px;
	}
	.schooldetails .features{
		min-height:10em;
		background:url( '../imgs/school/school-top-illust_alt.png?v=1.1' ) no-repeat 10px 50%;
		padding:10px 10px 10px 180px;
		margin-bottom:20px;
	}
	body.category-philippine .schooldetails .features{
		min-height:10em;
		background:url( '../imgs/school/school-top-illust.png?v=1.1' ) no-repeat 10px 50%;
		padding:10px 10px 10px 180px;
		margin-bottom:20px;
	}
	.schooldetails .features > div{
		position:relative;
		background:#DCF2FE;
		padding:15px 30px;
		border-radius:8px;
	}
	.schooldetails .features > div:before{
		content:'';
		z-index:10;
		position:absolute; width:0; height:0;
		top:50%; margin-top:-6px; left:-40px;
		border-right: 40px solid #DCF2FE;
		border-top:18px solid transparent;
		border-bottom: 8px solid transparent;
	}
	#recommend_schools_box{
		margin-left:14px;
	}

	.side-thumbnail {
		width:70px;
	}
}
.review-ratings .rate{
	font-size:12px;
	font-weight:bold;
	color:#ff0000;
}
.review-ratings > .rate{
	font-size:18px;
}
.review-ratings .score{
	border:1px solid #d4d4d4;
	background:#f4f4f4;
}
.review-ratings .score_before{
}
.review-ratings .score_after{
	border-color:#a6ddf9;
	background:#e9f7fe;
}

.review-ratings .score .score-text{
	margin-top:10px;
	
}
.review-single .review-bottom{
	background:#FFFFD9;
	border-top:1px solid #66ccff;
	padding:10px;
}
.review-single .review-bottom .informa_medium{
	display:block;
	line-height:24px;
	padding-left:30px;
	margin-right:10px;
}

.plus_point img{opacity:1;}
.plus_point.disabled img{opacity:0.8}
.plus_point.disabled a{cursor:default;}

.preview_review{
	max-width:676px;
	margin:20px auto;
}
.preview_review .review-detail
, .preview_review .review-bottom
, .preview_review .preview_none
{
	display:none;
}

/* ranking */
#main_contents.single-column{
	float:none;
	width:auto;
}
#main_contents.single-column + #secondary{display:none;}
.ranking_table a:hover{opacity:0.7}
.ranking_links a:hover{opacity:0.7; text-decoration:none;}
#main_contents .ranking_table{
	border-spacing:0;
	border-collapse:collapse;
	line-height:1.2;
	width:100%;
	border:1px solid #ccc;
}
#main_contents .ranking_table .rating{
	display:inline-block;
	white-space:nowrap;
}
#main_contents .ranking_table caption{
	border:none;
	padding:6px 10px;
	font-size:16px;
	font-weight:normal;
	color:#333;
	border:1px solid #fe6e85;
	border-bottom-width:2px;
	margin-bottom:-1px;
	border-radius:4px 4px 0 0;
	position:relative;
	z-index:2;

	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#ffc0cb 25%, #ffc0cb 50%,
		#fff 50%, #fff 75%,
		#ffc0cb 75%, #ffc0cb
	);
	background-size:4px 4px;
}
#main_contents .ranking_table tr > *{
	padding:0; margin:0; background:none;
	border:1px dotted #ccc;
	vertical-align:middle;
	word-wrap:break-word;
}
#main_contents .ranking_table thead tr > *{
	border-top-style:solid;
	border-bottom-style:solid;
}
#main_contents .ranking_table tfoot tr > *{
	border-bottom-style:solid;
}
#main_contents .ranking_table tr > .not-empty + .empty{
	border-left-style:solid;
}
#main_contents .ranking_table tr > th.rank{
	padding:6px;
	text-align:center;
	line-height:1.2;
	color:#666;
	font-weight:normal;
	width:6.67%;
	box-sizing:border-box;
	white-space:nowrap;
}
#main_contents .ranking_table tr > td{
	padding:6px;
}
.ranking_table tr.rank-1{
	background:#fffecb;
}
.ranking_table tr.rank-2{
	background:#ffffea;
}
.ranking_table tr.rank-3{
	background:#ffffea;
}
.ranking_table th .rank{
	font-weight:bold;
}
.ranking_table th.type1 .rank
{
	font-size:18.8px;
	color:#dd0505;
	margin-bottom:4px;
}
.ranking_table th.type1 .rank .num
{
	font-size:24px;
}
.ranking_table th.type2 .rank
{
	font-size:18.8px;
	margin-bottom:4px;
}
.ranking_table th.type2 .rank .num
{
	font-size:24px;
}
.ranking_table th.type3 .rank
{
	font-size:15px;
	margin-bottom:4px;
}
.ranking_table th.type3 .rank .num
{
	font-size:17.5px;
}
.ranking_table th.type4 .rank
{
	font-size:15px;
	margin-bottom:4px;
}
.ranking_table th.type4 .rank .num
{
	font-size:17.5px;
}
.ranking_table th.type4 + td{
	width:26.67%;
}
.ranking_table th.type4.sep2 + td{
	width:43.33%;/* ( 100 - 6.67 *2 ) / 2 */
}
.ranking_table th.type5{
	vertical-align:middle !important;
}
.ranking_table th.type5 .rank
{
	font-size:14px;
	margin-top:2px;
}
.ranking_table tr.sep3 > th.rank{
	width:6.67%;
}
.ranking_table tr.sep3 > td{
	width:26.67%;
}


.ranking_table .past_rank{
	margin:6px 0;
	font-size:10px;
}

.ranking_table .catch_copy{
	color:#b16121;
	margin:6px 0;
	font-size:13px;
}
.ranking_table .school-status{
	list-style:none;
}
#main_contents .ranking_table .school-status li{
	background:none;
	margin:4px 10px 4px 0; padding:0;
}
#main_contents .ranking_table .school-status li .label-school-status{
	color:#333;
}
#main_contents .ranking_table .school-status ul{margin:0;}
.ranking_table .reviews_count,
.ranking_table .reviews_count a
{
	color:#00a9db;
}
.ranking_table .reviews_count a{
	font-size:17.5px;
}

.ranking_table .good_points,
.ranking_table .good_points a
{
	color:#ff4598;
}
.ranking_table .good_points a{
	font-size:17.5px;
}
.ranking_table td.empty{
	visibility:hidden;
}
.school_detail_param{
	line-height:26px;
}
.school_detail_param.receptions .number{color:#e36316}
.school_detail_param.requests .number{color:#3cb8ad}
.school_detail_param.access .number{color:#22ac38}
.school_detail_param.good .number{color:#eb6ea5}
.school_detail_param .number .num{font-size:18px; font-weight:bold;}
#secondary .school_detail_param .number .num{font-size:14px; font-weight:inherit}
.school_detail_param.small .number,
.school_detail_param.small .number *{
	font-size:12px !important;
}
.ranking_table .rate{
	display:inline-block;
	vertical-align:middle;
	line-height:1em;
}

.ranking_table_top{
	table-layout:fixed;
}
.pc .ranking_table_top > thead > tr > td:nth-of-type(1){
	width:50px;
	box-sizing:border-box;
}
.ranking_table_top tbody tr > *{
}
.ranking_table_top thead{
	background:#eff4f8;
}
#main_contents .ranking_table_top thead tr > td{
	text-align:center;
	padding:10px 0;
}
.ranking_table_top thead a{
	font-size:15px;
	text-decoration:underline;
}
.ranking_table_top tfoot{
	background:#ffffea;
}
#main_contents .ranking_table_top tfoot td{
	text-align:center;
}
#main_contents .ranking_table_top tfoot img{
	max-width:185px;
}
#main_contents .ranking_table_sp tfoot img{
	max-width:100%;
}
#main_contents .ranking_table_top tbody .type1 .thumbnail img{
	max-width:120px;
}
#main_contents .ranking_table_top tbody .type2 .thumbnail img{
	max-width:60px;
	margin-bottom:10px;
}
#main_contents .ranking_table_top tbody td{
	min-width:200px;
}
#main_contents .ranking_table_top tbody td .rate{
}
#main_contents .nation-top-ranking .ranking_table{
	margin-bottom:10px;
}
#main_contents .nation-top-ranking .ranking_table th .rank{
	color:#dd0505;
	font-size:12px;
}
#main_contents .nation-top-ranking .ranking_table th.rank .num{
	font-size:18px;
	display:inline;
}
#main_contents .nation-top-ranking .ranking_table thead a{font-size:12px;}


#main_contents .nation-top-ranking .rankings.pc{
	letter-spacing:-.4em;
}
#main_contents .nation-top-ranking .rankings.pc > *{
	letter-spacing:0;
}
#main_contents .nation-top-ranking .ranking{
	display:inline-block;
	width:50%;
	box-sizing:border-box;
	vertical-align:top;
}
#main_contents .nation-top-ranking .ranking > div{
	margin:2px;
}
#main_contents .nation-top-ranking .ranking_title{
	color:#fff;
	font-size:14px;
	padding:6px;
	text-align:center;
	position:relative;
}
#main_contents .nation-top-ranking .ranking_title:before{
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	top:0; right:0; bottom:0; left:0;
	background-image: linear-gradient(45deg, rgba(100, 100, 100, 0.1) 25%, transparent 25%, transparent 50%, rgba(100, 100, 100, 0.1) 50%, rgba(100, 100, 100, 0.1) 75%, transparent 75%, transparent);
	background-size: 4px 4px;
}

#main_contents .nation-top-ranking .ranking_title > span{
	position:relative;
	z-index:2;
}
#main_contents .nation-top-ranking .ranking_title > span > span{
	font-size:18px;
}
#main_contents .nation-top-ranking .ranking > div{
	border-radius:4px 4px 0 0;
	overflow:hidden;
}
#main_contents .nation-top-ranking .ranking.receptions > div{
	border:2px solid #ff4e00;
}
#main_contents .nation-top-ranking .ranking.receptions .ranking_title{
	border-bottom:2px solid #ff4e00;
	background: linear-gradient(to top, #f26802 14%, #f4710f 83%);
}
#main_contents .nation-top-ranking .ranking.requests > div{
	border:2px solid #17986d;
}
#main_contents .nation-top-ranking .ranking.requests .ranking_title{
	border-bottom:2px solid #17986d;
	background: linear-gradient(to top, #1ca879 0%, #33cc99 65%);
}
#main_contents .nation-top-ranking .ranking.rating > div{
	border:2px solid #af9622;
}
#main_contents .nation-top-ranking .ranking.rating .ranking_title{
	border-bottom:2px solid #af9622;
	background: linear-gradient(to top, #c79810 0%,#eab92d 90%);
}
#main_contents .nation-top-ranking .ranking.schoolstaff > div{
	border:2px solid #d53b51;
}
#main_contents .nation-top-ranking .ranking.schoolstaff .ranking_title{
	border-bottom:2px solid #d53b51;
	background: linear-gradient(to top, #d53b3c 0%,#fb7374 59%);
}
#main_contents .nation-top-ranking .ranking.access > div{
	border:2px solid #439527;
}
#main_contents .nation-top-ranking .ranking.access .ranking_title{
	border-bottom:2px solid #439527;
	background: linear-gradient(to top, #7dbe0a 0%,#a2d93f 100%);
}
#main_contents .nation-top-ranking .ranking.good > div{
	border:2px solid #e6468d;
}
#main_contents .nation-top-ranking .ranking.good .ranking_title{
	border-bottom:2px solid #e6468d;
	background: linear-gradient(to top, #ee4690 0%, #eb6ea5 100%);
}

#main_contents .nation-top-ranking table.ranking_body{
	width:100%;
	margin:0;
	border-spacing:0;
	border-collapse:collapse;
	background:none;
	border:none;
}
#main_contents .nation-top-ranking table.ranking_body td{
	border:none;
	background:none;
	vertical-align:middle;
	border-bottom:1px dotted #ccc;
	padding:2px 2px 2px 0;
	background:#fffeee;
	box-sizing:border-box;
	overflow:hidden;
}

#main_contents .nation-top-ranking table.ranking_body tr:nth-of-type(1) td{
	background:#fdfada;
}
#main_contents .nation-top-ranking table.ranking_body td *{font-size:9px}
#main_contents .nation-top-ranking table.ranking_body td .number,
#main_contents .nation-top-ranking table.ranking_body td .number span{font-size:10px}

#main_contents .nation-top-ranking table.ranking_body td:nth-of-type(1){
	width:24px;
	text-align:center;
}
#main_contents .nation-top-ranking table.ranking_body td:nth-of-type(2){
}
#main_contents .nation-top-ranking table.ranking_body td:nth-of-type(3){
	width:80px;
}
#main_contents .nation-top-ranking table.ranking_body td:nth-of-type(4){
	width:84px;
	padding-right:.4em;
}

#main_contents .nation-top-ranking table.ranking_body tr:last-child td{
	border:none;
}
#main_contents .nation-top-ranking table.ranking_body td [class^="icon-"]{
	transform:scale(0.7,0.7);
	margin-right:-.2em;
}
#main_contents .nation-top-ranking table.ranking_body td .stars{
	transform:scale(0.8,0.8);
	margin-left:-.9em;
	margin-right:-.4em;
}
#main_contents .nation-top-ranking table.ranking_body td .icon-star{
	transform:inherit;
	margin-right:-4px;
}


#main_contents .school-list-news-entry{
	padding:10px;
	border:1px solid #4CA5F7;
	margin-bottom:10px;
}
#main_contents .school-list-news .school_name{
	color: #888;
}
#main_contents .school-list-news .news_title{
	color: #4CA5F7;
	font-size:16px;
	border-bottom:1px dotted #4CA5F7;
	margin-bottom:10px;
}
#main_contents .school-list-news .news_excerpt{
	color:#333;
	font-size:12px;
	padding:0 10px;
}
.school_ranking_at_sidebar .title{
	
	background: #F3F3F3 no-repeat scroll 15px center;
	color: #666;
	border-width: 1px 1px 1px 3px;
	border-style: solid solid dotted;
	border-color: #EEE #EEE #CCC #30A0FE;
	margin: 0px;
	padding: 8px 8px 8px 10px;
}
.school_ranking_at_sidebar ul{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px dotted #ccc;
}
.school_ranking_at_sidebar li{
	padding:8px 8px 2px 8px;
	font-size:12px;
	word-break:break-all;
	border-bottom:1px dotted #ccc;
}
.school_ranking_at_sidebar a.gray{color:#333;}
#secondary .school_ranking_at_sidebar li .thumbnail img{
	width:70px;
	max-width:70px;
}
#secondary .school_ranking_at_sidebar li .rate{
	font-size:13px;
}

#sidebar-searchbox{
	float:left;
	width:260px;
	background:#fff;
	padding-bottom:15px;
	margin-bottom:10px;
}
.layout-mypage #sidebar-searchbox{
	float:none;
}
#sidebar-searchbox .title{
	color: #666;
	border-width: 1px 1px 1px 3px;
	border-style: solid solid dotted;
	border-color: #EEE #EEE #CCC #30A0FE;
	margin: 0px;
	padding: 8px 8px 8px 10px;
	background:#eee;
}
@media only screen and (max-width: 959px) {
	#sidebar-searchbox{
		width:auto;
		float:none;
	}
}
.searchbox_users{
	padding:15px 10px 5px;
	border:1px solid #ccc;
	border-top:none;
	background:#f4f4f4;
}
.searchbox_users label + div{
	margin:4px 0 10px;
}
.searchbox_users select{
	width:100%;
	border:1px solid #ccc;
	height:40px;
	box-sizing:border-box;
}
.searchbox_users .buttons{
	text-align:center;
	padding-top:4px;
}
.searchbox_users .button{
	width:100%;
}
.searchbox_users .button.button_reset{
	width:inherit;
	background:#f4f4f4;
	font-weight:normal;
	color:#333;
	border:1px solid #ccc;
}

.search_messages{
	
}
.search_messages > div{
	margin-bottom:10px;
}
.search_messages > div > span{
	display:inline-block;
	color:#30A0FE;
	border-left:3px solid #30A0FE;
	background:#fff;
	font-size:12px;
	padding:0 8px;
	line-height:16px;
}
.search_messages > div > span:before{
}

.page-guideline{
	color:#696969;
	line-height:1.8;
	border:1px solid #fae5a7;
	background:#fefbec;
	margin:20px;
	padding:20px;
}
.page-guideline h1{
	font-size:23px;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
	padding-left:50px;
	background:url( 'imgs/guideline-title.png?v=1.1' ) no-repeat;
}
.page-guideline h2{
	background:#f39700;
	color:#fff;
	padding:4px 8px;
	font-size:16px;
	font-weight:bold;
	position:relative;
}
.page-guideline h2 + *{
	border-top:2px solid #f39700;
	margin-top:1px;
	padding:10px 0;
}
.page-guideline dt{
	font-size:15px;
	font-weight:bold;
	color:#736357;
	border-bottom:1px dotted #736357;
}
.page-guideline dd{
	margin-bottom:20px;
}
.page-guideline dd div.font14{
	font-size:15px;
	font-weight:bold;
	color:#736357;
}
.page-guideline p{
	margin:0.4em 0;
	font-size:12px;
}
.page-guideline .date{
	margin:10px 0 20px;
}

#js_viewer_stage, #js_sp_stage{
	position:fixed; top:0; left:0; z-index:20000;
	background:rgba(102,102,102,0.3);
	width:100%; height:100%;
	display:none;
	text-align:center;
}
#js_viewer_stage .backstage, #js_sp_stage .backstage{
	content:'';
	display:block;
	width:100%; height:100%;
	position:fixed; top:0; left:0;
	z-index:20001;
}
#js_viewer_stage .wrapper{
	max-width:90%; height:90%;
	margin-top:70px;
	position:relative;
}
#js_viewer_stage .wrapper img{
	max-width:100%; max-height:100%;
	width:auto; height:auto;
	vertical-align:bottom;
	position:relative; z-index:20002;
}
.js_viewer_wrapper .cancel{
	position:absolute; z-index:20003;
	top:-10px; right:-10px;
	display:block;
	font-size:24px; color:#666;
	line-height:30px;
	width:30px; height:30px;
	background:#fff;
	border-radius:50%;
	opacity:1;
}

.review-single .upload-images .js_viewer{
	width:180px;
	height:0;
	padding-top:135px;
	display:block;
	margin:0 auto;
	overflow:hidden;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}

.slider-ranking_receptions .mod_js_slider_block *{
	box-sizing:border-box;
	word-break:break-all;
}
.slider-ranking_receptions .mod_js_slider_block > div{
	display:table;
	table-layout:fixed;
	border-collapse:collapse;
	box-sizing:border-box;
}
.slider-ranking_receptions .mod_js_slider_block > div > .ib
{
	display:table-cell;
	background:#ffffea;
	border:1px solid #e2dc74;
	border-left:none;
	border-right:1px dashed #e2dc74;
}
.slider-ranking_receptions .mod_js_slider_block > div > .ib:nth-of-type(1){
	border-left:1px solid #e2dc74;
}
.slider-ranking_receptions .mod_js_slider_block > div > .ib:last-child{
	border-right:1px solid #e2dc74;
}
.slider-ranking_receptions .title{
	border-left:6px solid #4ca421;
	font-size:18px;
	font-weight:normal;
	padding-left:10px;
	color:#242424;
	margin:15px 0 10px 0;
}
.slider-ranking_receptions .title > .pink{
	color:#ff33cc;
	margin-left:1em;
	font-size:12px;
}
.slider-ranking_receptions .rank-block *{
	vertical-align:middle;
}
.slider-ranking_receptions .rank-block{
	margin-bottom:6px;
}
.slider-ranking_receptions .rank-block .rank{
	font-size:14px;
}
.slider-ranking_receptions .rank-block .rank > span{
	font-size:17px;
}
.slider-ranking_receptions .rank-block.rank1 .rank,
.slider-ranking_receptions .rank-block.rank2 .rank,
.slider-ranking_receptions .rank-block.rank3 .rank
{
	color:#dd0505;
}
.slider-ranking_receptions .rank-block .rank_before{
	font-size:10px;
	color:#666;
}
.slider-ranking_receptions .school_name{
	display:block;
	min-height:3em;
}

.mod_js_slider_stage{
	position:relative;
}
.mod_js_slider_stage .mod_js_slider_trigger.prev,
.mod_js_slider_stage .mod_js_slider_trigger.next
{
	position:absolute;
	z-index:2;
	top:50%;
	margin-top:-20px;
}
.mod_js_slider_stage .mod_js_slider_trigger.prev{
	left:0;
}
.mod_js_slider_stage .mod_js_slider_trigger.next{
	right:0;
}
.mod_js_slider_stage .mod_js_slider_trigger.fixed{
	display:none;
}
.mod_js_slider_stage .mod_js_slider_trigger.fixed.prev,
.mod_js_slider_stage .mod_js_slider_trigger.fixed.next
{
	position:fixed;
	z-index:2;
	top:50%;
	margin-top:-20px;
}
.ranking_table_sp_tabs{
	margin-bottom:10px;
}
.ranking_table_sp_tabs *{
	box-sizing:border-box;
}
.ranking_table_sp_tabs > div{
}
.ranking_table_sp_tabs a.slider_button{
	text-decoration:none;
	background:url( imgs/ranking_top_sp_tab.png ) no-repeat;
	background-size:300%;
	background-position: 0 0;
	width:33.333%;
	padding:0 !important;
}
.ranking_table_sp_tabs a.slider_button > span{
	display:none;
}
.ranking_table_sp_tabs a.slider_button:before{
	content:'';
	display:block;
	padding-top:20.3549%;
}
.ranking_table_sp_tabs a.slider_button:hover{
}
.ranking_table_sp_tabs a.slider_button.receptions{
	background-position:0 0;
}
.ranking_table_sp_tabs a.slider_button.requests{
	background-position:50% 0;
}
.ranking_table_sp_tabs a.slider_button.rating{
	background-position:0 33.33%;
}
.ranking_table_sp_tabs a.slider_button.schoolstaff{
	background-position:100% 0;
}
.ranking_table_sp_tabs a.slider_button.access{
	background-position:50% 33.33%;
}
.ranking_table_sp_tabs a.slider_button.good{
	background-position:100% 33.33%;
}
.ranking_table_sp_tabs a.slider_button.receptions.active{
	background-position:0 66.67%;
}
.ranking_table_sp_tabs a.slider_button.requests.active{
	background-position:50% 66.67%;
}
.ranking_table_sp_tabs a.slider_button.rating.active{
	background-position:0 100%;
}
.ranking_table_sp_tabs a.slider_button.schoolstaff.active{
	background-position:100% 66.67%;
}
.ranking_table_sp_tabs a.slider_button.access.active{
	background-position:50% 100%;
}
.ranking_table_sp_tabs a.slider_button.good.active{
	background-position:100% 100%;
}

#fixed_bottom_sp{display:none}
.ranking_table_sp{margin-bottom:0;}

@media only screen and (min-width: 960px) {
	.sp-inline{display:none;}
	.pc-inline{display:inline;}
}

@media only screen and (max-width: 959px) {
	.sp-inline{display:inline;}
	.pc-inline{display:none;}
	.rb{display:block !important; width:auto !important; float:inherit !important; max-width:100% !important; box-sizing:border-box; white-space:inherit;}
	.rpull-none{float:none !important}
	*{font-size:13px}
	.rsmaller{font-size:11px;}
	.btn.rsmaller{line-height:11px;}
	.rlh11{line-height:11px}
	.rlh14px{line-height:14px;}
	.rfont14{font-size:14px;}
	.rtitle{font-size:14px; line-height:1.5;}
	.rib{display:inline-block !important; *zoom:1 !important; *display:inline !important;}
	.rcell{display:table-cell;}
	.rtext-left{text-align:left;}
	.rtext-right{text-align:right;}
	.rtext-left-childs *{text-align:left !important;}
	.rtext-right-childs *{text-align:right !important;}
	.rtext-center{text-align:center;}
	.rps1em{padding-left:1em; padding-right:1em;}
	.rps10{padding-left:10px; padding-right:10px;}
	.rindent2em___{padding-left:2em; padding-right:1em;}
	.rp4{padding:4px;}
	.rp2{padding:2px;}
	.rps4{padding-left:4px; padding-right:4px;}
	.rps6{padding-left:6px; padding-right:6px;}
	.rp10{padding:10px;}
	.rpl10{padding-left:10px;}
	.rps0{padding-left:0; padding-right:0;}
	.rpv0{padding-top:0; padding-bottom:0;}
	.rp0{padding:0px;}
	.rp00{padding:0 !important;}
	.rms10{margin-left:10px; margin-right:10px;}
	.rms0{margin-right:0; margin-left:0;}
	.rnone,.res640none{display:none}
	.rbordernone{border:none;}
	.rm10{margin:10px;}
	.rmb10{margin-bottom:10px}
	.rm2{margin:2px;}
	.rms0{margin-left:0; margin-right:0;}
	.rm0{margin:0 !important}
	.rborder-none{border:none;}
	.rborder-bottom{border-bottom:1px solid #ccc;}
	.rw100{width:100% !important; max-width:100% !important;}
	.rw80{width:80%;}
	.rw75{width:75%;}
	.rw66{width:66.66%}
	.rw60{width:60%;}
	.rw50{width:50%;}
	.rw40{width:40%;}
	.rw33{width:33.333%;}
	.rw20{width:20%;}
	.rwhite{color:#fff !important;}
	.rpull-right{float:right !important;}
	.rpull-left{float:left !important;}
	.rbg-white{background:#fff;}
	.rtext-wrap{white-space:inherit}


.font14, .font15, .font16{font-size:13px;}

	#navi_user > div{width:auto;}
	#navi_user > div > .status{display:none;}
	#navi_user > div > .actions{
		display:block;
		width:auto;
		padding:6px 0;
		text-align:center;
	}
	#main_contents .ranking_table > *,
	#main_contents .ranking_table > * > tr,
	#main_contents .ranking_table > * > tr > *{
		display:block;
		box-sizing:border-box;
		margin:0 !important;
	}
	#main_contents .ranking_table{
		border:none;
		border-bottom:1px solid #ccc;
	}
	#main_contents .ranking_table tr{
		letter-spacing:-0.4em;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
	}
	#main_contents .ranking_table tr > *{
		letter-spacing:0;
		border:none;
	}
	#main_contents .ranking_table th.rank{
		vertical-align:top !important;
		display:inline-block;
		width:12% !important;
		text-align:center;
		border-top:1px solid #ccc;
		border-right:1px solid #ccc;
	}
	#main_contents .ranking_table th.rank + td{
		display:inline-block;
		width:88% !important;
		border-left:1px solid #ccc;
		border-top:1px solid #ccc;
		margin-left:-1px !important;
	}
	.ranking_table .thumbnail img{
		width:80px;
	}
	.ranking_links a{
		display:inline-block;
		margin:6px;
	}
	
	#main_contents .ranking_table_caption{
		border:none;
		padding:2px 10px;
		font-size:14px;
		font-weight:normal;
		color:#666;
		border:1px solid #fe6e85;
		border-bottom-width:2px;
		margin-bottom:-1px;
		border-radius:4px 4px 0 0;
		position:relative;
		z-index:2;
	
		background-image: linear-gradient(
			-45deg,
			#ffc3d6 25%,
			#ffa3c0 25%, #ffa3c0 50%,
			#ffc3d6 50%, #ffc3d6 75%,
			#ffa3c0 75%, #ffa3c0
		);
		background-size:4px 4px;
	}
	#main_contents .ranking_table_top .hide{display:none}
	#main_contents .ranking_table thead tr > *{border-top:none; border-bottom:none;}
	#main_contents .ranking_table tfoot tr > *{border-bottom:none;}
	
	.layout-account-form{padding:0}

.control-label.required::after{top:6px; right:0;}
.form-group{
	display:block;
	width:auto;
	border-top:1px dotted #ccc;
}
.form-submit{
	padding:20px 0;
	border-top:1px dotted #ccc;
}
.form-group > .control-label,
.form-group > .col-sm-10{
	display:block;
	padding:0;
	width:auto !important;
	border-right:none !important;
}
.form-group > .control-label{
	width:auto;
	min-width:inherit;
	padding:6px 0;
	cursor:default;
}
.form-group > .col-sm-10.vam{
	vertical-align:middle;
}
.form-group.form-inline2 > *{
	padding:0;
}
.form-group.form-inline2 > .control-label{
	padding:0;
}
form label.ib.w20{
	width:50%;
}
.form-group .form-control{
	width:100%;
}
.form-submit button{
	margin:4px !important;
	transform:scale(0.85,0.85);
}

.cell.thumbnail img{
	width:60px;
}
	
#user-summary > div{
	display:table-cell;
	padding:0 4px;
}
.mypage-reviews > ul > li > .detail > div{
	display:block;
	width:auto;
	word-break:break-all;
	padding:0;
}

.coda-slider{margin-bottom:10px;}
.coda-slider .ib.w33{
	display:block;
	width:auto;
}
.coda-slider .ib.w33 > div{
	padding:6px 10px;
}
.coda-slider .ib.w33 > div > *{
	display:table-cell;
	padding:2px;
	vertical-align:middle;
}
.coda-slider .ib.w33 > div > .res-image{
	width:60px;
}


/*
#main_contents .school-tabs{
	table-layout:fixed;
	width:100%;
	margin-bottom:10px;
}
#main_contents .school-tabs a{
	font-size:10px;
	width:inherit; height:inherit;
	padding:6px 0;
}
#main_contents .school-tabs a br{
}
#main_contents .school-tabs #school-tab-reports{
	width:6.2em;
}
#main_contents .school-tabs #school-tab-data{
	width:5.2em;
}
*/
#main_contents .school-tabs{
	display:block;
	width:100%;
	margin-bottom:10px;
	letter-spacing:-0.4em;
}
#main_contents .school-tabs a{
	letter-spacing:0;
	font-size:10px;
	width:inherit; height:inherit;
	padding:10px 0 15px;
	display:inline-block;
	width:33.333%;
	box-sizing:border-box;
}
#main_contents .school-tabs a br{
	display:none;
}
#main_contents .js_fixed_top_sp.isFixed{
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:100%;
}
#main_contents .js_fixed_top_sp.isFixed a{
	padding:4px 0 10px;
}

#fixed_bottom_sp{
	display:block;
	position:fixed;
	z-index:100;
	bottom:0;
	left:0;
	width:100%;
	background:rgba(204,204,204,0.4);
	box-sizing:border-box;
}
#fixed_bottom_sp .table{
	border-collapse:collapse;
	box-sizing:border-box;
}
#fixed_bottom_sp .cell{
	box-sizing:border-box;
	padding:8px 4px 8px 8px;
	text-align:right;
}
#fixed_bottom_sp .cell:last-child{
	padding:8px 8px 8px 4px;
	text-align:left;
}
#fixed_bottom_sp .bottom-btn{
	box-sizing:border-box;
	display:inline-block;
}
#fixed_bottom_sp .bottom-btn img{
	vertical-align:bottom;
	max-width:240px;
	width:100%;
}

#school_summary{
	padding:10px 6px;
	border-right:0; border-left:0;
}
#school_summary .schoolTitle{
	font-size:14px;
}
#school_summary .schoolTitle > .jpTitle{font-size:12px;}
.rating_total .total_rating{
	font-size:13px;
}
#school_summary .rating-box{
	padding:0;
	text-align:center;
}
.radar_chart{
	display:block;
	width:320px;
	margin:0 auto;
}
.radar_chart .wrap{
	display:block;
	width:280px;
	margin:0 auto 10px;
}
#school_summary .school-status{
	padding:10px;
}
#school_summary .school-status ul{
	display:block;
}
#school_summary .school-status ul .cell{
	display:inline-block; width:auto;
}

#main_contents .review-ratings{
	margin:0;
	border-right:0; border-left:0;
	padding:4px 4px 10px 4px;
	box-sizing:border-box;
}
.layout-review-form{
	margin:0;
	border-left:0; border-right:0;
}
#form-review{
	padding:6px;
}
.js_modal{
	position:fixed;
	top:5%; left:5%;
	width:90%;
	height:90%;
	z-index:10001;
	display:none;
}
.js_modal > .js_modal_body{
	width:100%;
	max-width:100%;
	max-height:100%;
	overflow-y:auto;
	margin:0;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	text-align:left;	
}

#main_contents .ranking_table_top tbody .type1 > td > div{
	text-align:left;
}
#main_contents .ranking_table_top tfoot td{
	border-top:1px solid #ccc;
}

#main_contents .school-recent-reviews .body .review-head{
	margin:10px;
}

}

@media only screen and (max-width: 360px) {
.radar_chart{
	display:block;
	width:240px;
	height:190px;
	margin:0 auto;
}
.radar_chart .wrap{
	display:block;
	width:280px;
	margin:0 auto 10px;
	transform:scale(0.8, 0.8);
	transform-origin:0 0;
}
body.category-philippine .schooldetails .features{
	min-height:10em;
	background:none;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}
.schooldetails .features{
	min-height:10em;
	background:none;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}
.schooldetails .features > div{
	position:relative;
	background:#DCF2FE;
	padding:8px;
	border-radius:8px;
}
.schooldetails .features > div:before{
	content:'';
	z-index:10;
	position:absolute; width:0; height:0;
	top:50%; margin-top:-6px; left:-40px;
	border-right: none;
	border-top:none;
	border-bottom: none;
}
}

/* social_buttons */
#social_buttons{
	margin-bottom:40px;
}

.social_buttons .social_button{
	background:#ccc;
	border:1px solid #ccc;
	border-radius:4px;
	overflow:hidden;
	display:block;
	color:#666;
}
.social_buttons .social_button:hover{
	text-decoration:none;
	opacity:0.8;
}
.social_buttons .social_button > ._count{
	font-size:11px;
	line-height:20px;
	background:#fff;
}
.social_buttons .social_button > ._text > .social_text{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	font-size:10px;
	line-height:12px;
}
.social_buttons .social_button > ._text > .social_icon,
.social_buttons .social_button > ._text > .social_icon > img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	height:auto;
}
.social_buttons .social_button.facebook_good{
	border-color:#385691;
	background-color:#385691;
}
.social_buttons .social_button.facebook_share{
	border-color:#385691;
	background-color:#385691;
}
.social_buttons .social_button.twitter{
	border-color:#1fa1dc;
	background-color:#1fa1dc;
}
.social_buttons .social_button.line{
	border-color:#29ad37;
	background-color:#29ad37;
}
.social_buttons .social_button.googleplus{
	border-color:#d04935;
	background-color:#d04935;
}
.social_buttons .social_button.hatena{
	border-color:#2790c0;
	background-color:#2790c0;
}
@media only screen and (min-width: 960px) {
	#fixed_social_buttons * {box-sizing:border-box;}
	#fixed_social_buttons{
		position:fixed;
		z-index:100000;
		width:110px;
		box-sizing:border-box;
		background:#f2f3f2;
		text-align:center;
		padding-top:15px;
	}
	#fixed_social_buttons > img{
		display:inline-block;
		margin:20px 0 12px;
	}
	#fixed_social_buttons > *{
		max-width:88px;
		margin:0 auto 15px;
	}
	#fixed_social_buttons .social_button.line > ._text > .social_icon,
	#fixed_social_buttons .social_button.twitter > ._text > .social_icon{
		display:block;
		padding-top:4px;
		line-height:20px;
		vertical-align:bottom;
	}
	#fixed_social_buttons .social_button.facebook_good > ._text > .social_text{margin-top:4px;}
	#fixed_social_buttons .social_button.facebook_share > ._text > .social_text{margin-top:2px;}
	#fixed_social_buttons .social_button.facebook_share > ._text > .social_icon{width:9px;}
	#fixed_social_buttons .social_button.googleplus > ._text > .social_icon{width:18px}
	#fixed_social_buttons .social_button.googleplus > ._text > .social_text{margin-top:3px;}
	#fixed_social_buttons .social_button.hatena > ._text > .social_icon{width:14px;}
	#fixed_social_buttons .social_button.hatena > ._text > .social_text{margin-top:4px;}
	
	#social_buttons > img{display:none;}
	#social_buttons .social_button{
		display:inline-block;
		border-radius:2px;
		text-align:center;
		width:72px;
		height:48px;
		vertical-align:middle;
		margin-right:4px;
	}
	#social_buttons .social_button > ._count{display:none}
	#social_buttons .social_button > ._text > .social_icon{
		display:block;
		line-height:27px;
	}
	#social_buttons .social_button > ._text > .social_text{
		display:block;
		line-height:21px;
	}
	#social_buttons > .divide{
		display:inline-block;
		vertical-align:middle;
		width:1px;
		margin-right:4px;
		height:48px;
		background:#ccc;
	}
	
	#social_buttons .social_button.facebook_good{
		height:inherit;
		width:inherit;
		padding:0 4px;
	}
	#social_buttons .social_button.facebook_good > ._text,
	#social_buttons .social_button.facebook_good > ._count{
		display:inline-block;
		background:inherit;
		color:#fff;
	}
	#social_buttons .social_button.facebook_good > ._count{
		min-width:2em;
	}
	#social_buttons .social_button.facebook_good > ._text > .social_icon{
		display:inline-block;
		line-height:1;
	}
	#social_buttons .social_button.facebook_good > ._text > .social_text{
		display:inline-block;
	}
	/*
	.social_buttons > .fb-like
	, .social_buttons > .fb-like > span
	, .social_buttons > .fb-like > span > iframe{
		width:88px !important;
		position:relative;
	}
	*/
}
@media only screen and (max-width: 959px) {
	#social_buttons{
		margin:4px 10px 10px;
	}
	
	#social_buttons .social_button{
		display:inline-block;
		border-radius:3px;
		text-align:center;
		vertical-align:middle;
	}
	#social_buttons .social_button > ._text > .social_icon{
		display:block;
	}
	#social_buttons .social_button.facebook_good{
		height:inherit;
		width:auto;
		padding:0 4px;
		display:inline-block;
	}
	#social_buttons .social_button.facebook_good > ._text,
	#social_buttons .social_button.facebook_good > ._count{
		display:inline-block;
		background:inherit;
		color:#fff;
		font-size:13px;
	}
	#social_buttons .social_button.facebook_good > ._count{
		min-width:2em;
	}
	#social_buttons .social_button.facebook_good > ._text > .social_icon{
		display:inline-block;
		line-height:1;
	}
	#social_buttons .social_button.facebook_good > ._text > .social_text{
		font-size:13px;
		display:inline-block;
	}
	
	#social_buttons .wrap{
		text-align:center;
	}
	#social_buttons .wrap .divide{
		vertical-align:middle;
		width:1px;
		background:#ccc;
	}
	#social_buttons .wrap .table-buttons{
		margin-left:2%;
	}
	#social_buttons .wrap .item{
		display:table-cell;
		width:20%;
		padding:0 2%;
		vertical-align:middle;
	}
	#social_buttons .wrap .item .social_button{
		border-radius:4px;
	}
	
	#social_buttons > .wrap .social_button{
	}
}

/* mod: 201709 category */
body.category #main_contents .category_image{
	text-align:center;
	margin-bottom:20px;
}
body.category #main_contents .category_image img{
	max-width:640px;
	height:auto;
}
body.category #main_contents table.category-table{
	border: none;
	border-collapse:collapse;
	border-spacing: 0px;
	margin: 0 0 20px 0;
	width: 100%;
}
body.category #main_contents table.category-table *{
	box-sizing:border-box;
}
body.category #main_contents table.category-table th{
    font-size: inherit;
    border: none;
    padding: 10px 10px;
    background:#fff;
    font-weight: normal;
    text-align: center;
    color: #333;
    vertical-align: top;
	width:170px;
}
body.category #main_contents table.category-table th img{
	max-width:100%;
	vertical-align:bottom;
}
body.category #main_contents table.category-table th span.image{
	display:block;
	width:150px;
	height:100px;
	max-width:inherit;
	position:relative;
	overflow: hidden;
}
body.category #main_contents table.category-table th span.image > span{
	display:inline-block;
	width:100%;
	height:100%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}

body.category #main_contents table.category-table td{
	border: none;
    padding: 10px;
    color: #3e3a39;
    font-size: 14px;
    background: #fff;
    vertical-align: top;
}
body.category #main_contents table.category-table td .t a{
	color: #348bcc;
	font-weight:bold;
	font-size:22px;
}
body.category #main_contents table.category-table tr > *{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
@media only screen and (max-width: 959px) {
	body.category #main_contents .category_image img{
		max-width:91.667%;
	}
	body.category #main_contents table.category-table{
		width:98%;
		margin-left:1%;
		margin-right:1%;
	}
	body.category #main_contents table.category-table th{
		width:22%;
		height:100%;
		padding:10px 0 10px 10px;
	}
	body.category #main_contents table.category-table th span.image{
		display:block;
		width:100%;
		height:inherit;
		padding-top:100%;
		position:relative;
		overflow: hidden;
	}
	body.category #main_contents table.category-table th span.image > span{
		position:absolute;
		top:0; left:0; right:0; bottom:0;
		display:inline-block;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-size:cover;
	}
	body.category #main_contents table.category-table th span.image img{
		max-width:inherit;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: auto !important;
		height: 100% !important;
	}
	body.category #main_contents table.category-table td{
		font-size:12px;
	}
	body.category #main_contents table.category-table td .t a{
		font-size:21px;
	}

}

/* #links_to_nation */
#links_to_nation{
	margin:20px auto;
	width:690px;
	max-width:100%;
	text-align:left;
}
#links_to_nation *{box-sizing:border-box;}
#main_contents #links_to_nation h3{
	background:none;
	margin:0;
	padding:4px 10px;
	border:none;
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:25px;
	border-bottom:3px solid #0da2ff;
	color:#727272;
	text-align:left;
}
#links_to_nation h3 img{
	vertical-align:middle;
	margin-right:6px;
	margin-bottom:4px;
}
#links_to_nation .links_to_nation_nations{
	letter-spacing:-.4em;
	padding:10px 20px;
	border:1px solid #dcd8d8;
	background:#f8f7f6;
}
#links_to_nation .links_to_nation_nations > *{
	letter-spacing:0;
}
#links_to_nation .links_to_nation_nations > div{
	display:inline-block;
	width:25%;
	padding:5px 0;
	vertical-align:top;
}
#links_to_nation .links_to_nation_nations > div > a{
	font-size:12px;
	color:#231815;
	font-weight:400;
	text-decoration:none !important;
}
#links_to_nation .links_to_nation_nations > div > a:hover{
	color:#0099ff;
}
#links_to_nation .links_to_nation_nations > div > a img{
	width:25px;
	height:auto;
	vertical-align:middle;
	margin-right:6px;
}
@media only screen and (max-width: 959px) {
	#links_to_nation .links_to_nation_nations{
		letter-spacing:-.4em;
		padding:0;
		border:none;
		background:none;
		margin:0 -7px 0 -1px;
	}
	#links_to_nation .links_to_nation_nations > div{
		display:inline-block;
		width:33.333%;
		padding:0;
		margin:-1px -2px 0 0;
		height:42px;
	}
	#links_to_nation .links_to_nation_nations > div > a{
		display:table;
		width:100%;
		height:100%;
		border:1px solid #bfbfbf;
		background: #eee;
		background: -moz-linear-gradient(top, #fff, #eee);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		-pie-background: linear-gradient(top, #fff, #eee);
	}
	#links_to_nation .links_to_nation_nations > div > a > span{
		display:table-cell;
		vertical-align:middle;
	}
	#links_to_nation .links_to_nation_nations > div > a > span.img{
		padding:0 8px 0 5px;
		width:40px;
	}
	#links_to_nation .links_to_nation_nations > div > a > span.name{
		text-align:left;
	}
}

/* /about */
#main_contents.about .about-block{
	letter-spacing:-.4em;
	padding:0 10px;
	margin:0 10px;
}
#main_contents.about .about-block *{
	box-sizing:border-box;
}
#main_contents.about .about-block > a{
	letter-spacing:0;
	display:inline-block;
	vertical-align:top;
	width:50%;
	padding:20px;
	margin-left:-10px;
	margin-bottom:20px;
	border:1px solid #31bdeb;
	border-radius:4px;
	color:#3f3b3a;
	font-size:12px;
	line-height:1.2;
	min-height:321px;
}
#main_contents.about .about-block > a:nth-of-type(2n){
	margin-left:20px;
	margin-right:-10px;
}
#main_contents.about .about-block > a:hover{
	color:#3f3b3a;
	text-decoration:none;
}
#main_contents.about .about-block > a .t{
	color:#109ad4;
	font-weight:bold;
	font-size:19px;
	padding-bottom:4px;
	margin-bottom:15px;
	border-bottom:3px solid #f4e827;
}
#main_contents.about .about-block > a .t:before{
	content:'';
	background:url( '../imgs/about/arrow.png' ) no-repeat;
	display:inline-block;
	width:9px;
	height:14px;
	margin-bottom:4px;
	vertical-align:middle;
}
#main_contents.about .about-block > a:hover .t{
	text-decoration:underline;
}
#main_contents.about .about-block > a .image{
	margin-bottom:15px;
	text-align:center;
}
#main_contents.about .about-block > a:hover .image{
	opacity:0.8;
}
@media only screen and (max-width: 959px) {
	body.category #main_contents.about .category_image{
		padding:10px 20px;
	}
	body.category #main_contents.about .category_image img{
		max-width:100%;
	}
	#main_contents.about .about-block{
		margin:0 10px;
	}
	#main_contents.about .about-block > a{
		display:block;
		width:auto;
		padding:10px;
		margin:0 0 20px 0;
		border:1px solid #31bdeb;
		border-radius:4px;
		color:#3f3b3a;
		font-size:12px;
		line-height:1.5;
		min-height:inherit;
	}
	#main_contents.about .about-block > a:nth-of-type(2n){
		margin:0 0 20px 0;
	}
	#main_contents.about .about-block > a .t{
		padding-left:10px;
	}
	#main_contents.about .about-block > a > .b{
		display:table;
		width:100%;
	}
	#main_contents.about .about-block > a > .b > *{
		display:table-cell;
	}
	#main_contents.about .about-block > a > .b > .image{
		width:45%;
		padding:0 10px;
	}

}

/* #main_contents .table-responsive */
#main_contents table.table-responsive{
	width:100%;
	border-collapse:separate;
	border-spacing:0 5px;
	border:10px solid #fff;
	box-sizing:border-box;
}
#main_contents table.table-responsive *{
	box-sizing:border-box;
}
#main_contents table.table-responsive tr > *{
	border:none;
	padding:20px 15px;
	font-size:12px;
}
#main_contents table.table-responsive tr > th{
	width:20%;
	vertical-align:middle;
	border-left:5px solid #32bcea;
	border-right:5px solid #fff;
	background:#d8edf9;
	color:#727171;
	font-weight:bold;
	font-size:13px;
	
}
#main_contents table.table-responsive tr > td{
	vertical-align:top;
	background:#f5f8fc;
}
#main_contents table.table-responsive .table-responsive-button{
	display:inline-block;
	margin-right:1em;
	font-size:13px;
	color:#fff;
	background:#32bcea;
	line-height:34px;
	border-radius:17px;
	padding:0 25px;
	margin-bottom:10px;
}
#main_contents table.table-responsive .table-responsive-button:hover{
	opacity:0.8;
	text-decoration:none;
}
#main_contents table.table-responsive .table-responsive-button i{
	margin-right:10px;
}
.the_nations > span{
	display:inline-block;
	margin-right:1em;
}
.the_nations > span > span{
	display:inline-block;
	vertical-align:middle;
	line-height:24px;
}
.the_nations > span > .img{
	margin-right:4px;
	line-height:1;
}

@media only screen and (max-width: 959px) {
	#main_contents table.table-responsive
	, #main_contents table.table-responsive > *
	, #main_contents table.table-responsive tr
	, #main_contents table.table-responsive tr > *
	{
		display:block;
	}
	#main_contents table.table-responsive tr > th
	, #main_contents table.table-responsive tr > td
	{
		width:100%;
		margin-bottom:2px;
		border-right:none;
	}
}

/* /about/staff.html */
#main_contents #list_staffs{
	margin:40px 0;
}
#main_contents #list_staffs .list_staffs_office > div{
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}
#main_contents #list_staffs h3{
	background:none;
	margin:10px 0 0 0;
	padding:10px 0 6px 0;
	border:none;
	font-size:19px;
	font-weight:bold;
	color:#9fa0a0;
}
#main_contents #list_staffs h3 > img{
	width:29px;
	height:auto;
	margin-right:10px;
	vertical-align:middle;
}
#main_contents #list_staffs .list_staffs_office_profiles{
	letter-spacing:-.4em;
	margin:0 0 0 -10px;
}
#main_contents #list_staffs .list_staffs_office_profiles > *{
	letter-spacing:0;
}
#main_contents #list_staffs .list_staffs_office_profiles .list_staffs_profile{
	display:inline-block;
	vertical-align:top;
	width:33.333%;
	color:#666;
}
#main_contents #list_staffs .list_staffs_office_profiles .list_staffs_profile:hover{
	text-decoration:none;
	opacity:0.8;
}
#main_contents #list_staffs .list_staffs_office_profiles .list_staffs_profile > div{
	border:1px solid #ccc;
	border-top:5px solid #ccc;
	margin:0 0 10px 10px;
}
#main_contents #list_staffs .list_staffs_office_profiles .list_staffs_profile .c1{
	display:table;
	width:100%;
	margin:10px;
}
#main_contents #list_staffs .list_staffs_office_profiles .list_staffs_profile .c1 > *{
	display:table-cell;
	vertical-align:middle;
}
#main_contents #list_staffs .list_staffs_office_profiles .list_staffs_profile .c1 > .image{
	width:55px;
}
#main_contents #list_staffs .list_staffs_office_profiles .list_staffs_profile .c1 > .name{
	padding:0 10px;
	font-size:19px;
	font-weight:bold;
}
#main_contents #list_staffs .list_staffs_office_profiles .list_staffs_profile .c2{
	border-top:4px double #ccc;
	margin:10px;
	padding-top:10px;
}
#main_contents #list_staffs h3.oname_01tokyo{
	color:#d75d88;
}
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_01tokyo .list_staffs_profile > div,
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_01tokyo .list_staffs_profile .c2{
	border-top-color:#ffacca;
}
#main_contents #list_staffs h3.oname_02osaka{
	color:#00a5c3;
}
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_02osaka .list_staffs_profile > div,
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_02osaka .list_staffs_profile .c2{
	border-top-color:#66ccff;
}
#main_contents #list_staffs h3.oname_03nagoya{
	color:#e27e1a;
}
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_03nagoya .list_staffs_profile > div,
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_03nagoya .list_staffs_profile .c2{
	border-top-color:#ffcc33;
}
#main_contents #list_staffs h3.oname_03sapporo{
	color:#e38574;
}
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_03sapporo .list_staffs_profile > div,
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_03sapporo .list_staffs_profile .c2{
	border-top-color:#ff9966;
}
#main_contents #list_staffs h3.oname_04fukuoka{
	color:#a970a5;
}
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_04fukuoka .list_staffs_profile > div,
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_04fukuoka .list_staffs_profile .c2{
	border-top-color:#cc99ff;
}
#main_contents #list_staffs h3.oname_05kumamoto{
	color:#289b3a;
}
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_05kumamoto .list_staffs_profile > div,
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_05kumamoto .list_staffs_profile .c2{
	border-top-color:#99cc00;
}
#main_contents #list_staffs h3.oname_06aus{
	color:#e3866a;
}
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_06aus .list_staffs_profile > div,
#main_contents #list_staffs .list_staffs_office_profiles.profile_oname_06aus .list_staffs_profile .c2{
	border-top-color:#ff9966;
}
#main_contents .oname_06aus {
    background-color: #ff9966;
    border: 1px solid #e3866a;
}
@media only screen and (max-width: 959px) {
	#main_contents #list_staffs{
		margin:40px 20px;
	}
	#main_contents #list_staffs .list_staffs_office_profiles{
		margin:0;
	}
	#main_contents #list_staffs .list_staffs_office_profiles .list_staffs_profile{
		display:block;
		width:auto;
	}
	#main_contents #list_staffs .list_staffs_office_profiles .list_staffs_profile > div{
		margin-left:0;
	}
	#main_contents #list_staffs .panel_triggers img{
		width:68.5px !important;
		height:auto;
	}
}

#container_bottom{
	display:flex;
	justify-content:space-between;
	align-items:center;
	text-align:center;
	margin:20px 0;
}
#container_bottom:before{
	content:'';
	display:block;
	flex:0 1 60px;
}
#container_bottom > *{
	flex:0 1 60px;
}
#container_bottom > .switch_display_mode{
	flex:1 1 auto;
	text-align:center;
	line-height:32px;
}
#container_bottom > .switch_display_mode:before{
	content:'表示';
	display:inline-block;
	padding:0 10px;
	background:#eeeced;
	border-radius:4px;
}
#container_bottom > .switch_display_mode .trigger{
	font-weight:bold;
	text-decoration:underline;
	margin:0 4px;
}
#container_bottom > .switch_display_mode .trigger.on{
	color:#221714;
	text-decoration:none;
	cursor:default;
}
#container_bottom > #pageToTop{
}

.scroll{
	overflow:auto;
}
.scroll > table{
	width:auto;
}
.scroll > table tr > *{
	white-space:nowrap;
}

#foot_in_L{
	width:480px;
}

/* content global support */
#post_global_support{
	padding:0 10px;
}
#post_global_support > div,
#post_global_support > div p
{
	font-size:15px;
	text-align:justify;
	padding-left:0;
	padding-right:0;
}
#post_global_support .post_global_support-block-1 h3
{
	paddding:0;
	border:none;
	background:none;
}
#post_global_support .post_global_support-block-1 dl{
	line-height:1.5;
	padding:0 0 0 50px;
	margin:0;
	position:relative;
}
#post_global_support .post_global_support-block-1 dt{
	padding:0;
	margin:0;
	border:none;
	position:relative;
	z-index:2;
}
#post_global_support .post_global_support-block-1 dt > span{
	display:inline-block;
	padding:0 0.25em 0 0.3em;
	background:#fdf6f2;
	border:1px solid #eb797f;
	color:#eb797f;
	font-weight:bold;
	font-size:17px;
	letter-spacing:.15em;
	position:relative;
	z-index:2;
}
#post_global_support .post_global_support-block-1 dt:before{
	content:'';
	display:block;
	position:absolute;
	left:0; right:0;
	top:50%;
	height:1px;
	border-top:2px dotted #f4b4b8;
}
#post_global_support .post_global_support-block-1 dt:after{
	content:'';
	display:inline-block;
	width:33px;
	height:33px;
	position:absolute;
	left:-50px; top:0;
	background-image:url( ../imgs/page/global/jobsupport/block-1-bgs.png );
	background-repeat:no-repeat;
	background-position:0 0;
}
#post_global_support .post_global_support-block-1 dt:nth-of-type(2) > span{
	color:#0d70ba;
	border-color:#0d70ba;
	background-color:#def1fb;
}
#post_global_support .post_global_support-block-1 dt:nth-of-type(2):before{
	border-color:#7bb1d9;
}
#post_global_support .post_global_support-block-1 dt:nth-of-type(2):after{
	background-position:-34px 0;
}
#post_global_support .post_global_support-block-1 dt:nth-of-type(3) > span{
	color:#f08b44;
	border-color:#f08b44;
	background-color:#fffded;
}
#post_global_support .post_global_support-block-1 dt:nth-of-type(3):before{
	border-color:#f4a525;
}
#post_global_support .post_global_support-block-1 dt:nth-of-type(3):after{
	background-position:-67px 0;
}
#post_global_support .post_global_support-block-1 dt:nth-of-type(4) > span{
	color:#2da8aa;
	border-color:#2da8aa;
	background-color:#eaf5f5;
}
#post_global_support .post_global_support-block-1 dt:nth-of-type(4):before{
	border-color:#6fc3c5;
}
#post_global_support .post_global_support-block-1 dt:nth-of-type(4):after{
	width:35px;
	height:32px;
	background-position:-101px 0;
}

#post_global_support .post_global_support-block-1 dd{
	padding:1em 0;
	margin:0;
	position:relative;
}
#post_global_support .post_global_support-block-1 dd:before{
	content:'';
	position:absolute;
	top:0; bottom:0;
	left:-34px;
	display:block;
	width:1px;
	border-left:2px dotted #d8eefb;
}
#post_global_support .post_global_support-block-1 dd:last-child:before{
	display:none;
}
#post_global_support .post_global_support-block-1 dd:after{
	content:'';
	display:inline-block;
	width:9px;
	height:8px;
	position:absolute;
	z-index:3;
	left:-38px; top:50%; margin-top:-4px;
	background-image:url( ../imgs/page/global/jobsupport/block-1-bgs.png );
	background-repeat:no-repeat;
	background-position:-45.333px 0;
	background-size:76px 11px;
}
#post_global_support .post_global_support-block-1 dd:nth-of-type(2):after{
	background-position:-55.666px 0;
}
#post_global_support .post_global_support-block-1 dd:nth-of-type(3):after{
	background-position:-66px 0;
}
#post_global_support .post_global_support-block-1 dd:nth-of-type(4):after{
	display:none;
}
#post_global_support .post_global_support-block-1 dd p{
	padding:0;
	margin:0 1em;
}
#post_global_support .post_global_support-block-1 dd p + p{
	margin-top:1em;
}
#post_global_support .post_global_support-block-1 dd p.bg-lightblue{
	background-color:#e8f5fc;
	padding:1em;
	margin-left:0;
	margin-right:0;
}
#post_global_support .post_global_support-block-1 dd p.bold{
	color:#494544;
	font-weight:bold;
	font-size:17px;
	padding:0;
	margin:0;
}
#post_global_support .post_global_support-block-1 dd:last-child p{
	padding:0;
	margin:0;
}
#post_global_support .post_global_support-block-1 dd p.block-1-fukidashi{
	position:relative;
	padding:0;
	margin:0;
}
#post_global_support .post_global_support-block-1 dd p.block-1-fukidashi img{
	position:absolute;
	top:-40px;
	right:0;
	z-index:3;
}
#post_global_support span.pink{
	color:#e53368;
}
#post_global_support span.underline-pen-yellow{
	background: linear-gradient(rgba(254,254,152,0) 30%,#FEFE98 90%);
}

#post_global_support .post_global_support-block-2
, #post_global_support .post_global_support-block-2 p
{
	font-size:17px;
}
#post_global_support .post_global_support-block-2 ul{
	margin:0;
}
#post_global_support .post_global_support-block-2 ul li{
	background:none;
	padding:0;
	margin:0;
}
#post_global_support .post_global_support-block-2 ul li:before{
	content:'';
	display:table-cell;
	background:url( ../imgs/page/global/jobsupport/block-2-merit.png ) no-repeat;
	width:97px;
	height:80px;
	padding:10px 10px 10px 0;
	vertical-align:middle;
}
#post_global_support .post_global_support-block-2 ul li > span{
	display:table-cell;
	vertical-align:middle;
}
#post_global_support .post_global_support-block-2 p.pv10{
	padding-top:10px;
	padding-bottom:10px;
}

#post_global_support .post_global_support-block-3
, #post_global_support .post_global_support-block-3 p
{
	font-size:17px;
}
#post_global_support .post_global_support-block-3 dl{
	padding:0;
}
#post_global_support .post_global_support-block-3 dl dt{
	border:none;
	margin:0;
	padding:0;
}
#post_global_support .post_global_support-block-3 dl dt:nth-of-type(3) img{
	margin-left:-10px;
}
#post_global_support .post_global_support-block-3 dl dd{
	margin:0;
	padding:10px 0;
	font-size:19.5px;
}

@media only screen and (max-width: 959px) {
	#post_global_support{
		padding:15px;
	}
	#post_global_support .post_global_support-block-1 h3{
		margin:0 -30px -30px;
		position:relative;
		z-index:4;
	}
	#post_global_support .post_global_support-block-1 dl{
		padding-left:0;
	}
	#post_global_support .post_global_support-block-1 dl dt:after
	, #post_global_support .post_global_support-block-1 dl dd:before
	{
		display:none;
	}
	#post_global_support .post_global_support-block-1 dl dd{
		padding-bottom:50px;
		margin-bottom:10px;
	}
	#post_global_support .post_global_support-block-1 dt > span{
		font-weight:normal;
	}
	#post_global_support .post_global_support-block-1 dd:after{
		content:'';
		display:inline-block;
		width:15px;
		height:13px;
		position:absolute;
		z-index:2;
		background-image:url( ../imgs/page/global/jobsupport/block-1-bgs.png );
		background-repeat:no-repeat;
		background-position:-68px 0;
		background-size:114px 16.5px;
		top:inherit; left:50%;
		bottom:10px;
		margin:0 0 0 -7.5px;
	}
	#post_global_support .post_global_support-block-1 dd:nth-of-type(2):after{
		background-position:-83.5px 0;
	}
	#post_global_support .post_global_support-block-1 dd:nth-of-type(3):after{
		background-position:-99px 0;
	}
	#post_global_support .post_global_support-block-1 dd p.bold{
		font-size:15px;
	}
	#post_global_support .post_global_support-block-1 dd p.block-1-fukidashi img{
		width:45%;
		height:auto;
		top:-15px;
	}
	#post_global_support .post_global_support-block-2 ul li{
		margin-bottom:10px;
		display:flex;
		align-items:center;
	}
	#post_global_support .post_global_support-block-2 ul li:before{
		flex:1 0 47px;
		content:'';
		display:block;
		background:url( ../imgs/page/global/jobsupport/block-2-merit_sp.png ) no-repeat;
		background-size:contain;
		width:47px;
		height:46.5px;
		padding:0;
	}
	#post_global_support .post_global_support-block-2 ul li > span{
		display:block;
		padding-left:15px;
		font-size:15px;
		line-height:1.7;
	}
	#post_global_support .post_global_support-block-2
	, #post_global_support .post_global_support-block-2 p
	, #post_global_support .post_global_support-block-3
	, #post_global_support .post_global_support-block-3 p
	{
		font-size:15px;
	}
	#post_global_support .post_global_support-block-3 dl dd{
		font-size:16px;
	}
	#post_global_support .post_global_support-block-3 dl dt img{
		width:320px;
		max-width:76.190%;
		height:auto;
	}
	#post_global_support .post_global_support-block-3 dl dt:nth-of-type(3) img{
		width:420px;
		max-width:100%;
	}
}

#main_contents .schoollist{
	padding:0 6px;
}
#main_contents .school_list_searchbox > ul{
	margin:0;
	padding:0;
	position:relative;
	display:flex;
	margin-right:20px;
}
#main_contents .school_list_searchbox > ul > li{
	margin:0;
	padding:0;
}
#main_contents .school_list_searchbox > ul > li > span.active,
#main_contents .school_list_searchbox > ul > li > a{
	display:block;
	border:1px solid #e1e1e1;
	border-bottom:none;
}
#main_contents .school_list_searchbox > ul > li > span.active:after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0; right:0;
	border-bottom:2px solid #aaaaaa;
}
#main_contents .school_list_searchbox > ul > li > a:hover:after{
	content:'';
	display:block;
	position:absolute;
	z-index:2;
	bottom:0;
	left:0; right:0;
	border-bottom:2px solid transparent;
}
#main_contents .school_list_searchbox > ul > li.listitem-default > span.active,
#main_contents .school_list_searchbox > ul > li.listitem-default > span.active:after,
#main_contents .school_list_searchbox > ul > li.listitem-default > a:hover,
#main_contents .school_list_searchbox > ul > li.listitem-default > a:hover:after{
	border-color:#d66b99;
}
#main_contents .school_list_searchbox > ul > li.listitem-rating > span.active,
#main_contents .school_list_searchbox > ul > li.listitem-rating > span.active:after,
#main_contents .school_list_searchbox > ul > li.listitem-rating > a:hover,
#main_contents .school_list_searchbox > ul > li.listitem-rating > a:hover:after{
	border-color:#8f613d;
}
#main_contents .school_list_searchbox > ul > li.listitem-receptions > span.active,
#main_contents .school_list_searchbox > ul > li.listitem-receptions > span.active:after,
#main_contents .school_list_searchbox > ul > li.listitem-receptions > a:hover,
#main_contents .school_list_searchbox > ul > li.listitem-receptions > a:hover:after{
	border-color:#d75f2d;
}
#main_contents .school_list_searchbox > ul > li.listitem-comments > span.active,
#main_contents .school_list_searchbox > ul > li.listitem-comments > span.active:after,
#main_contents .school_list_searchbox > ul > li.listitem-comments > a:hover,
#main_contents .school_list_searchbox > ul > li.listitem-comments > a:hover:after{
	border-color:#18a2be;
}
#main_contents .school_list_searchbox > ul > li.listitem-condition > span.active,
#main_contents .school_list_searchbox > ul > li.listitem-condition > span.active:after,
#main_contents .school_list_searchbox > ul > li.listitem-condition > a:hover,
#main_contents .school_list_searchbox > ul > li.listitem-condition > a:hover:after{
	border-color:#aaaaaa;
}

#main_contents .school_list_paginate_summary{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:20px;
	margin-right:20px;
}
#main_contents .school_list_paginate_summary .select-area{
	position:relative;
}
#main_contents .school_list_paginate_summary .select-area > .inner{
	position:absolute;
	z-index:1000001;
	right:0;
	width:100vw;
	text-align:right;
}
#main_contents .school_list_paginate_summary .select-area > .inner > ul{
	padding:0; margin:0;
	margin-top:10px;
	border:1px solid #d2d2d2;
	display:inline-block;
	text-align:left;
}
#main_contents .school_list_paginate_summary .select-area > .inner > ul > li{
	padding:0; margin:0;
	background:#fff;
}
#main_contents .school_list_paginate_summary .select-area > .inner > ul > li > *{
	display:block;
	padding:6px;
	border:none;
	color:#333;
}
#main_contents .school_list_paginate_summary .select-area > .inner > ul > li > span{
	background:#efefef;
}

#main_contents .schoollist{
	margin-left:0;
}
#main_contents .schoollist [class*="school_list_param_"]{
	margin-bottom:.4em;
	font-size:14px;
}
#main_contents .schoollist [class*="school_list_param_"] > *{
	vertical-align:middle;
}
#main_contents .schoollist .school_list_param_rating{
	display:inline-block;
	margin-right:.4em;
}
#main_contents .schoollist .school_list_param_rating .label-rating{
	padding:0 4px;
	line-height:1.7 !important;
	margin:0;
	font-size:12px;
}

#main_contents .schoollist .school_list_param_rating .stars{
	zoom:0.8;
}
#main_contents .schoollist .school_list_param_rating .rate{
	font-size:15px;
	color:#ff5e61;
	font-weight:bold;
}
#main_contents .schoollist .school_list_param_receptions{
	display:inline-block;
	margin-right:.4em;
}
#main_contents .schoollist .school_list_param_receptions .label-reception{
	padding:0 4px;
	line-height:1.7 !important;
	margin:0;
	font-size:12px;
}
#main_contents .schoollist .school_list_param_receptions .number{
	color:#e26733;
}
#main_contents .schoollist .school_list_param_comments{
	display:inline-block;
}
#main_contents .schoollist .school_list_param_comments .icon-chat-blue{
	zoom:0.7;
}

.sns-links{
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-end;
	margin-top:-15px;
}
.sns-links  [class^="ficon-"]:before, [class*=" ficon-"]:before{
	font-size:28px;
}

@media only screen and (max-width: 959px) {
	#main_contents .school_list_searchbox_block{
		display:flex;
		justify-content:space-between;
		width:100%;
		border-bottom:2px solid #ccc;
	}
	#main_contents .school_list_searchbox_block.default{
		border-bottom-color:#d66b99;
	}
	#main_contents .school_list_searchbox_block.rating{
		border-bottom-color:#8f613d;
	}
	#main_contents .school_list_searchbox_block.receptions{
		border-bottom-color:#d75f2d;
	}
	#main_contents .school_list_searchbox_block.comments{
		border-bottom-color:#18a2be;
	}
	#main_contents .school_list_searchbox_block.condition{
		border-bottom-color:#aaaaaa;
	}

	#main_contents .school_list_searchbox{
		position:relative;
		flex:0 1 60%;
		align-self:flex-end;
	}

	#main_contents .school_list_searchbox.sp .inner{
		position:absolute;
		z-index:1000001;
		width:100vw;
		margin-top:2px;
	}
	#main_contents .school_list_searchbox.sp .inner .select-sort-ul{
		width:100%;
		display:block;
		padding:0;
		margin:0;
		background:#fff;
	}
	#main_contents .school_list_searchbox.sp .inner .select-sort-ul > li{
		margin:0;
		padding:0;
		border:1px solid #bbb;
		border-top:none;
		background:#fff;
	}
	#main_contents .school_list_searchbox.sp .inner .select-sort-ul > li > *{
		border:none;
		display:block;
		padding:8px 10px;
	}
	#main_contents .school_list_searchbox.sp .inner .select-sort-ul > li > span{
		opacity:0.3;
	}
	#main_contents .school_list_searchbox.sp .modal-background{
		position:fixed;
		top:0; right:0; bottom:0; left:0;
		background:rgba(0,0,0,0.2);
		z-index:1000000;
	}

	#main_contents .school_list_paginate_summary{
		display:block;
		justify-content:inherit;
		align-items:inherit;
		margin-top:0;
		margin-right:0;
		padding:0 10px;
		
		flex:0 2 40%;
		align-self:flex-start;
	}
	#main_contents .school_list_searchbox.sp{
	}
	#main_contents .school_list_paginate_summary .select-area > a > img{
		zoom:0.5;
	}
	#main_contents .school_list_paginate_summary .select-area > .inner > ul{
		min-width:183px;
		max-width:100%;
	}
}
