@charset "utf-8";
/*
Theme Name: 四谷学院
Theme URI:
Description: 四谷学院テーマ ゼロから大逆転
Version: Ver 1.0
Author: 四谷学院
Author URI:
*/

#exp_j #main .catTabs li {
	width: 62px;
}
#exp_j #main .catTabs li.cat-item-17 {
	width: 140px;
}
#exp_j #main .catTabs li a  {
	background-repeat: no-repeat;
	filter: grayscale(1);
}
#exp_j #main .catTabs.tabTop li a {
	background-position: 0 10px !important;
}
#exp_j #main .catTabs.tabBottom li a {
	background-position: 0 -6px !important;
}
#exp_j #main .catTabs li a:hover,
#exp_j #main .catTabs li.current-cat a {
	background-position: 0 0 !important;
	filter: grayscale(0);
}

/*
19 国公立理系
18 国公立文系
23 私立理系
22 私立文系
24 医学
17 歯・薬・農獣医・看護医療
*/

.catTabs.tabTop li.cat-item-19 a {
	background-image: url(/exp/images/main_btn01_top_on.gif);
}
.catTabs.tabBottom li.cat-item-19 a {
	background-image: url(/exp/images/main_btn01_bottom_on.gif);
}
.catTabs.tabTop li.cat-item-18 a {
	background-image: url(/exp/images/main_btn02_top_on.gif);
}
.catTabs.tabBottom li.cat-item-18 a {
	background-image: url(/exp/images/main_btn02_bottom_on.gif);
}
.catTabs.tabTop li.cat-item-23 a {
	background-image: url(/exp/images/main_btn03_top_on.gif);
}
.catTabs.tabBottom li.cat-item-23 a {
	background-image: url(/exp/images/main_btn03_bottom_on.gif);
}
.catTabs.tabTop li.cat-item-22 a {
	background-image: url(/exp/images/main_btn04_top_on.gif);
}
.catTabs.tabBottom li.cat-item-22 a {
	background-image: url(/exp/images/main_btn04_bottom_on.gif);
}
.catTabs.tabTop li.cat-item-24 a {
	background-image: url(/exp/images/main_btn05_top_on.gif);
}
.catTabs.tabBottom li.cat-item-24 a {
	background-image: url(/exp/images/main_btn05_bottom_on.gif);
}
.catTabs.tabTop li.cat-item-17 a {
	background-image: url(/exp/images/main_btn12_top_on.gif);
}
.catTabs.tabBottom li.cat-item-17 a {
	background-image: url(/exp/images/main_btn12_bottom_on.gif);
}
@media screen and (max-width:610px){
	#exp_j #main .catTabs li { width:49%!important; margin-right:0; margin-bottom:2%; }
	#exp_j #main .catTabs li:nth-child(2n+1) { float:left; }
	#exp_j #main .catTabs li:nth-child(2n)   { float:right; }
	#exp_j #main .catTabs li:last-of-type { 	margin-right: 1%!important; }

	.catTabs.tabTop li a,
	.catTabs.tabBottom li a {
		background-image: none!important;
	}
}

#exp_j #main #article {
	padding: 14px;
	border: 1px solid #ccc;
	background: #F1FFEC;
}
#exp_j #main #article > .page_title {
}
#exp_j #main #article > .exp_navi {
	padding: 0;
}
#exp_j #main #article > #exp_page {
	display: block;
	clear: both;
}


#exp_page .exp {
	margin-bottom: 0;
}
#exp_page > .exp + .txt_right,
#exp_page > .txt_right,
#exp_page > .exp_pager {
	display: none !important;
}

/*img[class*="wp-image-"].alignnone.size-full*/
#exp_page .exp .title > img {
    float: left;
    margin-right: 20px;
    padding: 0px;
    border: 1px solid #66CC99;
	width: 134px;
}
#exp_page .exp .title .catch {
    font-weight: bold;
    color: #4BC287;
}
#exp_page .exp .title .name {
    padding-top: 10px;
    font-size: 90%;
    border-top: 1px solid #4BC287;
}
#exp_page .exp .title .name.geneki {
    padding-top: 30px;
    background: url(/exp/images/icn_geneki.png) left 13px no-repeat;
}
#exp_page .exp .title .name > img {
    height: 13px;
    width: auto;
    float: none;
    margin-right: 1px;
    padding-right: 1px;
    background: none;
    vertical-align: -.2em;
    display: inline-block;
}
#exp_page .exp .title p {
    margin-left: 156px;
    margin-bottom: 10px!important;
}
#exp_page .exp .title p:empty {
	display: none!important;
}
#exp_page .exp .question {
	margin-top: 20px;
	padding-left: 57px;
	color: #6666cc;
	position: relative;
}
#exp_page .exp .question::before {
	content: '';
	position: absolute;
	left: 0;
/*	top: calc( 50% - 1px ); */
	top: 0.8em;
	display: block;
	height: 1px;
	width: 51px;
/*	font-size: 0%; */
	background: #6666cc;
}

#exp_page .exp a:not([class]) {
	padding: 4px;
	font-size: 90%;
	color: #00997E;
	text-decoration: none;
	outline: none;
	text-align: right;
	display: block;
}
#exp_page .exp a:not([class])::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 14px;
    margin-right: 6px;
    vertical-align: -2px;
    background: url(./images/exp_icon_print.gif) center center no-repeat;
}

@media screen and (max-width:480px){
	#exp_page .exp .title > img {
			float: none;
			display: block;
			margin: 10px auto 15px;
	}
	#exp_page .exp .title p {
		margin-left: 0;
	}
	
	#exp_page .exp .title .catch {
		font-size: 1.8rem;
		line-height: 1.5;
	}
}