@charset "UTF-8";


/* SP：ウィンドウ幅が0〜750pxの場合に適用するCSS */
@media screen and ( max-width:750px )
{


.noneSP {display:none !important;}

.br-pc { display:none; }
.br-sp { display:block;}

.pc { display: none !important; }
.sp { display: block !important; }


	
body#kiyaku{
    overflow-x : hidden;
    overflow-y : auto;
	color: #333333;
	background: #f8f8f8;
	}	
	
	

img{
	width:100%;
	height: auto
}

	

	
	
	
/*///////////////////////////////////////////////


コンテンツボックス


///////////////////////////////////////////////*/	
	
	
	
#contents{
	width: 90%;
	margin: 5% 5% 15%;
	text-align: justify; // Required for IE and Edge 
    text-align-last: right;
	font-family: "メイリオ",'Meiryo',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", sans-serif;
	}	
	
	
	
	
	
/*///////////////////////////////////////////////


タイトル


///////////////////////////////////////////////*/	
	
	
	
h1.suiguncycletrain{
	font-size: 150%;
    text-align: center;
    margin-bottom: 5%;	
	}	
	
	
h2.suiguncycletrain{
	font-size: 130%;
    margin: 5% 0 3%;	
	}		
	
		h2.title_h2{
			margin: 15% 0 3%;	
		}
	
	
	
	
/*///////////////////////////////////////////////


規約本文


///////////////////////////////////////////////*/	
	

	
ol.suigun li{
	line-height: 160%;
	margin-bottom: 1%;
	font-size: 100%;
	
	}
	
	
p.suigunkiyaku_txt{
	text-indent: 1em;
	margin: 3% 0;
	line-height: 160%;
	font-size: 100%;
	}	
	
	
p.indent-1 {
	padding-left:2em;
	text-indent:-1.7em;
}
	
p.indent-1-2 {
	padding-left:2em;
	padding-bottom:2em;
	text-indent:-1.7em;
}
	
	
p.indent-2 {
	padding-left:4em;
	text-indent:-2.8em;
	line-height: 180%;
	margin-bottom: 2%;
}
	
	
	
	
	
	
	
/*///////////////////////////////////////////////


利用可能テーブル


///////////////////////////////////////////////*/		
	

	
table.Available{
	padding: 2%;
	margin: 5% 0;
	width: 100%;
	}
	
	
table.Available th{
	padding: 3%;
	background-color: #eee;
	display: block;
	text-align: center
	}	
	
	
table.Available td{
	padding: 3%;
	display: block;
	}	
	
	
	
	
	
	
	
/*///////////////////////////////////////////////


時刻表


///////////////////////////////////////////////*/	
	
	
p.suiguntimetitle{
	font-size: 140%;
	font-weight: 500;
	text-align: center;
	margin: 5% 0;
	}	
	
	
	
p.Timetable{
	margin: 1% 0;	
	}	
	
	
	
p.routeimg{
	text-align: center;
	padding:3% 0%;
	}	
	
	
ul.caution{
	margin: 3% 0;
	}		
	
	
ul.caution li{
	color: #BC0003;
	line-height: 1.8;
	font-size: 90%;
		padding-left:1em;
	text-indent:-1.2em;
	}	
	
div.routetimebox{
	margin: 3% 0 5%;	
	}	
	

p.coutiontxt{
	font-size: 86%;
	padding-top: 1%;
	}

p.coutiontxt02{
	font-size: 86%;
	padding-bottom: 2%;
	}
	
.smalltimetable img{
	width: 62%;
	height: auto;
	}	
	
	

	
/*///////////////////////////////////////////////


ページトップ


///////////////////////////////////////////////*/
	
	
	
	
.pagetop {
    position: fixed;
    bottom: 20px;
    right: 9px;
    z-index: 98;
}
	
	
.top_arrow{
	position: fixed;
    bottom: 36px;
    right: 21px;
	width: 4%;
	
	display: flex;
	align-items: center;
	}
	

.pagetop a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #008803;
    position: relative;
    box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 50%);
}
		
	
	
	
	
	
	
	
	
	

}