<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*
 ------------------------------

 ◆creation date: 14/12/01
 ・16/12/08：レスポンシブ対応

 ----------------------------- */


.tab {
	width:100%;
	max-width:950px;
	border-bottom:5px solid #09c;
}

.tab p,
.tab a {
	display:inline-block;
	padding:10px 25px;
	margin-right:0.6%;
	background: #ccebf5;
	border-top-left-radius:10px;
	border-top-right-radius:10px; 
	text-align:center;
	font-size:13px;
	font-weight:bold;
}

.tab p:nth-child(3),
.tab a:nth-child(3) {
	background-color:#f9e1b7;
}

.tab p:nth-child(4),
.tab a:nth-child(4) {
	margin-right:0;
	background-color:#f3c6da;
}

.tab p.here {
	color:#fff;
	font-weight:bold;
	background:#09c;
}

.tab p:hover {
	background:#bbe2e8;
}

.tab p:nth-child(3):hover {
	background-color:#fbd99e;
}

.tab p:nth-child(4):hover {
	background-color:#edaeca;
}

.tab p.here:hover {
	background:#09c;
}

.tab a {
	color:#000;
	text-decoration:none;
}

.tab a:nth-child(3).here,
.tab p:nth-child(3).here {
	color: #fff;
	font-weight:bold;
	background:#ee8401;
}

.tab a:nth-child(4).here,
.tab p:nth-child(4).here {
	color:#fff;
	font-weight:bold;
	background:#e06c9d;
}

.school a {
	font-weight:bold;
}

.hitori-tab {
	border-bottom: 5px solid #ee8401 !important;
}

.hahako-tab {
	border-bottom: 5px solid #e06c9d !important;
}

.tab p:nth-child(1),
.tab a:nth-child(1) {
	width:25%;
}

.tab p:nth-child(2),
.tab a:nth-child(2) {
	width:24%;
}

.tab p:nth-child(3),
.tab a:nth-child(3) {
	width:32%;
}

.tab p:nth-child(4),
.tab a:nth-child(4) {
	width:15.6%;
}


@media screen and (min-width: 681px) and (max-width: 949px) {
	.tab {
		width:96%;
		margin:0 auto;
	}
	
	.tab p,
	.tab a {
		margin-right:.5%;
	}
	
	.tab p:nth-child(1),
	.tab a:nth-child(1) {
		width:25%;
	}
	
	.tab p:nth-child(2),
	.tab a:nth-child(2) {
		width:24%;
	}
	
	.tab p:nth-child(3),
	.tab a:nth-child(3) {
		width:30%;
	}
	
	.tab p:nth-child(4),
	.tab a:nth-child(4) {
		width:17.28%;
	}

}


@media screen and (max-width: 680px) {
	.tab,
	.hitori,
	.hahako {
		border-bottom:none !important;
	}
	
	.tab p,
	.tab a {
		width:92% !important;
		display:block;
		border-radius:5px;
		margin:5px auto 0 auto;
	}
	
	.tab p:nth-child(4),
	.tab a:nth-child(4) {
		margin:5px auto 0 auto;
	}
	
	.tab p:hover,
	.tab a:hover {
		background:#ccebf5;
	}
	
	.tab p.here:hover {
		background:#09c;
	}
	
	.tab a {
		display:block;
	}
	
	.tab p:nth-child(3):hover,
	.tab a:nth-child(3):hover {
		background-color:#fbd99e;
	}
	
	.tab p:nth-child(4):hover,
	.tab a:nth-child(4):hover {
		background-color:#edaeca;
	}
}



/*=======================================

	▼ 料金表テーブル

========================================*/

.toggleTable {
	width:100%;
	max-width:950px;
}

.toggleTable td,
th {
	/*white-space:nowrap;*/
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align: center;
	vertical-align:middle;
	font-size:13px;
}

.school,
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.total {
	white-space:nowrap;
}

.toggleTable th {
	padding: 3px;
}

.toggleTable th.school, th.col1, th.col2,th.col3,th.col4 {
	background:#eee;
}

.toggleTable th.col5, th.col6,th.col7,th.total {
	background:#ddd;
	background-clip: padding-box;
}

.toggleTable td {
	padding:5px;
}

th.school, td.school {
	width:210px;
}

td.school span.blank {
	font-weight:bold;
}

td.total {
	font-weight:bold;
}

td.last, th.last {
	border-bottom:2px solid #999;
}

tr.second,
td.second {
	background:#eff7fc;
}

tr.third,
td.third {
	background:#e2f3fe;
}

tr.second td.col1,
td.col2,
td.col3 {
	background:#fff;
}

.precautionList {
	display:block;
	margin:20px 0;
	font-size:12px;
}

.precautionRed {
	color:red;
  }

.bannerZone {
	width:600px;
	margin:0 auto;
}

.hitori tr.second,
.hitori td.second {
	background:#ffeed8;
}

.hitori tr.third,
.hitori td.third {
	background:#ffe2bd;
}

.hahako tr.second,
.hahako td.second {
	background:#fcf0fc;
}

.hahako tr.third,
.hahako td.third {
	background:#ffe3fc;
}

.toggleMenu {
	display:none\9;/* IE8 */
}

p.close {
	margin-bottom:5px;
}

@media screen and (min-width: 950px) {
	.dn--pc {
		display:none;
	}
	.toggleTableMenu {
		display:none;
	}
	
	.toggleMenu {
		display:none;
	}
}


@media screen and (min-width: 681px) {
	.dn--tab--pc {
		display:none;
	}
/*	
	.toggleTableMenu {
		display:none;
	}
	
	.toggleMenu {
		display:none;
	}
*/
}


@media screen and (min-width: 681px) and (max-width: 949px) {
	.toggleTableInner {
		margin:0 2%;
	}
	
	.precautionList {
		margin:20px 2%;
	}
}


@media screen and (max-width: 949px) {
	.dn--tab--sp {
		display:none;
	}
	.toggleMenuUpper {
		position:absolute;
		left:15%;
		top:20px;
		z-index:100;
	}
	
	.toggleMenuLower {
		position:absolute;
		left:15%;
		bottom:20px;
		z-index:100;
	}
	
	.toggleTableInner {
		position:relative;
		z-index:1;
		padding-top:90px;
		margin:0 4%;
		padding-bottom:90px;
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
		/*width:92%;*/
	}

	#hahako-expense .toggleTableInner {
		padding-bottom:0;
	}

	.toggleTable td, th {
		font-size:11px;
	}
	
	.dn--sp {
		display:none;
	}
	
	.toggleMenu {
		text-align:center;
		vertical-align:middle;
		display:table-cell;
		width:70%;
	}
	
	.toggleMenu .menuTitle {
		color:#fff;
		font-weight:bold;
		background:#0099cc;
		padding:15px 10px;
		border-radius: 10px;
	}
	
	.toggleMenu .menuList li {
		text-align:left;
		background:#fff;
		padding:15px 10px;
		color:#000;
		font-size:12px;
	}
	
	.toggleMenu .menuList li:nth-child(even) {
		background:#ccebf5;
	}
	
	.toggleMenu .menuList li.selected {
		background:#fde2b9;
	}
	
	.toggleMenu .menuList li.selected:before {
		content:url("/inttour/europe/switzerland/ryuugaku/expense/image/2017/161208/check3.png");
		margin-right:5px;
		width:16px !important;
	}
	
	.precautionList {
		margin:10px 4% 20px;
		font-size:11px;
	}
}


@media screen and (max-width: 680px) {
	th.school, td.school {
		width:150px;
		white-space:nowrap !important;
	}
	.bannerZone {
		width: 92%;
		margin: 0 auto 5% auto;
	}
}


#h1-block ul li {
	font-size: 16px;
	text-indent: -1em;
	padding-left: 1em;
}


.settei-nashi {
	display: inline-block;
	margin-bottom: 8px;
	color: #cc3333;
	border: 1px solid #cc3333;
	padding: 0 5px;
}


/*=======================================

	▼ 料金表テーブル

========================================*/

.plan-close .col5,
.plan-close .col6,
.plan-close .col7,
.plan-close .total {
	background-color: #efefef;
	color: #999;
}

.col5 {
	position: relative;
	background-clip: padding-box;
}

.col5 div {
	color: #000;
}

.col5 div.info {
	position: absolute;
	top: 40%;
	left: 20px;
	border: 1px solid #ffb93f;
	font-weight: bold;
	border-radius: 10px;
	background-color: #f9e1b7;
	padding: 10px 20px;
	margin: 0 auto;
	z-index: 10;
}

.col5 div.info2 {
	position: absolute;
	top: -7px;
	left: 20px;
	border: 1px solid #ffb93f;
	font-weight: bold;
	border-radius: 10px;
	background-color: #f9e1b7;
	padding: 10px 20px;
	margin: 0 auto;
	z-index: 10;
}

.col5 div.info3 {
	position: absolute;
	top: 40%;
	left: 65px;
	border: 1px solid #09c;
	font-weight: bold;
	border-radius: 10px;
	background-color: #ccebf5;
	padding: 10px 20px;
	margin: 0 auto;
	z-index: 10;
}

.plan-gentei {
	display: none;
}

.plan-end {
	text-align:center;
	padding:10px;
	border:1px solid #990000;
	color:#990000;
	font-weight:bold;
	margin:2% auto;
	background-color:#FFC;
	line-height:150%;
	font-size:14px;
}

@media screen and (max-width: 950px) {
	.col5 div.info,
	.col5 div.info2,
	.col5 div.info3 {
		display: none;
	}

	.plan-gentei {
		display: block;
		margin-bottom: 8px;
		color: #cc3333;
		border: 1px solid #cc3333;
		padding: 0 5px;
	}
}


@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .plan-close .col5,
	*::-ms-backdrop, .plan-close .col6,
	*::-ms-backdrop, .plan-close .col7,
	*::-ms-backdrop, .plan-close .total {
		background-color: transparent;
	}
}
</pre></body></html>