F@charset "utf-8";
/* CSS Document 
body {
	line-height: 1.7;
	font-family: "Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "MS PGothic", sans-serif;
}*/

body {
  width: 100%;	
}

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

wrapper {
   overflow: hidden;
}

/**
 * Remove default margin.
 */


/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

aside,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**********map******/
.ggmap {
position: relative;
padding-top:0px;
padding-bottom:35%;
height: 0;
overflow: hidden;
margin: 0 auto;
text-align:center;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
margin: 0 auto;
text-align:center;
}


/* ----------------------------------------------------------------
	header
----------------------------------------------------------------- */
#header {
  width: 100%;
  margin:0 auto;
  padding: 0;
}

#header.title {
     width: 100%;
     font-size: 10px;
     font-weight: bold;
     color: #156a6a;
     background: #32cd32;
     font-weight: bold;
     text-align: right;
}   
   

/* ----------------------------------------------------------------
      navi-section
----------------------------------------------------------------- */


.navi-section {
	background: #15234F;
}
.navi-section .grid-pad {F
	padding-top:0px!important;
	padding-right: 20px;
}
.navi-section .grid-pad li {
	padding-right: 0!important;
}
.navi-section li a {
	color: #ffffff;
	line-height: 1.3;
	font-weight: bold;
	text-decoration: none;
	height: 52px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 1%;
	border-left: 1px #d6d6d6 dotted;
}
.navi-section li.last a {
	border-right: 1px #d6d6d6 dotted;
}
.navi-section li a:hover {
	background: #304fb3;
	color: #d6d6d6;
}

/* ----------------------------------------------------------------
	body-section
----------------------------------------------------------------- */
.body-section {
         width: auto;
}
.body-section img {
	width: 100%;
	height: auto;
}

/* ----------------------------------------------------------------
	view-section
----------------------------------------------------------------- */
.view-section .text h1 {
        text-align: center;
	color: #ff4500;
	font-weight: bold;
	font-size: 32px;
}

/* ----------------------------------------------------------------
	main
----------------------------------------------------------------- */
#main {
  height: auto;
  width: 1100px;
  margin: 5px auto 50px auto;
  font-size:13px;
  line-height:1.8;
}

.title_m {
	font-size: 32px;
        font-weight: bold;
        text-align: center;
}
.title_s {
	font-size: 20px;
        font-weight: bold;
        text-align: center;
}
.columntitle_s {
	font-size: 20px;
        font-weight: bold;
        text-align: left;
	color: #2b4055;
	background: #E8F5E9;
}
.font-s {
	font-size: 12px;
}
.font-m {
	font-size: 18px;
}
.font-white {
	color: #ffffff;
}
.font-green {
	color: #388E3C;
}
.font-red {
	color: #ff0000;
}
.font-blue {
	color: #0288D1;
}
.font-navy {
	color: #2b2bd5;
}
.font-orange {
	color: #F57C00;
}
.font-igl-blue {
	color: #15234F;
}
.font-dark-gray {
	color: #232323;
}
.font-gray {
	color: 	#5f5f5f;
}
.font-lightgray {
	color: 	#bfbfbf;
}
.font-ginza {
	color: 	#ffd700;
}

/* ----------------------------------------------------------------
	areasearch
----------------------------------------------------------------- */

#spotSearch h2 {
     width:1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color:#ffffff;
     background:#336699;
}

#spotSearch .t_m {
     width:1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: #ffffff;
     background: #336699;
}          

#spotSearch #areas {
  border: 5px solid #ddd;
  width:1100px;
  height:auto;
}

#spotSearch #areas h3 {
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f7fdfd;
  padding: 10px 5px 0 10px;
}

#spotSearch #areas .t_s {
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f7fdfd;
  padding: 10px 5px 0 10px;
}

#spotSearch #areas dd {
  margin: 0;
  padding: 0 20px 20px 20px;
}

#spotSearch #areas dd ul {
  margin: 0 -5px;
  padding: 0;
  list-style: none;
}

#spotSearch #areas dd ul:before,
#spotSearch #areas dd ul:after {
  content: "";
  display: table;
}

#spotSearch #areas dd ul:after {
  clear: both;
}

#spotSearch #areas dd li.wide {
  /*	width:37.5%;*/
  width: 25%;
}

#spotSearch #areas dd li {
  width: 12.5%;
  float: left;
  margin: 0;
  padding: 0;
}

#spotSearch #areas dd li a {
  text-align: center;
  font-size: 18px;
  color: #0e4747;
  display: block;
  height: 2em;
  line-height: 120%;
  margin: 2px;
  text-decoration: underline;

}

#spotSearch #areas dd li a:hover {
  font-weight: bold;
}

#spotSearch #areas dt em {
  color: #f56800;
  font-style: normal;
}
----------------------------------------------------------------
	areasearch02
----------------------------------------------------------------- */

#spotSearch02 h2 {
     width:1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color:#ffffff;
     background:#4edcdc;
}

#spotSearch02 .t_m {
     width:1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: #ffffff;
     background: #336699;
}          

#spotSearch02 #areas {
  border: 5px solid #ddd;
  width:1100px;
  height:auto;
}

#spotSearch02 #areas h3 {
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f7fdfd;
  padding: 10px 5px 0 10px;
}

#spotSearch02 #areas .t_s {
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f7fdfd;
  padding: 10px 5px 0 10px;
}

#spotSearch02 #areas dd {
  margin: 0;
  padding: 0 20px 20px 20px;
}

#spotSearch02 #areas dd ul {
  margin: 0 -5px;
  padding: 0;
  list-style: none;
}

#spotSearch02 #areas dd ul:before,
#spotSearch02 #areas dd ul:after {
  content: "";
  display: table;
}

#spotSearch02 #areas dd ul:after {
  clear: both;
}

#spotSearch02 #areas dd li.wide {
  /*	width:37.5%;*/
  width: 25%;
}

#spotSearch02 #areas dd li {
  width: 12.5%;
  float: left;
  margin: 0;
  padding: 0;
}

#spotSearch02 #areas dd li a {
  text-align: center;
  font-size: 18px;
  color: #0e4747;
  display: block;
  height: 2em;
  line-height: 120%;
  margin: 2px;
  text-decoration: underline;

}

#spotSearch02 #areas dd li a:hover {
  font-weight: bold;
}

#spotSearch02 #areas dt em {
  color: #f56800;
  font-style: normal;
}


/*--------------------------------------
  　　spotsearch_b 人数検索
--------------------------------------*/
#spotSearch_b  h2 {
     width: 1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: 	#ffffff;
     background: #009999;
} 

#spotSearch_b .t_m {
     width: 1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: #ffffff;
     background: #009999;
}   

#spotSearch_b #areas {
  border: 5px solid #ddd;
  width:1100px;
  height:auto;
  margin: 0px 0 10px 0;
}

#spotSearch_b #areas h3 {
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f4fffa;
  padding: 10px 5px 0 10px;
}

#spotSearch_b #areas .t_s {
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f4fffa;
  padding: 10px 5px 0 10px;
}

#spotSearch_b #areas dd {
  margin: 0;
  padding: 0 20px 20px 20px;
}

#spotSearch_b #areas dd ul {
  margin: 0 -5px;
  padding: 0;
  list-style: none;
}

#spotSearch_b #areas dd ul:before,
#spotSearch_b #areas dd ul:after {
  content: "";
  display: table;
}

#spotSearch_b #areas dd ul:after {
  clear: both;
}

#spotSearch_b #areas dd li.wide {
  /*	width:37.5%;*/
  width: 100%;
}

#spotSearch_b #areas dd li {
  width: 50%;
  float:left;
  margin: 0;
  padding: 0;
}

#spotSearch_b #areas dd li a {
  font-size: 18px;
  display: block;
  height: 2em;
  line-height: 3;
  margin: 2px;
  float:left;
  text-decoration: underline;
}

#spotSearch_b #areas dd li a:hover {
  font-weight: bold;
}

/*--------------------------------------
  　　line　路線検索
--------------------------------------*/
#spotSearch_line  h2 {
     width: 1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: #ffffff;
     background: #4edcdc;
}

#spotSearch_line .t_m {
     width: 1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color:  #ffffff;
     background: #4edcdc;
}    

#spotSearch_line #areas {
  border: 5px solid #ddd;
  width:1100px;
  height:auto;
  margin: 0px 0 0 0;
}

#spotSearch_line #areas h3 {
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f7fdfd;
  padding: 10px 5px 0 10px;
}

#spotSearch_line #areas .t_s {
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f7fdfd;
  padding: 10px 5px 0 10px;
}

#spotSearch_line #areas dd {
  margin: 0;
  padding: 0 20px 20px 20px;
}

#spotSearch_line #areas dd ul {
  margin: 0 -5px;
  padding: 0;
  list-style: none;
}

#spotSearch_line #areas dd ul:before,
#spotSearch_line #areas dd ul:after {
  content: "";
  display: table;
}

#spotSearch_line #areas dd ul:after {
  clear: both;
}

#spotSearch_line #areas dd li.wide {
  /*	width:37.5%;*/
  width: 50%;
}

#spotSearch_line #areas dd li {
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
}

#spotSearch_line #areas dd li a {
  text-align: left;
  font-size: 18px;
  display: block;
  height: 2.5em;
  line-height: 3;
  margin: 5px;
  text-decoration: underline;
}

#spotSearch_line #areas dd li a:hover {
  font-weight: bold;
}

#spotSearch_line #areas dt em {
  color: #f56800;
  font-style: normal;
}

/*--------------------------------------
      pickup お勧めスクール
--------------------------------------*/
#pickup {
	clear: both;
	margin: 0 0 20px 0;
}
#pickup a {
	text-decoration: none;
}
#pickup h2 {
     width: 1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     padding: 0 0 0 5px;
     color: #ffffff;
     background:#00cccc;
}  


#pickup .pickupBox {
	width:100%;
	background: #f7fdfd;
	padding-bottom: 1px;

}
#pickup .pickupBox:after {
	content: "";
	display: block;
	clear: both;
}

#pickup .pickupBox > *{
	display:inline-block;  
	vertical-align:top;
	padding-bottom:5px;
	width:50%;
	box-sizing:border-box;
	border:2px solid #ccc;
	min-height:150px;
	margin-bottom:-1px;

}
#pickup .pickupBox > *:hover{
	background:#f5f5f5;
}
#pickup .pickupBox > *:nth-of-type(2n+1){
	margin-right:-1px;
}
#pickup .pickupBox > *:nth-of-type(2n+2){
	margin-left:-1px
}
#pickup .pickupBox p.img {
	width: 80px;
	height: 100px;
	padding: 12px 0px 0px 6px;
        float:left;
}

#pickup .pickupBox h5 {
	padding: 12px 0px 0px 92px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2em;
	color: 	#0080ff;
}

#pickup .pickupBox .tr {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 92px;
        font-weight: bold;
	color: 	#23b16a;
}

#pickup .pickupBox p.txt {
	margin: 0;
	padding: 6px 6px 6px 92px;
	font-size:12px;
	line-height: 1.3em;
}


#pickup .pickupBox p.txt {
	color: 	#333;
}


/*--------------------------------------
  　　indoor　エリア検索結果ページ
--------------------------------------*/

.schoolcasset {
  border: 5px solid #ddd;
  width:1100px;
  height:auto;
  margin: 0 0 5px 0px;
}

.schoolcasset .name {
  width:1090px;
  height:50px;
  border-bottom:3px solid #ddd;
  background:#ffff99
}
.schoolcasset .name np {
  font-size: 18px;
  color: #ffffff;
  background:#336699;
  margin: 0 3px 0 5px;
}

.schoolcasset .name h3{
  width:545px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #4a4a4a;

  vertical-align:top;
  margin: 8px 0 0 5px;
  padding: 0; 
}

.schoolcasset .name li {
  width:130px;
  height:50px;
  display: inline-block;
  vertical-align:top;
  padding: 0;
}
.schoolcasset02 {
  border: 5px solid #ddd;
  width:1100px;
  height:autox;
  font-size: 16px;
  margin: 0 0 0 0px;
}
.schoolcasset02 p{
  font-size: 16px;
  margin: 0 0 0 20px;
}
.schoolcasset02 np{
  font-size: 18px;
  color: #ffffff;
  background:#336699;
  margin: 0 3px 0 5px;
}

.schoolcasset .photo {
  float:left;
  width:150px;
  height:180px;
}

.schoolcasset .s_box{
  float:left;
  width:935px;
  margin:4px 0 0 2px;
  font-size: 14px;
  line-height:110%;
}

.schoolcasset .t_box{
  float:left;
  margin: 0 0 0 3px;
  border: 3px solid #ddd;
  width:932px;
  height:82px;
  font-size: 14px;
  line-height:130%;
}
.schoolcasset .t_box2{
  float:left;
  margin: 2px 0 0 0;
  border: 3px solid #ddd;
  width:100%;
  height:auto;
  font-size: 15px;
  line-height:130%;
}
.schoolcasset .t_box2 p{
  margin: 0 0 0 0;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
        background:#20b2aa;
	}
.schoolcasset .t_box2 pp{
  margin: 0 0 0 0;
  font-size: 16px;
  margin: 0 0 0 3px;
	}

.schoolcasset .icon_box{
  display: inline-block;
  margin:3px 0 0 3px;
  width:auto;
}

/*--------------------------------------
  　　footer
--------------------------------------*/

.footer-section {
	font-size: 12px;
	color: #ffffff;
	background: #15234f;
        padding: 0;
        position: relative;
}
.footerlink a {
	color: #ffffff;
        font-size: 12px;
        line-height:200%;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right:100px;
	}
.pagetop a{
	display: block;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

/*--------------------------------------
  　　aside
--------------------------------------*/


aside .bnr1 {
  margin: 0 0 10px 0;
}

aside .bnr2 + .bnr2 {
  margin: 10px 0 0 0;
}
/*--------------------------------------
  　　人数検索
--------------------------------------*/
#spotSearch #areas h2 {
  width: auto;
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f7fdfd;
  padding: 10px 5px 0 10px;
}

#spotSearch_b #tm {
     width: 1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: #156a6a;
     background: #ffa500;
}
#spotSearch_b #areas .ts {
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f4fffa;
  padding: 10px 5px 0 10px;
}
#spotSearch_bb  h1 {
     width: 1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: #ffffff;
     background: #009999;
}
#spotSearch_bb  h2 {
     width: 400px;
     font-size: 18px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: #ffffff;
     background:#009999;
} 
#spotSearch #areas #tt h2 {
     width: 1090px;
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f7fdfd;
  padding: 10px 5px 0 10px;
}

#spotSearch #areas_p {
  border: 5px solid #ddd;
  width:1100px;
  height:auto;
}
/*--------------------------------------
  　　areainfo
--------------------------------------*/
#areainfo  h2 {
     width: 1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: 	#ffffff;
     background: #aaaaff;
} 

#areainfo .t_m {
     width: 1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: #ffffff;
     background: #aaaaff;
}   

#areainfo #areas {
  border: 5px solid #ddd;
  width:1100px;
  height:auto;
  margin: 0px 0 10px 0;
  display: block;
}

#areainfo #areas h3 {
  font-weight: bold;
  font-size:18px;
  color: #555555;
  background: #f4fffa;
  padding:5px 5px 5px 10px;
}
#areainfo #areas a {
  width: 100%;
}

#areainfo #areas a {
  font-size: 18px;
  height:1em;
  margin: 0 0 0 10px;
  text-decoration: underline;
}

#areainfo #areas a:before,
#areainfo #areas a:after {
  content: "";
  display: table;
}

#areainfo #areas a:after {
  clear: both;
}

#areainfo #areas a.wide {
  /*	width:37.5%;*/
  width: 100%;
}
#areainfo #areas a:hover {
  font-weight: bold;
}

#areainfo #tm {
     width: 1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: #156a6a;
     background: #ffa500;
}
#areainfo #areas .ts {
  font-size:16px;
  color: #555555;
  padding: 0 0 0 10px;
}

/*--------------------------------------
  　　line result
--------------------------------------*/
#spotSearch_cc  h2 {
     width: 400px;
     font-size: 16px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color: #ffffff;
     background:#4edcdc;
}
#spotSearch_line .station {
     width: 1100px;
     font-size: 24px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color:  #ffffff;
     background: #4edcdc;
}
    
#spotSearch_line .station_01 {
     width: 1100px;
     font-size: 24px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color:  #a9a9a9;
     background: #f0e68c;
}

#spotSearch_line .station span.icon1{
		background: url(../images/line/ginza.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 18px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station_01 span.icon1{
		background: url(../images/line/ginza.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 18px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon2 {
		background: url(../images/line/tozai.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 18px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon3 {
		background: url(../images/line/chiyoda.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 18px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon4 {
		background: url(../images/line/hanzoumon.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 18px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon5 {
		background: url(../images/line/nanboku.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 18px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon6 {
		background: url(../images/line/marunouchi.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 18px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon7 {
		background: url(../images/line/yurakucho.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 18px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon8 {
		background: url(../images/line/hibiya.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 18px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon9 {
		background: url(../images/line/fukutoshin.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 18px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon10 {
		background: url(../images/line/yamanote.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 10px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon11 {
		background: url(../images/line/keiyo.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 10px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon12 {
		background: url(../images/line/saikyo.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 10px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon13 {
		background: url(../images/line/tokaido.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 10px;
		vertical-align: top;
		display: inline-block;
}
#spotSearch_line .station span.icon14{
		background: url(../images/line/sobu.png) 0 5px no-repeat;
		height: 38px;
		padding: 0px 10px;
		vertical-align: top;
		display: inline-block;
}

/* ----------------------------------------------------------------
	approach
----------------------------------------------------------------- */

#spotSearch #areas dd li p {
  text-align: center;
  font-size: 16px;
  color:#bfbfbf;
  display: block;
  height: 2em;
  line-height: 120%;
  margin: 2px;
}

#spotSearch #app h2 {
     width:1100px;
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-top: 5px;
     padding: 0 0 0 5px;
     color:#ffffff;
     background:#478d8d;
}

#spotSearch #areas dd li a {
  text-align: center;
  font-size: 18px;
  color:#5f5f5f;
  display: block;
  height: 2em;
  line-height: 120%;
  margin: 2px;
}
.rengecasset {
  border: 5px solid #ddd;
  width:1100px;
  height:aout;
  margin: 0 0 5px 0px;
}
.rengecasset .name {
  width:1090px;
  height:50px;
  border-bottom:3px solid #ddd;
}

.rengecasset .name h3{
  width:1100px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #4a4a4a;
  vertical-align:top;
  margin: 8px 0 0 5px;
  padding: 0; 
}

.rengecasset .photo {
  float:left;
  width:250px;
  height:320px;
  vertical-align:5;
}

.rengecasset .cost .table{
  width:1110px;
  margin: 0 0 0 3px;
  border: 3px solid #ddd;
  float:left;
}

.rengecasset .table,td {
  border: 3px solid #bbb;
}

.c{
  width:255px;
  height:35px;
  font-size: 18px;
}

.d{
  width:845px;
  height:35px;
  font-size: 18px;
}

.rengecasset .table{
  width:850px;
  margin: 0 0 0 3px;
  border: 3px solid #ddd;
  float:left;
}

.rengecasset table,th,td {
  border: 3px solid #bbb;
}

.a{
  width:220px;
  font-size: 15px;
}
.b{
  width:630px;
  font-size: 15px;
}

.rengecasset .icon_box{
  display: inline-block;
  margin:3px 0 0 3px;
  width:auto;
}


/* ----------------------------------------------------------------
	mobile
----------------------------------------------------------------- */
@media (max-width: 640px) {
.pc-only {
	display: none;
	}
body {
    word-wrap: break-word;
    overflow-wrap: break-word;
}
  .respond,
  #primary-navigaton-top {
    display: none !important;
  } 
#header {
   width:100%; 
  } 
#primary-navigaton {
   width:auto; 
  }
 #spotSearch #areas {
   width:auto; 
  }
 #spotSearch_b #areas {
   width:auto; 
  }

.view-section .text h1 {
	font-size: 18px;
 }
  /* ----------------------------------------------------------------
  navi-section
  ----------------------------------------------------------------- */

.navi-section {
	background: #15234F;
}
.navi-section .grid-pad {
	padding-top:0px!important;
	padding-right: 10px;
}
.navi-section .grid-pad li {
	padding-right: 0!important;
}
.navi-section li a {
        font-size: 13px;
}
.navi-section li.last a {
	border-right: 1px #d6d6d6 dotted;
}
.navi-section li a:hover {
	background: #304fb3;
	color: #d6d6d6;
}

  /* ----------------------------------------------------------------
  main
  ----------------------------------------------------------------- */

  #main {
        position: relative;
	width: 100%;
	max-width: 1100px;
  }

  #categoryttl,
  #main [itemprop="headline"] {
    font-size: 16px;
  }

  #breadcrumbs {
    text-align: left;
  }

  #main #breadcrumbs + [itemprop="headline"] {
    font-size: 14px;
  }

  #breadcrumbs li:first-child a span {
    display: none;
  }

  #breadcrumbs li:first-child a {
    height: 1em;
    width: 1em;
    background: url(/images/common/home.gif) no-repeat 0 50%;
    background-size: 10px 10px;
    vertical-align: middle;
  }

  #main.top main {
    width: auto;
    float: none;
  }

  aside .bnr1 {
    text-align: center;
    margin: 0 0 5px 0;
  }

  aside .bnr2 {
    width: 50%;
    float: left;
    text-align: center;
    margin: 0 !important;
  }

  aside .bnr2 a {
    display: block;
    padding: 5px 5px 5px 0;
  }

  aside .bnr2:nth-of-type(odd) a {
    padding: 5px 0 5px 5px;
  }

  aside .twitter {
    display: none;
  }
.title_s {
	font-size: 14px;
        text-align: left;
}

  /* 
/* ----------------------------------------------------------------
  body-section
----------------------------------------------------------------- */

.body-section img {
	width: 100%;
	height: auto;
}




  /* 
----------------------------------------------------------------
  mobile areas
  ----------------------------------------------------------------- */


#spotSearch h2 {
    width: auto;
     font-size: 16px;
} 

#spotSearch02 h2 {
    width: auto;
     font-size: 16px;
}

#spotSearch .t_m {
    width: auto;
     font-size: 16px;
}  

 #spotSearch #areas {
    position: relative;
    border: 0 none;
    background: none;
  }

  #spotSearch #areas dd {
    padding: 0 20px 20px 0px;
}


#spotSearch #areas h3 {
  font-weight: bold;
  font-size:15px;
  color: #555555;
  background: #f7fdfd;
  padding: 5px 5px 0 10px;
}

#spotSearch #areas .t_s {
  font-weight: bold;
  font-size:15px;
  color: #555555;
  background: #f7fdfd;
  padding: 5px 5px 0 10px;
}

#spotSearch #areas dd ul {
    border: 2px solid #ddd;
    margin: 0;
    background: #feffea;
    list-style: none;
    width:auto;  
  }


  #spotSearch #.areas dd li.wide {
    width: 50%;
  }

  #spotSearch #areas dd li {
    width: 30%;
  }

#spotSearch #areas dd li a {
   line-height:110%;
   padding: 5px 5px 0 0;
 }

#spotSearch_b  h2 {
     width:auto;
     font-size: 16px;
} 

#spotSearch_b .t_m {
     width:auto;
     font-size: 16px;
} 

  #spotSearch_b #areas {
    position: relative;
    border: 0 none;
    background: none;
    height: auto;
  }
#spotSearch_b #areas h3 {
  font-size:14px;
}

#spotSearch_b #areas .t_s {
  font-size:14px;
}

#spotSearch_b #areas dd {
  padding: 0 0px 20px 0px;
     width:auto; 
}


#spotSearch_b #areas dd ul {
    border: 2px solid #ddd;
    margin: 0;
    background: #feffea;
    list-style: none;
    width:auto; 
    height:auto; 
}

  #spotSearch_b #areas dd li.wide {
    width: 50%;
  }


#spotSearch_b #areas dd li {
  width: auto;
  height:auto;
}

#spotSearch_b #areas dd li a {
  line-height:110%;
}
 /* ----------------------------------------------------------------
 areainfo
  ----------------------------------------------------------------- */
 #areainfo #areas {
   width:auto;
   height:auto; 
  }
#areainfo #areas .ts {
  font-size:15px;
}
#areainfo  h2 {
     width:auto;
     font-size: 16px;
} 

#areainfo .t_m {
     width:auto;
     font-size: 16px;
} 
#areainfo #areas a {
  margin:10px 0 0 5px;
}

#areainfo #areas h3 {
  font-size:16px;
}

#areainfo #areas .t_s {
  font-size:14px;
}




 /* ----------------------------------------------------------------
  line
  ----------------------------------------------------------------- */
#spotSearch_line  h2 {
     width:auto;
     font-size: 16px;
} 

#spotSearch_line .t_m {
     width:auto;
     font-size: 16px;
} 

#spotSearch_line #areas {
  width:auto;
  height:auto;
}
#spotSearch_line #areas dd {
  margin: 0;
  height:auto;
  padding: 0 0 20px 0;
}

#spotSearch_line #areas dd ul {
   margin: 0 5px;
  list-style: none;
}


#spotSearch_line #areas dd li {
  width: 30%;
  float: left;
  margin: 0;
  padding: 5px 0 0 5px;
}

#spotSearch_line #areas h3 {
  font-size:15px;
  padding: 5px 5px 0 10px;
}

#spotSearch_line #areas .t_s {
  font-size:15px;
  padding: 5px 5px 0 10px;
}

#spotSearch_line #areas dd li a {
  font-size: 18px;
  line-height:110%;
}

#pickup .pickupBox {
	width:275px;
}

#pickup .pickupBox > *{
	display:block !important;
	width:275px;
	min-height:inherit;
}

#pickup h2 {
     width:275px;
     font-size: 16px;
}  


/*--------------------------------------
  　　indoor
--------------------------------------*/
.under {
  clear: both;
}
.schoolcasset {
  border: 3px solid #ddd;
  width:auto;
  height:auto;
  margin: 0 0 5px 0px;
}
.schoolcasset02 {
  border: 3px solid #ddd;
  width:auto;
  height:auto;
  margin: 0 0 5px 0px;
}

.schoolcasset .name {
  width:auto;
  height:auto;
  border-bottom:3px solid #ddd;
  background:#ffff99
}

.schoolcasset .name h3{
  width:280px;
  font-size: 15px;
  font-weight: bold;
  color: #4a4a4a;
  vertical-align:top;
  margin: 8px 0 0 5px;
  padding: 0; 
}

.schoolcasset .name li {
  width:70px;
  height:auto;
  vertical-align:top;
  padding: 0;
}

.schoolcasset .name li img{
  width:100%;
  height:auto;
  padding: 0;
}

.schoolcasset .photo {
  clear: both;
  width:180px;
  height:200px;
}

.schoolcasset .s_box{
  height:auto;
  width:auto;
}

.schoolcasset .t_box{
  margin: 0 0 0 0px;
  width:auto;
  height:auto;
}

.schoolcasset .icon_box{   
  display: inline-block;
  margin:3px 0 0 3px;
  width:auto;
  height:auto;
}

#areainfo .t_m {
     width:auto;
} 

/*--------------------------------------
  　　人数検索
--------------------------------------*/
#spotSearch #areas h2 {
  width: auto;
  font-size:14px;
}

#spotSearch_bb  h1 {
     width:auto;
     font-size: 16px;
}
#spotSearch_bb  h2 {
     width:auto;
     font-size: 13px;
}  
  
#spotSearch #areas #tt h2 {
     width:auto;
     font-size: 14px;
} 
#spotSearch_b #areas .ts {
  font-size:14px;
}

#spotSearch #areas_p {
  border: 3px solid #ddd;
  width:auto;
  height:auto;
}
/*--------------------------------------
  　　路線検索結果
--------------------------------------*/
#spotSearch_cc  h2 {
     width:auto;
     font-size: 13px;
}
#spotSearch_line .station {
     font-size: 18px;
     width:auto;
}
#spotSearch_line01 {
     width:auto;
     font-size: 16px;
} 
    
#spotSearch_line .station span.icon1 {
      background: url(../images/line/ginza_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 12px;
}
#spotSearch_line .station span.icon2 {
      background: url(../images/line/tozai_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 12px;
}
#spotSearch_line .station span.icon3 {
      background: url(../images/line/chiyoda_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 12px;
}
#spotSearch_line .station span.icon4 {
      background: url(../images/line/hanzoumon_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 12px;
}
#spotSearch_line .station span.icon5 {
      background: url(../images/line/nanboku_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 12px;
}
#spotSearch_line .station span.icon6 {
      background: url(../images/line/marunouchi_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 12px;
}
#spotSearch_line .station span.icon7 {
      background: url(../images/line/yurakucho_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 12px;
}
#spotSearch_line .station span.icon8 {
      background: url(../images/line/hibiya_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 12px;
}
#spotSearch_line .station span.icon9 {
      background: url(../images/line/fukutoshin_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 12px;
}
#spotSearch_line .station span.icon10 {
      background: url(../images/line/yamanote_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 8px;
}
#spotSearch_line .station span.icon11 {
      background: url(../images/line/keiyo_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 8px;
}
#spotSearch_line .station span.icon12 {
      background: url(../images/line/saikyo_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 8px;
}
#spotSearch_line .station span.icon13 {
      background: url(../images/line/tokaido_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 8px;
}
#spotSearch_line .station span.icon14 {
      background: url(../images/line/sobu_s.png) 0 5px no-repeat;
      height: 25px;
      padding: 0px 8px;
}
/* ----------------------------------------------------------------
	approach
----------------------------------------------------------------- */
.longurl{word-break: break-all;}

#spotSearch #areas dd li a {
  font-size: 18px;
}

#spotSearch #app h2 {
     width:auto;
     font-size: 16px;
}
.rengecasset {
  width:300px;
  height:auto;
}
.rengecasset .name {
  width:auto;
  height:auto;
  border-bottom:3px solid #ddd;
}

.rengecasset .name h3{
     width:auto;
  font-size: 16px;
}

.rengecasset .cost .table{
  width:300px;
  margin: 0 0 0 3px;
  border: 3px solid #ddd;
  float:left;
}

.rengecasset .table{
  margin: 0 0 0 3px;
  border: 3px solid #ddd;
  float:left;
}
.rengecasset .table,td {
  border: 3px solid #bbb;
}

.c{
  width:30%;
  height:35px;
  font-size: 14px;
}

.d{
  width:70%;
  height:35px;
  font-size: 14px;
  word-break: break-all;
}

.a{
  width:25%;
  font-size: 14px;
}
.b{
  width:75%;
  font-size: 13px;
  word-break: break-all;
}



.rengecasset .icon_box{
  display: inline-block;
  margin:3px 0 0 3px;
  width:auto;
}

}