@charset "utf-8";

html {
overflow-y:scroll;
}

body {
margin:0;
padding:0;
background:#fff;
text-align:center;
font-size:12px;
font-family:'メイリオ''Hiragino Kaku Gothic Pro',sans-serif;
color:#2a0b00;
}

img {
border:none;
max-width:100%;
height:auto;
vertical-align:middle;
}

/* ヘッダー */
#header {
margin:0px 0px 0px 0px;
padding:0;
background:#fff;
text-align:left;
align-items:center;
}

.logo {
max-width:400px;
float:left;
margin:0px 0px 10px 0px;
}

.kaiin a {
display:inline-block;
text-decoration:none;
float:right;
margin-right:3%;
margin-top:20px;
background:#fabe00 url(../img/login.png) no-repeat 10px 8px / 12px;
color:#fff;
padding:5px 10px 5px 30px;
border-radius:4px;
border:1px solid #6e5a40;
font-size:14px;
letter-spacing:0.2em;
}

.kaiin a:hover {
background-color:#b59e80;
color:#fff;
border:1px solid #6e5a40;
}

/* ナビメニュー */
nav {
clear:both;
margin:0 auto;
max-width:100%;
}

nav ul {
margin:0px 0px 0px 0px;
padding:6px 0px 6px 0px;
display:flex;
justify-content:center;
font-size:14px;
font-weight:bold;
list-style-type:none;
}

nav li {
margin:2px 0px 2px 0px;
padding:0px 0px 0px 0px;
color:#2a0b00;
border-right:2px solid #b59e80;
}

nav li:last-child {
border-right:none;
}

nav li a {
color:#2a0b00;
text-align:center;
line-height:1.3;
letter-spacing:0.05em;
text-decoration:none;
margin:0px;
padding:6px 28px 6px 28px;
}

nav li a:hover,li.current a {
color:#eb6100;
}

/* 写真 */
.photo ul {
margin:1px 0px 0px 0px;
padding:0px;
display:flex;
justify-content:space-between;
max-width:100%;
background:#fff;
}

.photo li {
list-style:none;
margin:0px;
}

.photo li:nth-child(2) {
margin: 0px 1px 0px 1px;
}

.photo li:nth-child(3) {
margin: 0px 1px 0px 0px;
}

.photo img {
}

/* メインa */
#main {
width:100%;
text-align:center;
display:flex;
justify-content:center;
}

/* メインb */
#main.main-b {
width:100%;
text-align:center;
}

/* コンテンツa */
.content-a {
margin:20px auto;
padding:auto;
background:#fff;
color:#2a0b00;
text-align:center;
width:65%;
}

/* コンテンツb */
.content-b {
margin:25px auto;
padding:auto;
background:#fff;
color:#2a0b00;
text-align:center;
width:90%;
}

/* コンテンツ内 */
.title {
margin:auto;
padding:0px 0px 0px 10px;
background:#fff;
color:#2a0b00;
text-align:left;
}

.title h3 {
margin:auto;
padding:5px 5px 5px 10px;
background:#f4ede5;
border-left:16px solid #eb6100; 
color:#2a0b00;
text-align:left;
}

.title p {
margin:auto;
padding:5px 5px 5px 20px;
color:#2a0b00;
text-align:left;
}

.title p.name {
margin:auto;
padding:5px 5px 5px 20px;
color:#2a0b00;
font-weight:bold;
text-align:right;
}

.title a {
padding:10px 0px;
color:#2a0b00;
text-decoration:underline solid #2a0b00;
}

.title a:hover {
color:#b59e80;
text-decoration:underline solid #b59e80;
}

.title ul {
margin:5px 0px 0px 20px;
padding:0px 0px 0px 20px;
text-align:left;
}

.title ul li {
margin:0px 5px 0px 0px;
padding:0px 0px 5px 0px;
line-height:20px;
}

.title ul li a {
padding:10px 0px;
color:#2a0b00;
text-decoration:underline solid #2a0b00;
}

.title ul li a:hover {
color:#b59e80;
text-decoration:underline solid #b59e80;
}

hr.line {
margin:0px 12px 0px 16px;
padding:0px 0px 0px 0px;
border:0px;
border-bottom:2px dotted #b59e80;
}

hr.line2 {
margin:0px 12px 10px 16px;
padding:0px 0px 0px 0px;
border:0px;
border-bottom:2px dotted #b59e80;
}

/* PDFアイコン */
img.pdficon {
border:none;
width:20px;
height:auto;
}

/* 会長写真 */
img.c_photo {
border:none;
max-width:130px;
height:auto;
float:right;
border-radius:10px;
margin:5px 10px 10px 20px;
}

/* テーブル */
table {
margin:0px 0px 0px 20px;
width:90%;
border-collapse:collapse;
font-size:100%;
border:none;
}

th {
border-left:8px solid #b59e80;
border-bottom:8px solid #fff;
padding:3px 8px;
background-color:#b59e80;
color:#fff;
}

td {
border:none;
}

td.tleft {
border:1px solid #fff;
padding:3px 8px;
width:85px;
background-color:#f4ede5;
}

td.tright {
border:1px solid #fff;
padding:3px 8px;
width:auto;
background-color:#fff;
}

td.timg {
border:1px solid #fff;
padding:3px 8px;
width:80px;
background-color:#fff;
}

/* ひまわり */
img.hima {
border:none;
max-width:100px;
height:auto;
float:left;
margin:5px 10px 10px 20px;
}

/* 告知 */
img.announce {
border:1px solid #6e5a40;
max-width:150px;
height:auto;
float:left;
margin:5px 10px 10px 20px;
}

/* ブログ写真 */
.blog_photo {
border:none;
max-width:250px;
height:auto;
display:flex;
margin:5px 5px 5px 20px;
}

/* ログインフォーム */
.log_form {
margin:5px 5px 5px 20px;
padding:0px auto;
background-color:#fff;
text-align:center;
}

.log_id {
background:#fff;
display:block;
margin:10px auto;
padding:8px 8px;
border:1px solid #6e5a40;
border-radius:20px;
width:200px;
outline:none;
text-align:center;
}

.log_pass {
background:#fff;
display:block;
margin:10px auto;
padding:8px 8px;
border:1px solid #6e5a40;
border-radius:20px;
width:200px;
outline:none;
text-align:center;
}

.log_btn {
color:#fff;
background:#6e5a40;
display:block;
margin:10px auto;
padding:8px 8px;
border:1px solid #6e5a40;
border-radius:20px;
width:100px;
outline:none;
text-align:center;
}

.log_btn:hover {
color:#fff;
background-color:#eb6100;
}

/* サイド */
.side {
margin:20px auto;
padding:0px 0px 0px 10px;
background:#fff;
text-align:left;
width:25%;
}

.side h3 {
margin:0px 0px 0px 10px;
padding:5px;
background:#fff;
color:#2a0b00;
text-align:center;
border:1px solid #6e5a40;
}

.side ul {
margin:5px 0px 0px 20px;
padding:0px;
text-align:left;
list-style:none;
}

.side ul li {
margin:0px 10px 0px 0px;
padding:0px 0px 5px 16px;
background-image:url(../img/lists02.png);
background-position:0px 5px;
background-repeat:no-repeat;
background-size:auto 10px;
line-height:20px;
}

.side ul li a {
padding:10px 0px;
color:#2a0b00;
text-decoration:none;
}

.side ul li a:hover {
color:#b59e80;
text-decoration:none;
}

/* ピックアップ */
.pickup {
padding:0px;
color:#2a0b00;
text-align:center;
}

.pickup img {
border:1px solid #2a0b00;
max-width:250px;
height:auto;
border-radius:6px;
vertical-align:middle;
}

.pickup p {
margin:auto;
padding:5px 5px 5px 5px;
color:#2a0b00;
text-align:center;
}

/* メールフォーム */
.m_form {
margin:0px 0px 0px 20px;
padding:0px;
width:80%;
background:#fff;
text-align:left;
color:#2a0b00;
}

.m_label_required {
margin:0px 2px 0px 0px;
padding:2px 5px 2px 5px;
border-radius:5px;
background:#eb6100;
color:#fff;
text-arign:center;
}

.m_item_input {
background:#f4ede5;
width:70%;
margin:0px 0px 20px 20px;
padding:3px 3px;
border:1px solid #6e5a40;
border-radius:5px;
text-align:left;
}

.m_item_textarea {
background:#f4ede5;
width:70%;
height:80px;
margin:0px 0px 0px 20px;
padding:3px 3px;
border:1px solid #6e5a40;
border-radius:5px;
text-align:left;
}

.m_form_btn {
color:#fff;
background:#6e5a40;
width:80px;
margin:0px 0px 0px 20px;
padding:3px 3px;
border:1px solid #6e5a40;
border-radius:5px;
text-align:center;
}

/* フッター */
#footer{
clear:both;
margin:auto;
padding:5px 0px 0px 0px;
background:#b59e80;
color:#2a0b00;
text-align:center;
}

/* フッターメニュー */
.footer_menu {
overflow:hidden;
padding:5px 0px;
font-size:80%;
}

.footer_menu ul {
float:left;
width:20%;
padding-right:1%;
padding-left:1%;
}

.footer_menu ul li {
margin:0px 10px 0px 20px;
padding:0px;
text-decoration:none;
text-align:left;
}

.footer_menu li.title {
margin:0px;
padding:2px 10px;
font-weight:bold;
color:#fff;
background:#6e5a40;
border-radius:5px;
text-align:left;
list-style-type:none;
}

.footer_menu a {
padding:0px;
text-decoration:none;
text-align:left;
color:#fff;
}

.footer_menu a:hover {
color:#fff;
opacity:0.7;
}

/* コピーライト */
.copy {
clear:both;
padding:10px 0px 10px 0px;
text-align:center;
background:#333;
color:#fff;
}
.copy a {
text-decoration:none;
}

/* 回り込み解除 */
br.cancel {
clear:both;
font-size:0;
line-height:0;
}

/* ページトップへもどるボタン */
.pagetop {
display:none;
position:fixed;
bottom:30px;
right:15px;
}




/*デスクトップPC
------------------------------------------------------------------------*/
@media screen and (min-width:1280px){


}


/*ノートPC
------------------------------------------------------------------------*/
@media screen and (max-width:1280px){


}

/*タブレット
------------------------------------------------------------------------*/
@media screen and (max-width:960px){

body {
font-family:sans-serif;
}

.logo {
max-width:400px;
float:left;
margin:0px 0px 10px 0px;
}

.kaiin a {
display:inline-block;
text-decoration:none;
float:right;
margin-left:20px;
background-image:none;
padding:5px 10px 5px 10px;
}

nav {
}

nav ul {
font-size:12px;
}

#main {
display:block;
width:auto;
}

.content-a {
margin:20px auto;
padding:auto;
background:#fff;
color:#2a0b00;
text-align:center;
width:90%;
}

.side {
margin:20px auto;
padding:0px 0px 0px 10px;
background:#fff;
text-align:left;
width:90%;
}

}


/*スマホ
------------------------------------------------------------------------*/
@media screen and (max-width:640px){

body {
font-family:sans-serif;
}

#header {
background:#fff;
text-align:center;
}

.logo {
max-width:400px;
display:inline-block;
float:none;
margin:0px 0px 0px 0px;
}

.kaiin a {
display:inline-block;
text-decoration:none;
float:none;
background-image:none;
padding:5px 10px 5px 10px;
margin-bottom:10px;
}

nav {
}

nav ul {
display:inline-block;
text-align:left;
font-size:10px;
font-weight:bold;
list-style-type:none;
background:#fff;
width:145px
}

nav li {
margin:0px 0px 0px 0px;
padding:6px 0px 6px 0px;
background-image:url(../img/lists01.png);
background-position:130px 6px;
background-repeat:no-repeat;
background-size:auto 14px;
color:#b59e80;
border-right:none;
}

nav li a {
color:#2a0b00;
line-height:1.2;
letter-spacing:0.05em;
text-decoration:none;
padding:6px 0px 6px 6px;
}

nav li:first-child {
border-left:none;
}

nav li a:hover,li.current a {
color:#b59e80;
padding:6px 0px 6px 6px;
}

.content-a {
margin:20px auto;
padding:auto;
background:#fff;
color:#2a0b00;
text-align:center;
width:90%;
}

/* ブログ写真 */
.blog_photo {
border:none;
max-width:160px;
height:auto;
display:flex;
margin:5px 5px 5px 20px;
}

.side {
margin:20px auto;
padding:0px 0px 0px 10px;
background:#fff;
text-align:left;
width:90%;
}

#footer_menu ul {
float:none;
width:auto;
}

}