/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px) {
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
.ky_container {
 width: auto;
 margin: 0px 5px;
}
.ky_contents {
 clear: left;
 overflow: hidden;
 padding: 5px 0px 0px;	/*上、左右、下への余白*/
 color: #333;		/*文字色*/
}
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
 text-align: center;
 padding: 20px;
}
/*ロゴ画像*/
header .ky_logo {
 float: none;
}
/*電話番号ボックスの設定*/
header address {
 float: none;
 width:90%;
 margin: 0px auto;
 padding-top:0px;
}
h1 {
 position:absolute;
 top:0px;
 left:0px;
 text-overflow: hidden; 
 white-space: nowrap;
 overflow:hidden;
 width:100%;
}
/*上部のメインメニュー
---------------------------------------------------------------------------*/
nav.ky_menubar ul {
 margin-left: 0px;
}
/*メニュー１個ごとの設定*/
nav.ky_menubar ul li {
 width: 50%;
 margin-left: 0;
}
nav.ky_menubar ul li a {
 padding: 10px 0px;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
.ky_main, .ky_sub {
 float: none;
 width: auto;
 padding:5px;
 min-height:auto;
 margin-bottom:10px;
}

/*mainコンテンツ
---------------------------------------------------------------------------*/
/*mainコンテンツの段落タグ設定*/
.ky_main p {
 padding: 0.5em 5px 1em;	/*左から、上、左右、下への余白*/
}

/*一覧ページ用ボックス（./service_list.html）
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/
.ky_main section.ky_list p {
 margin-left: 0;
}
/*ボックス内の写真設定*/
.ky_main section.ky_list figure img iframe {
 float: none;
 margin-right: 0;
 width: 100%;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 margin-bottom: 10px;
}
.map {
 width:100%;
}
.ky_inner01 {
 padding:0px 0px 15px 0px;
}
/*map
---------------------------------------------------------------------------*/
.ky_ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
}
 .ky_ggmap iframe, .ky_ggmap object, .ky_ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ky_fl_left {
 float:none;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section.new h2.open {
 background: url(../image/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c5e3f4), to(#6aacd1));	/*マイナスアイコンとグラデーション*/
 background: url(../image/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#c5e3f4, #6aacd1);	/*同上*/
 background: url(../image/btn_minus.png) no-repeat right center, linear-gradient(#c5e3f4, #6aacd1);	/*同上*/
}
section.new h2.close {
 background: url(../image/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c5e3f4), to(#6aacd1));		/*プラスアイコンとグラデーション*/
 background: url(../image/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#c5e3f4, #6aacd1);		/*同上*/
 background: url(../image/btn_plus.png) no-repeat right center, linear-gradient(#c5e3f4, #6aacd1);		/*同上*/
}
/*ブロック全体の設定*/
.ky_new dl {
 height: auto;
 margin: 5px 5px 0px;
 padding-left: 0px;
}
/*日付設定*/
.ky_new dt {
 float: none;
 width: auto;
}
/*記事設定*/
.ky_new dd {
 padding-left: 0;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ky_ta1 {
 width: 100%;
 overflow:scroll-y;
}
/*テーブル内の右側*/
.ky_ta1 td {
 width: auto;
 padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ky_ta1 th {
 width: 100px;
 padding: 2px;
}
.ky_ws {
 width:97%;
}
.ky_ws2 {
 width:98%;
}
.ky_scrol {
 overflow-x:scroll;
}
/*その他
---------------------------------------------------------------------------*/
.ky_stage {/*TOPスライド用*/
 height:100%;
 padding:21%;/*TOPスライド高さによって変更*/
}
.ky_stage img {
 width:100%;
}
.ky_pda {/*TOPスライド用*/
 padding:21%;
}
.ky_main h2 {
 font-size:140%;
 background-size:cover;
 padding-left:40px;
 line-height:1.2;
}
.ky_main h3 {
 line-height:1.2;
}
.ky_main section.list {
 overflow:scroll;
}
.ws {
 width: 96%;
}
/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
body.s-n .sub {
 display: none;
}
/*footer
---------------------------------------------------------------------------*/
.ky_footer {
 position:absolute;
 width:100%;
 background-position:center bottom;
 z-index:5;
 bottom:0px;
 background-size:contain;
}
.ky_footer-inner {
 margin:0px auto;
 width:100%;
 height:auto;
 position:absolute;
 bottom:0px;
}
.ky_footnav {
 font-size:14px;
 width:100%;
}
.ky_footnav li a {
 padding:0px 0px 0px 18px;
 margin-left:5px;
 display:block;
 float:left;
 width:40%;
 height:20px;
}
.ky_copy {
 position:relative;
 bottom:0px;
 text-align:center;
 padding:10px 0px 0px 0px;
 font-size:11px;
}
.ky_com {
 clear:both;
 padding:15px 10px 50px 10px;
 line-height:1;
 width:100%;
}
.ky_com p {
 font-size:18px;
 font-weight:bold;
 padding-bottom:3px;
 padding-top:3px;
}
/*footer end
---------------------------------------------------------------------------*/
.ky_pagetop a {
 font-size:80%;
}
.ky_pagetop {
 bottom: 1px;
 right: 5px;
}
.ky_stn {
 display:none;
}
/*メッセージボックス*/
.ky_msgbox {
	width:auto;
	padding:0px;
}
.ky_msgtext {
	padding:3px;
	margin:3px;
}
.ky_msgtitle_in {
	width:80%;
}

/*メニュー折りたたみ設定*/
.menubar_hdr {
 display: inline;
 position: absolute;
 top: 0px;
 right: 10px;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
 background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
 background-image: linear-gradient(#fbfbfb, #e5e5e5);
 padding: 10px;
 border: 1px solid #cfcfcf;
 border-radius: 0px 0px 6px 6px;
}