@charset "utf-8";

/* Document */

/* =======================================
読み込み
========================================== */

/* =======================================
レイアウト共通
========================================== */

body {
    border-top: solid 5px #AA418C;
    font-family: ‘Hiragino Kaku Gothic Pro’, Meiryo, ’MS PGothic’, sans-serif;
    font-size: 14px;
}
#wrap {
    overflow: hidden;
}
section {
    margin: 0 0 20px 0;
}
#main {
    margin-bottom: 40px;
}

/* リンク
================================== */

/* リンク画像装飾[**********************/

a img, a:link img, a:visited img, a:hover img, a:active img {
    text-decoration: none;
    border-bottom: none;
}
a:hover img {
    -ms-filter: "alpha(opacity=70)";/*for IE8*/
    filter: alpha(opacity=70); /*for IE6 */
    opacity: 0.70;
}

/* リンク装飾[**********************/
a {

    /*リンクされた文字*/
    color: #63569E;
    font-style: normal;
    text-decoration: none;
}
a:link {

    /*未訪問のリンク*/
    color: #63569E;
    font-style: normal;
    text-decoration: none;
}
a:visited {

    /*訪問後のリンク*/
    color: #63569E;
    text-decoration: none;
}
a:hover {

    /*マウスをのせたとき*/
    color: #1D2CAD;    /*
    border-bottom: 1px solid #A1D1BC;
    font-style: normal;*/
}
a:active {

    /*クリック中*/
    text-decoration: none;
}

/* =======================================
テキスト
========================================== */
p {
    padding: 0 0 10px 0;
    font-size: 1em;
    line-height: 1.7;
    letter-spacing: 0.05em;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.05em;
    line-height: 1.5;
}
h2 {
    margin-bottom: 30px;
}
h3 {
    margin-bottom: 20px;
}
h4 {
    margin-bottom: 20px;
}
li {
    font-size: 1em;
    letter-spacing: 0.05em;
    line-height: 1.5;
}
dd {
    font-size: 1em;
    line-height: 1.5;
}
footer small {
    font-size: 11px;
    letter-spacing: 0.2em;
}
.title01 {
    font-size: 1.7142em;
    border-top: solid 3px #EED9E8;
    border-bottom: solid 1px #EED9E8;
    line-height: 1.5;
    padding: 5px 0;
}
.title01 .fa {
    color: #AA418C;
}
.title02 {
    font-size: 1.2857em;
    font-weight: bold;
}
.subtitle {
    font-size: 1.5em;
    color: #0E4EAD;
}
.title03 {
    margin-bottom: 20px;
    padding: 0 0 0 10px;
    font-size: 1.1428em;
    border-left: solid 5px #AA418C;
    line-height: 1.2;
}
.title04 {
    margin: 0 0 0 0;
    padding: 0 0 5px 5px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #457F0F;
    border-bottom: solid 1px #396aa0;
}
th, td {
    line-height: 1.5;
    letter-spacing: 0.1em;
}

/* ライン */
.hr_30 {
    height: 30px;
    border: 0;
    border-top: 1px solid #eee;
    clear: both;
}
.hr_foot {
    height: 0;
    border: 0;
    border-top: 10px solid #999;
    clear: both;
}

/* span */
.blue {
    color: #255B97;
}
.green {
    color: #457F0F;
}
.orange {
    color: #FF6600;
}
.red {
    color: #FF0000;
}
.bold {
    font-weight: bold
}

/* =======================================
アイコンフォント
========================================== */

/* =======================================
共通
========================================== */

table {
    width: 100%;
}
table th, table td {
    padding: 10px 20px;
    border: solid 1px #ccc;
    vertical-align: middle;
    font-size: 1em;
}
table th {
    width: 25%;
    background-color: #EDF6EB;
}
.mb {
    margin-bottom: 50px;
}

/*
.page .box01 {
    padding: 0 15px;
    margin-bottom: 40px;
}
*/
#page li {
    margin-bottom: 10px;
    line-height: 1.5;
}
.imgCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* フォーム */
.cFrom th {
    background-color: #666;
    color: #fff;
}
.cFrom td {
    background-color: #F3F8FC;
}
input, textarea {
    border: solid 1px #ddd;
}

/* 添付ファイルボタン装飾 */
input[type="file"] {
    margin: 0;
    padding: 2px;
    font-size: 1em;
}
input[type="file"], input[type="file"]::-webkit-file-upload-button {
    font: inherit;
    margin: 0;
}
input[type="file"]::-webkit-file-upload-button {
    padding: .1em .5em;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #e7e7e7;
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(white));
    box-shadow: inset 10px 0 12px -12px rgba(0, 0, 0, 0.4), inset -10px 0 12px -12px rgba(0, 0, 0, 0.4);
    line-height: normal;
}
input[type="file"]::-webkit-file-upload-button:focus {
    outline-offset: -2px;
}

/* 送信ボタン装飾 */
input.wpcf7-submit {
    width: 100%;
    margin-top: 20px;
    font-size: 1.2857em;
    padding: 10px 40px;
    background-color: #51AA41;
    color: #fff;
    border-style: none;
    letter-spacing: 0.05em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
input.wpcf7-submit:hover {
    background-color: #85C37A;
    color: #fff;
}

/* =======================================
ヘッダー
========================================== */
header {
    padding: 40px 0 0 0;
    background-image: url(images/head_back_02.png);
    background-repeat: repeat-x;
    /* height: 210px; */
}
header .right p {
    padding: 0 0 5px 0;
}
header .tell {
    margin: 0 0 0 0;
    text-align: right;
}

/* ヘッダーメニュー */
.haadMenu {
    padding: 10px 0;
    background-color: #FBF5F9;
    border-bottom: solid 1px #E6D7E7;
}
.haadMenu ul {
    float: right;
}
.haadMenu li {
    margin-left: 15px;
    float: left;
}

/* ログイン情報
margin-top: 15px;
float: right;
}
.roginInfo li {
margin-left: 20px;
float: left;
}
*/

/*
header h1 {
margin:30px 0 0 0;
}
*/

/* =======================================
グローバルナビゲーション
========================================== */

/* menu icon */
#menu-icon {
display: none;
}

/* globalNavi */
#gnavWrap {
margin-top: 40px;
}
#gnavWrap .row {
margin-right: 0;
margin-left: 0;
}
#global-nav {
padding: 0 0;
}
#global-nav li a:focus {
outline: none;
}
#global-nav ul {
margin: 0 0;
}
#global-nav li {
width: 16.6666667%;
text-align: center;
float: left;
}
#global-nav li i.fa {
display: block;
margin-bottom: 15px;
}
#global-nav li em {
font-size: 1.1428em;
font-weight: bold;
font-style: normal;
color: #333;
}
#global-nav li a {
display: block;
margin: 0 15px 0 0;
padding-bottom: 10px;
border-bottom: solid 3px #EED9E8;
}
body.home #global-nav li.gnav01 a {
border-bottom: solid 3px #666;
}
body.home #about li.gnav02 a {
border-bottom: solid 3px #666;
}
#global-nav li a:hover {
border-bottom: solid 3px #AA418C;
}
#global-nav li a .fa {
color: #999;
}
#global-nav li a:hover .fa {
color: #AA418C;
}
body.home #global-nav li.gnav01 a .fa, body#about #global-nav li.gnav02 a .fa, body#greeting #global-nav li.gnav03 a .fa, body.category-report-activity #global-nav li.gnav04 a .fa, body.category-report-members #global-nav li.gnav05 a .fa, body.category-report-junior #global-nav li.gnav06 a .fa {
color: #AA418C;
}
body.home #global-nav li.gnav01 a, body#about #global-nav li.gnav02 a, body#greeting #global-nav li.gnav03 a, body.category-report-activity #global-nav li.gnav04 a, body.category-report-members #global-nav li.gnav05 a, body.category-report-junior #global-nav li.gnav06 a {
border-bottom: solid 3px #AA418C;
}
#global-nav li a:focus {
outline: none;
}

/* プルダウン */

/*
#global-nav ul ul {
border-bottom: 1px solid #eee;
display: none;
position: static;
top: 74px;
left: 2px;
z-index: 100;
width: auto;
}
#global-nav ul .menu-item ul a {
width: 210px;
padding: 10px 5px;
color: #fff;
background: none;
text-indent: 0;
height: 20px;
border-top: dotted 1px #ddd;
line-height: 1.5;
font-size: 12px;
}
#global-nav ul .menu-item ul a:hover {
color: #fff;
background-color:#0085DD;
text-decoration:none;
}
#global-nav ul .menu-item ul li {
width: 220px;
padding: 10px 5px;
display: block;
vertical-align:  middle;
background-color:#0099FF;
float: none;
padding: 0 ;
}
#global-nav ul .menu-item ul li:first-child a {
border-top: none;
}
#global-nav ul li:hover > ul, div.menu ul li:hover > ul {
display: block;
}
*/

/* =======================================
ビルボード
========================================== */

.billWrap {
margin-top: 30px;
border-top: solid 1px #E6D7E7;
border-bottom: solid 1px #E6D7E7;
background-color: #FBF5F9;
}
#billbord .bx-wrapper .bx-viewport {
border: none;
box-shadow: none;
}
#billbord .bx-wrapper {
margin: 0 auto 50px;
}
#billbord .bx-wrapper .bx-pager.bx-default-pager a {
background-color: #CEB0D0;
}
#billbord .bx-wrapper .bx-pager.bx-default-pager a:hover, #billbord .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #AA418C;
}

/* =======================================
パンクズ
========================================== */
#BreadCrumb {
margin: 20px 0 20px 0;
padding: 7px 0;    /* background-color:#F3F8FC; */
}
.bread_crumb {

/*
width: 960px;
*/
margin: 0 auto;
clear: both;
}
.bread_crumb li {
font-size: 11px;
float: left;
list-style: none outside none;
}
.bread_crumb li:after {
content: '>';
padding-left: 10px;
margin-right: 10px;
}
.bread_crumb li:last-child:after {
content: '';
}

/* =======================================
サイド
========================================== */
#side h2 {
margin: 0 0;
padding: 7px 10px;
background-color: #AA418C;
color: #fff;
font-size: 1.1428em;
font-weight: normal;
text-align: center;
}
#side .sideBlog h2 {
background-color: #51AA41;
}
#side .menu {
padding: 15px 10px 5px 10px;
border: solid 1px #E6D7E7;
background-color: #FBF5F9;
}
#side .menu li a {
width: 100%;
display: block;
margin-bottom: 10px;
padding: 0 10px 0 10px;
line-height: 2.5;
background-color: #fff;
box-shadow: 0px 1px 0px #ddd;
}
#side .menu li a:hover {
background-color: #BB67A3;
color: #fff;
}
.archive #side ul, .single #side ul {
padding: 10px 10px 10px 10px;
border: solid 1px #E6D7E7;
}
#side .widget_wp-category-archive li, #side .widget_recent_entries li {
display: block;
width: 100%;
padding: 15px 0 5px 0;
border-bottom: dashed 1px #ccc;
line-height: 1.5;
}
#side .widget_wp-category-archive li:last-child, #side .widget_recent_entries li:last-child {
border-bottom: none;
}

/* =======================================
トップページ
========================================== */
.home .title01 {
font-size: 1.5em;
}

/* 新着情報 */
.home #news {
margin-top: 40px;
}
.home #news h2 {
margin: 40px 0 10px 0;
text-align: center;
font-size: 2.2857em;
}
.home #news .fa-color {
color: #AA418C;
}
.home #news .box01 {
height: 500px;
padding: 15px 15px;
border: solid 3px #DCEED9;
overflow: hidden;
}
.home #news h3 {
margin: 20px 0 10px 0;
font-size: 1.5em;
text-align: center;
}
.home #news time {
display: block;    /* margin-bottom: 7px; */
font-size: 0.8em;
}
.home #news ul {
margin-top: 20px;
}
.home #news li {
margin-bottom: 15px;
font-size: 1em;
}
.home #news li a {
text-decoration: underline;
}
.home #news .list {
display: block;
width: 100%;
background-color: #51AA41;
color: #fff;
text-align: center;
padding: 10px 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.home #news .list:hover {
background-color: #85C37A;
}

/* トップメンバーメニュー */
.home .memberMenu {
margin-top: 50px;
}
.home .memberMenu li a {
display: block;
padding: 20px 10px;
font-size: 1.1428em;
border: solid 1px #ccc;
color: #fff;
text-align: center;
}
.home .memberMenu li.mMenu01 a {
background-color: #C37AAE;
}
.home .memberMenu li.mMenu01 a:hover {
background-color: #AA418C;
}
.home .memberMenu li.mMenu02 a {
background-color: #62B254;
}
.home .memberMenu li.mMenu02 a:hover {
background-color: #51AA41;
}
.home .memberMenu li.mMenu03 a {
background-color: #388384;
}
.home .memberMenu li.mMenu03 a:hover {
background-color: #227677;
}
.home #news .box01 {
margin-bottom: 15px;
}

/* トップ会員ページ */
.home #memberPage {
margin: 0;
padding: 20px 20px 20px 20px;
border: solid 3px #E6D7E7;
background-image: url(images/momiji02.png);
background-repeat: no-repeat;
background-position: right bottom;
}
.home #memberPage h3 {
margin-bottom: 10px;
font-size: 24px;
}
.home #memberPage h3 .fa-unlock-alt {
color: #AA418C;
}
.home #memberPage .col-sm-8 {
padding: 20px 20px 10px 20px;
background-color: #FBF5F9;
border: dashed 1px #AA418C;
border-radius: 5px;
}
.home #memberPage .col-sm-8 li {
margin-bottom: 10px;
border-bottom: solid 1px #E6D7E7;
}
.home #memberPage .col-sm-4 {
padding-right: 0;
}
.home #memberPage .col-sm-4 li a {
padding: 15px 20px;
margin-bottom: 15px;
display: block;
background-color: #B25497;
color: #fff;
font-size: 16px;
text-align: center;
border-radius: 3px;
}
.home #memberPage li.mMenu01 a {
background-color: #AA418C;
}
.home #memberPage li.mMenu01 a:hover {
background-color: #C37AAE;
}
.home #memberPage li.mMenu02 a {
background-color: #51AA41;
}
.home #memberPage li.mMenu02 a:hover {
background-color: #85C37A;
}
.list {
display: inline-block;
text-align: right;
}

/* =======================================
下部リンクバナー共通
========================================== */
#bottom {
border-top: solid 1px #ddd;
}

/* SNSバナー */
#bottom .snsBnr {
margin-top: 50px;
}
#bottom .snsBnr img {
max-width: 213px;
}

/* 学校バナー */
#bottom .scBnr {
margin-top: 50px;
}
#bottom  .scBnr li a {
display: block;
height: 80px;
padding: 22px 10px;
border: solid 1px #ddd;
text-align: center;
}

/* =======================================
固定ページ共通
========================================== */
.pagePost {
margin: 30px 0 0 0;
}
section.sec02-01 {
margin: 30px 0 0 0;
}
section.sec02 {
margin: 50px 0 0 0;
}
section.sec02-01 h4, section.sec02 h4 {
margin: 0 0 10px 0;
}
.headImg {
margin-bottom: 30px;
}

/* サイドバナー */
.sideMemMenuPage {
margin-top: 20px;
}
.sideMemMenuPage ul {
padding: 15px 10px 5px;
border: 1px solid #E6D7E7;
background-color: #FBF5F9;
}
.sideMemMenuPage li {
margin-bottom: 15px;
}
.sideMemMenuPage ul img {
width: 190px;
height: 70px;
}
.sideMemMenuPage li.btnLogin {
margin-bottom: 0;
}
.sideMemMenuPage li.btnLogin a {
padding: 7px 15px;
display: block;
background-color: #AA418C;
color: #fff;
text-align: center;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.sideMemMenuPage li.btnLogin a:hover {
background-color: #C37AAE;
}

/* 会員ページ */
#sideMenber .sideMemMenuPage {
margin-top: 0;
}

/* =======================================
同窓会について
========================================== */
.aboutMenu .box02 {
padding: 15px 15px;
margin-bottom: 20px;
}
.aboutMenu .box02 .boxIn {
padding: 20px 20px;
border: solid 3px #DCEED9;
}
.aboutMenu .box02 .boxIn h2 {
border-left: none;
text-align: center;
color: #AA418C;
margin-bottom: 10px;
}
.aboutMenu img {
margin-bottom: 15px;
}
.aboutMenu .box02 .boxIn .list {
display: block;
width: 80%;
background-color: #51AA41;
color: #fff;
text-align: center;
padding: 10px 10px;
margin-left: auto;
margin-right: auto;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.aboutMenu .box02 .boxIn .list:hover {
background-color: #85C37A;
}

/* =======================================
会員専用ページ　（アーカイブ）
========================================== */

/* ログインしている場合 */

/* ログインしていない場合 */
#memberonly .notLogin {
    margin:30px 0;
}
#memberonly .notLogin h3 {
font-size: 21px;
}
#memberonly .notLogin .bttn {
display: block;
margin-top: 30px;
padding: 15px 15px;
width: 100%;
background-color: #AA418C;
color: #fff;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#memberonly .notLogin .bttn:hover {
background-color: #B25497;
}

/* =======================================
新規会員登録
========================================== */
#member form {
border-top: #ccc 1px solid;
}
#main #member #wpmem_reg fieldset, #main #member #wpmem_login fieldset {
margin: 0 0 0 0;
}

/* ラベル */
#member label {
width: 35%;
padding: 12px 15px;
background-color: #666;
font-size: 0.9285em;
color: #fff;
border-left: #ccc 1px solid;
border-bottom: #B3B3B3 1px solid;
display: block;
float: left;
}

/* 入力枠 */
.page-template-page-member-php #main #member .div_text {
width: 65%;
padding: 10px 20px;
margin: 0 0;
background-color: #F3F8FC;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
float: right;
}

/* インプットエリア調整 */
#member #wpmem_reg input[type="text"], #member #wpmem_reg textarea, #member input[type="text"], #member input[type="password"] {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
color: rgb(43, 43, 43);
padding: 0 5px;
background: none repeat scroll 0% 0% #fff;
}
#member #wpmem_reg .username, #member #wpmem_reg #first_name, #member #wpmem_reg #last_name, #member #wpmem_reg #phone1 {
width: 50%;
}
#member #wpmem_reg #password, #member #wpmem_reg #confirm_password {
width: 40%;
}
#member #wpmem_reg #zip {
width: 30%;
}

/* リセット・送信ボタン */
#member .button_div {
clear: both;
}
#main #member #wpmem_reg .button_div {
margin: 0 0 0 0;
padding: 50px 0 0 0;
height: 100px;
width: 100%;
text-align: center;
}
#main #member #wpmem_reg .button_div input.buttons {
margin-right: 20px;
font-size: 1.2857em;
padding: 10px 40px;
background-color: #CC0000;
color: #fff;
border-style: none;
letter-spacing: 0.05em;
}
#main #member #wpmem_reg .button_div input.buttons:hover {
background-color: #24d;
color: #fff;
}

/* 必須漏れメッセージ */
#member .wpmem_msg {
width: 100%;
margin-bottom: 30px;
}
#member .wpmem_msg p {
color: #FF0000;
}

/* =======================================
会則
========================================== */
#constitutionP table {
    margin-bottom: 10px;
}
#constitutionP th,
#constitutionP td {
    padding: 5px 5px;
    font-weight: normal;
}
.changeDate {
    margin-top: 30px;
    float: right;
}
#constitutionP .changeDate li {
    line-height: 1;
}
#constitutionP h3 {
    margin: 25px 0 10px 0;
}
#constitutionP li {
line-height: 1.5;
margin-bottom: 10px;
}
#constitutionP ul {
padding-left: 1em;
text-indent: -1em;
}
#constitutionP table, #constitutionP th, #constitutionP td {
border: none;
background-color: transparent;
}

/*
#constitution #side .menu {
text-indent: 0em ;
}
*/

/* =======================================
役員紹介
========================================== */

#organization table {
margin-bottom: 30px;
}
#organization table th, #organization table td {
padding: 5px 20px;
}
#organization table th {
width: 30%;
vertical-align: top;
}

/* =======================================
アクセス
========================================== */
#oder table {
margin-bottom: 30px;
}

/* =======================================
お問合せ
==========================================*/
#contact .box01 {
padding: 10px 15px 0 15px;
border: 3px solid #DCEED9;
}
#contact th {
width: 40%;
}

/* フォーム */
#t-contact {
margin: 0 0 20px 0;
}
.hissu {
font-size: 12px;
color: #FF0000;
}

/* =======================================
アンケート
==========================================*/
#questionnaire h3 {
margin-bottom: 15px;
}
#questionnaire table {
margin-bottom: 30px;
}
#questionnaire th {
width: 50%;
}

/* =======================================
ブログリスト
==========================================*/
section.blogPost {
margin-bottom: 0;
border-bottom: solid 1px #ddd;
}
.blogPost .excerpt {
margin: 20px 0 0 0;
line-height: 1.7;
font-size: 14px;
}
.blogPost h2 {
margin-top: 20px;
padding: 5px 0 0 0;
line-height: 2;
border-bottom: dashed 1px #EED9E8;
}
.blogPost .continu {
margin: 20px 0 0 0;
text-align: right;
}
.blogPost .date {
display: block;    /* text-align: right; */
color: #999;
}
.archive .blogPost .row {
margin-bottom: 20px;
}
.archive .blogPost img {
width: 150px;
height: 112px;
}

/*
.archive h3 {
margin:0 0 10px 0;
font-size:16px;
}
.blogDate {
display:block;
font-size:13px;
letter-spacing:0.2em;
text-align:right;
}

*/

/* =======================================
ブログ詳細
==========================================*/
.single .blogPost h2 {
margin-bottom: 10px;
border-bottom: dashed 1px #ccc;
line-height: 2.5;
}
.single .blogPost .date {
display: block;
text-align: right;
border-bottom: solid 1px #ddd;
line-height: 2;
color: #999;
}
.single .blogPost {
    padding-bottom: 40px;
}
.single .blogPost .box01 {
margin-top: 20px;
}
.single .blogPost li {
    margin-bottom: 7px;
}


/* 投稿画像リスト */
ul.album li {
    margin-right: 15px;
    margin-bottom: 15px;
    width:48%;
    text-align: center;
    float:left;
}
ul.album li:nth-child(even) {
    margin-right: 0;
}
ul.album li img {
    width:100%;
    height:auto;
        display: block;
    margin-left: auto;
    margin-right: auto;
}

/* ログインしてない場合 */

/*
.single .link-text {
display:none;
}
.single .notLogin {
margin-top:50px;
}
.single .notLogin h3 {
font-size:21px;
}
.single .notLogin .box01 {
padding:25px 25px;
background-color:#FBF5F9;
border: solid 1px #CEB0D0;
}

.single #wpmem_reg .div_text,
.single #wpmem_reg .div_textarea, 
.single #wpmem_reg .div_select,
.single #wpmem_login .div_text,
.single #wpmem_reg .div_checkbox { 
width:100%;
margin:0 0 14px 0;
}

#blog .link-text {
display:none;
}
*/

/*
.single h2 {
margin:0 0 10px 0;
padding:0 0 5px 0;
font-size:16px;
}

#entry-content {
margin:20px 0 0 0;
}
*/

/* ウィジェット
.widget-area {
margin: 0 0 20px 0;
border-bottom: none;
}
#side .widgettitle {
margin-bottom:20px;
padding:7px 0 0 0;
font-size:16px;
font-weight:bold;
border-bottom:solid 3px #457F0F;
}
.widget-area li {
margin: 0 0 20px 0;
line-height: 2;
font-size:13px;
letter-spacing:0.1em;
border-bottom:solid 1px #dddddd;
}
.widget-container {
margin: 0 0 30px 0;
}
*/

/* ================================================================================
#page-nav
================================================================================ */
.page-nav {
text-align: center;
margin: 15px 0 50px 0;
}
.page-nav li {
display: inline;
list-style: none outside none;
}
.page-nav li a {
border: 1px solid rgb(230, 230, 230);
color: #0E4EAD;
text-decoration: none;
border-radius: 3px;
}
.page-nav li a:hover {
border: 1px solid rgb(230, 230, 230);
}
.page-nav li a:active {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
top: 1px;
}
.page-nav li.current span {
border: 1px solid #F2F2FF;
color: #221813;
font-weight: bold;
border-radius: 3px;
}
.page-nav li.first span, .page-nav li.previous span, .page-nav li.next span, .page-nav li.last span {
background: rgb(248, 248, 248);
border: 1px solid rgb(230, 230, 230);
color: rgb(180, 180, 180);
text-decoration: none;
border-radius: 3px;
}
.page-nav li.page_nums span {
background: rgb(102, 102, 102);
border: 1px solid rgb(51, 51, 51);
color: rgb(255, 255, 255);
}
.page-nav li a, .page-nav li.current span, .page-nav li.first span, .page-nav li.previous span, .page-nav li.next span, .page-nav li.last span, .page-nav li.page_nums span {
padding: 0.25em 0.8em;
display: inline-block;
position: relative;
}
.pages-link {
text-align: center;
}
.pages-link a span {
border: 1px solid rgb(230, 230, 230);
color: rgb(102, 102, 102);
text-decoration: none;
font-weight: normal;
}
.pages-link span {
border: 1px solid rgb(186, 166, 132);
color: rgb(121, 81, 15);
font-weight: bold;
border-radius: 3px;
padding: 0.25em 0.8em;
display: inline-block;
position: relative;
}
.pages-link a:hover span {
border: 1px solid rgb(230, 230, 230);
}
.pages-link a:active span {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
top: 1px;
}

/* =======================================
ごあいさつ
========================================== */
#greeting section .boxFirst .col-sm-8 {
float: left;
overflow: hidden;
}
#greeting section .boxFirst .col-sm-4 {
float: right;
}
#greeting section .col-sm-4 {
text-align: center;
}
#greeting section img {
max-width: 150px;
height: auto;
margin-bottom: 10px;
}
#greeting section p {
line-height: 1.8;
}

/* =======================================
個人情報保護方針
========================================== */
#privacypolicy h3 {
padding: 0 0 0 10px;
font-size: 1.1428em;
border-left: solid 5px #AA418C;
line-height: 1.2;
}
#privacypolicy li {
font-weight: bold;
}

/* =======================================
コメント
========================================== */

/*
#comments {
margin: 50px 0 0 0;
border-top: 1px solid #e7e7e7;
clear: both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
color: #000;
font-size: 14px;
font-weight: bold;
margin-bottom: 0;
}
h3#comments-title {
padding: 24px 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 56px;
position: relative;
}
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
}
.comment-author {
}
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
}
.comment-author .says {
font-style: italic;
}
.comment-meta {
font-size: 12px;
margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
color: #888;
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
color: #333;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
font-size: 12px;
padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
color: #ff4b33;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li {
border: none;
margin: 0;
}
.nopassword,
.nocomments {
display: none;
}
#comments .pingback {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
color: #888;
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 13px;
font-style: italic;
}
*/

/* Comments form */

/*
input[type=submit] {
color: #333;
}
#respond {
border-top: 1px solid #e7e7e7;
margin: 70px 0 0 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
}
.form-allowed-tags {
line-height: 1em;
display : none;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: 18px 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
#respond .required {
color: #ff4b33;
font-weight: bold;
}
#respond label {
color: #888;
font-size: 12px;
}
#respond input {
background: none repeat scroll 0 0 #FAFAFA;
border: 1px solid #DDDDDD;
font: bold 0.95em arial,sans-serif;
height: 30px;
margin: 5px 0 15px;
padding: 5px 10px 5px 10px;
width: 96%;
}
#respond textarea {
background: none repeat scroll 0 0 #FAFAFA;
border: 1px solid #DDDDDD;
font: bold 0.95em arial,sans-serif;
margin: 5px 0 15px;
padding: 5px 10px 5px 10px;
width: 96%;
}
#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
font-size: 14px;
width: auto;
}

#respond input:hover, input:focus {
background: none repeat scroll 0 0 #F6F6F6;
border-color: #C5C5C5;
}
*/

/* =======================================
404
========================================== */

#notFound h1 {
margin: 0 0 20px 0;
}

/* =======================================
ログイン
========================================== */

/* ログインしている場合 */

#login #info .box01 {
margin-top: 20px;
padding: 20px 20px 10px 20px;
background-color: #FBF5F9;
border: dashed 1px #AA418C;
border-radius: 5px;
}
#login #info .box01 li {
margin-bottom: 10px;
border-bottom: solid 1px #E6D7E7;
}

/* ログインしてない場合 */
#login .link-text {
display: none;
}
#login .notLogin {
margin-top: 50px;
margin-bottom: 50px;
}
#login .notLogin h3 {
font-size: 21px;
}
#login .notLogin .box01 {
padding: 25px 25px;
background-color: #FBF5F9;
border: solid 1px #CEB0D0;
}
#login #wpmem_reg .div_text, #login #wpmem_reg .div_textarea, #login #wpmem_reg .div_select, #login #wpmem_login .div_text, #login #wpmem_reg .div_checkbox {
width: 100%;
margin: 0 0 14px 0;
}

/* =======================================
WP-Members
========================================== */
#main #wpmem_reg legend, #wpmem_login legend {
display: none;
}
#main #wpmem_reg fieldset, #main #wpmem_login fieldset {
margin: 20px 0 0 0;
}

/*
#main #wpmem_reg .div_text,
#main #wpmem_reg .div_textarea, 
#main #wpmem_reg .div_select,
#main #wpmem_login .div_text,
#main #wpmem_reg .div_checkbox { 
width: 50%;
}
*/
#main #wpmem_reg .button_div, #main #wpmem_login .button_div {
width: 74%;
height: 60px;
padding: 6px 0;
text-align: left;
}
#main #wpmem_login .link-text {
margin: 30px 0 0 0;
text-align: left;
}
#main #wpmem_login .link-text a {
display: block;
}

/* =======================================
新規会員登録
========================================== */

/* ログイン済み */
.roginNow p {
font-size: 1.2857em;
}
.roginNow li {
font-size: 1.2857em;
line-height: 2;
}
#wpmem_reg p.noinput {
padding: 0 0;
margin: 0 0;
font-size: 1em;
}
#member form {
border-top: #ccc 1px solid;
}
#main #member #wpmem_reg fieldset, #main #member #wpmem_login fieldset {
margin: 0 0 0 0;
}

/* ラベル */
#member label {
width: 35%;
padding: 12px 15px;
background-color: #666;
font-size: 0.9285em;
color: #fff;
border-left: #ccc 1px solid;
border-bottom: #B3B3B3 1px solid;
display: block;
float: left;
}

/* 入力枠 */
.page-template-page-signup-php #main #member .div_text {
width: 65%;
padding: 10px 20px;
margin: 0 0;
background-color: #F3F8FC;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
float: right;
}

/* インプットエリア調整 */
#member #wpmem_reg input[type="text"], #member #wpmem_reg textarea, #member input[type="text"], #member input[type="password"], #member #wpmem_login input[type="text"], #member #wpmem_login input[type="password"] {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
color: rgb(43, 43, 43);
padding: 0 5px;
background: none repeat scroll 0% 0% #fff;
}
#member #wpmem_reg .username, #member #wpmem_reg #first_name, #member #wpmem_reg #last_name, #member #wpmem_reg #phone1 {
width: 50%;
}
#member #wpmem_reg #password, #member #wpmem_reg #confirm_password {
width: 40%;
}
#member #wpmem_reg #zip {
width: 30%;
}

/* リセット・送信ボタン */
#member .button_div {
clear: both;
}
#main #member #wpmem_reg .button_div {
margin: 0 0 0 0;
padding: 50px 0 0 0;
height: 100px;
width: 100%;
text-align: center;
}
#main #member #wpmem_reg .button_div input.buttons {
margin-right: 20px;
font-size: 1.2857em;
padding: 10px 40px;
background-color: #CC0000;
color: #fff;
border-style: none;
letter-spacing: 0.05em;
}
#main #member #wpmem_reg .button_div input.buttons:hover {
background-color: #24d;
color: #fff;
}

/* 必須漏れメッセージ */
#member .wpmem_msg {
width: 100%;
margin-bottom: 30px;
}
#member .wpmem_msg p {
color: #FF0000;
}

/* =======================================
地図
========================================== */

/* =======================================
フッター
========================================== */

/*----- ここからが重要なフッター下部設定 ----- */

footer {
margin-top: 60px;
background-color: #FBF5F9;
border-top: solid 5px #AA418C;
}
footer .footMenu {
padding: 10px 10px 0 10px;
background-color: #fff;
border-bottom: solid 1px #CEB0D0;
}
footer img.fLogo {
max-width: 280px;
margin: 5px 0 30px 0;
}
footer p {
margin;
:0;
padding: 0;
font-size: 13px;
}
footer ul {
margin-bottom: 10px;
}
footer li a {
display: block;
padding: 0 10px 0 10px;
font-size: 13px;
line-height: 1.7;
border-left: dotted 1px #ccc;
float: left;
}
footer li a:last-child {
border-right: dotted 1px #ccc;
}
footer .box01 {
margin: 30px 0 0 0;
}
footer .footBottom {
padding: 5px 0;
background-color: #AA418C;
text-align: center;
}
p.copyright {
color: #fff;
}

.copyright {
color: #333;
font-size: 11px;
}
footer p {
margin: 0;
padding: 0;
}


/* =======================================
スマートフォン対応
========================================== */
@media screen and (max-width:992px) {
    /*
#global-nav li em {
    font-size: 1em;
}
*/
/* ------ フッターナビ ------ */
footer img.fLogo {
margin: 0 0 15px 0;
}
footer .footBottom {
    margin-top: 20px;
}
}
@media screen and (max-width:768px) {

/* フルードイメージ対応 */
img {
    max-width: 100%;
    height: auto;
}

/* ------ テキスト ------ */
p {
    letter-spacing: 0.1em;
}

/* ------ レイアウト共通 ------ */
#main {
    margin-bottom: 0;
}
section {
    margin: 0 0 20px 0;
}
.headImg {
    margin-bottom: 10px;
}
.aboutMenu .box02 {
    padding:0 10px;
}

/* ------ トップページ ------ */
header {
    padding: 0 0;
}
header img.headRogo {
    max-width: 300px;
}
.home #news {
    margin-top: 20px;
}
.home h2 {
    padding: 0 10px;
    font-size: 16px;
    line-height: 2;
}
.subtitle {
    font-size: 1em;
}
#topGreeting .photo {
    width: 100%;
    float: none;
}
.home .blog dt {
    float: none;
}
.home .blog  h2 {
    margin-bottom: 10px;
}
.home .blog .list {
    padding: 8px 0 15px 30px;
    float: none;
}
.home #memberPage .col-sm-4 {
    padding-right: 15px;
}
.home #memberPage .col-sm-4 li a {
    margin-top: 15px;
    margin-bottom: 0;
}

/* ------ テーブル ------ */
table {
    width: 100%;
    border-bottom: solid 1px #ccc;
}
table th, table td {
    width: auto;
    display: block;
    font-size: 14px;
    border-bottom: none;
}
table th {
    padding: 5px 20px;
}
.wpcf7-form input, .wpcf7-form textarea {
    width: 100%;
}


/* ------ ヘッダー ------ */
.haadMenu ul {
    float: none;
}

/* ------ グローバルメニュー ------ */

/* menu icon */
#menu-icon {
    cursor: pointer;
    display: block;
    text-align: right;
    background: #BB67A3;
}
#menu-icon img {
    width: 100px;
    height: 40px;
}

/* nav-wrap */
header .container {
    padding: 20px 0 0 0;
}
#gnavWrap {
    position: relative;
    margin-top: 0;
}
header #global-nav {
    clear: both;
    position: absolute;
    top: -130px;
    width: 100%;
    z-index: 10000;
    background: #FBF5F9;
    display: none; /* visibility will be toggled with jquery */
}
#global-nav li em {
    font-size: 1em;
    font-weight: normal;
}
header #global-nav li a {
    display: block;
    width: 100% !important;
    background-image: none;
    text-indent: 0px;
    height: auto;
}
header #global-nav li {
    width: 100%;
    clear: both;
    float: none;
    margin: 0 0 0 0;
    text-align: left;
    line-height: 2;
}
header #global-nav a, header #global-nav ul a {
    font: inherit;
    background: none;
    padding: 5px 15px 0 15px;
    color: #333;
    font-size: 16px;
    border-bottom: solid 1px #E6D7E7;
}
header #global-nav a:hover, header #global-nav ul a:hover {
    background: none;
    color: #000;
}
#global-nav li i.fa {
    width: 35px;
    display: inline-block;
}
#global-nav li a:hover {
    border-bottom: solid 1px #E6D7E7;
}
body.home #global-nav li.gnav01 a, body#about #global-nav li.gnav02 a, body#greeting #global-nav li.gnav03 a, body.category-report-activity #global-nav li.gnav04 a, body.category-report-members #global-nav li.gnav05 a, body.category-report-junior #global-nav li.gnav06 a {
    border-bottom: none;
}

/* dropdown */
header #global-nav ul {
    width: auto;
    position: static;
    display: block;
    border: none;
    background: inherit;
}

/* ------ パンくず ------ */
#BreadCrumb {
    margin: 5px 0 5px 0;
}

/* ------ フッターナビ ------ */
#bottom .snsBnr, #bottom .scBnr {
    margin-top: 20px;
}
#bottom .scBnr li {
    margin-bottom: 15px;
}
#bottom .scBnr li a {
    max-width: 70%;
    height: auto;
margin-left : auto ;
margin-right : auto ;
}
#bottom .scBnr li img {
    max-width: 70%;
    height: auto;
}
footer {
    margin-top: 0;
}
footer .box01 {
    margin: 20px 0 0 0;
}
footer li a {
    width: 50%;
    margin-bottom: 2px;
    font-size: 14px;
}

/* ------ ページナビ ------ */
.page-nav {
    margin-bottom: 20px;
}

/* ------ サイド ------ */
#side h2 {
    padding: 5px 0 5px 0;
}

/* ------ トップページ ------ */
.billWrap {
    margin: 0 0;
}
.home #news h2 {
    margin: 20px 0 0 0;
}

/* トップメニューバナー */
.home .memberMenu {
    margin-top: 20px;
}
.memberMenu li {
    margin-bottom: 15px;
}


/* トップSNSバナー */
.home .snsBnr {
    margin-top: 20px;
}
.home .snsBnr ul {
    margin-left: 0;
}
.home .snsBnr li {
    padding-left: 0;
}

/* トップ学校バナー */
.home .scBnr {
    margin-top: 20px;
}
.home .scBnr li {
    margin-bottom: 15px;
}

/* ------ 同窓会について ------ */
.aboutMenu .box02 p {
    text-align: center;
}

/* ------ 役員紹介 ------ */
#organization table th {
    width: 100%;
}

/* ------ 会員ページ ------ */
#member label, .page-template-page-signup-php #main #member .div_text {
    width: auto;
    display: block;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    float: none;
}
#main #wpmem_reg .div_text, #main #wpmem_reg .div_textarea, #main #wpmem_reg .div_select, #main #wpmem_login .div_text, #main #wpmem_reg .div_checkbox {
    width: 100%;
}

/* ------ ブログ ------ */
.blogPost .excerpt {
    margin: 10px 0 20px 0;
}
.blogPost h2 {
    margin-bottom: 10px;
}
.archive .blogPost img {
    margin-bottom: 15px;
}
.single .blogPost {
    padding-bottom: 20px;
    margin-bottom: 30px;
}

/* ------ お問い合わせ ------ */
#contact th {
    width: 100%;
}

/* ------ アンケート ------ */
#questionnaire .col-sm-10 {
    padding-left: 0;
    padding-right: 0;
}
#questionnaire th {
    width: 100%
}
#questionnaire input[type=radio], #questionnaire input[type=checkbox] {
    width: 5%;
    display: inline-block;
}
#questionnaire .wpcf7-list-item-label {
    width: 90%;
    display: inline-block;
}
}

/* =======================================
レシポンシブ　テーブル
========================================== */
.rwd-table {
margin: 1em 0;
min-width: 300px;
}

/*
.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
*/
.rwd-table th {
display: none;
}
.rwd-table td {
display: block;
}
.rwd-table td:first-child {
padding-top: .5em;
}
.rwd-table td:last-child {
padding-bottom: .5em;
}
.rwd-table td:before {
content: attr(data-th) ":";
font-weight: bold;
width: 6.5em;
display: inline-block;
}
@media (min-width:480px) {
.rwd-table td:before {
    display: none;
}
}
.rwd-table th, .rwd-table td {
text-align: left;
}
@media (min-width:480px) {
.rwd-table th, .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
}
.rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
}
.rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
}
}

.rwd-table th, .rwd-table td {
margin: .5em 1em;
}
@media (min-width:480px) {
.rwd-table th, .rwd-table td {
    padding: 1em !important;
}
}
.rwd-table th, .rwd-table td:before {
color: #333;
}


/* =======================================
   最大幅
   ========================================== */
@media screen and (max-width:480px) {

#bottom .snsBnr img {
    max-width: 100%;
}

}




/* =======================================
   最大幅
   ========================================== */
@media (min-width:768px) {
body .container {
    width: 970px;
}

}