@charset "utf-8";

/* Row:98 h1定義追加 */
/* container-margin修正,body-background定義見直し */
/* 63Con関連の修正箇所 */
/* h6追加 (63Con) */
/* text-area追加 Line№649 */
/* h4 width: 90%->93%; */

/*PC・タブレット・スマホ共通設定-------------------------------------------*/
/*全体の設定---------------------------------------------------------------*/
body {
        width:auto;
        margin: 0px;
        padding: 0px;
        color: #00b;
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     /*フォント種類*/		
        font-size: 0.9em;
        line-height: 2;
        background-color: #4169E1;
        background-image: url("../images/bg.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: right bottom;
/*----------------------------------------------------------------------------
background: #4169E1 url(../images/bg.jpg) no-repeat center center/cover fixed;
-webkit-text-size-adjust: none;
background-position: bottom left;
background-size: none;
-----------------------------------------------------------------------------*/

}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
ol {padding-left: 20px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table{ width:100%; }

.scroll{overflow: auto;white-space: nowrap;}

.scroll::-webkit-scrollbar{ width:5px;height:5px;}
.scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}

.thumbnail {
    display: inline-block; 
    height: 213px;
    margin-left: 15px;
}
.thumbnail img {
    height: 100%;
}

iframe {width: 100%;}
html {overflow-y: scroll;}
/****************************************************************/
/* 画像右下 */
#right-box {
  width: 670px;
  font-size: 12px;
  overflow: hidden;
}
#right-box .space {
  float: right;
  height: 2.0em;
}
#right-box .img {
  float: right;
  clear: both;
  margin: 0 1.2em 0 1.2em;
}
/* 画像左下 */
#left-box {
  width: 670px;
  font-size: 12px;
  overflow: hidden;
}
#left-box .space {
  float: left;
  height: 2.5em;
}
#left-box .img {
  float: left;
  clear: both;
  margin: 0 1.2em 0 1.2em;
}
/* 画像横にテキスト <project.html>--------------------------------------------*/
div.txtptn {
        width: 100%;
}
div.txtptn img {
        float: left;
        width: 30%;
        margin: 10px 10px 20px 0;
        border: 1px solid #f00;
}
/*******************************************************************************
h1 {
        clear: both;
        margin-bottom: 5px;
        color: #fff;
        padding: 5px 2px;
        background: #00b;
        font-weight:bold;
        font-size: 1.3em;
        border-radius: 4px;
        text-align: center;
width: 100%;
}
/*******************************************************************************/
/*h2見出しタグの設定
/*<index.html><profile.html><project.html><news.html><club.html><party.html>---*/
/*-----------------------------------------------------------------------------*/
h2 {
        clear: both;
        margin-bottom: 15px;
        color: #fff;
        padding: 5px 2px;
        background: #00b;
        font-weight:bold;
        font-size: 1.3em;
        border-radius: 4px;
        text-align: center;
width: 100%;
}
/*h3見出しタグの設定
/*<index.html> 想い出のアルバム -------------------------------------------*/
/*---------------------------------------------------------------------------*/
h3 {
        clear: both;
        margin-bottom: 5px;
        color: #00b;
        padding: 5px 40px;
        background: rgba(255,255,7,0.5);
        font-size:1.3em;
        text-align: center;
        border: 1px solid #00b;
        line-height: 1.5;
}
/*h4見出しタグの設定--両サイドに横棒を配置-----------------------------------*/
/*<index.html> 掲載日 -------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
h4 {
        width: 93%;
        padding: 10px 0px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        font-weight:normal;
        font-size:90%;
        line-height: 1.5;
        margin-top: 0px;
}
h4::before,
h4::after {
        content: '';
        flex-grow: 0.6;
        height: 2.0px;
        background: #000;
}
/* 見出しの文字と横棒の間隔を開ける*/
h4::before {
        margin-right: 10px;
        background: #008;
}
h4::after {
        margin-left: 10px;
        background: #008;
}
/*h5(罫線)設定 <index.html>----------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
h5 {
        clear: both;
        margin: 5px 25px 10px 25px;
        color: #f00;	
        padding: 1px 40px;
        background: #008;
        font-size: 10px;
        border-radius: 4px;
        text-align: center;
}
/*h6見出しタグの設定--両サイドに横棒を配置-----------------------------------*/
/*<63thCon.html> ------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
h6 {
        width: 96%;
        padding: 10px 0px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        font-weight:bold;
        font-size:120%;
        line-height: 1.1;
        margin-top: 0em;
        margin-left: 0.5em;
        margin-bottom: 0.5em; *
}
h6::before,
h6::after {
        content: '';
        flex-grow: 0.6;
        height: 5.0px;
        background: #000;
}
/* 見出しの文字と横棒の間隔を開ける*/
h6::before {
        margin-right: 10px;
        background: #008;
}
h6::after {
        margin-left: 10px;
        background: #008;
}
/*区切り線設定 <index.html>------------------------------------------------*/
.line{
        width: 90%;
        text-align: center;
        border-bottom: 1px solid #008;
}
/*main----------------------------------------------------------------*/
#main {
        float: right;
        width: 100%;
        margin-bottom: 10px;
        padding: 0px 0px;
}
#main p {
        font-size:15px;
        line-height:1.5;
        text-align: left;
        color:#00b;
        margin-top: 20px;
        margin-left: 5px;
}
#main a:hover,
#main a:active{ 
        background: rgba(00,00,135,0.2);
        font-weight: normal;
        font-color:#ff0;
}
#main dl{
        height: 250px;
        overflow: auto;
        line-height: 180%;
        margin: 10px 20px;
        border: 1px solid #00b;
}
/* イベント <index.html>-------------------------------------------------*/
/*ブロック全体の設定*/
#event {
        margin-left: 15px;
        margin-bottom: 10px;
}
#event dl {
        margin-top: 10px;
}
#event dt {
        float: left;
        clear: left;
        width: 7em;
}
#event dd {
        margin: 0;
        padding-left: 1em;
}
/* 63Con ------------------------------------------------------------------*/
.flex {
  display: flex;
}
.flex .image {
  width: 400px;
  margin: 1em 0 0 1.5em;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.flex .left {
  margin: 0 0 0 10px;
  padding: 0;
}
.flex .title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.flex .text {
  line-height: 1.5em;
  text-align: left; 
  margin: 5px 0 0;
  padding: 0;
}
/* 横線*/
/*--------------------------------------------------------------------------*/
hr.gray {
        width: 640px;
        border-bottom: 1px solid #808080;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 20px;
}
/*段落タグ設定*/
/*---------------------------------------------------------------------------*/
p {
        padding: 0px 20px 10px 20px;
}
p#pad20 {
        padding: 0px 20px;
}
p#pad25 {
        padding: 0px 25px;
}
div#pad20 {
        padding: 0px 20px;
}
div#pad25 {
        padding: 0px 25px;
}
div#pad35 {
        padding: 0px 35px;
}
/* album */
p.mid  {margin-top: 30px;
        line-height: 180%;
        vertical-align: middle;}
img.blog {
        max-width: 150px;
        border: 2px solid rgba(0,0,255,0.7);
        margin-left: 1.5em;
        margin-right: 1em;
        margin-bottom: 1em;
}
/*リンク設定 *s*------------------------------------------------------------*/
a {
        color: #008;
        -webkit-transition: 0.5s;
        transition: 0.5s;
}
a:hover {
        color:#00b;
        font-weight: bold;
}

/***************************************************************************/
ul.menubar {
        list-style:none;
        display:flex;
        align-items: flex-start;
        justify-content: space-between;
        font-weight: bold;
        width:100%;
        line-height: 2.0em;
        border: 2px solid #00b;
        margin-top: 20px;
}
ul.menubar li {
        flex: 1 0 auto;
        text-align: center;
}
ul.menubar li+li {
        border-left: 1px solid #00b;
}
ul.menubar a {
        color: #00b;
        text-align: center;
        text-decoration: none;
        display: block;
        padding: 4px 0 2px 0;
        font-size: 1.1em;
}
ul.menubar a:hover {
        background: #00b;
        color: #fff;
        font-weight: none;
}
/* ▼サブメニューがある場合に開く処理 */
ul.menubar li:hover ul {
        display: block;
}
/* ▼サブメニューの装飾 */
ul.menubar ul {
        display: none;
        margin: 0px;
        padding: 0px;
        position: absolute;
        z-index:10;
}
ul.menubar ul li {
        width: 10em;
        border-top: 1px solid #fff;
        padding: 0px;
}
ul.menubar ul li a {
        line-height: 2.0em;
        background-color: #05f;
        font-size: 1.0em;
        text-align: center;
        color: #fff;
        font-weight: normal;
}
ul.menubar ul li a:hover {
        background-color: #00b;
        color: #fff;
}
#current {
        background-color: #00b;
}

#current a{
        color: #ff0;
}
/***************************************************************************/
ul.linkbar {
        list-style:none;
        display:flex;                  /**/
        align-items: flex-start;       /**/
        justify-content: space-between;/**/
        font-weight: bold;
        font-size: 0.9em;
        width:100%;
        line-height: 1.4em;
        border-bottom: 2px solid #00b;
        border-left: 2px solid #00b;
        border-right: 2px solid #00b;
        margin-bottom: 20px;
}
ul.linkbar li {
        flex: 1 0 auto;
        text-align: center;
}
ul.linkbar li+li {
        border-left: 1px solid #00b;
}
ul.linkbar a {
        color: #00b;
        text-align: center;
        text-decoration: none;
        display: block;
        padding: 4px 0 2px 0;
        font-size: 1.1em;
}
ul.linkbar a:hover {
        background: #00b;
        color: #fff;
        font-weight: none;
}
/* ▼サブメニューがある場合に開く処理 */
ul.linkbar li:hover ul {
        display: block;
}
/* ▼サブメニューの装飾 */
ul.linkbar ul {
        display: none;
        margin: 0px;
        padding: 0px;
        position: absolute;
        z-index:10;
}
ul.linkbar ul li {
        width: 10em;
        border-top: 1px solid #fff;
        padding: 0px;
}
ul.linkbar ul li a {
        line-height: 25px;
        background-color: #05f;
        font-size: 1.0em;
        text-align: center;
        color: #fff;
}
ul.linkbar ul li a:hover {
        background-color: #00b;
        color: #fff;
}
#bg_on {
        color: #fff;
        background: rgba(255,155,155,0.2);
}
/*コンテナー*/
/*---------------------------------------------------------------------------*/
#container {
        width: 80%;
        max-width: 700px;
        margin: 1% auto 80em; /*margin: 1% auto 0px*/
        background: #fff;
        background: rgba(255,255,255,0.9);
        border-radius: 10px;
        padding: 3%;
        -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
        overflow: hidden;
}
/*ヘッダー（ロゴが入った最上段のブロック）*/
/*---------------------------------------------------------------------------*/
header {
        text-align: center;
        border: 3px solid #00b; /* 48d1cc; */
        width: 100%;
}
/*ロゴ画像設定*/
#logo  img {
        width: 100%;
        padding: 0.5em;
}
/* 一般的なテキストエリア <profile.html><project.html>---------------*/
#profile {
        width: 680px;
        margin-top:20px;
        margin-bottom:10px;
        margin-right:auto;
        margin-left:15px;
        text-align: left;
        line-height: 1.8;
        color: #f00;
        font-size: 100%;
}
/* news.html（支部ニュース） *s*--------------------------------------------*/
#n0        {
        line-height:1.8em;
        font-size: 1.3em;
        font-weight: bold;
        padding: 0 1em 0 1em;
}
#n1        {
        line-height:1.5em;
        font-size: 1.2em;
        font-weight: bold;
        padding: 0 1em 0 2em;
        display:list-item;
        list-style:disc;
        list-style-position:inside;
}
#n2        {
        line-height:1.5em;
        font-size: 1.1em;
        padding: 0 2em 0 3.5em;
}
#n3        {
        line-height:1.5em;
        font-size: 1.1em;
        padding: 0 2em 0 4em;
        display:list-item;
        list-style:disc;
        list-style-position:inside;
}
#old       {
        line-height:1.5em;
        font-weight: bold;
        font-size: 1.3em;
        padding: 0 0 0 1em;
}
/* profile.html（支部紹介） *s*--------------------------------------------*/
#p0        {
        line-height:1.8em;
        font-size: 100%;
        padding: 0 1em 0 1em;
}
#p1        {
        line-height:1.5em;
        font-size: 100%;
        font-weight: bold;
        padding: 0 1em 0 2em;
        display:list-item;
        list-style:disc;
        list-style-position:inside;
}
#p2        {
        line-height:1.5em;
        font-size: 100%;
        padding: 0 2em 0 3.5em;
}
/*フッター(copyright)設定 *s*---------------------------------------------*/
footer {
        clear: both;
        text-align: center;
        padding: 10px 0px;
        color: #fff;
        text-shadow: 1.0px 1.0px rgba(0,0,0,0.9);
        line-height:1.6em;
        margin-top: 10px;
        margin-left: 0;
}
footer .cp {
        margin-top: 10px;
        display: block;
        font-size: 0.9em;
        background:rgba(0,0,127,0.7);
}
.pr{
        text-align: center;
        display: block;
        color: rgba(3,3,3,0.6);
        font-size: 80%;
}
.pr a {
        border: none;
        color: rgba(3,3,3,0.6);
        font-size: 90%;
        text-decoration: underline;
        text-decoration-color: #999999;
}
.pr a:hover {
        color: #777;
}
/**************************************************************************/
/*トップページ内「更新情報・お知らせ」ブロック ---------------------------*/
/**************************************************************************/
/*ブロック全体の設定*/
#new {
	margin-bottom: 15px;
}
#new dl {
        margin-left: 20px;
        margin-right: 20px;
        width: auto;
	padding-left: 5px;
        padding: 5px 5px;
        height: 340px;
        overflow: auto;
        border: 1px solid #00b;
        font-size: 0.9em;
}
#new dt {
        padding: 5px 5px;
        width: auto;
        font-weight: normal;
        font-size: 100%;
        float: left;
        line-height: 140%;
}
#new dd {
        padding: 5px 0px;
        padding-left: 6.5em;
        line-height: 140%;
        border-bottom: 1px dotted #000;
        width: 38em;
        font-size: 110%;
        font-weight: normal;
}
div {
        margin: 0;
}
/* スクロールアップ scroll up --------------------------------------------*/
#page_top{
        width: 50px;
        height: 50px;
        position: fixed;
        right: 285px;
        bottom: 130px;
        opacity: 0.5;
}
#page_top a{
        width: 60px;
        height: 60px;
        text-decoration: none;
}
#page_top a::before{
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: '\f0aa';
        font-size: 60px;
        color: #00b;
}
/* ←右寄せ→ */
.align-right. { 
        text-align: right; 
}
.conv {
        margin: 10px 0;
}
.club-form {
    width: fit-content;
    margin: auto;
}

/*テーブルブロック設定 ----------------------------------------------------*/
/* 隣接する線を重ねて表示 */
.table-collapse { 
        border-collapse: collapse; 
}
/* 上部と下部を非表示 */
.td-tbnone { 
        border: 1px solid black; 
        border-top-style:none; 
        border-bottom-style:none; 
}
/*テーブルブロック設定*----------------------------------------------------*/
table {
        border-collapse: collapse;
        table-layout: auto;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
table img {
        width: 95%;
        text-align: center;
}
/*画像枠線*/
img.waku {
        border: 1px solid #00b;
        margin: 0em 0em 0.5em 0.3em;
}
/*テーブル0 <index.html album>------------------------------------------------*/
.ta0 {
        table-layout: fixed;
        white-space: break-spaced;
        text-align: left;
}
.ta0, .ta0 td, .ta0 th {
        margin: auto;
        text-align: left;
}
.ta0 th.tamidashi {
        width: auto;
        text-align: left;
}
.ta0 th {
        width: 10em;
        padding: 5px 5px 2px 15px;
        text-align: left;
}
.ta0 td {
        padding: 0 10px;
        margin-bottom: 5px;
        text-align: left;
        font-size: 100%;
        line-height: 180%;
        border-bottom: 1px dotted #000;
}
.ta0 img {
        border: 1px solid #00b;
        width: 95%;
        height: auto;
        margin-bottom: 2px;
}
/*テーブル1 <index.html>(更新情報)--------------------------------------*/
.ta1 {
        table-layout: fixed;
        width: 90%;
        margin-bottom: 1px;
        text-align: left;

}
.ta1, .ta1 td, .ta1 th {
        margin: auto;
        text-align: left;
}
.ta1 th.tamidashi {
        width: auto;
        text-align: left;
}
.ta1 th {
        width: 7.5em;
        line-height: 140%;
        padding: 5px 0;
        text-align: left;
        font-size: 90%;
        vertical-align: top;
        border-bottom: 1px dotted #000;
}
.ta1 td {
        padding: 5px 0;
        line-height: 140%;
        text-align: left;
        font-size: 95%;
        vertical-align: top;
        border-bottom: 1px dotted #000; /*808080;*/
}
/*テーブル2 <project.html：事業計画表>------------------------------------------------*/
.ta2 {
        table-layout: fixed;
        width:700px;
        margin-bottom: 1px;
        font-size:small;
        white-space: break-spaced;
}
.ta2, .ta2 td, .ta2 th {
        border: 1px solid #00b;
        text-align: left;
}
.ta2 th.tamidashi {
        width: auto;
}
.ta2 th {
        width: 700px; 
        padding: 1px 5px;
        text-align: center;
}
.ta2 th.w0 {
        width: 155px;
}
.ta2 th.w1 {
        width: 115px;
}
.ta2 th.w2 {
        width: 150px;
}
.ta2 th.w3 {
        width: 230px;
}
.ta2 td {
        padding: 5px 8px;
        line-height: 150%;
}
/* 1列目のスタイル */
table tr td:nth-of-type(1){
}
/* 2列目のスタイル */
table tr td:nth-of-type(2){
  text-align:left;
}
/* 3列目のスタイル */
table tr td:nth-of-type(3){
}
/*テーブル3 <party.html>---------------------------------------------------*/
.ta3 {
        width: auto;
        margin-bottom: 1px;
        font-size:13px;
        text-align: left;
}
.ta3, .ta3 td, .ta3 th {
        border: 1px solid #00b;
}
.ta3 th.tamidashi {
        width: auto;
        text-align: left;
}
.ta3 th {
        width: auto;
        padding: 1px 5px;
        text-align: center;
        vertical-align: top;
}
.ta3 td {
        padding: 15px 10px;
        line-height: 150%;
        vertical-align: top;
}
/*テーブル4 <club.html> ------------------------------------------------*/
.ta4 {
        width: auto;
        margin-bottom: 1px;
        font-size:small;
        text-align: left;
}
.ta4, .ta4 td, .ta4 th {
        border: 1px solid #00b;
        margin: auto;
        text-align: left;
}
.ta4 th.tamidashi {
        width: auto;
        text-align: left;
}
.ta4 th {
        width: auto;
        padding: 1px 5px;
        text-align: center;
}
.ta4 td {
        padding: 5px 8px;
        line-height: 150%;
        text-align: left;
}
.text-photo { 
        float:right;
        margin-left:10px;
        margin-bottom:10px;
        width:250px;
        height:150px;
}
/*テーブル5 <44thkj.html><43thkj.html><53sk.html>---------------------*/
.ta5 {
        table-layout: fixed;
        white-space: break-spaced;
        text-align: center;
}
.ta5, .ta5 td, .ta5 th {
        margin: auto;
        text-align: center;
}
.ta5 th.tamidashi {
        width: auto;
        text-align: center;
}
.ta5 th {
        width: 100px;
        padding: 5px;
        text-align: center;
}
.ta5 td {
        padding: 0 5px;
        margin-bottom: 5px;
        text-align: center;
        line-height: 150%;
}
.ta5 img {
        border: 1px solid #00b;
        width: 99%;
        height: auto;
        margin-bottom: 0.2em;
}
/*テーブル6 (クラブ連絡先)-------------------------------------------------*/
.ta6 {
        margin-top:30px;
        margin-bottom:30px;
        width: 70%;
        border-collapse: collapse;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
        font-size:1.2em;
        font-weight: bold;
}
.ta6 th, .ta6 td{
        padding: 16px;
        border-left: 1px solid #333;
        border-bottom: 1px solid #333;
}
.ta6 th{
        background-color: #CDEAFF;
}
.ta6 td{
        text-align: left;
        background-color: #fbf9f9;
}
/*テーブル7 (コンベンション要項)-------------------------------------------------*/
.ta7 {
        table-layout: fixed;
        width:85%;
        margin-bottom: 1px;
        white-space: break-spaced;
}
.ta7, .ta7 td, .ta7 th {
        border: 1px solid #00b;
        text-align: center;
}
.ta7 th.tamidashi {
        width: 100%;
}
.ta7 th {
        width: 85%; 
        padding: 0.5em 0.3em;
        text-align: center;
        line-height: 180%;
        background-color: #e0ffff;
}
.ta7 th.w71 {
        width: 16%;
}
.ta7 th.w72 {
        width: 35%;
}
.ta7 th.w73 {
        width: auto;
}
.ta7 td {
        line-height: 180%;
        padding: 0.5em 0.3em;
        text-align: center;
}
/* 1列目のスタイル */
table tr td:nth-of-type(1){
}
/* 2列目のスタイル */
table tr td:nth-of-type(2){
  text-align:left;
}
/* 3列目のスタイル */
table tr td:nth-of-type(3){
}
/*テーブル8 <contact.html>問い合わせフォーム -------------------------------*/
.ta8 {
        margin-top:5px;
        margin-bottom:5px;
        width: 80%;
        border-collapse: collapse;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
}
.ta8 th, .ta8 td{
        padding: 0px;
        border-left: 1px solid #333;
        border-bottom: 1px solid #333;
}
.ta8 th{
        padding: 0 5px;
        text-align: right;
        background-color: #D9E5FF;
}
.ta8 td{
        text-align: right;
        background-color: #D9E5FF;
}
/** 問い合わせフォーム レイアウト *******/
form {
  width: 700px;
  margin: 0 auto;
}
/* フォームパーツのデザイン */
input {
  background-color: #FAFAFA;
  border: 1px solid #777;
  border-radius: 3px;
  padding: 5px 6px;
  font-size: 14px;
  color: #2c2c2c;
  flex-grow: 1;
  margin: 5px 3px;
}
textarea {
  background-color: #FAFAFA;
  border: 1px solid #777;
  border-radius: 3px;
  padding: 5px 6px;
  font-size: 14px;
  color: #2c2c2c;
  flex-grow: 1;
  margin: 5px 3px 5px 3px;
  width: 400px;
  height: 150px;
}
input::placeholder,
textarea::placeholder {
  color: #999; 
  font-size: 14px;
  border-radius: 3px;
  padding: 5px 6px;
}
select {  /**** 未使用 ****/
  background-color: #f2f4f5;
  border: none;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 16px;
  color: #333;
}
.button {
  width: 120px;
  background-color: #D9E5FF;
  color: #00b; 
  display: block;
  margin: 0 auto 20px auto;
  font-size: 1.0em;
  padding: 5px;
  border: 1px solid #333;
}
.button:hover {
  color: #00b;
  font-weight: bold;
  background-color: #87ceeb;
}
/*前のページに戻る (クラブ連絡先)-------------------------------------------------*/
a.back_btn {
        display:block;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        width: 35%;
        height: 30%;
        margin: 10px auto auto auto;
        padding: 0.5rem 2rem;
        font-weight: bold;
        font-size: 1.2em;
        border: 2px solid #00b;
        background: #CDEAFF;
        color: #00b;
        border-radius: 5px;
        transition: 0.5s;
        animation: move_b 2s infinite;
}
@keyframes move_b {
    0% {transform: translate(4px, 0px);}
    5% {transform: translate(-4px, 0px);}
    10% {transform: translate(4px, 0px);}
    15% {transform: translate(-4px, 0px);}
    20% {transform: translate(4px, 0px);}
    25% {transform: translate(-4px, 0px);}
    30% {transform: translate(0px, 0px);}
}
/* NEWアイコン -----------------------------------------------------------*/
.newicon {
        background: none;
        font-weight: bold;
        color: #f00;
        font-size: 90%;
        padding: 0px 3px 0px 4px;
        border-radius: 2px;
        margin: 0px 0px;
        text-align: center;
}
/* 終了アイコン<party.html> ----------------------------------------------*/
.endicon {
        background: none;
        font-weight: bold;
        color: #FF1493;
        font-size: 100%;
        padding: 0px 3px 0px 4px;
        border-radius: 2px;
        margin: 0px 0px;.
        text-align: center;
}
/*その他 -----------------------------------------------------------------*/
.look {background: #333; color: #fff;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.color1 {color:#d50f26;}
/** .pr {font-size: 10px;} **/
/*画面幅780px以下の設定*/
/*------------------------------------------------------------------------------*/
@media screen and (max-width:780px){
body {
        font-size: 65%;
        line-height: 1.5;
}
img {
        width: 65%;
        height: auto;
}
}
/*画面幅580px以下の設定
------------------------------------------------------------------------------*/
@media screen and (max-width:580px){
body {
        font-size: 50%;
        line-height: 1.5;
}
img {
        width: 50%;
        height: auto;
}
}