@charset "utf-8";
/* CSS Document */

body {
	background:#fff;
	color:#333;
	font:14px/1.231 "ヒラギノ角ゴ Pro W3";
	margin:0 auto;
    max-width:800px;
    min-width:320px;
}
p { margin-bottom:1em; }
p,dt,dd { font-size:12px; }
a { text-decoration:none; }
.attention{ color:#B20000; }

/* clearfix */
.clearfix:after {
  content:".";  /* 新しい要素を作る */
  display:block;  /* ブロックレベル要素に */
  clear:both;
  height:0;
  visibility:hidden;
}

header { background:url(../img/header.jpg) no-repeat 50% 0; background-size:cover; }
header h1 { padding:10px 5px 5px; }
header .telBox { margin:0 5px; padding:10px; background-color:rgba(255,255,255,.8); border-radius:5px; }
header .telBox p { margin-bottom:0; }
header .telBox a { 
	display:block; margin-top:10px; padding:3px 0; border-radius:5px;
	background:-webkit-gradient(linear, center top, center bottom, from(#257AE0), to(#16529A)); }

nav { background-image:-moz-linear-gradient(center top , #FAFAFA 0%, #D6D6D6 100%); }
nav li {
	width:25%; height:60px;
	float:left; position:relative;
	text-align:center;
}
nav li a { width:100%; height:60px; display:block; }
nav li:after, nav li:before {
    background-color:#D4D4D4;
    background-image:linear-gradient(center top , #D4D4D4 0%, #B9B9B9 100%);
    content:"";
    height:100%;
    left:-1px;
    position:absolute;
    top:0;
    width:1px;
}
nav li:before { background:#fff; left:0; }

nav li#b1 { border-top:5px solid #d85746; }
nav li#b2 { border-top:5px solid #ebc51f; }
nav li#b3 { border-top:5px solid #62c458; }
nav li#b4 { border-top:5px solid #279fdb; }

nav img { padding-top:10px; }

h2 {
    max-width:740px;
    min-width:260px;
	background:url("../img/h2_2.png") 7px 5px no-repeat #009;
	color:#fff; padding:5px 30px; font-weight:normal; }
	h2#pickup { background:url("../img/h2_1.png") 7px 5px no-repeat #e63182; }
	
.news div { height:180px; margin:10px; overflow:scroll; }
.news div p strong { font-size:14px; }
.news div ul { margin-bottom:15px; font-size:12px; }
.news div ul li { margin-left:1.5em; list-style-type:disc; }

.list { list-style:none; line-height:20px; border-bottom:1px solid #CCC; }
.list li {
	font-size:12px;
	border-top:1px solid #E1E1E1;
	height:40px;
	background-image:-moz-linear-gradient(center bottom , #F2F2F2 0%, #FFFFFF 50%);
}
.list a {
	width:auto;
	display:block;
	padding:12px 25px 12px 12px;
	position:relative;
	font-weight:bold; color:#333;
	background:url("../img/arrow.gif") 100% 40% no-repeat;
}

.top_sp { width:100%; text-align:center; margin-bottom:10px; }
.top_sp td { width:33%; }
.top_sp td img { width:60px; }
.top_sp td a { margin:5px; padding:10px; border-radius:10px; display:block; font-weight:bold; }
.top_sp td a#sp1 { border:2px solid #ED6D00; background:#ED6D00; color:#fff; }
.top_sp td a#sp2 { border:2px solid #396; background:#396; color:#fff }
.top_sp td a#sp2_2 { border:2px solid #004ea2; background:#004ea2; color:#fff }
.top_sp td a#sp3 { border:2px solid #F69; background:#F69; color:#fff; }
.top_sp td a#sp4 { border:2px solid #9cc900; color:#fff; 
	background-color:#9cc900;
    background:-webkit-gradient(linear, left top, left bottom, from(#c3fb00), to(#9cc900));
	text-shadow:-1px -1px 0 rgba(150, 150, 150, 30);
}
.top_sp2 td a { background-image:-moz-linear-gradient(center top , #FAFAFA 0%, #D6D6D6 100%); text-shadow:-1px -1px 0px #fff; }
.top_sp2 td img { width:40px; }
.top_sp td a#s1 { border:2px solid #d85746; color:#d85746; }
.top_sp td a#s2 { border:2px solid #ebc51f; color:#ebc51f; }
.top_sp td a#s3 { border:2px solid #62c458; color:#1B7C01; }
.top_sp td a#s4 { border:2px solid #279fdb; color:#0068B7; }


#guide .list { width:50%; float:left; }

#pref .list  { border:none; margin-bottom:30px; }
#pref .list li { width:30%; margin:3px; float:left; border:1px solid #ccc; border-radius:10px; text-align:center; background:#E8F1C2 }
#pref .list a { background:none; padding:12px; }

#pref .list2 li { width:45%; }

#school { font-size:12px; }
#school p { margin:1em 0 0; padding:3px 10px; background:#62C458; color:#fff; border-radius:5px; }
#school p.red   { background:#C00; }
#school p.green { background:#396; }
#school p.pink  { background:#F69; }
#school p.blue  { background:#009; }
#school p.orange  { background:#ed6d00; }

#school_data { padding:0 10px; }
#school_data h2 { margin:0 -10px; }
#school_data .txt,#school .txt,.notice { padding:10px; border-radius:10px; background:#F2F2F2; color:#333; }
#school_data h3 { margin:20px 0 10px; padding:8px 10px; background:#B7D845; border-radius:5px; }
#school_data p { margin:10px 0; }
#school_data .lead { color:#E62F82; font-weight:bold; }
#school_data .days { padding-left:10px; }
#school_data .days span { display:inline-block; color:#FFF; margin-right:3px; padding:3px 5px 2px; font-size:10px; border-radius:5px; }
#school_data .days .at { background-color:#c50000; }
#school_data .days .mt { background-color:#0068B6; }

#school_data ul { margin-left:1.5em; }
#school_data ul#photo { margin-left:0; }
.btn { 
	display:block; margin-bottom:5px; padding:10px 0; border-radius:5px; text-align:center;
	color:#FFF; font-size:14px; font-weight:bold;
	background:-webkit-gradient(linear, center top, center bottom, from(#257AE0), to(#16529A)); }
 .btn_yoyaku { background:-webkit-gradient(linear, center top, center bottom, from(#ed6ca6), to(#E62F82)); }

#school_data .page_nav { margin:10px 0; border:1px solid #DDD; border-radius:5px; }
#school_data .page_nav li {
	list-style:none;
  border-top:1px solid #FFF;
  border-bottom:1px solid #DDD;
  background:-moz-linear-gradient(top, #F9F9F9 0%, #EEE);
  background:-webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#EEE));
	}
#school_data .page_nav li:first-child { border-radius:5px 5px 0 0; }
#school_data .page_nav li:last-child { border-bottom:none; border-radius:0 0 5px 5px; }
#school_data .page_nav a { display:block; padding:8px 10px; color:#333; position:relative; }
#school_data .page_nav a::after {
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	content:'';
	width:8px;
	height:8px;
	margin-top:-8px;
	border-top:2px solid #888;
	border-right:2px solid #888;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.calenderCon h4 { 
	float:left; margin-top:3px; margin-right:7px; padding:6px 18px 3px 13px; background-color:#CCC; position:relative; }
h4.active		 { margin-top:0; padding-bottom:6px; color:#FFF; }
h4.at.active, h4.common { background-color:#c50000; }
h4.mt.active { background-color:#0068B6; }
.calenderCon h4:before{
	content:""; display:block; width:0; height:0; 
	position:absolute; top:0; right:0;
	border-top:10px solid #FFF; border-left:10px solid transparent;
	}
.calendarBox { clear:both; position:relative; display:none; }
.calendarBox.active { display:block; }
.calendarBox .prev { position:absolute; top:5px; left:10px; }
.calendarBox .next { position:absolute; top:5px; right:10px; }
.calendar { width:100%; margin-bottom:15px; border:1px solid #d1d1d1; }
.calendar th { padding:5px; background:#ebebeb; border:1px solid #d1d1d1; }
.calendar td { width:14.28%; padding:5px; color:#bbb; text-align:center; border:1px dotted #d1d1d1; }
.calendar .week td { color:#333; }

td.bl, th.bl { background:#c8e1f9; }
td.or, th.or { background:#fee5d2; }
td.gr, th.gr { background:#d9edd4; }
td.pi, th.pi { background:#fdd2e8; }
td.pu, th.pu { background:#e2defa; }
td.cr, th.cr { background:#fdf7ce; }
td.gy, th.gy { background:#DDD; }
.calendar td.ichiji { border:1px solid #7f684b; }
.calendar td span {
	display:inline-block; width:20px; height:20px; text-align:center; line-height:20px;
  color:#333; border-radius:20px;
}
.calendar td.week { background-color:#FFF; }
.calendar td.special span { background:#ec6c00; color:#fff; }
.calendar td.summer span { background:#005bac; color:#fff; }
.calendar td.spring span { background:#0a8e48; color:#fff; }
.calendar td.premium span { background:#d61518; color:#fff; }
.calendar td.limit span { background:#e4529e; color:#fff; }
.calendar td.single span { background:#26499d; color:#fff; }
.calendar td.tokuwari span { background:#3983df; color:#fff; }
.calendar td.nenmatsu span { border:1px solid #7f684b; box-sizing:border-box; }

.calenderCon div.mt { display:none; }

td.priceBox { padding:0; text-align:left; color:#333; background:#F9F9F9; }
.priceBox div { padding:8px 10px; }
.priceBox th, .priceBox td { padding:5px 8px 0 0; border:none; text-align:left; vertical-align:bottom; color:#333; }
.priceBox em { color:#c00; font:normal bold 18px/1 Helvetica; }

.h_txt li { font-size:12px; }

#school_data ul.mark, #school_data .mark ul  { margin-left:0; }
#school_data .mark li { list-style-type:none; margin-left:18px; text-indent:-15px; }
#school_data .mark li:before { margin-right:3px; color:#F90; font-size:12px; }
#school_data .sp_course li:before { content:"▼"; }
#school_data .original_present li:before { content:"★"; }
#school_data .hotel li:before { content:"◆"; color:#16529A; }

#school_data .original_present li { font-size:12px; }

#school_data .access dt { padding:5px 10px; color:#FFF; font-wieght:bold; background-color:#E25A97; }
#school_data .access dd { padding:5px 0 10px; }
#school_data .access dd em { font-style:normal; font-weight:bold; }
#school_data .access p em { font-style:normal; color:#C00; }

table.nirin { width:100%; }
table.nirin th { background:#B7D845; }
table.nirin td { border-bottom:1px dotted #ccc; }

/* 普通二輪合宿コース
================================================ */
#pref .kyotsu p { box-sizing:border-box; border:dotted 2px #f38da7; text-align:center; padding:7px 0; margin:3%; border-radius:10px; }
#pref .kyotsu p span { color:#f0577e; font-weight:bold; font-size:18px;}
#pref .kyotsu p:nth-child(1) { margin-top:5%; }
#pref .kyotsu p:nth-child(3) { margin-bottom:0; }

#pref .n_btn { float:left; margin-left:2%; width:46%; margin-top:5%;}
#pref .h_btn { float:right; margin-right:2%; width:46%; margin-top:5%;}
#pref .n_btn a,#pref .h_btn a{
	display:block; position:relative; -webkit-transition:none; transition:none; text-align:center;
	color:#fff; padding:5% 0; font-size:16px; font-weight:bold; box-shadow:4px 4px 0 #d1d1d1; }
#pref .n_btn a:hover,#pref .h_btn a:hover{ text-decoration:none; top:3px; left:3px; box-shadow:1px 1px 0 #d1d1d1;}
#pref .n_btn a:hover { background-color:#1c94f1;}
#pref .h_btn a:hover { background-color:#fc7423;}
#pref .n_btn a{ background:url(../img/point_nishi.png) no-repeat top 50% left 5px #1c94f1;}
#pref .h_btn a{ background:url(../img/point_higashi.png) no-repeat top 50% left 5px #fc7423;}

.scroll-x { max-width:100%; padding-bottom:5px; overflow-x:auto; -webkit-overflow-scrolling:touch; }

#pref h4 {
	height:auto; font-size:130%; font-weight:bold; text-align:center;
	margin:15px 3% 0; line-height:30px; padding:4px 0 0; color:#fff;
	border-top-left-radius:10px; border-top-right-radius:10px; }
#pref #nishi h4 { background-color:#1c94f1;}
#pref #higashi h4 { background-color:#fc7423;}

#pref h5 {
	border:0;  background-color:#fff; font-size:120%;
	font-weight:bold; padding:20px 0 5px; margin:0 3%;}
#pref h4+h5 { border-top:none!important;}
#pref #nishi h5 { border-top:solid 2px #057cd9; color:#057cd9;}
#pref #higashi h5 { border-top:solid 2px #e95d08; color:#e95d08;}
#pref h5+p { margin:0 3%;} 
#pref h5+p em { font-weight:bold; font-style:normal;} 

#pref #nishi .red,#pref #higashi .red { color:#e60012; font-weight:normal;}

#pref .scroll-x+p { font-size:11px; margin:0 3% 20px;} 
#pref .bike_gakko { width:580px; border-collapse:collapse; margin:10px 3%; }
#pref .bike_gakko th { border:solid 1px #333333; background-color:#ebebeb;font-size:90%; font-weight:normal; padding:4px; text-align:center;}
#pref .bike_gakko td { border:solid 1px #333333; font-size:90%; padding:4px; text-align:center; }
#pref .bike_gakko td.b_nedan { font-weight:bold; text-align:right; }
#pref .b_shiryo { text-align:center; margin-bottom:30px;}
#pref .b_shiryo a {
	display:inline-block; position:relative; -webkit-transition:none; transition:none; background:#1c94f1;
	color:#fff; padding:5px 15px 4px; font-size:11px; box-shadow:2px 2px 0 #d1d1d1; }
#pref .b_shiryo a:hover{ text-decoration:none; top:2px; left:2px; box-shadow:1px 1px 0 #d1d1d1; background-color:#1c94f1;}
#pref #higashi a { background:#fc7423;}
#pref #higashi a:hover { background:#fc7423;}




dl.kiyaku { margin:0 10px; }
dl.kiyaku dt { font-weight:bold; }
dl.kiyaku dd { margin-bottom:1em; }

#flink {
    -webkit-border-radius:8px;
    border-radius:8px;
    background-color:#9cc900;
    background:-webkit-gradient(linear, left top, left bottom, from(#c3fb00), to(#9cc900));
    width:100%;
	margin:20px auto;
	list-style:none;
}
#flink li {
	width:33%; padding:7px 0;
	text-align:center;
    float:left;
    font-weight:bold;
    border-left:1px solid #fff;
    text-shadow:-1px -1px 0 rgba(150, 150, 150, 30);
}
#flink a { color:#fff; display:block; }
#flink li:first-child { border:none; }

div.tel { margin-top:20px; padding:10px; border-radius:10px; background:#F2F2F2; color:#333; text-align:center; }

#btn {
	margin:20px 0 10px auto; padding:10px 5px;
	border:1px solid #ccc; border-radius:10px; text-align:center; background:#ccc;
}
#btn a { color:#333; display:block; width:100%; }

#btnTop {
	width:33%; height:20px;
	margin:20px 0 10px auto; padding:10px 5px;
	border:1px solid #ccc; border-radius:10px; text-align:center; background:#ccc;
}
#btnTop a { color:#333; font-weight:bold; display:block; width:100%; height:20px; }

#btnTop2 {
	width:33%; height:20px;
	margin:-53px auto 10px 0; padding:10px 5px; position:relative;
	border:1px solid #ccc; border-radius:10px; text-align:center; background:#ccc;
}
#btnTop2 a { color:#333; font-weight:bold; display:block; width:100%; height:20px; }

#btnPC {
	width:33%; height:20px;
	margin:-53px auto 10px 0; padding:10px 5px; position:relative;
	border:1px solid #339999; border-radius:10px; text-align:center;
	background-color:#66cccc;
    background:-webkit-gradient(linear, left top, left bottom, from(#99cccc), to(#339999));
	text-shadow:-1px -1px 0 rgba(150, 150, 150, 30);
}
#btnPC a { color:#fff; font-weight:bold; display:block; width:100%; height:20px; }

#footer {
	width:100%; margin-bottom:0; padding:5px 0;
	text-align:center;
	background:#62C458; color:#fff;
}

ul.mark,ol { margin:10px 0 10px 30px; }
.center { text-align:center; }
.bold { font-weight:bold; }
.red { color:#c00; }
.big { font-size:18px; }

#pref h5.t_point { padding-top:25px; padding-bottom:15px; background-image:url(../img/t_point.png); background-position:right bottom; background-repeat:no-repeat; }