@charset "UTF-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
}
body{
	font-size:95%;
	color:#323232;
	line-height:1.8em;
	word-break:break-all;
	letter-spacing:1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic" , "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{
	border:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	margin:0px auto;
	 margin-left: auto;
   margin-right: auto;
}
li{
	list-style-type:none;	
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
a img{
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
			outline:none;
}
a:hover img{
	opacity:0.7;
	-moz-opacity:0.7;
}
.clear{
	clear:both;
}
.pc{
	display:block;
}
.sp{
	display:none;
}
/*PC*/

#bg1{
	width:100%;
	overflow:hidden;
	background-color:#f4f5f8;
	z-index: 2;
}
#header{
	width:100%;
	overflow:hidden;
	}
#headerSp{
	display:none;
}
.headerL{
	float:left;
	width:35%;
	padding:1.5% 2% ;
	position:relative;
	background-color:#25456a;
	border-bottom-right-radius : 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-bottomright: 100px;
}
h1{
	color:#fff;
	font-size:140%;
	letter-spacing:3px;
	font-weight:normal;
	}
h1 span{
	font-size:70%;
	font-family: 'Roboto', sans-serif;
	}
.hlCar{
	position:absolute;
	bottom:5px;
	right:32%;
}
.headerR{
	float:right;
	width:22%;
	padding:2% 5% 2% 0 ;
}
.headerTw a{
	width:85%;
	display:block;
	background:#25456a url("../images/headspeaker.png") no-repeat 15% 50%;
	background-size:22px 20px;
	padding:10px 0 7px 15%;
	text-align:center;
	font-size:110%;
	color:#fff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.15)
}
.headerTw a:hover{
	background:#00b8ee url("../images/headspeaker.png") no-repeat 15% 50%;
	background-size:22px 20px;
}
.main{
	width:1140px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.map{
	margin:60px 0 80px 0;
	background-color:#fff;
	padding:3%;
	width:94%;
	overflow:hidden;
	position: relative;
}
.matMidashi{
	background-color:#25456a;
	color:#fff;
	padding:9px 0 7px 0;
	position: absolute;
	width:24%;
	font-size:110%;
	text-align:center;
}
.menu{
	 	width:100%;
	  height: 90px;
	 background: rgba(255,255,255,0.97)!important;
}

.menu-fix{
    position: fixed;
    top: 0;
  z-index: 1;
  background: rgba(255,255,255,0.97)!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow:rgba(0, 0, 0, 0.07) 0px 2px 2px -1px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.07) 0px 2px 2px -1px;
  -moz-box-shadow:rgba(0, 0, 0, 0.07) 0px 2px 2px -1px;
  transition:margin-top .6s;
	  	width:100%;
	  height: 90px;
}
.menuNaka{
	width:1140px;
	margin:0 auto;
	overflow:hidden;
	padding: 1.2% 0 0 0;
	position:relative;
	z-index:3;
}
.mnL{
	float:left;
	width:30%;
}
.mnLTtl{
	
}
.mnR{
	float:right;
	width:60%;
}
.mnR ul{
	width: 100%;
	overflow:hidden;
	padding-top:2%;
}
.mnR ul li{
	float:left;
	width:30%;
}
.mnR ul li:first-child {
	width:25%;
}
.mnR ul li:nth-child(2){
	width:15%;
}
.mnR ul li a{
	color:#3d3d3d;
	font-weight:500;
	font-size:100%;
	font-weight:bold;
	 position: relative;
  display: inline-block;
  text-decoration: none;
}
.mnR ul li a::before,
.mnR ul li a::after {
  border-bottom: solid 2px #20c6ed;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}
.mnR ul li a::before {
  left: 50%;
}
.mnR ul li a::after {
  right: 50%;
}
.mnR ul li a:hover::before,
.mnR ul li a:hover::after {
  width: 50%;
}
.mnR ul li a:hover {
  color:#25456a;
}
#bg2{
	background:#20c6ed url("../images/map-bg.png") no-repeat right 88%;
	background-size:400px 596px;
	width:100%;
	overflow:hidden;
	z-index: 2;
}
.place{
	padding:60px 0 80px 0;
	width:100%;
	overflow: hidden;
}
.Midashi{
padding:0 0 30px 0;
	text-align: center;
}
.placeWaku{
	width:100%;
		overflow: hidden;
}
.placeOne{
	background:#fff;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
	margin:1.5%;
	float:left;
	width:28.32%;
	padding:1.25% 1%;
	position:relative;
	 border-radius:10px;
	-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.placeOne:nth-child(3n){
	float:right;
}
.placeOne:nth-child(3n+1){
	clear:both;
}
.placeOneUp{
	width:96%;
	position: relative;
	border-left:4px solid #12b9e0;
	padding:0.5% 0 0.5% 4%;
	overflow:hidden;
}
.placeNo{
	height:34px;
  width:34px;
  border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
  line-height:36px;
  text-align:center;
  background:#25456a;
  font-size:110%;
 color:#fff;
	position:absolute;
	right:2%;
	font-family: 'Roboto', sans-serif;
}
.placeName{
	color:#25456a;
		font-weight:bold;
		font-size:115%;
	margin:10px 0 0 0 ;
}
.placePark{
	background:url("../images/placeicon1.png") no-repeat left 3px;
	background-size: 20px 20px;
	padding:0 20px 0 30px;
	color:#25456a;
	float:left;
	font-size:105%;
	margin:15px 0 10px 0;
}
.placeShatle{
	background:url("../images/placeicon2.png") no-repeat left 4px;
	background-size: 30px 20px;
	padding:0 0 0 40px;
	float:left;
	font-size:105%;
	margin:15px 0 10px 0;
}
.placeShatle a{
	color:#25456a;
	display:block;
}
.placeShatle a:hover{
	color:#12b9e0;
	text-decoration:underline;
}
.placeKyori{
	clear:both;
	font-size:90%;
}
.placeToGm{
	clear:both;
	margin:15px 0 0 0;
}
.placeToGm a{
	display: block;
	background:#12b9e0 url("../images/placearrow.png") no-repeat 94% 50%;
	background-size:28px 8px;
	color:#fff;
	font-weight:bold;
	font-size:90%;
	text-align:center;
	padding:5px 0 4px 0;
	 border-radius:3px;
	-moz-border-radius:3px;
-webkit-border-radius:3px;
	font-family: 'Roboto', sans-serif;
}
.placeToGm a:hover{
	background:#25456a url("../images/placearrow.png") no-repeat 90% 50%;
	background-size:28px 8px;
	 -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
#bg3{
	background:#f4f5f8 url("../images/bg3-bg.png") no-repeat left 40%;
	background-size:380px 440px;
	width:100%;
	overflow:hidden;
	z-index: 2;
	clear:both;
}
.sokuhou{
	padding:60px 0 80px 0;
	width:100%;
	overflow: hidden;
}
.twSample{
	background-color:#fff;
	width:100%;
	margin:1% 0;
}
#bg4{
	background:#fff url("../images/bg4-bg.png") no-repeat right 4%;
	background-size:300px 390px;
	width:100%;
	overflow:hidden;
	z-index: 2;
	clear:both;
	padding:0 0 60px 0;
}
h3{
	font-size:125%;
	font-weight:normal;
	 border-bottom: double 4px #25456a;
	color:#25456a;
	margin-bottom:20px;
	padding-bottom:3px;
}
h4{
		clear:both;
	font-size:110%;
	color:#25456a;
	margin:10px 0 20px 0;
	letter-spacing: 4px;
}
h4 span{
background: -webkit-linear-gradient(transparent 70%, #a7d6ff 70%);
background: -o-linear-gradient(transparent 70%, #a7d6ff 70%);
background: linear-gradient(transparent 70%, #a7d6ff 70%);
		width:10%;
}
.parede{
	font-size:100%;
	font-weight:bold;
	margin:0 auto 20px auto;
}
.timeTable{
	padding:60px 0 0 0;
	width:100%;
	overflow: hidden;
}
.freeBus1{
	width:100%;
	overflow: hidden;
	clear:both;
	margin:1% 0;
}
.freeBus1L{
	float:left;
	width:47%;
	overflow: hidden;
}
.freeBus1L:nth-child(2){
	float:right;
}
.freeBus1L100{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
.freeBusMidashi{
	background-color:#25456a;
	color:#fff;
	text-align:center;
	padding:8px 0;
	font-size:110%;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin-bottom:15px;
}
.freeBusMidashi span{
	padding:0 3%;
	display: inline-block;
}

.freeBusMidashiSp{
	display:none;
}
.ttTime p{
	background-color:#fdf4f8;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	font-size:105%;
	padding:5px 0;
	text-align:center;
	margin:10px 0;
	position:relative;
}
.ttTime p:nth-child(2n){
	background-color:#eff8fe;
}
.star{
	position:relative;	
}
.star::before{
	position:absolute;
	content: '★';
	left:3%;
}
.busCyui{
	font-size:90%;
	clear:both;
	margin:20px auto 0 auto;
	text-align:center;
}
.ttUnkyu{
	background-color:#94b6e0;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	font-size:105%;
	padding:5px 0;
	text-align:center;
	margin:10px 0;
	color:#fff;
}
.subTxt{
	display:block;
	font-size:80%;
	line-height: 165%;
}
.cyusyaku{
	clear:both;
	width:100%;
	overflow:hidden;
	padding-top:20px;
}
.cyusyakuTxt{
	font-size:85%;
	background:url("../images/icon1.png") no-repeat left 4px;
	padding:0 0 5px 15px;
	line-height: 160%;
}
.freeBus3stop{
	width:100%;
		overflow:hidden;	
}
.freeBus3stop p{
	float:left;
}
.freeBus3stop p:nth-child(1) , .freeBus3stop p:nth-child(3) , .freeBus3stop p:nth-child(5){
background-color:#25456a;
	color:#fff;
	text-align:center;
	padding:5px 0;
	font-size:90%;
	font-weight:normal;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	width:28%;
	letter-spacing: -1px;
}
.freeBus3stop p:nth-child(2) , .freeBus3stop p:nth-child(4) {
	width:5%;
	text-align:center;
	padding:2.5% 1.5% 0 1.5%;
}
.freeBus3stop p:nth-child(5){
	float:right;
}
.freeBus3stop br{
	display:none;
}

.freeBus3stopPink{
	clear:both;
	width:100%;
		overflow:hidden;	
}
.freeBus3stopPink p{
	float:left;
	margin:10px 0 0 0;
}
.freeBus3stopPink p:nth-child(1) , .freeBus3stopPink p:nth-child(3) , .freeBus3stopPink p:nth-child(5){
background-color:#fdf4f8;
	text-align:center;
	padding:5px 0;
	font-size:100%;
	font-weight:normal;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	width:28%;
}
.freeBus3stopPink p:nth-child(2) , .freeBus3stopPink p:nth-child(4) {
	width:5%;
	text-align:center;
	padding:2.5% 1.5% 0 1.5%;
}
.freeBus3stopPink p:nth-child(5){
	float:right;
}

.freeBus3stopBlue{
	clear:both;
	width:100%;
		overflow:hidden;	
}
.freeBus3stopBlue p{
	float:left;
	margin:10px 0 0 0;
}
.freeBus3stopBlue p:nth-child(1) , .freeBus3stopBlue p:nth-child(3) , .freeBus3stopBlue p:nth-child(5){
background-color:#eff8fe;
	text-align:center;
	padding:5px 0;
	font-size:100%;
	font-weight:normal;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	width:28%;
}
.freeBus3stopBlue p:nth-child(2) , .freeBus3stopBlue p:nth-child(4) {
	width:5%;
	text-align:center;
	padding:2.5% 1.5% 0 1.5%;
}
.freeBus3stopBlue p:nth-child(5){
	float:right;
}

.freeBus4stop{
	width:100%;
		overflow:hidden;	
}
.freeBus4stop p{
	float:left;
}
.freeBus4stop p:nth-child(1) , .freeBus4stop p:nth-child(3) , .freeBus4stop p:nth-child(5), .freeBus4stop p:nth-child(7){
background-color:#25456a;
	color:#fff;
	text-align:center;
	padding:5px 0;
	font-size:90%;
	font-weight:normal;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	width:21.25%;
	letter-spacing: -1px;
}
.freeBus4stop p:nth-child(2) , .freeBus4stop p:nth-child(4), .freeBus4stop p:nth-child(6) {
	width:5%;
	text-align:center;
	padding:1.3% 0 0 0;
}
.freeBus4stop p:nth-child(7){
	float:right;
}
.freeBus4stop br{
	display:none;
}
.freeBus4stopPink{
	clear:both;
	width:100%;
		overflow:hidden;	
}
.freeBus4stopPink p{
	float:left;
	margin:10px 0 0 0;
}
.freeBus4stopPink p:nth-child(1) , .freeBus4stopPink p:nth-child(3) , .freeBus4stopPink p:nth-child(5), .freeBus4stopPink p:nth-child(7){
background-color:#fdf4f8;
	text-align:center;
	padding:5px 0;
	font-size:100%;
	font-weight:normal;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	width:21.25%;
}
.freeBus4stopPink p:nth-child(2) , .freeBus4stopPink p:nth-child(4) , .freeBus4stopPink p:nth-child(6){
	width:5%;
	text-align:center;
	padding:1.3% 0 0 0;
}
.freeBus4stopPink p:nth-child(7){
	float:right;
}

.freeBus4stopBlue{
	clear:both;
	width:100%;
		overflow:hidden;	
}
.freeBus4stopBlue p{
	float:left;
	margin:10px 0 0 0;
}
.freeBus4stopBlue p:nth-child(1) , .freeBus4stopBlue p:nth-child(3) , .freeBus4stopBlue p:nth-child(5), .freeBus4stopBlue p:nth-child(7){
background-color:#eff8fe;
	text-align:center;
	padding:5px 0;
	font-size:100%;
	font-weight:normal;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	width:21.25%;
}
.freeBus4stopBlue p:nth-child(2) , .freeBus4stopBlue p:nth-child(4) , .freeBus4stopBlue p:nth-child(6) {
	width:5%;
	text-align:center;
	padding:1.3% 0 0 0;
}
.freeBus4stopBlue p:nth-child(7){
	float:right;
}


.subfBStopTxt{
	clear:both;
	float:inherit!important;
	font-size:80%;
	line-height: 165%;
	width: 100%;
	padding-top:5px;
}
.disnon1{
	background-color:transparent!important;

	
}
#footer{
	width:100%;
		overflow:hidden;
		background-color:#12b9e0;
	padding:25px 0;
}
#footer-naka{
	width:1140px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.copy{
	color:#fff;
	font-size:75%;
		text-align:center;
}
#page-top{
	clear: both;
z-index: 9000;
display: block;
position: fixed;
bottom: 25px;
right: 30px;	
}
@media screen and (min-width:1001px)  and (max-width:1180px) {
.headerL{
	width:45%;
}
h1{
	font-size:130%;
	letter-spacing:2px;
	}
h1 span{
	font-size:75%;
	}
.hlCar{
	position:absolute;
	bottom:5px;
	right:32%;
}
.headerR{
	float:right;
	width:30%;
	padding:2% 2% 2% 0 ;
}
.headerTw a {
    font-size: 100%;
}
	.main{
	width:94%;
}
.map{
	margin:40px 0 ;
}
.matMidashi{
	width:30%;
}
.menuNaka{
	width:98%;
}
.mnLTtl{
		padding-top:1.5%;
	}
.mnR{
	width:65%;
}
.mnR ul li a{
	font-size:95%;
}
.menu{
	  height: 80px;
}
#footer-naka{
	width:96%;
}
}
@media screen and (max-width:1000px) {
#header{
	display:none;
	}
#headerSp{
	display:block;
}
header{
	width:97%;
	margin:0 auto;
	background:#25456a;
	padding:1.5%;
}
nav{
		display: none;
		position: absolute;
		width: 100%;
		background:#25456a;
		left: 0;
	z-index:200;
	    padding-top: 1.5%;
	}
header nav ul{
		display: block;
		margin: 0 auto;
		width: 90%;
	}
header nav ul li{
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #104d84;
	font-size:100%;
	padding:4% 0;
	}
header nav ul li br{
		display:none;
	}
header nav ul li:first-child{
		border-top: 1px solid #104d84;
	}
header nav ul li:last-child{
		border: none;
	}
header nav ul li a{
		display: block; 
	color:#fff;
	}	
header nav ul li a:hover{
	color:#f4ee34;
	}	
.hmSubTitle{
	font-size:75%;
	padding-left:2%;
}
	/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 34px;
		height: 34px;
		position: absolute;
		top: 3.2%;
		right:2%;
		z-index: 100;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 2px;
		background:#fff;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:9px;
	}
	#nav_toggle span:nth-child(3){
		top:18px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}
.menu{
		display:none;
	}
.logoSp img{
		margin-left:1%!important;
	}
.main{
	width:94%;
}
.map {
    margin: 50px 0;
}
.matMidashi {
	width: 42%;
    font-size: 100%;
	padding: 7px 0 5px 0;
}
.place {
    padding: 50px 0;
}
.placePark {
    padding: 0 0 0 30px;
    float: none;
    font-size: 100%;
    margin: 10px 0 5px 0;
}
.placeShatle {
    padding: 0 0 0 40px;
   float: none;
    font-size: 100%;
    margin: 5px 0 10px 0;
}
.placeName {
    font-size: 105%;
    letter-spacing:0.5px;
}
.freeBus3stop p:nth-child(1), .freeBus3stop p:nth-child(3), .freeBus3stop p:nth-child(5){
	    font-size:90%;
		line-height: 150%;
	}
.freeBus4stop p:nth-child(1), .freeBus4stop p:nth-child(3), .freeBus4stop p:nth-child(5), .freeBus4stop p:nth-child(7){
	    font-size: 85%;
		line-height: 150%;
	height:36px;
}
	.freeBus3stop br{
	display:block;
}
	.freeBus4stop br{
	display:block;
}
.spPd{
	display:block;
	padding-top: 5%;
	}
.sokuhou {
   padding: 50px 0;
}
#footer-naka{
	width:96%;
}
.timeTable{
		padding: 40px 0 0 0 ;
	}
	
#bg4 {
    padding: 0 0 40px 0;
}
	}
@media screen and (max-width:750px) {
	.pc{
	display:none;
}
.sp{
	display:block;
}
	.map {
    margin: 30px 0;
		padding:7% 3% 3% 3%;
}
#bg2 {
    background-color: #20c6ed!important;
	background-image: none!important;
}
	.place {
    padding: 30px 0;
}
.placeOne{
	margin:1.5% 1.5% 3% 1.5%;
	float:none;
	width:92%;
	padding:3%;
}
.placeOne:nth-child(3n){
	float:none;
}
h3{
	font-size:110%;
}
#bg3{
    background-color: #f4f5f8!important;
    background-image: none!important;
}
.sokuhou {
   padding: 30px 0;
}
.timeTable{
		padding: 30px 0 0 0 ;
	}
.freeBusMidashi {
    font-size: 90%;
}	
#bg4 {
	 background-color: #fff!important;
    background-image: none!important;
    padding: 0 0 30px 0;
}
.freeBus1L {
    float: none;
    width: 100%;
   margin:0 auto 5px auto;
}
	.freeBus1L:nth-child(2) {
    float: none;
		margin-top:30px;
}
#footer {
    padding: 20px 0;
}
	.freeBus3stop p:nth-child(2), .freeBus3stop p:nth-child(4) {
    width: 5%;
    text-align: center;
    padding: 5% 1.5% 0 1.5%;
}
	.freeBus3stopPink p:nth-child(2), .freeBus3stopPink p:nth-child(4) {
    padding: 4% 1.5% 0 1.5%;
}
		.freeBus3stopBlue p:nth-child(2), .freeBus3stopBlue p:nth-child(4) {
    padding: 4% 1.5% 0 1.5%;
}
	.freeBus3stop p:nth-child(1), .freeBus3stop p:nth-child(3), .freeBus3stop p:nth-child(5){
	    font-size:85%;
		line-height: 150%;
	}
.freeBus4stop p:nth-child(1), .freeBus4stop p:nth-child(3), .freeBus4stop p:nth-child(5), .freeBus4stop p:nth-child(7){
	    font-size: 80%;
	line-height: 150%;
}
	.freeBus4stop p:nth-child(2), .freeBus4stop p:nth-child(4), .freeBus4stop p:nth-child(6) {
    padding: 5% 0 0 0;
}
.freeBus4stopPink p:nth-child(2), .freeBus4stopPink p:nth-child(4), .freeBus4stopPink p:nth-child(6) {
    padding: 4% 0 0 0;
}
.freeBus4stopBlue p:nth-child(2), .freeBus4stopBlue p:nth-child(4), .freeBus4stopBlue p:nth-child(6) {
    padding: 4% 0 0 0;
}
	.freeBus4stop p:nth-child(1), .freeBus4stop p:nth-child(3), .freeBus4stop p:nth-child(5), .freeBus4stop p:nth-child(7){
	    font-size: 80%;
line-height: 150%;
height:36px;
	letter-spacing: -1px;
}

.spPd{
	display:block;
	padding-top: 10%;
	}
.cyusyaku {
    padding-top: 5px;
}
.cyusyakuTxt{
	background:url("../images/icon1-sp.png") no-repeat left 4px;
	background-size:10px 10px;
}
.ttUnkyu {
    margin: 20px 0 10px 0;
}
}
@media screen and (max-width:560px) {
header{
	padding:4% 1.5%;
}
.logoSp img{
		margin:0 0 1% 1%!important;
		width:75%;
	}
#nav_toggle{
		width: 32px;
		height: 32px;
	}
.matMidashi {
    width: 70%;
    font-size: 90%;
    padding: 2px 0 2px 0;
	margin-top:-4%;
}
.Midashi img{
   max-width:70%;
	height:auto;
	display:block;
}
#page-top{
	bottom: 5px;
	right: 3px;	
}
#page-top img{
	max-width:80%;	
}
}
@media print{
	.main {
    width: 96%;
}

}