@charset "UTF-8";
/* layout */
.travel_wrap {
	clear:both;
	margin-bottom: 20px;
	/* font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
	line-height: 1.8; /* line-height: 1.4; */
	font-size: 15px; /* font-size: 13px; */
}
.travel_wrap h5 { font-size: 20px; /* font-size: 14px; */}
.travel_wrap *{
	box-sizing: border-box;
}
.travel_wrap .column-L{
	/* width: 206px !important; */
	width: 240px !important;
	margin-top: 0;
}
.travel_wrap .column-R{
	/* width: 764px !important; */
	width: 730px !important;
}
/* common */
.f10{
	font-size: 10px;
}
.f12{
	font-size: 12px;
}
.f14{
	font-size: 20px; /* font-size: 14px; */
}
.f16{
	font-size: 16px;
}
.f18{
	font-size: 18px;
}
.red{
	color: #f00;
}
/* .blue{
	color: #0000cc;
} */
.green{
	color: #339900;
}
.underline{
	text-decoration: underline;
}
.gutter22 {
	padding: 0 0px;
} 
.gutter32 {
	padding: 0 0px;
} 
.gutter64 {
	padding: 0 64px;
} 
.gutter86 {
	padding: 0 86px;
} 

.block { display: block;}
.mb5 {margin-bottom: 5px !important;}
.ml5 { margin-left:5px !important;}
.ml8 { margin-left:8px !important;}
.mt40 { margin-top:40px !important;}
.mt15 { margin-top:15px !important;}


/* 旧サイド */
/*.travel_wrap .side_wrap .side_tit{
	display: block;
	padding: 12px 5px;
	margin-bottom: 3px;
	width: 100%;
	background-color: #00a1e9;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.travel_wrap .side_wrap ul li{
	margin-bottom: 3px;
	width: 100%;
	border: 1px solid #00a1e9;
	font-weight: bold;
	display: table;
	letter-spacing: -0.05em;
}
.travel_wrap .side_wrap ul li span{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	padding: 0 5px;
	color: #333;
	background-color: #FFE200;
}
.travel_wrap .side_wrap ul li a{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	padding: 0 5px;
	color: #333;
}
.travel_wrap .side_wrap ul li a:hover{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
	text-decoration: none;
}
.travel_wrap .side_wrap ul li .f10{
	font-weight: normal;
	padding: 0;
}*/
/* コンテンツ */
.travel_wrap .content_wrap{
/*	border: 1px solid #2D77C2;*/
	padding: 25px 15px;
/*	background: #e3f2ee;*/
}
.travel_wrap .content_wrap a{
	text-decoration: underline;
	font-size:20px;
}
.travel_wrap .content_wrap .content_tit{
/*	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	background-color: #008000;
	border-radius: 10px;
	margin-bottom: 10px;*/
	font-size: 30px; /* font-size: 24px; */
	text-align: left;
	color: #000;
	padding: 4px;
	border-bottom: 4px solid #008000;
	margin-bottom: 10px;
}

.travel_wrap .content_wrap .content_paragraph {
	padding: 30px 0 10px 0;
	overflow: hidden;
}
.travel_wrap .content_wrap .par_title{
/*	font-size: 16px;
	background-color: #4bacc6;
	color: #fff;
	padding: 10px;*/
	display:inline-block;
	font-size: 24px; /* font-size: 16px; */
	color: #3399cc;
	border-bottom: 2px solid #3399cc;
}
.travel_wrap .content_wrap .par_ttls{
/*	font-size: 14px;
	background-color: #fff;
	color: #0000ff;
	padding: 5px 20px 5px 8px;
	border-left:#008000 solid 16px; 
	margin:10px 0 5px 0;*/
	font-size: 20px; /* font-size: 16px; */
	color: #000;
	padding: 5px 20px 5px 8px;
	border-left:#008000 solid 16px; 
	margin:10px 0 5px 0;
}

.travel_wrap .content_wrap .par_inner{
	padding: 5px 15px 0 15px;
	/* font-size: 14px;	*/
}


/* -------------------------------------------------------------
                   　　　　ステップ1
---------------------------------------------------------------- */
.list-block { margin: 15px 0 0 100px;}
.list-block li:not(.bnimg) { border: 2px solid #4bacc6;
	padding: 7px 8px 7px 7px;
	background: #fff;
	text-decoration: none;
	margin:6px 0 0 0;
	font-size: 14px; }
.list-block li:first-of-type { margin-right:300px; }
.list-block li:nth-of-type(2) { margin-right:80px; }

.travel_wrap .content_wrap .list-block li a { text-decoration: none; }

.list-block li:not(.bnimg) a::before {
    content: "▲";
    display: inline-block;
    margin-right: 5px;
    transform: rotate(-30deg);
	color: orangered;
	margin-top: 0px;
	line-height: 1;
}

.orangered { color: orangered;}
.blue {color: blue;font-size:20px;}


.box-orangered {
border: 2px solid orangered;
padding: 8px;
background: #fff;
}

.box-orangered-nobdr {
padding: 8px 0;
background: #fff;
}

.box-orangered p { font-size: 12px; line-height: 1.4;}

.icon-check {
	background: url("/scl_dai/img/daigakujyuken/checkbox.png") no-repeat left center;
	padding: 14px 10px 12px 22px;
	background-size: 3%;
	text-decoration: underline;
	font-size:20px;
}
.icon-bus {
	background: url("/scl_dai/img/daigakujyuken/icon-bus.png") no-repeat left center;
	padding: 14px 10px 12px 34px;
	background-size: 5%;
	font-size:20px;
}
.icon-train {
	background: url("/scl_dai/img/daigakujyuken/icon-train.png") no-repeat left center;
	padding: 14px 10px 12px 34px;
	background-size: 5%;
	font-size:20px;
}
.icon-airplane {
	background: url("/scl_dai/img/daigakujyuken/icon-airplane.png") no-repeat left center;
	padding: 14px 10px 12px 34px;
	background-size: 5%;
	font-size:20px;
}
 /* IE10以降 */
@media all and (-ms-high-contrast:none){
 .icon-check {
	background-size: 18px;
	} 
.icon-bus,.icon-train,.icon-airplane {
	background-size: 26px;
	}
}

/* -------------------------------------------------------------
                   　　　　ステップ2
---------------------------------------------------------------- */
/* 持ち物チェック */
input[type=checkbox] {
  display: none;
}
.check_css,.check_css2em {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: block;
  padding: 5px 0 5px 42px;
  vertical-align: middle;
  cursor: pointer;
  margin: 0px 0 0px 0;
}
.check_css:hover:after,.check_css2em:hover:after {
  border-color: #0171bd;
}
.check_css:hover,.check_css2em:hover {
  background: #efefef;
}

.check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 14px;
  height: 14px;
  border: 2px solid #666;
  border-radius: 2px;
  content: '';
}
.check_css2em:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 24%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 14px;
  height: 14px;
  border: 2px solid #666;
  border-radius: 2px;
  content: '';
}

.check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -9px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.check_css2em:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 24%;
  left: 20px;
  display: block;
  margin-top: -9px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type=checkbox]:checked + .check_css:before,
input[type=checkbox]:checked + .check_css2em:before {
  opacity: 1;
}

/* スケジュール例 */
.schedule_wrap{
	width: 100%;
	height: 420px;
	margin: 0 auto;
	background: url("/scl_dai/img/daigakujyuken/schedule_p.png") no-repeat;
	position: relative;
	background-size: 88%;
	background-position: 30px 30px;
}
.absolute {
	position: absolute;
}
.sc-area {position: absolute; top:14px; font-size: 11px;}
.sc-day1 {left:32px; }
.sc-day2 {left:198px;}
.sc-day3 {left:364px;}
.sc-day4 {left:530px;}

.ttl-sub {margin-left: 16px;}

.day { width: 120px; overflow: hidden;}
.day dt {width: 80px; text-align: center; float: left;}
.day dd {width: 40px; float: right; font-size: 10px;}

.sc1-1 {margin: 1.8em auto 1em;}
.sc1-2 {margin: 5em auto 6em;}
.sc1-3 {margin: 4.5em auto;}

.sc2-1 {margin: 0.6em auto 0.2em;}
.sc2-2 {margin: 1.2em auto 0.5em;}
.sc2-3 {margin: 1.3em auto 0.5em;}
.sc2-4 {margin: 2.6em auto 2em;}
.sc2-5 {margin: 1.4em auto 0.5em auto;}
.sc2-6 {margin: 3em auto;}

.sc3-1 {margin: 1.2em auto 0.2em;}
.sc3-2 {margin: 1.8em auto 0.3em;}
.sc3-3 {margin: 5em auto 5.5em;}
.sc3-4 {margin: 1.2em auto 0.5em;}
.sc3-5 {margin: 1em auto 0.5em auto;}

.sc4-1 {margin: 1.8em auto 1em;}
.sc4-2 {margin: 8em auto 7.8em;}

/* 矢印 */
.flow-icon-right {
    -webkit-transform: rotate(45deg);
    transform: rotate(0deg);
}
.flow-icon {
    position: absolute;
    display: block;
    padding: 16px;
    color: #000;
    text-decoration: none;
    width: 30px;
    height: 30px;
}
.flow-icon::before, .flow-icon::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.flow-icon::before {
    left: 20px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 11px solid transparent;
    border-left: 13px solid red;
}
.flow-icon::after {
    left: 0;
    width: 10px;
    height: 10px;
    border-left: 20px solid red;
}

.schedule_wrap .flow-icon:first-of-type {top:180px; left:150px;}
.schedule_wrap .flow-icon:nth-of-type(2) {top:180px; left:314px;}
.schedule_wrap .flow-icon:nth-of-type(3) {top:180px; left:480px;}

/* 次のページへ */
.nextpage a {
	display: block;
	background-color: #008000;
	color: #fff;
	padding: 10px 20px;
	/* width: 150px; */
	float: right;
	text-decoration: none !important;
	text-align: center;
	font-size: 20px;
}
.nextpage a::before {
    content: "▲";
    display: inline-block;
    margin-right: 5px;
    transform: rotate(-30deg);
    color: #fff;
    margin-top: 0px;
    line-height: 1.1;
	font-size: 11px;
}

.pagetop{
	padding-top: 10px;
}

/* 新サイド */
.travel_wrap .side_wrap .side_tit{
	display: block;
	padding: 12px 5px;
	margin-bottom: 3px;
	width: 100%;
	background-color: #00a1e9;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size:16px;
}
.travel_wrap .side_wrap ul li{
	margin:8px 0px;
	width: 100%;
	font-size: 16px; /* font-size: 12px; */
	display: table;
	padding:8px 0 8px 8px;
	text-indent:-11px;
}
.travel_wrap .side_wrap ul li :before{
    content: "▲";
    display: inline-block;
    margin-right: 5px;
    margin-left: 8px;
    margin-top: 0px;
    color: #00a1e9;
    line-height: 14px;
    transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
}

.travel_wrap .side_wrap ul li span{
	display: table-cell;
	vertical-align: top;
	padding: 0 5px;
	color: #333;
}
.travel_wrap .side_wrap ul li a{
	display: table-cell;
	vertical-align: top;
	color:#00a1e9;
	padding: 0 5px;
}
.travel_wrap .side_wrap ul li a:hover{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
	text-decoration: none;
}
.travel_wrap .travel_schdule2 {
	margin-top:20px;
	width: 700px;
	height: 650px;
	background: url(/scl_dai/img/daigakujyuken/travel_schedule2.png)no-repeat;
	position: relative;
}
.travel_wrap .travel_schdule1 {
	width: 700px;
	height: 550px;
	background: url(/scl_dai/img/daigakujyuken/travel_schedule1.png)no-repeat;
	position: relative;
}
.travel_wrap .cmnt11{position:absolute;top:  3px; /* top: 11px; */ left:230px;font-size:20px; /* font-size:14px; */ padding:0 3px;}
.travel_wrap .cmnt12{position:absolute;top: 56px; /* top: 67px; */ left:230px;font-size:15px; /* font-size:13px; */ padding:5px;}
.travel_wrap .cmnt13{position:absolute;top:162px; /* top:172px; */ left:230px;font-size:20px; /* font-size:14px; */ padding:0 3px;}
.travel_wrap .cmnt14{position:absolute;top:206px; /* top:225px; */ left:230px;font-size:15px; /* font-size:13px; */ padding:5px;}
.travel_wrap .cmnt15{position:absolute;top:326px; /* top:335px; */ left:230px;font-size:20px; /* font-size:14px; */ padding:0 3px;}
.travel_wrap .cmnt16{position:absolute;top:366px; /* top:380px; */ left:230px;font-size:15px; /* font-size:13px; */ padding:5px;}
.travel_wrap .cmnt17{position:absolute;top:498px; /* top:508px; */ left:230px;font-size:20px; /* font-size:14px; */ padding:0 3px;}
.travel_wrap .cmnt18{position:absolute;top:545px; /* top:553px; */ left:230px;font-size:15px; /* font-size:13px; */ padding:5px;}

.travel_wrap .cmnt21{position:absolute;top: 28px; /* top: 38px; */ left:230px;font-size:20px; /* font-size:14px; */ padding:0 3px;}
.travel_wrap .cmnt22{position:absolute;top: 76px; /* top: 87px; */ left:230px;font-size:15px; /* font-size:13px; */ padding:3px;}
.travel_wrap .cmnt23{position:absolute;top:208px; /* top:217px; */ left:230px;font-size:20px; /* font-size:14px; */ padding:0 3px;}
.travel_wrap .cmnt24{position:absolute;top:264px; /* top:269px; */ left:230px;font-size:15px; /* font-size:13px; */ padding:3px;}
.travel_wrap .cmnt25{position:absolute;top:404px; /* top:413px; */ left:230px;font-size:20px; /* font-size:14px; */ padding:0 3px;}
.travel_wrap .cmnt26{position:absolute;top:446px; /* top:468px; */ left:230px;font-size:15px; /* font-size:13px; */ padding:3px;}