@charset "utf-8";



/*	Shared menu
-------------------------------*/

.rightBox {
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}
	@media screen and (min-width: 1001px){	/* for PC */
		.rightBoxA {
			display: block;
		}
		.rightBoxB {
			display: block;
		}
		.rightBoxPC {
			display: block;
		}
		.rightBoxSP {
			display: none;
		}
	}
	@media screen and (max-width: 1000px){	/* for SP */
		.rightBoxA {
			display: block;
		}
		.rightBoxB {
			display: block;
		}
		.rightBoxPC {
			display: none;
		}
		.rightBoxSP {
			display: block;
		}
	}
	@media screen and (max-width: 768px){	/* for SP */
		.rightBoxA {
			display: block;
		}
		.rightBoxB {
			display: none;
		}
		.rightBoxPC {
			display: none;
		}
		.rightBoxSP {
			display: block;
		}
	}



	/*	Shared menu [special]
	-------------------------------*/

.rightBox .rightBoxSpecial {
	margin: 0;
	padding: 0;
	text-align: center;
}
.rightBox .rightBoxSpecial a {
}
	.rightBox .rightBoxSpecial a:link {
	}
	.rightBox .rightBoxSpecial a:active {
		filter: alpha(opacity=70);	/* for IE */
		-moz-opacity: 0.7;			/* for Mozzila */
		opacity: 0.7;				/* for Other */
	}
	.rightBox .rightBoxSpecial a:visited {
	}
	.rightBox .rightBoxSpecial a:hover {
		filter: alpha(opacity=70);	/* for IE */
		-moz-opacity: 0.7;			/* for Mozzila */
		opacity: 0.7;				/* for Other */
	}



	/*	Shared menu [shared-menu]
	-------------------------------*/

.rightBox .rightBoxMenu {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	border-top: 1px dotted #cccccc;
}
.rightBox .rightBoxMenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 5px solid #114499;
	border-bottom: 1px dotted #cccccc;
}
.rightBox .rightBoxMenu li a {
	margin: 0;
	padding: 10px;
	color: #000000;
	font-size: 90%;
	text-decoration: none;
	display: block;
}
	.rightBox .rightBoxMenu li a:link {
	}
	.rightBox .rightBoxMenu li a:active {
		background: #FFFFCC;
	}
	.rightBox .rightBoxMenu li a:visited {
	}
	.rightBox .rightBoxMenu li a:hover {
		background: #FFFFCC;
	}
		.rightBox .rightBoxMenu li a.largeMenu {
			font-size: 110%;
		}
.rightBox .rightBoxMenu li a span {
	margin-left: 5%;
	color: #DD0000;
}



	/*	Shared menu [pr]
	-------------------------------*/

.rightBox .rightBoxPR {
	margin: 0;
/*
	padding: 9px 9px 4px;
	border: 1px solid #cccccc;
*/
	padding: 0 0 0 10px;
	border-left: 5px solid #cccccc;
	font-size: 90%;
}
.rightBox .rightBoxPR .rightBoxPRTitle {
	margin: 0 0 10px;
	color: #333333;
	text-align: center;
}
.rightBox .rightBoxPR .rightBoxPRTitle img {
	margin-right: 5px;
	vertical-align: middle;
}
.rightBox .rightBoxPR a {
	margin: 0 0 10px;
	padding: 0;
	display: block;
	text-decoration: none;
}
.rightBox .rightBoxPR a .rightBoxPRName {
	color: #FF6600;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.5;
}
	.rightBox .rightBoxPR a:link .rightBoxPRName {
	}
	.rightBox .rightBoxPR a:active .rightBoxPRName {
		color: #FF9900;
		text-decoration: none;
	}
	.rightBox .rightBoxPR a:visited .rightBoxPRName {
	}
	.rightBox .rightBoxPR a:hover .rightBoxPRName {
		color: #FF9900;
		text-decoration: none;
	}
.rightBox .rightBoxPR a .rightBoxPRInfo {
	color: #333333;
	font-size: 85%;
	line-height: 1.5;
}
.rightBox .rightBoxPR a .rightBoxPRAddress {
	color: #114499;
	text-decoration: underline;
	line-height: 1.5;
}
	.rightBox .rightBoxPR a:link .rightBoxPRAddress {
        word-wrap: break-word;
	}
	.rightBox .rightBoxPR a:active .rightBoxPRAddress {
		color: #3366CC;
		text-decoration: none;
	}
	.rightBox .rightBoxPR a:visited .rightBoxPRAddress {
	}
	.rightBox .rightBoxPR a:hover .rightBoxPRAddress {
		color: #3366CC;
		text-decoration: none;
	}



	/*	Shared menu [banner]
	-------------------------------*/

.rightBox .rightBoxBanner {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.rightBox .rightBoxBanner li {
	margin: 0;
	list-style: none;
	text-align: center;
}
@media screen and (min-width: 1001px){	/* for PC */
	.rightBox .rightBoxBanner li {
		padding: 5px 0 0;
	}
		.rightBox .rightBoxBanner li:first-child {
			padding: 0;
		}
}
@media screen and (max-width: 1000px){	/* for SP */
	.rightBox .rightBoxBanner li {
		padding: 4px;
		/*width: 48%;*/
		width: 98%;
		/*float: left;*/
	}
}

/* ulタグの内側余白を０にする */
ul.snsbtniti{
    padding:0!important;
    list-style: none;
    margin-left: 0px;
}
/* ボタン全体の位置調整 */
.snsbtniti{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-around;
}

/* ボタン同士の余白調整 */
.snsbtniti li{
    flex:0 0 33%;
    text-align:center!important;
}
.snsbtniti li .icon_tw {
    margin-top:20px;
    width:60px;
}
.snsbtniti li .icon_ins {
    width:100px;
}

	/*	Shared menu [paper]
	-------------------------------*/

.rightBox .rightBoxPaper {
	margin: 0 0 5px;
	padding: 0;
}

.rightBox .rightBoxPaperMenu {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	border-top: 1px dotted #cccccc;
}
.rightBox .rightBoxPaperMenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #F0F8FF;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;
	border-top: 1px solid #ffffff;
}
.rightBox .rightBoxPaperMenu li a {
	margin: 0;
	padding: 5px 0;
	text-decoration: none;
	display: block;
	overflow: hidden;
}
	.rightBox .rightBoxPaperMenu li a:link {
	}
	.rightBox .rightBoxPaperMenu li a:active {
		background: #6699CC;
	}
	.rightBox .rightBoxPaperMenu li a:visited {
	}
	.rightBox .rightBoxPaperMenu li a:hover {
		background: #6699CC;
	}

.rightBox .rightBoxPaperMenu li a p {
	color: #114499;
	font-size: 100%;
}
	.rightBox .rightBoxPaperMenu li a:link p {
	}
	.rightBox .rightBoxPaperMenu li a:active p {
		color: #ffffff;
	}
	.rightBox .rightBoxPaperMenu li a:visited p {
	}
	.rightBox .rightBoxPaperMenu li a:hover p {
		color: #ffffff;
	}

.rightBox .rightBoxPaperMenu li a p img {
	float: left;
	margin-right: 10px;
}



	/*	Shared menu [ranking]
	-------------------------------*/

.rightBox .rightBoxRanking {
	margin: 0 0 5px;
	padding: 0;
}

.rightBox .rightBoxMenu li a dl {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.rightBox .rightBoxMenu li a dl dt,
.rightBox .rightBoxMenu li a dl dd {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
	.rightBox .rightBoxMenu li a dl dt {
	}
	.rightBox .rightBoxMenu li a dl dd {
	}
	@media screen and (min-width: 1001px){	/* for PC */
		.rightBox .rightBoxMenu li a dl dt {
			width: 35%;
		}
		.rightBox .rightBoxMenu li a dl dd {
			width: 65%;
		}
	}
	@media screen and (max-width: 1000px){	/* for SP */
		.rightBox .rightBoxMenu li a dl dt {
			width: 25%;
		}
		.rightBox .rightBoxMenu li a dl dd {
			width: 75%;
		}
	}

.rightBox .rightBoxMenu li a dl dt p span {
/* size debug */
	background: #eee;

    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 60px;
}

.rightBox .rightBoxMenu li a dl dd .rightRankingNumber {
	font-size: 90%;
}
.rightBox .rightBoxMenu li a dl dd .rightRankingName {
	font-size: 90%;
}
.rightBox .rightBoxMenu li a dl dd .rightRankingSchool {
	font-size: 80%;
	text-align: right;
}



/*	Shared category-menu
-------------------------------*/

.menuList {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
.menuList dt {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	background: #114499;
	border-bottom: 1px solid #ffffff;
}
.menuList dd {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	background: #DDDDDD;
}
.menuList dd ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
.menuList dd ul li {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	border-bottom: 1px solid #ffffff;
    position: relative;
}

.menuList dt div {
	margin: 0;
	padding: 5px 0;
	display: block;
	position: relative;
}
.menuList dt div p {
	margin: 0;
	padding: 0;
	color: #ffffff;
}
.menuList dt div p img {
	margin: 0;
	padding: 0 5px;
	vertical-align: middle;
}
.menuList dt div p.menuArrow {
	position: absolute;
	top: 10px;
	right: 10px;
}
	.menuList dt div p.menuArrowUp {
		display: none;
	}
		.menuList dt.active div p.menuArrowUp {
			display: block;
		}
	.menuList dt div p.menuArrowDown {
		display: block;
	}
		.menuList dt.active div p.menuArrowDown {
			display: none;
		}

.menuList dd ul li a {
	margin: 0;
	padding: 10px;
	font-size: 90%;
	display: block;
}

.menuList dt p a {
	color: #ffffff;
}

li p.searchPartArrow{
    position: absolute;
    top: 5px;
    right: 4px;
    color: #BBB;
}