@charset "utf-8"; 

/* サイト共通のデザイン（レイアウト、ヘッダー、フッター、ナビゲーション）を記述する。 */


/* レイアウト */
.mc { width: 100%; max-width:1200px; margin:0 auto;}
img { width: 100%; height: auto;}

main {width: 98.333333333333%; margin-left:10px; padding:0;} /* 2カラム */

/* ヘッダー */
header { width: 100%; margin:0 auto; text-align: center;}

.kb01 {background:url('../images/kb01.png') no-repeat right center; background-size:cover; text-align:center; padding:20px 0}
.kh { width:40%; min-width:300px}

/* パンクズ */
#breadcrumbs { margin:10px 0; padding:0; line-height:1; }
#breadcrumbs li { list-style-type:none; display:inline; }
#breadcrumbs li a { text-decoration:none; padding:5px 15px 5px 5px; background:url('icon-arrow-right.png') no-repeat right center; }
#breadcrumbs li.last a { color:#333; background:none; }

/* ブロック */
section { margin:0; padding:0;background-color:#FFFFFF;}
article { margin:0; padding:0;}

/* ページトップ */
#page-top { position: fixed; bottom: 20px; right: 20px; }
#page-top a { display: block; background:url('pagetop.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; width:60px; height:60px; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
#page-top a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


/* フッター */
footer { clear:both; padding:0.5em 0; background:#27a7d1;color:#fff;  font-size: 12px; line-height: 1.4}
address { text-align: center; margin:0.5em; font-style:normal; }
address dt { font-weight:bold; }
footer a { color:#fff;}
footer a:hover  { color:#fff;}



/* モニター幅960px以下 */
@media only screen and (max-width:960px) { 

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
#container { width:100%; }

#sidebar { float:none; width:100%; }
#sidebar nav li { float:left; }
#sidebar div { float:left; }

main#one { float:none; width:100%; margin-left:0; }
main { float:none; width:100%; margin-left:0; }
main#three { float:none; width:100%; margin-left:0; }

#sidebar2 { float:none; width:100%; display:none; }
#sidebar2 nav li { float:left; }
#sidebar2 div { float:left; }
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
#breadcrumbs { display:none; }
}