@charset "utf-8"; 

body,html{ width:100%; height:100%;}

body{ margin:0px; 	padding:0px; color:#666; font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size:16px; line-height:2; background:#fff; -webkit-text-size-adjust:none;}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{ margin:0px; padding:0px; font-size:100%; font-weight:normal;}

ul{ list-style-type:none;}
img{ border:none; max-width:100%; height:auto; vertical-align:middle;}
table{ border-collapse:collapse; font-size:100%; border-spacing:0;}
iframe{ width:100%;}

.center{ text-align:center;}
.right{ text-align:right;}
.left{ text-align:left;}

/*リンク（全般）設定*/
a{ color:#666; transition:0.4s;}

a:hover{ color:#5f712f; text-decoration:none;}

/*トップページのメインイメージ*/
#mainimg{ width:100%; position:relative;}

#message{ position:absolute; right:3%; bottom:40px; background:#d6e9ca; background:rgba(255,255,255,0.2); border:1px solid #ccc; width:50%; padding:1%;}

/*ヘッダー*/
header{ background:#fff; width:20%; height:100%; position:fixed; left:5%; top:0px; border-top:5px solid #5f712f; overflow:auto; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}

/*ロゴ*/
header #logo{ background:#fff; background:rgba(255,255,255,0.9);}

/*メインメニュー*/
#menubar{ background:#fff; background:rgba(255,255,255,0.9); border-top:1px solid #ccc; font-size:20px;}

#menubar li{ border-bottom:1px solid #ccc;}

#menubar li a{ 	display: block; text-decoration:none; text-align:center; padding:10px; color:#5f712f;}

#menubar li a span{ display:block; font-size:9px; color:#999;}

#menubar li a:hover, #menubar li.current a{ background:#5f712f; color:#fff;}

#menubar li a:hover span, #menubar li.current a span{ color:#fff;}

#menubar-s{ display:none;}

/*3本バー*/
#menubar_hdr{ display:none;}

/*コンテンツ
---------------------------------------------------------------------------*/
/*コンテンツ*/
.contents{ overflow:hidden; padding:50px 4% 100px 30%;}

.bg1{ background:#d6e9ca;} 

.contents h2{ clear:both; margin-bottom:40px; text-align:center; padding-top:50px;}

.contents h2 span{ display:block; font-size:15px;}

.contents h3{ clear:both; margin-bottom:20px; letter-spacing:0.1em; background:#fff; background:rgba(255,255,255,0.3); text-align:center; border-radius:30px; padding:0px 20px; color:#006600; font-weight:bold;}

.contents p{ padding:0 30px 20px;}

.contents p + p{ margin-top:-5px;}

.contents section + section{ margin-top:50px;}

hr{ border:#ffffcc dashed 1px; width:90%; margin-left:auto; margin-right:auto; margin:10 0 10;}

dl.txt{ width:98%;}
dl.txt dt{ color:#006600; margin-bottom:15px; font-weight:bold; letter-spacing:2px;}
dl.txt dd{ margin-left:15px; margin-bottom:20px;}

/*フッター設定*/
footer{ clear:both; text-align:right; padding:20px 80px;}
footer a{ text-decoration:none;}
footer .pr{ display:block;}

/*更新情報*/
#new dl{ padding:0 30px; margin-top:30px;}
#new dt{ letter-spacing:0.1em; color:#006600;}
#new dt span{ font-size:14px;}
#new dd{ padding-left:15px;}

/*テーブル*/
.mem{ width:98%; margin-left:auto; margin-right:auto;}

.calendar{ width:98%; margin-left:auto; margin-right:auto; margin-bottom:20px; border-top: solid 2px #999; border-left: solid 2px #999; border-bottom: solid 2px #999; font-size:14px;}

.calendar th{ background:#003300; width:13%; height:40px; color:#fff; text-align:center; border-right: solid 2px #999;}

.calendar td{ background:#fff; border-bottom: solid 1px #999; border-right: solid 2px #999; font-weight:bold; padding:2px;}

#cal1{ float:left; width:20%; height:45px; vertical-align:text-top;}
#cal2{ float:right; width:80%;}
#cal3{ clear:none;}
#cal4{ clear:none;}

.cln{ padding-left:15px;}

.ta{ width:100%; margin:0 auto 20px;}

.ta, .ta td, .ta th{ border:1px solid #999; background:#fff; padding:10px 15px; word-break:break-all;}

.ta th.tamidashi{ width:auto; text-align:left; background:#eee;}

.ta th{ width:140px; text-align:center; font-weight:normal;}

.ta th img{ width:100%;}

/*市況*/
.martitle{ width:70%; margin-left:auto; margin-right:auto; text-align:center; font-weight:bold; margin-bottom:15px;}
.mar{ width:70%; margin-left:auto; margin-right:auto; border-top:1px solid #000; border-left:1px solid #000;}
.mar th{ background:#eee; padding:5px; letter-spacing:2px; border-right:1px solid #000; border-bottom:1px solid #000;}
.mar td{ padding:5px; background:#fff; border-right:1px solid #000; border-bottom:1px solid #000;}

/*ページの上部に戻る「↑」ボタン*/
@keyframes scroll{ 0%{ opacity:0;}

100%{ opacity:1;}

}

body.nav-fix-pos-pagetop a{ display:none;}

body.is-fixed-pagetop .nav-fix-pos-pagetop a{ display:block; text-decoration:none; text-align:center; width:50px; line-height:50px; 	
 z-index:100; position:fixed; bottom:20px; right:1%; background:#000; background:rgba(0,0,0,0.6); color:#fff; border-radius:50%; animation-name:scroll; animation-duration:1S; animation-fill-mode:forwards;}

/*マウスオン時の背景色*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover{ background:#999;}

/*トップページのNEWアイコン*/
.newicon{ background:#f00; color:#fff; font-size:70%; line-height:1.5; padding:2px 5px; border-radius:2px; margin:0px 5px; vertical-align:text-top;}

/*会員メニュー*/
#kmenu{ width:99%; margin-left:auto; margin-right:auto;}
#kmenu img{ margin-left:7px;}


/*過去データメニュー*/
.toggle_contents { border: 1px solid #d9d9d9;}
.toggle_title { background: #2f4f4f; color: #fff; position: relative; margin-bottom: 1px; padding: 10px; cursor: pointer;line-height: 1.4;}
.toggle_btn { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background: #008080; color:#fff; display: block; width: 24px; height: 24px; text-indent: 100%; white-space: nowrap; overflow: hidden; border-radius: 30%;}
.toggle_btn:before, .toggle_btn:after { display: block; content: ''; background-color: #fff; position: absolute; width: 10px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.toggle_btn:before { width: 2px; height: 10px;}
.toggle_title.selected .toggle_btn:before { content: normal;}
.toggle_contents dd { display: none; background:#fff; padding-left:5px;}
.toggle_contents:first-of-type dd { display: block;}

/*その他
---------------------------------------------------------------------------*/
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.mini1{ font-size:11px; display:inline-block; line-height:1.5;}
.sh{ display:none;}

@media screen and (max-width:800px){

/*トップページのメイン*/
#message{ width:90%; bottom:10px;}

/*ヘッダー*/
header{ background:none; width:50%; height:auto; position:absolute; border-top:none; box-shadow:none;}

/*ロゴ*/
header #logo{ background:transparent;}

/*カレンダー*/
.cln{ width:50%; padding-left:0;}

/*会員メニュー*/
#kmenu{ width:99%; margin-left:auto; margin-right:auto; text-align:center;}
#kmenu img{ width:30%; margin-left:3px; margin-bottom:2px;}

/*メインメニュー*/
@keyframes menubar{ 0%{ opacity:0;}
100%{ opacity:1;}

}

/*スマホ用メニューブロック*/
#menubar-s{ display:block; overflow:hidden; position:fixed; z-index:50; top:0px; width:100%; background:#333; border-top:1px solid #fff; animation-name:menubar; animation-duration:0.5s; animation-fill-mode:both; opacity: 0.8;}

/*メニュー１個あたりの設定*/
#menubar-s li a{ display:block; text-decoration:none; padding:15px; border-bottom:1px solid #fff; color:#fff; font-size:20px;}

/*説明表記（飾り文字）*/
#menubar-s li a span{ display:block; font-size:12px; color:#999;}

/*PC用メニューを非表示にする*/
#menubar{ display:none;}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr{ display:block; position:fixed; z-index:50; top:10px; right:10px; border:1px solid #fff;}

/*アイコン共通設定*/
#menubar_hdr.close,
#menubar_hdr.open{ width:50px; height:50px;}

/*三本バーアイコン*/
#menubar_hdr.close{ background:#666 url(../images/icon_menu.png); background-repeat:no-repeat; background-position:center top; background-size:cover; -ms-background-size:cover; -o-background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;}

/*閉じるアイコン*/
#menubar_hdr.open{ background:#666 url(../images/icon_menu.png); background-repeat:no-repeat; background-position:center bottom;background-size:cover; -ms-background-size:cover; -o-background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;}

/*コンテンツ
---------------------------------------------------------------------------*/
/*コンテンツ*/
.contents{ padding:150px 4% 100px 4%;}

/*コンテンツ（※トップページのみ）*/
.top .contents{ padding:50px 4% 100px 4%;}

/*メニューページの設定（menu.html）
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list{ width:40%; margin:0 5% 20px; height:400px;}

/*写真の右上にある金額*/
.list figure span{ width:70px; line-height:70px; font-size:14px;}

/*カレンダー*/
.calendar{ width:98%; margin-left:auto; margin-right:auto; margin-bottom:20px; border-top: solid 2px #999; border-left: solid 2px #999; border-bottom: solid 2px #999; font-size:14px;}
.calendar th{ background:#003300; width:13%; height:40px; color:#fff; text-align:center; border-right: solid 2px #999;}
.calendar td{ background:#fff; border-bottom: solid 1px #999; border-right: solid 2px #999; font-weight:bold; padding:2px;}

#cal1{ float:none; height:auto;}
#cal2{ float:none; width:auto;}
#cal3{ font-size:10px;}
#cal4{ font-size:13px;}


/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #footermenu,.m-n{ display:none;}
.w50{ overflow:hidden; width:auto;}
.fl{ float:none;}
.fr{ float:none;}
.sh{ display:block;}
.pc{ display:none;}

}

@media screen and (orientation:landscape) and (max-height:500px){

/*メインメニュー*/
/*メニュー１個あたりの設定*/
#menubar-s li a{ float:left; width:40%; margin-left:4%; line-height:1.2;}

}

/*画面幅480px以下の設定*/
@media screen and (max-width:480px){

/*全体の設定*/
body{ font-size:12px; line-height:1.5;}

/*コンテンツ*/
.contents{ padding:20px 4% 50px 4%;}

.contents{ padding:70px 4% 30px 4%;}

/*コンテンツ（※トップページのみ）*/
.top .contents{ padding:20px 4% 30px 4%;}

/*h2見出し*/
.contents h2{ font-size:24px; margin-bottom:20px; letter-spacing:normal; padding-top:20px;}

/*h2見出し内のspanタグ*/
.contents h2 span{ font-size:10px;}

/*段落タグ*/
.contents p{ padding:0 0 20px;}

/*「更新情報・お知らせ」ブロック*/
#new dl{ padding:0;}

/*日付設定*/
#new dt{ float:none; width:auto;}

/*記事設定*/
#new dd{ padding-left:0; margin-bottom:8px;}

/*会員メニュー*/
#kmenu{ width:99%; margin-left:auto; margin-right:auto; text-align:center;}

#kmenu img{ width:30%; margin-left:3px; margin-bottom:2px;}

/*テーブル(ta)*/
.ta, .ta td, .ta th{ padding:5px;}

.ta th{ width:100px;}

/*カレンダー*/
.cln{ width:50%; padding-left:0;}

.calendar{ width:98%; margin-left:auto; margin-right:auto; margin-bottom:20px; border-top: solid 2px #999; border-left: solid 2px #999; border-bottom: solid 2px #999; font-size:14px;}

.calendar th{ background:#003300; width:13%; height:40px; color:#fff; text-align:center; border-right: solid 2px #999;}

.calendar td{ background:#fff; border-bottom: solid 1px #999; border-right: solid 2px #999; font-weight:bold; padding:2px;}

#cal1{ float:none; height:auto;}
#cal2{ float:none; width:auto;}
#cal3{ font-size:10px;}
#cal4{ font-size:13px;}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl{ width:94%;}

}