@charset "UTF-8";

@import url('//fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese');

html, body{
	font-size: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	/*font-family: "Sawarabi Gothic";*/
	font-weight: 300;
	color: #333;
	width: 100%;
}


@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}


.w10{width: 10px;}
.w20{width: 20px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w65{width: 65px;}
.w70{width: 70px;}
.w75{width: 75px;}
.w80{width: 80px;}
.w85{width: 85px;}
.w90{width: 90px;}
.w95{width: 95px;}
.w100{width: 100px;}
.w105{width: 105px;}
.w115{width: 115px;}
.w120{width: 120px;}
.w125{width: 125px;}
.w130{width: 130px;}
.w135{width: 135px;}
.w140{width: 140px;}
.w145{width: 145px;}
.w150{width: 150px;}
.w155{width: 155px;}
.w160{width: 160px;}
.w165{width: 165px;}
.w170{width: 170px;}
.w175{width: 175px;}
.w180{width: 180px;}
.w185{width: 185px;}
.w190{width: 190px;}
.w195{width: 195px;}
.w200{width: 200px;}
.w205{width: 205px;}
.w205{width: 205px;}
.w210{width: 210px;}
.w215{width: 215px;}
.w220{width: 220px;}
.w225{width: 225px;}
.w230{width: 230px;}
.w235{width: 235px;}
.w240{width: 240px;}
.w245{width: 245px;}
.w250{width: 250px;}
.w255{width: 255px;}
.w260{width: 260px;}
.w265{width: 265px;}
.w270{width: 270px;}
.w275{width: 275px;}
.w280{width: 280px;}
.w285{width: 285px;}
.w290{width: 290px;}
.w295{width: 295px;}
.w300{width: 300px;}
.w305{width: 305px;}
.w305{width: 305px;}
.w310{width: 310px;}
.w315{width: 315px;}
.w320{width: 320px;}
.w325{width: 325px;}
.w330{width: 330px;}
.w335{width: 335px;}
.w340{width: 340px;}
.w345{width: 345px;}
.w350{width: 350px;}
.w355{width: 355px;}
.w360{width: 360px;}
.w365{width: 365px;}
.w370{width: 370px;}
.w375{width: 375px;}
.w380{width: 380px;}
.w385{width: 385px;}
.w390{width: 390px;}
.w395{width: 395px;}
.w400{width: 400px;}
.w405{width: 405px;}
.w405{width: 405px;}
.w410{width: 410px;}
.w415{width: 415px;}
.w420{width: 420px;}
.w425{width: 425px;}
.w430{width: 430px;}
.w435{width: 435px;}
.w440{width: 440px;}
.w445{width: 445px;}
.w450{width: 450px;}
.w455{width: 455px;}
.w460{width: 460px;}
.w465{width: 465px;}
.w470{width: 470px;}
.w475{width: 475px;}
.w480{width: 480px;}
.w485{width: 485px;}
.w490{width: 490px;}
.w495{width: 495px;}
.w500{width: 500px;}
.w505{width: 505px;}
.w510{width: 510px;}
.w515{width: 515px;}
.w520{width: 520px;}
.w525{width: 525px;}
.w530{width: 530px;}
.w535{width: 535px;}
.w540{width: 540px;}
.w545{width: 545px;}
.w550{width: 550px;}
.w555{width: 555px;}
.w560{width: 560px;}
.w565{width: 565px;}
.w570{width: 570px;}
.w575{width: 575px;}
.w580{width: 580px;}
.w585{width: 585px;}
.w590{width: 590px;}
.w595{width: 595px;}
.w600{width: 600px;}
.w605{width: 605px;}
.w610{width: 610px;}
.w615{width: 615px;}
.w620{width: 620px;}
.w625{width: 625px;}
.w630{width: 630px;}
.w635{width: 635px;}
.w640{width: 640px;}
.w645{width: 645px;}
.w650{width: 650px;}
.w655{width: 655px;}
.w660{width: 660px;}
.w665{width: 665px;}
.w670{width: 670px;}
.w675{width: 675px;}
.w680{width: 680px;}
.w685{width: 685px;}
.w690{width: 690px;}
.w695{width: 695px;}
.w700{width: 700px;}
.w705{width: 705px;}
.w710{width: 710px;}
.w715{width: 715px;}
.w720{width: 720px;}
.w725{width: 725px;}
.w730{width: 730px;}
.w735{width: 735px;}
.w740{width: 740px;}
.w745{width: 745px;}
.w750{width: 750px;}
.w755{width: 755px;}
.w760{width: 760px;}
.w765{width: 765px;}
.w770{width: 770px;}
.w775{width: 775px;}
.w780{width: 780px;}
.w785{width: 785px;}
.w790{width: 790px;}
.w795{width: 795px;}
.w800{width: 800px;}
.w805{width: 805px;}
.w810{width: 810px;}
.w815{width: 815px;}
.w820{width: 820px;}
.w825{width: 825px;}
.w830{width: 830px;}
.w835{width: 835px;}
.w840{width: 840px;}
.w845{width: 845px;}
.w850{width: 850px;}
.w855{width: 855px;}
.w860{width: 860px;}
.w865{width: 865px;}
.w870{width: 870px;}
.w875{width: 875px;}
.w880{width: 880px;}
.w885{width: 885px;}
.w890{width: 890px;}
.w895{width: 895px;}
.w900{width: 900px;}
.w80p{width: 80%;}

.pdg_0 { padding: 0px !important; }
.pdg_5 { padding: 5px !important; }
.pdg_10 { padding: 10px !important; }
.pdg_15 { padding: 15px !important; }
.pdg_20 { padding: 20px !important; }
.pdg_25 { padding: 25px !important; }
.pdg_30 { padding: 30px !important; }
.pdg_t0 { padding-top: 0px !important; }
.pdg_t5 { padding-top: 5px !important; }
.pdg_t10 { padding-top: 10px !important; }
.pdg_t15 { padding-top: 15px !important; }
.pdg_t20 { padding-top: 20px !important; }
.pdg_t25 { padding-top: 25px !important; }
.pdg_t30 { padding-top: 30px !important; }
.pdg_t50 { padding-top: 30px !important; }
.pdg_b0 { padding-bottom: 0px !important; }
.pdg_b5 { padding-bottom: 5px !important; }
.pdg_b10 { padding-bottom: 10px !important; }
.pdg_b15 { padding-bottom: 15px !important; }
.pdg_b20 { padding-bottom: 20px !important; }
.pdg_b25 { padding-bottom: 25px !important; }
.pdg_b30 { padding-bottom: 30px !important; }
.pdg_l0 { padding-left: 0px !important; }
.pdg_l5 { padding-left: 5px !important; }
.pdg_l10 { padding-left: 10px !important; }
.pdg_l15 { padding-left: 15px !important; }
.pdg_l20 { padding-left: 20px !important; }
.pdg_l25 { padding-left: 25px !important; }
.pdg_l30 { padding-left: 30px !important; }
.pdg_r0 { padding-right: 0px !important; }
.pdg_r5 { padding-right: 5px !important; }
.pdg_r10 { padding-right: 10px !important; }
.pdg_r15 { padding-right: 15px !important; }
.pdg_r20 { padding-right: 20px !important; }
.pdg_r25 { padding-right: 25px !important; }
.pdg_r30 { padding-right: 30px !important; }

.mrg_0 { margin: 0px !important; }
.mrg_5 { margin: 5px !important; }
.mrg_10 { margin: 10px !important; }
.mrg_15 { margin: 15px !important; }
.mrg_20 { margin: 20px !important; }
.mrg_25 { margin: 25px !important; }
.mrg_30 { margin: 30px !important; }
.mrg_35 { margin: 35px !important; }
.mrg_40 { margin: 40px !important; }
.mrg_45 { margin: 45px !important; }
.mrg_50 { margin: 50px !important; }
.mrg_t0 { margin-top: 0px !important; }
.mrg_t5 { margin-top: 5px !important; }
.mrg_t10 { margin-top: 10px !important; }
.mrg_t15 { margin-top: 15px !important; }
.mrg_t20 { margin-top: 20px !important; }
.mrg_t25 { margin-top: 25px !important; }
.mrg_t30 { margin-top: 30px !important; }
.mrg_t35 { margin-top: 35px !important; }
.mrg_t40 { margin-top: 40px !important; }
.mrg_t45 { margin-top: 45px !important; }
.mrg_t50 { margin-top: 50px !important; }
.mrg_b0 { margin-bottom: 0px !important; }
.mrg_b5 { margin-bottom: 5px !important; }
.mrg_b10 { margin-bottom: 10px !important; }
.mrg_b15 { margin-bottom: 15px !important; }
.mrg_b20 { margin-bottom: 20px !important; }
.mrg_b25 { margin-bottom: 25px !important; }
.mrg_b30 { margin-bottom: 30px !important; }
.mrg_b35 { margin-bottom: 35px !important; }
.mrg_b40 { margin-bottom: 40px !important; }
.mrg_b45 { margin-bottom: 45px !important; }
.mrg_b50 { margin-bottom: 50px !important; }
.mrg_b100 { margin-bottom: 100px !important; }
.mrg_l-5 { margin-left: -5px !important; }
.mrg_l0 { margin-left: 0px !important; }
.mrg_l5 { margin-left: 5px !important; }
.mrg_l10 { margin-left: 10px !important; }
.mrg_l15 { margin-left: 15px !important; }
.mrg_l20 { margin-left: 20px !important; }
.mrg_l25 { margin-left: 25px !important; }
.mrg_l30 { margin-left: 30px !important; }
.mrg_l35 { margin-left: 35px !important; }
.mrg_l40 { margin-left: 40px !important; }
.mrg_l45 { margin-left: 45px !important; }
.mrg_l50 { margin-left: 50px !important; }
.mrg_r0 { margin-right: 0px !important; }
.mrg_r5 { margin-right: 5px !important; }
.mrg_r10 { margin-right: 10px !important; }
.mrg_r15 { margin-right: 15px !important; }
.mrg_r20 { margin-right: 20px !important; }
.mrg_r25 { margin-right: 25px !important; }
.mrg_r30 { margin-right: 30px !important; }
.mrg_r35 { margin-right: 35px !important; }
.mrg_r40 { margin-right: 40px !important; }
.mrg_r45 { margin-right: 45px !important; }
.mrg_r50 { margin-right: 50px !important; }

.fs_9 { font-size: 9px !important; }
.fs_10 { font-size: 10px !important; }
.fs_11 { font-size: 11px !important; }
.fs_12 { font-size: 12px !important; }
.fs_13 { font-size: 13px !important; }
.fs_14 { font-size: 14px !important; }
.fs_15 { font-size: 15px !important; }
.fs_16 { font-size: 16px !important; }
.fs_17 { font-size: 17px !important; }
.fs_18 { font-size: 18px !important; }
.fs_19 { font-size: 19px !important; }
.fs_20 { font-size: 20px !important; }
.fs_21 { font-size: 21px !important; }
.fs_22 { font-size: 22px !important; }
.fs_23 { font-size: 23px !important; }
.fs_24 { font-size: 24px !important; }
.fs_25 { font-size: 25px !important; }
.fs_26 { font-size: 26px !important; }
.fs_27 { font-size: 27px !important; }
.fs_28 { font-size: 28px !important; }
.fs_29 { font-size: 29px !important; }
.fs_30 { font-size: 30px !important; }
.fs_07em { font-size: 0.7em !important; line-height: 1.4em }
.fs_08em { font-size: 0.8em !important; line-height: 1.4em }
.fs_09em { font-size: 0.9em !important; line-height: 1.4em }
.fs_11em { font-size: 1.1em !important; line-height: 1.4em }

.fw_nml { font-weight: normal !important }
.fw_bld { font-weight: 500 !important }

.fc_red { color: red !important; }
.fc_wht { color: #fff; }
.fc_gry { color: #ccc; }
.fc_blk { color: #000; }
.fc_ylw { color: #f0ff00; }
.fc_blu { color: #0000ff; }

.f_ul { text-decoration: underline !important; }
.f_narrow { letter-spacing: -0.15em !important; }
.f_sp05 { letter-spacing: 0.5em; }

.fa_c{text-align: center}




ul.none{
	list-style: none;
	margin:0px 0px 0px 0px;
}

ul.circle{
	list-style: circle;
}

ul.disc{
	list-style: disc;
}

ul.number{
	list-style: decimal;
}

ul.kana{
	list-style: katakana;
	margin:0px 0px 0px 1.5em;
}

ul.alpha{
	list-style: upper-alpha;
	margin:0px 0px 0px 1.5em;
}

ul.kome{
	list-style: none;
	margin:0px 0px 0px 0.9em;
	text-indent: -0.9em;
}

ul.kome li:before{
	display: inline;
	list-style: none;
	content: "※";
}

.btn-purple {
	    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
	}
	
	.btn-purple.active, .btn-purple:active {
	    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
	}
	
	.btn-purple.disabled, .btn-purple[disabled]　{
	    -webkit-box-shadow: none;
	    box-shadow: none
	}
	
	.btn-purple .badge {
	    text-shadow: none
	}
	
	.btn-purple {
	    background-image: -webkit-linear-gradient(top, #9e6ee5 0, #664498 100%);
	    background-image: -o-linear-gradient(top, #9e6ee5 0, #664498 100%);
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#9e6ee5), to(#664498));
	    background-image: linear-gradient(to bottom, #9e6ee5 0, #664498 100%);
	    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff9e6ee5', endColorstr='#ff265a88', GradientType=0);
	    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
	    background-repeat: repeat-x;
	    border-color: #411287;
	    color: #FFF;
	}
	
	.btn-purple:focus, .btn-purple:hover {
	    background-color: #664498;
	    background-position: 0 -15px;
	    color: #FFF;
	}
	
	.btn-purple.active, .btn-purple:active {
	    background-color: #664498;
	    border-color: #411287
	}
	
	.btn-purple.disabled, .btn-purple.disabled.active, .btn-purple.disabled.focus,
	.btn-purple.disabled:active, .btn-purple.disabled:focus, .btn-purple.disabled:hover,
	.btn-purple[disabled], .btn-purple[disabled].active, .btn-purple[disabled].focus,
	.btn-purple[disabled]:active, .btn-purple[disabled]:focus, .btn-purple[disabled]:hover,
	fieldset[disabled] .btn-purple, fieldset[disabled] .btn-purple.active,
	fieldset[disabled] .btn-purple.focus, fieldset[disabled] .btn-purple:active,
	fieldset[disabled] .btn-purple:focus, fieldset[disabled] .btn-purple:hover {
	    background-color: #265a88;
	    background-image: none
	}

/*@media screen and (max-width:767px) { 
	.block-xs{
		display: block !important;
		text-align: left !important;
		width: 100% !important
	}
}*/

.eventborder{
	border: 3px solid #f5789d;
}

header,
nav,
contents,
eventinfo
{
	margin: 0px !important;
	display: block !important;
	padding: 0px !important;
}

header h1{margin: 0px; display: none;}
header h1{
	display: block;
	text-align: center;
	font-size: 2em;
	background: #000;
	color: #FFF;
	font-weight: 500;
	padding: 2em 0.5em;
}

/* ヘッダー背景＆文字色 */
header h1.hide{
	margin: 0px; display: none !important;
	
}

.navbar-nav{
	display: table !important;
	margin: auto !important;
	float: none
}

.navbar-nav b{
	font-weight: 500 !important;
}

.container{
	margin: 0px auto !important;
	padding: 0 !important;
}







/*
@media screen and (max-width:767px) { 
	footer menu ul.left{
		float: none;
		margin-bottom: 0.3em
	}
	footer menu ul.right{
		float: none;
	}
}
*/

h2.index{
	font-size: 2em;
	font-weight: 600; 
	border-bottom: 6px solid #000; 
	/*margin-bottom: 1em; */
	margin-bottom: 0.6em;
	padding-bottom: 0.2em;
	text-align: center;
	border-color: #000;
	color: #000;
	
}


@media screen and (max-width:767px) { 
	h2.index{
		font-size: 1.3em;
		font-weight: 600; 
		border-bottom: 6px solid #000; 
		/*margin-bottom: 1em; */
		margin-bottom: 0.6em;
		padding-bottom: 0.2em;
		text-align: center;
		border-color: #000;
		color: #000;
		
	}
}


#eventinfo dl{
	border: 1px solid #ccc;
	margin: -1px 0px 0px 0px;
    display: table;
    width: 100%;
}
#eventinfo dl dt{
	background: #d92a3a; 
	display: table-cell; 
	padding: 0.3em 0.3em;
	white-space: nowrap; 
	width: 20%; 
	vertical-align: middle; 
	border-right: 1px solid #e7717b;
	color: #FFF;
	line-height: 1.5em;
	font-weight: 600;
	text-align: center;
}
#eventinfo dl dd{
	display: table-cell; 
	background: #FFF; 
	padding: 0.3em 1em;
	text-align: left;
	line-height: 1.5em;
	vertical-align: middle;
	width: 80%;
	
}
#eventinfo dl dd day{
	display: block
}
#eventinfo dl dd p{
	margin: 0px;
	padding: 0px;
}


/*
@media screen and (max-width:767px) { 
	#eventinfo dl{
		border: none;
		margin: 0px 0px 5px 0px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #999;
	}
	
	#eventinfo dl.last{
		margin: 0px 0px 0px 0px;
		padding-bottom: 0px;
		border-bottom: none;
	}
	#eventinfo dl dt{
		background: none; 
		display: table-cell; 
		padding: 0.3em 0em;
		white-space: nowrap; 
		width: auto; 
		vertical-align: text-top; 
		border: none;
		line-height: 1.5em;
		font-weight: 600;
	}
	#eventinfo dl dd{
		display: table-cell; 
		background: #FFF; 
		padding: 0.3em 0.0em 0.3em 0.5em;
		text-align: left;
		line-height: 1.5em;
		vertical-align: text-top; 
		
	}
}*/


#applyflow dl{
	width: 100%;
	margin: auto;
	background: #FFF;
	border: 1px solid #CCC;
	padding-bottom: 1em;
}
#applyflow dl dt{
	font-weight: bold;
	padding: 5px;
	background: #EFEFEF;
	overflow: hidden;
	font-weight: 500;
	line-height: 1.5em;
	
	border-bottom: 1px solid #CCC;
}
#applyflow dl dt span.i{
	width: 100px;
	text-align: center;
	display: block;
	float: left;
	background: #FFF;
	line-height: 2em;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px; 
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px; 
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;   
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px; 
	font-weight: 600;
	font-size: 1.2em
}
#applyflow dl dt span.t{
	display: block;
	padding: 5px;
	margin-left: 110px !important;
	color:#000;
	font-weight: 600;
	font-size: 1.2em
}
/*@media screen and (max-width:767px) { 
	#applyflow dl dt{
		font-weight: bold;
		padding: 5px;
		background: #EFEFEF;
		overflow: hidden;
		font-weight: 500;
		line-height: 1.2em;
		
		border-bottom: 1px solid #CCC;
	}
	#applyflow dl dt span.i{
		width: 5em;
		text-align: center;
		display: block;
		float: left;
		background: #FFF;
		line-height: 1.8em;
		-webkit-border-top-left-radius: 3px;  
	    -webkit-border-top-right-radius: 3px; 
	    -moz-border-radius-topleft: 3px;  
	    -moz-border-radius-topright: 3px; 
	    -webkit-border-bottom-right-radius: 3px;  
	    -webkit-border-bottom-left-radius: 3px;   
	    -moz-border-radius-bottomright: 3px;  
	    -moz-border-radius-bottomleft: 3px; 
		font-weight: 600;
		font-size: 1em
	}
	#applyflow dl dt span.t{
		display: block;
		padding: 0.3em;
		margin-left: 5.5em !important;
		color:#000;
		font-weight: 600;
		font-size: 1em
	}
}*/
#applyflow dl dd{
	padding: 1em 1em 0em 1em;
}

#applyflow dl dd b{
	display: block;
	font-size: 1.0em;
	margin-bottom: 0.7em;
	font-weight: 500
}

#applyflow dl dd p{
	margin: 0px;
	padding: 0px;
}

#applyflow div.fa_c i{
	color: #999;
	font-size: 3em;
	margin-bottom: 0.2em
}

#applyflow p.fw_bld{
	font-weight: 400
}


#conditions{
	padding-top: 3em !important
}

#conditions #conditions-midashi{
	background: #B20000 !important;
	padding: 0.4em 0em 0.6em 0em !important;
	margin: 0;
	color: #FFF !important;
	text-align: center;
	margin-bottom: 3em
}

#conditions #conditions-midashi h4{
	background: none !important;
	font-size: 2em !important;
	padding: 0px 1.5em !important;
	margin: 0px !important;
	color: #FFF !important;
	line-height: 1.5em
}

/*@media(max-width:767px){
	#conditions #conditions-midashi h4{
		background: none !important;
		font-size: 1.5em !important;
		padding: 0px 1.5em !important;
		margin: 0px !important;
		color: #FFF !important;
		line-height: 1.5em
	}
}*/

#conditions #conditions-midashi p{
	font-size: 1em !important;
	padding: 0px 1em !important;
	margin: 0px !important;
	color: #FFF;
	line-height: 1.0em;
	text-align: center
	
}

#conditions #conditions-midashi i{
	color: #FFF !important;
	
}
	
#conditions .header {
	background:url(../images/common/line.gif) bottom repeat-x;
	padding: 0px 20px 15px 0px !important;
	text-align:center !important;
	color:#B20000 !important;
	width: 100% !important;
	margin-bottom: 1em;
}
	
#conditions .header h5 {
	font-size: 1.5em;
	font-weight: 600;
	color:#B20000 !important;
	margin-bottom: 0.3em;
}

#conditions .header p {
	font-size: 1em !important;
	font-weight: 500;
	color:#B20000 !important;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
	
	
#conditions div.term{
	margin-bottom: 3em;
}


#conditions div.term > div {
	display: block;
	margin: 1em 0 0.5em 0;
	text-align: left;
	border-bottom:#999 1px dashed;
	padding:0.5em 0px 1.5em 0px;
	font-size:0.95em !important;
	line-height: 1.5em
}



#conditions div.term > div > p{
	margin: 0px;
	padding: 0px;
}

#conditions table.nml{
	border-collapse: collapse;
	width:100%!important;
	margin-top: 5px;
	margin-bottom: 5px;

}

#conditions table.nml th, #conditions table.nml td{ 
	margin: 0; 
	padding: 10px;
	border: 1px solid #babcbf;
	vertical-align: middle;
	text-align: center;
}

#conditions table.nml th{
	background: #EFEFEF;
	font-weight: 500
}

.fa_l{
	text-align: left !important;
}

.entry_btn{
	text-align: center;
}

.btn-disabled{
	background: #CCC;
	color: #FFF;
}
.btn-disabled:hover{
	background: #CCC;
	color: #FFF;
}

a.page-top {
    position: fixed;
    bottom: 3em;
    right: 3em;
    padding: 1em 2em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 0.7em;
    line-height: 1.5em;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    z-index: 8888;
    font-size: 0.8em
}

a.page-top i{
	color: #fff;
}

a.page-top:hover{
	color:#fff;
	text-decoration: none;
    -ms-filter: "alpha(opacity=95)";
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
}
#accept div.note{
	background: #EFEFEF;
	line-height: 1.5em;
	padding: 1em 1em 1em 1em;
	margin-top: 1em;
}
#accept date{
	display: block;
	text-align: center;
	font-weight: 500;
	font-size: 1.4em;
}
#accept date b{
	font-weight: 600;
	font-size: 1.5em;
}
#accept date span{
	font-weight: 400;
}

#accept table{
	border: 3px solid #000;
	padding: 0 !important;
	width: 100%;
}
#accept th{
	vertical-align: middle !important; 
	text-align: center;
	font-weight: 600;
	background: #000; 
	color: #FFF; 
	font-size: 1.4em;
	padding: 0.3em;
}
#accept td{
	vertical-align: middle !important; 
	text-align: center;
	padding: 0.3em;
	
}

/*@media only screen and (max-width: 980px) {
	#accept date{
		font-size: 1.3em !important;
	}
	#accept th, #accept td{
		display: block !important			
	}
}
@media only screen and (max-width: 800px) {
	#accept date{
		font-size: 1.3em !important;
	}
	#accept th, #accept td{
		display: block !important			
	}
}
@media only screen and (max-width: 736px) {
	#accept date{
		font-size: 1.3em !important;
	}
	#accept th, #accept td{
		display: block !important			
	}
}
@media only screen and (max-width: 550px) {
	#accept date{
		font-size: 1.3em !important;
	}
	#accept date span{
		-webkit-text-orientation: sideways;
		text-orientation: sideways;
		display: block;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		width: 55%;
	}
	#accept th, #accept td{
		display: block !important			
	}
}*/

.planBox{
	margin-bottom: 25px;
}
.planBox plantitle{
	background: #000;
	color: #FFF;
	border-bottom:none;
	padding: 0.5em 0.5em 0.25em 0.5em !important;
	overflow: hidden;
	display: block;
}
.planBox plantitle span{
	background: #FFF;
	color:#000;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: 900;
	width: 1.2em;
	display: table-cell;
	float: left;
	text-align: center
}
.planBox plantitle h3{
	padding-left: 0.3em !important;
	display: table-cell;
	font-size: 1.5em;
	line-height: 1.5em;
}

/*@media only screen and (max-width: 736px) {
	.planBox plantitle{
		background: #000;
		color: #FFF;
		border-bottom:none;
		padding: 0.5em 0.5em 0.3em 0.5em !important;
		overflow: hidden;
		display: block;
	}
	.planBox plantitle span{
		background: #FFF;
		color:#000;
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: 900;
		width: 1.2em;
		display: table-cell;
		float: left;
		text-align: center
	}
	.planBox plantitle h3{
		padding-left: 0.3em !important;
		display: table-cell;
		font-size: 1.2em;
		line-height: 1.2em;
	}
}
*/

.planBox .detail{
	padding: 1em;
	border: 3px solid #000;
	border-top: none;
}

.planBox note{
	display: block
}

.planBox note dl{
	margin:0 0 0.3em 0;
	font-size: 0.95em
}
.planBox note dt{
	display: table-cell; 
	white-space: nowrap;
	padding-right: 10px;
	font-weight: 800;
}

.planBox note dd{
	display: table-cell;
}

.planBox h4{
	font-size: 0.95em;
	margin: 0.5em 0 0.3em 0;
}

/*@media only screen and (max-width: 736px) {
	.planBox note dt{
		display: block;
	}
	
	.planBox note dd{
		display: block;
	}
}
*/
.kouteiBox h4 span.sp{
	display: none;
}

/*@media(max-width:767px){
	.kouteiBox h4 span.sp{
		display: inline;
		margin-top: 5px;
	}
}*/

.kouteiBox .kokunai .table-responsive,
.kouteiBox .kokunai .table,
.kouteiBox .kokunai .table-bordered
.kouteiBox .kokunai .toursche{
	margin: 0 !important;
	padding: 0 !important;
}
.kouteiBox .kokunai .toursche table,
.kouteiBox .kokunai .toursche th,
.kouteiBox .kokunai .toursche td{
	border-color: #CCC !important;
	padding: 0.8em 0.8em 0.5em;
}
.kouteiBox .kokunai .toursche th{
	border-bottom: none !important;
	text-align: center !important;
	font-size: 0.8em;
	font-weight: 500;
	background: #EFEFEF;
	
}
.kouteiBox .kokunai .toursche td.date{
	text-align: center !important;
	font-size: 0.8em;
	font-weight: 500;
	background: #EFEFEF;
	vertical-align: middle !important;
	width: 8em;
}
.kouteiBox .kokunai .toursche td.meal{
	text-align: center !important;
	font-size: 0.8em;
	vertical-align: middle !important;
	width: 5em
}
.kouteiBox .kokunai .toursche td.koutei{
	text-align: center !important;
	font-size: 0.8em;
	vertical-align: middle !important;
}
.kouteiBox .kokunai .toursche td.date p,
.kouteiBox .kokunai .toursche td.meal p{
	padding: 2px;
	margin: 0px;
}
.kouteiBox ul.kome{
	font-size: 0.90em;
	margin-top: 0.3em
}

.kouteiBox .kokunai .koutei table{
	border: none !important;
	margin: auto;
}
.kouteiBox .kokunai .koutei table td{
	border: none !important;
	text-align: center !important;
	vertical-align: middle !important;
	padding: 0.2em;
	position: relative;
}
.kouteiBox .kokunai .koutei table td event{
	font-weight: 800;
	display: block;
	font-size: 1.1em
}

.kouteiBox .kokunai .koutei table td .bld{
	font-weight: 400;
}
.kouteiBox .kokunai .koutei table td .place,
.kouteiBox .kokunai .koutei table td .move{
	font-weight: 500;
	font-size: 0.95em
}
.kouteiBox .kokunai .koutei table td c{
	text-align: center;
	display: block;
	font-size: 0.85em
}
.kouteiBox .kokunai .koutei table td r{
	text-align: right;
	display: block;
	font-size: 0.85em
}
.kouteiBox .kokunai .koutei table td l{
	text-align: left;
	display: block;
	font-size: 0.85em
}
.kouteiBox .kokunai .koutei .note-left{
	text-align: left; padding: 0; margin: 0
}
.kouteiBox .kokunai .koutei .note-right{
	text-align: right; padding: 0; margin: 0
}
.kouteiBox .kokunai .koutei .note-left p,
.kouteiBox .kokunai .koutei .note-right p{
	padding: 0; margin: 0;
	font-size: 0.85em;
}

.kouteiBox .kokunai stay{
	display: block;
	text-align: right;
	float: right;
	color: #FFF;
	font-size: 0.85em;
	background: #2b55b6;
	padding: 1px 8px 1px 8px !important;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px; 
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px; 
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;   
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px; 
    margin: 0px !important;
	border:1px solid #2b55b6;
	margin-top: 0.2em !important;
}

/*@media only screen and (max-width: 736px) {
	.kouteiBox .kokunai stay{float: left;}
}*/

.kouteiBox .kokunai event{
	display: block;
	text-align: center;
	color: #FFF;
	background: #ff2768;
	padding: 1px 8px 1px 8px !important;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px; 
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px; 
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;   
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px; 
    margin: 0px !important;
	margin-top: 0.2em !important;
	font-size: 0.95em !important;
	font-weight: 500 !important
}

.kouteiBox .kokunai event.green{
	display: block;
	text-align: center;
	color: #FFF;
	background: #00c926;
}

/*@media screen and (max-width:767px) {
	.kouteiBox .kokunai .toursche td.date{
		width: 5em;
		padding: 0.3em;
	}
	.kouteiBox .kokunai .toursche td.meal{
		width: 3em;
		padding: 0.3em;
	}
	.kouteiBox .kokunai .koutei table td{
		display: block;
		padding: 0.0em;
	}
	
	.kouteiBox .kokunai .koutei .note-left{
		text-align: left;
	}
	.kouteiBox .kokunai .koutei .note-right{
		text-align: left;
	}
}*/

.kouteiBox .kaigai .table-responsive,
.kouteiBox .kaigai .table,
.kouteiBox .kaigai .table-bordered
.kouteiBox .kaigai .toursche{
	margin: 0 !important;
	padding: 0 !important;
}
.kouteiBox .kaigai .toursche table,
.kouteiBox .kaigai .toursche th,
.kouteiBox .kaigai .toursche td{
	border-color: #CCC !important;
	padding: 0.8em;
}
.kouteiBox .kaigai .toursche th{
	border-bottom: none !important;
	text-align: center !important;
	font-size: 0.8em;
	font-weight: 500;
	background: #EFEFEF;
	vertical-align: middle !important
	
}
.kouteiBox .kaigai .toursche td{
	position: relative;
	overflow: hidden;
	vertical-align: top;
	white-space: nowrap;
	font-size: 0.8em;
}
.kouteiBox .kaigai .toursche td.vt{
	vertical-align: top;
}
.kouteiBox .kaigai .toursche td.vm{
	vertical-align: middle;
}
.kouteiBox .kaigai .toursche td.place p,
.kouteiBox .kaigai .toursche td.time p,
.kouteiBox .kaigai .toursche td.move p{
	text-align: center !important;
}
.kouteiBox .kaigai .toursche event{
	display: block;
	text-align: center;
	color: #FFF;
	background: #fd5f5f;
	padding: 0px 1em !important;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px; 
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px; 
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;   
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px; 
    line-height: 2em !important;
    font-weight: bold;
    margin: 0.2em 0em;
}

.kouteiBox .kaigai .toursche event.red{
	background: #a1c45a;
}
.kouteiBox .kaigai .toursche event.orange{
	background:#ff9200;
}
.kouteiBox .kaigai .toursche event.green{
	background:#89c997;
}
.kouteiBox .kaigai .toursche event.blue{
	background:#789aff;
}
.kouteiBox .kaigai .toursche event.purple{
	background:#d95dff;
}

.kouteiBox .kaigai .toursche sp{
	display: block;
	text-align: center;
	background: none;
	padding: 0px 1em !important;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px; 
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px; 
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;   
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px; 
    line-height: 2em !important;
    margin: 0.2em 0em;
}

.kouteiBox .kaigai .toursche stay{
	display: block;
	text-align: right;
	float: right;
	color: #FFF;
	font-size: 0.85em;
	background: #2b55b6;
	padding: 1px 8px 1px 8px !important;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px; 
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px; 
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;   
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px; 
    margin: 0px !important;
	border:1px solid #2b55b6;
	margin-top: 0.2em !important;
}


.kouteiBox .kaigai .toursche .kokuteiTd .cf{
	clear: both;
	margin-bottom: -10px;
}
.kouteiBox .kaigai .toursche .kokutei{
display: table; margin: auto
}
.kouteiBox .kaigai .toursche .kokutei span{
	display: table;
	text-align: center;
	font-size: 0.85em;
	white-space: nowrap;
	line-height: 1em;
	float: left;
	min-height: 70px;
	margin: 0px 5px;
}
.kouteiBox .kaigai .toursche .kokutei i{
	color: #666 !important
}

.kouteiBox .kaigai .toursche .kokutei span.move{
	margin: 0px 5px;
}
.kouteiBox .kaigai .toursche .kokutei span.place,.kokutei span.hotel{
	font-weight: 400;
}
.kouteiBox .kaigai .toursche .kokutei span t{
	display: block;
	font-size: 0.85em;
	line-height: 1.5em;
	color: #666;
}
.kouteiBox .kaigai .toursche .kokutei span b{
	display: block;
	font-size: 1.8em;
	line-height: 1.1em;
	font-weight: 900 !important;
}
.kouteiBox .kaigai .toursche p{
	line-height: 1.5em;
	padding: 0px;
	margin: 0px;
}
.schedule .kome{
	font-size: 1em !important;
}

.priceBox h4 span.sp{
	display: none;
}

/*@media(max-width:767px){
	.priceBox h4 span{
		display: block;
		margin-top: 5px;
	}
	.priceBox h4 span.sp{
		display: block;
		margin-top: 5px;
	}
}*/

.priceBox table{
	width: 100%;
}
.priceBox .table-responsive,
.priceBox .table,
.priceBox .table-bordered
.priceBox{
	margin: 0 !important;
	padding: 0 !important;
}
.priceBox table,
.priceBox th,
.priceBox td{
	border-color: #CCC !important;
	padding: 0.5em;
}
.priceBox th{
	border-bottom: none !important;
	text-align: center !important;
	font-size: 0.8em;
	font-weight: 500;
	background: #EFEFEF;
	vertical-align: middle !important;
	
}
.priceBox td{
	text-align: center;
	font-size: 0.8em;
	vertical-align: middle !important;	
}
.priceBox td.price{
	color: red;
	font-weight: 500;
	font-size: 0.9em;
}
.priceBox td.price span{
	color: red;
	font-weight: 400;
	font-size: 0.8em;
}
.priceBox td.course{
	text-align: left !important;
	font-weight: 400;
}
.priceBox td.course a{
	font-weight: 500;
	text-decoration: underline
}
.priceBox ul.kome{
	font-size: 0.90em;
	margin-top: 0.3em
}
.priceBox td.apply .btn{
	padding: 0.2em 0.8em;
}

.timetable{
	width: 60%;
	margin-top: 5px !important
}
/*@media only screen and (max-width: 800px) {
	.timetable{
		width: 100%;
	}
}*/

#schedule table{
	width: 100%;
	margin-bottom: 2em;
}
#schedule table tr.even{
	background: #EEEEEE;
}
#schedule table tr.odd{
	background: #E0E0E0;
}
#schedule th, #schedule td{
	vertical-align: middle;
	font-weight: normal;
	padding: 1em;
}
#schedule td area{
	display: block !important;
	text-align: center;
}
#schedule td place{
	display: block;
	text-align: center;
	font-weight: bold
}
#schedule td day{
	display: block;
	width: 100%;
}
#schedule td day.sat, #schedule td day.sat{
	color: #424a7f !important;
}
#schedule td day.sun, #schedule td day.sun{
	color: #9d3b3b !important;
}

#schedule td b.index{
	font-weight: 500;
	display: block;
	margin-bottom: 0.2em
}
#schedule td tourbox{
	display: block;
}
#schedule td tour{
	display: block;
	width: 100%;
	vertical-align: middle;
}
#schedule td tour accept{
	display: block;
	vertical-align: middle;
}
#schedule td tour btn{
	display: block; 
	margin: 1em 0 0 0 !important; 
	padding: 0 !important;
	vertical-align: middle;
}

/*custom.css*/
#schedule table tr.odd{
	/*background: #EFEFEF;*/
}
#schedule th, #schedule td{
	/*vertical-align: middle;
	font-weight: normal;
	padding: 1em;*/
}

#schedule th{
	text-align: left !important
}
#schedule day l{
	display: inline-table;
	width: 9em;
}
#schedule day r{
	display: inline-table;
	color: #333 !important;
}

#schedule .btn{
	width: 100% !important
}
#schedule tour .kome{
	display: block; font-size: 0.8em; margin-top: 0.3em
}
/*
@media(min-width:768px) and (max-width:991px){
	#schedule td{
		padding: 0.5em !important;
		font-size: 0.9em;
	}
	
	#schedule td.date{
		vertical-align: top
	}
	#schedule td.date place{
		text-align: left !important;
		margin-bottom: 0.5em
	}
	
	
	#schedule td tour{
		margin-bottom: 0.5em !important
	}
}

@media(max-width:767px){
	#schedule td{
		padding: 0.5em !important;
		font-size: 0.9em;
	}
	#schedule td day{
		display: inline;
		padding: 0;
		margin: 0;
	}
	#schedule td place{
		display: block;
		font-weight: 700;
		margin-bottom: 0.2em;
		text-align: left
	}
	#schedule td day{
		margin-bottom: 1em;
	}
	#schedule td tourbox b.index{
		display: block;
	}
	#schedule td tour accept{
		display: block;
	}
	
	#schedule td tour{
		margin-bottom: 0.5em !important
	}
}*/



.container{width: 1100px !important;}
@media(min-width:768px) and (max-width:991px){ .container{width: 100% !important} }
	/*@media(min-width:768px) and (max-width:991px){ .container{width: 100% !important;} }
@media(min-width:992px) and (max-width:1049px){ .container{width: 100% !important;} }
@media(min-width:1050px) and (max-width:1099px){ .container{width: 100% !important;} }
@media(min-width:1100px) and (max-width:1149px){ .container{width: 1080px !important;} }
@media(min-width:1150px) and (max-width:1199px){ .container{width: 1100px !important;} }
@media(min-width:1200px){ .container{width: 1100px !important;} }*/