@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import "reset.css";


/*全体*/
* { margin: 0; padding: 0; border: 0; }
* { box-sizing: border-box; }
* { ext-decoration: none; }
* { word-wrap: break-word; }
* { font-size: 1em; }
*:link { color: #0000cc; text-decoration: none; }
*:link:hover { text-decoration: underline; }
*:visited { color: #0000cc; text-decoration: none; }
*:visited:hover { text-decoration: underline; }


/*特定タグ*/
html { height: 100%; }
body { width: 100%; }
body { height: 100%; }
body {
    line-height: 1.2;
    font-size: 0.9em;
    font-weight: normal;
    font-family:  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body { background-color: #fcfcfc; }
ul { list-style: none; }


/*各種クラス*/
.enum-comma { display: inline-block; }
.enum-comma > li { display: inline-block; }
.enum-comma > li { margin: 0 0 0 5px; }
.enum-comma > li:before { content: ","; }
.enum-comma > li:first-child { margin: 0; }
.enum-comma > li:first-child:before { content: ""; }
.enum-pipe { display: inline-block; }
.enum-pipe > li { display: inline-block; }
.enum-pipe > li:before { margin: 0 10px 0 10px; }
.enum-pipe > li:before { content: "|"; }
.enum-pipe > li:first-child { margin: 0; }
.enum-pipe > li:first-child:before { content: ""; }
.bullet { display: block; }
.bullet > li { display: block; }
.bullet > li:before { content: "・"; }
.bullet > li { text-indent: -1em; }
.bullet > li { margin: 0 0 0 1em; }
.no-display { display: none; }


/*タイトル*/
.site-title { text-align: center; }
.site-title .image { width: 100%; }
.site-title .image { height: 200px; }
.site-title .image { position: relative; }
.site-title .title { position: absolute; }
.site-title .title { top: 40%; right: 0; left: 0; }
.site-title .title { font-size: 3.5em; }
.site-title .title { color: #ffffff; }
.site-title .title { text-shadow: 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000, -1px -1px 5px #000000; }


/*ベースコンテナ*/
.container { min-height: calc(100% - 73px - 1em); }
.container { display: block; }
.container { margin: 0 0 50px 0; }
.container { max-width: 1000px; margin-left:auto; margin-right:auto; }
.container { overflow: hidden; }


/* メインコンテンツ */
.main-list { display: block; }
.main-list { float: left; }
.main-list { width: 80%; }
@media screen and (max-width: 1000px){
 .main-list { width: 100%; }
}
.main-item { display: block; }
.main-item { float: left; }
.main-item { width: 100%; }


/* サイドメニュー */
.sidemenu { width: calc(20% - 10px); }
@media screen and (max-width: 1000px){
 .sidemenu { width: 100%; }
}
.sidemenu { display: block; }
.sidemenu { float: right; }
.sidemenu { margin: 8px 5px; }
.sidemenu { padding: 8px; }
.sidemenu { border: #9999ff solid 1px; border-radius: 1px; }
.sidemenu { background-color: #eeeefe; }
.sidemenu h2 { margin: 5px 0; }
.sidemenu h2 { font-size: 1em; }
.sidemenu > ul > li { padding: 2px 0; }
.sidemenu > ul > li > ul { padding: 0 0 0 1em; }
.sidemenu > ul > li > ul > li { display: inline-block; }
.sidemenu > ul > li > ul > li { margin: 0 5px 0 0; }
.sidemenu > ul > li > ul > li:after { content: ","; }
.sidemenu > ul > li > ul > li:last-child { margin: 0; }
.sidemenu > ul > li > ul > li:last-child:after { content: ""; }


/* リスト */
.condition { display: inline-block; }
.condition { margin: 10px 10px 0 10px; }
.condition { padding: 2px 5px; }
.condition { border: #777777 dotted 1px; border-radius: 1px; }
.condition { background-color: #fefefe; }
.point-list { display: block; }
.point-list { margin: 5px 0; }
.point-list { width: 100%; }
.point-list * { overflow: hidden; }
.point-list { text-align: center; }
.point-list > li { text-align: left; }
.point-list > li { display: inline-block; }
.point-list > li { width: 48%; }
.point-list > li { height: 125px; }
.point-list > li { overflow-y: auto; }
.point-list > li { margin: 1px 2px; }
.point-list > li { padding: 5px; }
.point-list > li { border: #777777 solid 1px; border-radius: 1px; }
.point-list > li { background-color: #fefefe; }
@media screen and (max-width: 1000px){
 .point-list > li { width: 100%; }
 .point-list > li { height: auto; }
}
.point-list > li { overflow-y: hidden; }
.point-list > li { border: #999999 solid 1px; }
.point-list .dummy { opacity: 0; }
.point-list .name h2 { margin: 3px 0; }
.point-list .name h2 { font-size: 1.3em; }
.point-list .target { line-height: 1.3em; }
.point-list .target { margin: 2px 0; }
.point-list .target { padding: 3px 3px; }
.point-list .target { max-height: 4.25em; }
.point-list .target { border: #999999 solid 1px; }
.point-list .target { background-color: #ffffaa; }
.point-list .target img { display: inline; }
.point-list .target img { width: 15px; }
.point-list .target img { margin: 0 3px 0 0; }
.point-list .target > ul { display: inline; }
.point-list .target > ul > li { display: inline; }
.point-list .target > ul > li { margin: 0 5px 0 0; }
.point-list .target > ul > li:after { content: ","; }
.point-list .target > ul > li:last-child { margin: 0; }
.point-list .target > ul > li:last-child:after { content: ""; }


/* アイテム */
.item h1 { margin: 5px 0; }
.item h1 { font-size: 1.5em; }
.item h2 { margin: 5px 0; }
.item h2 { font-size: 1.3em; }

.contents-head { display: block; }
.contents-head { padding: 0px 0; }
.contents-head > li { display: block; }
.contents-head > li { float: right; }

.contents-head { overflow: hidden; }
.contents-head { width: 100%; }
.contents-head { height: 600px; }
@media screen and (max-width: 1000px){
 .contents-head { height: 900px; }
}

.map-main { height: 100%; }
.map-main { width: 70%; }
.map-main { display: block; }
.map-main { float: right; }
@media screen and (max-width: 1000px){
 .map-main { width: 100%; }
 .map-main { height: 70%; }
 .map-main { float: none; }
}
.map-main .address { font-size: 0.8em; }

.map-navi { height: 100%; }
.map-navi { width: 30%; }
.map-navi { background-color: red; }
.map-navi { background-color: #fefefe; }
.map-navi { float: left; }
.map-navi { border: 1px #000000 solid; }
.map-navi { overflow-x: visible; }
.map-navi { overflow-y: auto; }
.map-navi { display: block; }
.map-navi li { display: block; }
.map-navi li { width: 100%; }
.map-navi li { padding: 10px 10px; }
.map-navi li { border-bottom: 1px #000000 solid; }
.map-navi img { margin: 0 10px 2px 0; }
.map-navi img { height: 2em; }
.map-navi img { float: left; }
.map-navi .name { min-height: 30px; }
.map-navi .name { display: inline-block; }
.map-navi .address { display: block; }
.map-navi .address { margin: 5px 0 0 0; }
.map-navi .address { width: 100%; }
.map-navi .address { font-size: 0.9em; }
.map-navi .external-link { width: 100%; }
.map-navi .external-link { margin: 5px 0; }
.map-navi .external-link { font-size: 0.85em; }

@media screen and (max-width: 1000px){
 .map-navi { width: 100%; }
 .map-navi { height: 30%; }
 .map-navi { float: none; }
}

.contents-body { display: block; }
.contents-body { padding: 10px 0; }
.contents-body > li { display: block; }
.contents-body > li { margin: 20px 0 0 0; }

.target-list { display: block; }
.target-list { padding: 5px; }
.target-list li { display: inline-block; }
.target-list li:after { content: ",\00a0\00a0"; }
.target-list li:last-child:after { content: ""; }

.base-data { border: 1px #000000 solid; }
.base-data td,th { padding: 10px 10px 5px 10px; }
.base-data td,th { border: 1px #000000 solid; }
.base-data th { background-color: #fffe99; }
.base-data td { background-color: #fefefe; }


/* ページャ */
.pager { padding: 20px; }
.pager { text-align: center; }
.pager a:link { color: #000000; }
.pager a:visited { color: #000000; }
.pager * { display: inline-block; }
.pager .pager-button li { margin: 3px; }
.pager .pager-button a,span { padding: 5px 10px 3px 10px; }
.pager .pager-button a { border: solid 1px #aaaaaa; border-radius: 3px; }
.pager .pager-button span { border: solid 1px #aaaaaa; border-radius: 3px; }
.pager .pager-button span { color: #ffffff; background-color: #aaaaaa; }
.pager .pager-button a:hover { background-color: #eeeeee; }
.pager .pager-current-no { margin: 3px 10px 3px 10px; }


/* 内部フッター */
.inside-footer { clear: both; }
.inside-footer { overflow: hidden; }
.inside-footer .description { margin: 20px 0; }
.inside-footer .description { padding: 5px; }
.inside-footer .description { background-color: #fefefe; }
.inside-footer .description { border: solid 1px #dddddd; border-radius: 3px; }


/* フッター */
.footer { overflow: hidden; }
.footer { padding: 10px 0; }
.footer { text-align: center; }
.footer { background-color: #333333; }
.footer * { color: #ffffff; }