@charset "utf-8";


#headerimg img {
    vertical-align: bottom;
    padding-bottom: 5px;
    width: 100%
}

/* ### レイアウト ### */


.right_con {
    text-align: right;
}

body {
    margin: 10px 10px;
    font-family: 'Noto Sans JP', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'Maven Pro', sans-serif;
}

img {
    /* -webkit-backface-visibility: hidden; */
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    border: 0px;
    max-width: 100%;
    height: auto;
}

.resizeimage {
    width: 100%;
}


#header {
    margin: 0 0 5px;
}

#content {
    margin: 5px 0 10px;
}

#content2 {
    margin: 5px 0 10px;
}

#sidebar {
    margin: 10px auto;
    max-width: 250px;
}

.side_con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.sayu {
    display: flex;
    margin: 30px 0px;
}

.right_con {
    max-width: 800px;
    margin: 10px 10px;
}

.left_con {
    width: 240px;
}





h1 {
    color: #5F5F5F;
    border-left: 4px solid #F794CA;
    margin: 0px 0px;
    padding: 0px 8px;
    font-weight: bold;
    line-height: 28px !important;
}

h4 {
    font-size: 18px;
    font-weight: bold;
    color: #5F5F5F;
    padding: 6px 5px 6px 10px;
    margin: 20px 0;
    border: 1px #CCCCCC solid;
    border-left: 4px solid #F794CA;
    background-image: url(../img/outline1.png);
    background-repeat: repeat-x;
}

h5 {
    color: #808080;
    font-size: 12px;
    margin: 15px 5px 5px 5px;
    font-weight: normal;
}

h5 a {
    color: #808080;
    font-weight: normal;
    text-decoration: none;
}

h5 a:hover {
    color: #1F606E;
}

h5 span {
    padding: 0px 15px;
    font-size: 10px;
    color: #808080;
}

h6 {
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}

h7 {
    font-weight: bold;
    color: #064587
}

.span_date {
    font-size: 12px;
    color: hsla(0, 0%, 64%, 1.00);
    font-weight: normal;
}

.marker_yellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(30%, #f2fba4));
    background: linear-gradient(transparent 30%, #f2fba4 30%);
}

.span_green {
    background: #7ECAAD;
    color: #fff;
    padding: 2px 5px;
}

/* サイト名 */
#site h1 {
    font-size: 13px;
    line-height: 1;
    margin: 0;
    border: 0;
}

/* アイコンメニュー */
#iconmenu {
    text-align: right;
    font-size: 13px;
}

#iconmenu ul {
    margin: 0;
    padding: 3px 0 0;
}

#iconmenu li {
    display: inline;
    list-style-type: none;
    float: left;
    margin-left: 5px;
}

#iconmenu li a {
    color: #003399;
    text-decoration: none;
    margin-left: 5px;
    padding-right: 10px;
    padding-left: 10px;
    list-style-type: none;
    float: left;
    display: inline;
}

/*#iconmenu img{border: none;}*/


/* ヘッダー画像 */
#headerimg img {
    vertical-align: bottom;
    padding-bottom: 5px;
    width: 100%
}

/* ナビゲーションメニュー */
#nav {
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    font-size: 12px;
    overflow: hidden;
    border-top: solid 1px #ffffff;
    background-color: #32BBAD;
    -moz-border-radius: 20px;
    /* Firefox */
    -webkit-border-radius: 20px;
    /* Safari,Chrome */
    border-radius: 20px;
    /* CSS3 */
}

#nav ul {
    margin: 0;
    padding: 0;
}

#nav li {
    list-style-type: none;
    float: left;
}

#nav li a {
    display: block;
    width: auto;
    padding: 4px 4px;
    border-right: solid 1px #ffffff;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 20px;
    /* Firefox */
    -webkit-border-radius: 20px;
    /* Safari,Chrome */
    border-radius: 20px;
    /* CSS3 */
}

#nav li a:hover {
    background-color: #006a56;
}

nav {
    font-family: 'Noto Sans JP', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'Maven Pro', sans-serif;
    font-size: 12px;
    overflow: hidden;
    border-top: solid 1px #ffffff;
    background-color: #32BBAD;
    -moz-border-radius: 20px;
    /* Firefox */
    -webkit-border-radius: 20px;
    /* Safari,Chrome */
    border-radius: 20px;
    /* CSS3 */
    display: grid;
    justify-content: space-around;
    grid-template: 1fr auto / 1fr;
}

nav ul {
    margin: 0;
    padding: 0;
}

nav li {
    list-style-type: none;
    float: left;
    width: 20%;
}

nav li a {
    display: block;
    width: auto;
    padding: 4px 4px;
    border-right: solid 1px #ffffff;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 20px;
    /* Firefox */
    -webkit-border-radius: 20px;
    /* Safari,Chrome */
    border-radius: 20px;
    /* CSS3 */
}

nav li a:hover {
    background-color: #006a56;
}



/* ### コンテンツ ### */


/* 次回大会 */

.taikai_toptable {
    width: 97%;
    border-collapse: collapse;
    line-height: 22px;
}

.taikai_toptable th {
    padding: 12px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    width: 97%;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    color: #464646;
    display: block
}

.taikai_toptable td {
    padding: 12px;
    border: 1px solid #ddd;
    width: 97%;
    font-size: 14px;
    text-align: left;
    display: block
}

.table01 {
    border-collapse: collapse;
    width: 100%;
    margin: 5px 0 30px 0;
    border: 1px solid hsla(0, 0%, 81%, 1.00);
}

.table01 th,
.table01 td {
    border-bottom: 1px solid hsla(0, 0%, 81%, 1.00);
}

.table01 td {
    padding: 8px 0px 8px 15px;
}

.table01 th {
    width: 130px;
    background-color: hsla(0, 0%, 92%, 1.00);
    color: hsla(0, 0%, 29%, 1.00);
    font-weight: normal;
    text-align: center;
}


/* 見出し */
.date {
    display: inline;
    background-color: #ffffff;
    padding: 3px 10px;
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 2.5;
    color: #ffffff;
}

.date span {
    font-size: 12px;
}

#content h1 {
    font-size: 16px;
    color: #03555C !important;
    font-weight: normal;
    padding: 0px 5px;
    margin: 40px 0 5px 0;
    border: 1px #CCCCCC solid;
    background-image: url('../img/outline1.png');
    background-repeat: repeat-x;
}

#content h1:first-child {
    margin: 25px 0 5px 0;
}

#content2 h1 {
    font-size: 16px;
    color: #03555C !important;
    font-weight: normal;
    padding: 0px 5px;
    border-width: 1px;
    border-color: #CCCCCC;
    border-style: solid;
    background-image: url('../img/outline1.png');
    background-repeat: repeat-x;
}

#subtitle,
.subtitle {
    color: #5F5F5F;
    border-left: 4px solid #F794CA;
    margin: 0px 0px;
    padding: 0px 8px;
    font-weight: bold;
    line-height: 28px !important;
}


#content h2 {
    font-size: 24px;
    border-bottom: solid 1px #aaaaaa;
    margin: 0 0 6px;
    padding: 0 0 3px;
}

#content h3 {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    margin: 20px 0 5px 5px;
    padding: 0 0 0px 5px;
    color: #515151;
    border-bottom: 3px solid #5DCDC2;
}

#content h3:first-child {
    margin: 0;
}

.cat {
    font-size: 14px;
    color: #666666;
}

.cat a {
    text-decoration: none;
    color: #666666;
}


/* 本文 */


.btn-square {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;
    /*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
    margin: 5px;
}

.btn-square:active {
    /*ボタンを押したとき*/
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    /*下に動く*/
    border-bottom: none;
    /*線を消す*/
}

.btn_01 {
    width: 280px;
    padding: 10px 0;
    margin: 5px 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    background-color: hsla(28, 82%, 55%, 1.00);
}

.btn_01:hover {
    background-color: hsla(28, 100%, 44%, 1.00);
}

.btn_01 {
    width: 510px;
    padding: 15px 0;
    margin: 10px 0;
    font-size: 21px;
    line-height: 29px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    background-color: hsla(237, 100%, 29%, 1.00);
}

.btn_01 span {
    font-size: 16px;
}

.btn_01:hover {
    background-color: hsla(237, 87%, 47%, 1.00);
}

/* ### サイドバー ### */

/* メニュー */
.menu {
    margin-bottom: 30px;
}

.menu h3 {
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    font-size: 17px;
    color: #009933;
    margin: 0 0 5px;
}

.menu ul {
    margin: 0;
    padding: 0;
    border-top: solid 1px #aaaaaa;
}

.menu li {
    margin-bottom: 0;
    list-style-type: none;
    border-bottom: solid 1px #aaaaaa;
}

.menu li a {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #666666;
    padding: 10px 0 10px 20px;
    background-image: url(img/listmark.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.menu li a:hover {
    background-color: #b4f0ff;
}

/* メニュー2 */
.menu2 {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-width: 1px;
    border-color: #CCCCCC;
    border-style: solid;
    border-radius: 15px;
}

.menu2 h4 {
    font-size: 22px;
    color: hsla(152, 62%, 20%, 1.00);
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}

.menu2 h5 {
    font-size: 16px;
    color: hsla(0, 0%, 35%, 1.00);
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding-left: 5px;
    border-bottom: 2px solid #32BBAD;
}

.book_box {
    margin: 0px 0px 30px 0px;
    /*border: 1px solid red;*/
}

.book_box a {
    text-decoration: none;
}

.icon_new {
    font-size: 12px;
    color: #fff;
    width: 140px;
    margin: 0 5px;
    padding: 2px 10px;
    background-color: hsla(359, 64%, 50%, 1.00);
}

.icon_new span {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
}

.book_vol {
    font-size: 19px;
    color: hsla(0, 0%, 24%, 1.00);
    font-weight: bold;
    text-align: end;
    margin-right: 5px;
}

.book_date {
    font-size: 14px;
    color: hsla(0, 0%, 51%, 1.00);
    text-align: end;
    margin: 0px 5px 3px 0;
}

.hyousi {
    display: flex;
    justify-content: flex-end;
}

.hyousi img {
    width: 130px;
    margin-right: 15px;
    border: 1px solid hsla(0, 0%, 67%, 1.00);
    box-shadow: 5px 3px 20px -5px rgba(0, 0, 0, 0.3);
}

.book_link {
    width: 160px;
    margin: 8px 0 0 80px;
    padding: 2px 0;
    background-color: #32BBAD;
    color: #fff;
    border-radius: 20px;
    text-align: center;
}





.menu2 h3 {
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    margin: 0 0 5px;
    padding: 5px;
    background-color: #32BBAD;
    /* ▼CSS3 */
    border-top-left-radius: 15px;
    /* 左上 */
    border-top-right-radius: 15px;
    /* 右上 */

    /* ▼Safari,Chrome */
    -webkit-border-top-left-radius: 15px;
    /* 左上 */
    -webkit-border-top-right-radius: 15px;
    /* 右上 */

    /* ▼Firefox */
    -moz-border-radius-topleft: 15px;
    /* 左上 */
    -moz-border-radius-topright: 15px;
    /* 右上 */
}

.menu2 ul {
    margin: 0;
    padding: 0;
}

.menu2 li {
    margin-bottom: 0;
    list-style-type: none;
}

.menu2 li a {
    padding: 6px 0 6px 20px;
    font-size: 13px;
    color: #666666;
    text-decoration: none;
    background-image: url(img/listmark.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    display: block;
}

.menu2 li a:visited {
    padding: 3px 0 3px 20px;
    font-size: 13px;
    color: #666666;
    text-decoration: none;
    background-image: url(img/listmark.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    display: block;
}

.menu2 li a:hover {
    background-color: #E7F8ED;
}


/* ### フッター ### */





#footer {
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ffffff;
    background-color: #7ECAAD;
    padding: 10px 10px 20px;
    font-size: 13px;
    /* ▼CSS3 */
    border-bottom-left-radius: 20px;
    /* 左上 */
    border-bottom-right-radius: 20px;
    /* 右上 */

    /* ▼Safari,Chrome */
    -webkit-border-bottom-left-radius: 20px;
    /* 左上 */
    -webkit-border-bottom-right-radius: 20px;
    /* 右上 */

    /* ▼Firefox */
    -moz-border-radius-bottomleft: 20px;
    /* 左上 */
    -moz-border-radius-bottomright: 20px;
    /* 右上 */
}

#footer p {
    margin: 0;
}

#footer small {
    font-size: 12px;
    font-weight: bold;
    display: block;
}


#footer2 {
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding: 10px 10px 20px;
    background-color: #F8F8F8;
    display: none;
}

#footer2 p {
    margin: 0;
}

#footer2 small {
    font-size: 12px;
    font-weight: bold;
    display: block;
}


.holiday {
    border: 1px dotted #6F0B0C;
    padding: 0 10px;
    margin-bottom: 15px;
}

.holiday p {
    font-size: 12px !important;
    line-height: 20px;
}


.maintitle {
    border-left: #D30090 2px solid;
    padding: 3px 3px 3px 15px;
    color: #0A7F55;
    font-weight: bold;
    margin: 5px;
}

/* ### 基本テーブル ### */
@media only screen and (max-width:800px) {
    .gakkai_list {
        width: 100%;
        border-collapse: collapse;
    }

    .gakkai_list th {
        padding: 5px;
        border: 1px solid #ddd;
        background: #f4f4f4;
        width: 97%;
        display: block;
        text-align: left;
    }

    .gakkai_list td {
        padding: 5px;
        border: 1px solid #ddd;
        width: 97%;
        display: block;
        background: #FFFFFF
    }

}

/* ### アイコンメニューの表示位置 ### */

#container,
.container {
    position: relative;
}

#iconmenu {
    float: right;
}

#footer {
    padding-bottom: 40px;
}

footer p{
    text-align: center;
}

/* #site,
#iconmenu {
    float: none;
} */

#site {
    display: none;
}

/* ### index ### */
/* .top_ul{} */
.top_ul a {
    color: #0033CC;
    text-decoration: none;
}

.top_ul a:hover {
    color: #FF3300;
    text-decoration: underline;
}

.topic {
    font-size: 13px;
    margin-left: 5px;
    padding-left: 5px;
}

.top_table {
    border-collapse: collapse;
    line-height: 20px;
    width: 97%;
    margin: 25px 0px;
}

.top_table th {
    border-bottom: 1px dotted #B9B9B9;
    background: #EEF4E8;
    text-align: left;
    font-weight: normal;
    padding: 3px 6px;
}

.top_table td {
    padding: 3px 6px;
    border-bottom: 1px dotted #B9B9B9;
}

.top_table tr:first-child {
    border-top: 1px dotted #B9B9B9;
}

/*選挙バナー*/
.senkyo_bn p {
    margin: 0;
    color: hsla(0, 0%, 27%, 1.00);
    font-weight: bold;
}

.senkyo_bn a {
    text-decoration: none;
}

.senkyo_bn img {
    margin: -5px 0 0 0;
}

.senkyo_nen {
    font-size: 20px;
    color: #005931 !important;
    font-weight: bold;
}



/* ### 規則 ### */
.mini {
    font-size: 10px;
    color: #0099CC;
    padding: 5px 5px 1px;
}

.teikan2 {
    font-size: 14px;
    text-indent: -50px;
    padding-left: 25px
}

.teikan3 {
    font-size: 14px;
    text-indent: -20px;
    padding-left: 25px
}

.teikan4 {
    font-size: 13px;
    padding-left: 40px
}

.teikan {
    margin: 0;
    padding-right: 5px;
    padding-left: 5px;
}

.teikan dt {
    color: #006699;
    margin: 0;
    padding-top: 14px;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-bottom-style: dotted;
    padding-bottom: 5px;
}

.teikan dd {
    line-height: 30px;
}

.sent {
    font-size: 13px;
}

.sent th {
    vertical-align: top;
    border: 1px #DCDCDC dotted;
}

.sent td {
    vertical-align: top;
    border: 1px #DCDCDC dotted;
}

.sentsubt {
    background-color: #DCDCDC;
    padding-bottom: 5px;
    text-align: center;
    font-size: 14px;
}


/* ### 投稿規程 ### */
.toukou_l {
    margin: 0;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 22px;
}

.toukou_l li {
    color: #000000;
    margin-left: 25px;
    ;
    padding-top: 14px;
    font-size: 14px;
}

.toukou_l2 {
    margin: 0;
    padding-right: 5px;
    padding-left: 5px;
    list-style-type: upper-roman;
    padding-top: 4px;
}

.toukou_l2 li {
    font-size: 14px;
    color: #000000;
    margin-left: 25px;
    padding-top: 4px;
}

.toukou_l3 {
    margin: 0;
    padding-right: 5px;
    padding-left: 5px;
}

.toukou_l3 li {
    font-size: 14px;
    margin-left: 25px;
    padding-top: 5px;
}

/* .toukou_s{} */
.toukou_s dt {
    line-height: 20px;
    padding-left: 5px;
}

.toukou_s dd {
    font-size: 13px;
    padding-left: 10px;
}

/* ### 投稿規程 ### */
.summary_l {
    font-size: 13px;
}

.summary_l dt {
    line-height: 22px;
}

.summary_l dd {
    color: #646464;
    line-height: 22px;
}

.sum1 {
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 5px;
    border: 1px dotted #CCCCCC;
    background-color: #E6E6E6;
    border-radius: 5px;
}

.sum2 {
    padding-right: 5px;
    padding-left: 9px;
}

.sum3 {
    color: #00CC99;
    padding-right: 5px;
    padding-left: 5px;
}

.eng_w {
    font-style: italic;
}

/* ### paparaward ### */
.paparaward {
    margin: 10px 0;
    padding: 18px 10px;
    border-width: 1px;
    border-color: #336699;
    border-style: dotted;
}

.paparaward dt {
    margin: 0;
    padding: 10px;
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
}

.paparaward dd {
    margin: 0;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 21px;
}

/* ### activites ### */
.act {
    font-size: 15px;
}

.act th {
    color: #FFFFCC;
    text-align: left;
    padding: 2px 5px;
    background-color: #006699;
    font-size: 13px;
}

.act td {
    padding: 2px 5px;
    border-bottom-width: 1px;
    border-bottom-color: #006699;
    border-bottom-style: dotted;
}

.act2 {
    font-size: 13px;
}

.act2 th {
    color: #000000;
    font-weight: normal;
    text-align: left;
    padding: 2px 5px;
    background-color: #CCCCCC;
    width: 20%;
}

.act2 td {
    padding: 2px 5px;
    border-bottom-width: 1px;
    border-bottom-color: #006699;
    border-bottom-style: dotted;
}

.act2018 {
    border-collapse: collapse;
    width: 100%;
    line-height: 22px;
}

.act2018 th {
    color: #000000;
    font-weight: normal;
    text-align: left;
    padding: 15px 10px;
    background-color: #f7f7f7;
    width: 16%;
    border: solid 1px #e3e3e3
}

.act2018 td {
    padding: 15px 10px;
    border: solid 1px #e3e3e3
}

.act2018 a {
    text-decoration: none;
}

.act2018 a:hover {
    color: #EB090D;
}

.act2018 dt {
    margin: 5px 0px;
    color: #000000;
}

.act2018 dd {
    margin: 5px 0px;
    font-size: 13px;
}



th.act2018_top {
    border-top: #b3b3b3 4px solid;
}

td.act2018_top {
    border-top: #b3b3b3 4px solid;
}

.act_l {
    margin: 0;
    padding-right: 5px;
    padding-left: 5px;
}

.act_l dt {
    color: #006699;
    margin: 0;
    padding-top: 20px;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-bottom-style: dotted;
    margin-bottom: 8px;
    padding-bottom: 5px;
}

.act_l dd {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding-left: 15px;
}

.act_l2 {
    margin: 10px 0;
    padding: 10px;
    border-width: 1px;
    border-color: #336699;
    border-style: dotted;
}

.act_l2 dt {
    margin: 0;
    padding-left: 10px;
    font-size: 14px;
}

/* ### backnumber ### */
.act_b dt {
    color: #0099CC;
    font-weight: bold;
    margin: 0;
    padding-top: 14px;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-bottom-style: dotted;
}

.act_b dd {
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    margin: 0;
    padding-left: 15px;
}

.ol_act {
    margin-left: 0px;
    padding-left: 30px;
}

.ol_act li {
    margin-left: 0px;
}

.ul_act {
    margin-left: 0px;
    padding-left: 30px;
}

.ul_act li {
    margin-left: 0px;
}

/* ### about us ### */
.abo {
    font-size: 15px;
}

.abo th {
    color: #FFFFCC;
    font-weight: normal;
    text-align: left;
    padding: 2px 5px;
    width: 30%;
    background-color: #6699CC;
}

.abo td {
    padding: 2px 5px;
    border-bottom-width: 1px;
    border-bottom-color: #006699;
    border-bottom-style: dotted;
    width: 70%;
}

.abo_l {
    margin: 0;
}

.abo_l dt {
    font-size: 13px;
    color: #0099CC;
    margin-top: 10px;
    padding-left: 0px;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    border-bottom-style: dotted;
}

.abo_l dd {
    font-size: 15px;
    margin: 0;
    padding-left: 5px;
}


/* ### nyukai ### */

.h1 {
    border-collapse: collapse;
}

.nyukai_table th {
    padding: 5px;
    vertical-align: top;
    width: 70px;
    text-align: center;
    border: 1px solid #ECECEC;
}

.nyukai_table td {
    padding: 5px;
    vertical-align: top;
    border: 1px solid #ECECEC;
}

.tokuten {
    list-style-type: decimal;
    margin-top: 0px;
    margin-bottom: 0px;
}

.nyukai_dl_box {
    border: solid 1px #C9C9C9;
    border-radius: 3px;
    margin-bottom: 40px;
}

.nyukai_dl {
    padding: 6px 20px 4px;
    margin: 0 auto 20px 0;

    color: #5F5F5F;
    ;
    font-size: 17px;
}

.dl_buttons {
    margin-left: 40px;
}

.dlb_1 img {
    margin-bottom: 10px;
}

.dlb_2 {
    display: flex;
}

.dlb_2 div {
    margin-right: 20px;
}

/* ### senkyo ### */
.senkyo {
    margin: 0;
    padding-right: 5px;
    padding-left: 5px;
}

.senkyo dt {
    color: #006699;
    margin: 20px 0px 15px 0px;
    padding: 10px 0px;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-bottom-style: dotted;
}

.senkyo dd {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding-left: 15px;
}

/* iframe要素内でサイズ指定している場合は必要なし */
.iframe {
    width: 650px;
    height: 300px;
}

/* CSSでレスポンシブ対応 */
@media screen and (max-width: 560px) {




    .sayu {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 30px 0px;
    }

    .right_con {
        max-width: 100%;
        margin: 10px 10px;
    }

    .left_con {
        width: 240px;
        margin: 50px 0px;
    }


    p,
    li,
    th,
    td {
        font-size: 13px;
    }


    .iframe-wrapper {
        position: relative;
        width: 100%;
        padding: calc(315 / 560 * 100%) 0 0;
    }

    .iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/* ### committee ### */
.comm_table {
    line-height: 18px;
}

.comm_table th {
    line-height: 18px;
    padding-right: 20px;
    width: 100px;
}

.comm_table td {
    line-height: 18px;
    padding-right: 10px;
    height: 26px
}

.comm_list a {
    text-decoration: none;
    padding-left: 10px;
}

.comm_list a:hover {
    text-decoration: underline;
}

.iin {
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    padding: 2px 1px;
    font-size: 12px;
    background-color: #046412;
    color: #FFFFFF;
    margin: 0;
}

.comm2_dl {
    margin: 1px !important;
    font-size: 13px
}

.comm2_dl dt {
    border: 0px solid #FFFFFF !important;
    margin: 0px !important
}

.comm2_dl dd {
    border: 0px solid #FFFFFF;
    margin: 0px
}

.comm2_table {
    width: 100%;
    border-collapse: collapse;
}

.comm2_table td {
    border: 1px solid #BBBBBB;
    padding: 15px 5px;
}

/*.comm2_table td dl{padding:0 0 0 5px;}*/
.comm2_table img {
    width: 380px !important;
}


.comm_normal {
    padding: 10px;
    /*border:1px dotted #CCCCCC;*/
    margin: 0px 10px 40px 10px;
}

.comm_normal dt {
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 10px;
}

.comm_normal dd {
    line-height: 22px;
    padding-left: 10px;
    font-size: 13px;
    margin: 0px;
}

.comm_normal ul {
    margin: 0px;
}

.comm_normal li {
    margin: 0px;
}

/* ### saigai ### */

.square {
    width: 190px;
    height: 190px;
    border: 1px solid #CCCCCC;
    float: left;
    padding: 5px;
    margin-left: 10px;
}

ul.asterisk li {
    list-style-type: none;
    text-indent: -1em;
}

ul.asterisk li:before {
    display: inline;
    content: "※";
}


/* ### committee2_20180311 ### */

.attention {
    margin: 10px;
    border: 1px solid #04637B;
    background: #E4F0F4;
    padding: 10px;
    font-size: 14px;
}

.attention_title {
    background: #01545E;
    color: #F7F7F7;
    padding: 4px;
    margin: 0px;
    margin-bottom: 10px;
}

.attention dt {
    color: #B10609;
    font-size: 13px;
    margin: 0px 10px;
}

.attention dd {
    margin: 0px 15px;
}

.btn.type03 {
    width: 97%;
    padding: 15px 10px;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    background-color: #ed576c;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .12), 0 3px 20px 0 rgba(0, 0, 0, .12), 0 5px 6px -2px rgba(0, 0, 0, .2);
    -webkit-tap-highlight-color: transparent;
    border-radius: 5px;
    font-weight: bold;
}


.gakkai_list_k {
    width: 100%;
    border-collapse: collapse
}

/* .gakkai_list_k tr{} */
.gakkai_list_k th {
    padding: 10px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    text-align: center;
    font-weight: normal;
}

.gakkai_list_k td {
    padding: 10px;
    border: 1px solid #ddd;
}

.comtable {
    display: table
}

.comtable1 {
    display: table-cell;
    width: 200px;
}

.comtable2 {
    display: table-cell;
}


/**地域看護に活用できるインデックス**/
.normalindex dt {
    padding-top: 14px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding-left: 15px;
}

.chiikikangoindex {
    font-size: 14px;
    width: 95%;
    border-collapse: collapse;
}

.chiikikangoindex th {
    font-weight: normal;
    width: 70%;
    padding: 3px;
    text-align: left;
    color: #535353
}

.chiikikangoindex td {
    font-weight: normal;
    padding: 5px 3px;
    color: #535353
}



.katsuyou_tabale {
    display: table;
    background-color: #FFFFFF;
    border-collapse: collapse;
    margin-top: 30px;
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1px #535353;
    border-radius: 30px;
}

.katsuyou_tablecell1 {
    display: table-cell;
    border-right: solid 1px #E3E3E3;
}

.katsuyou_tablecell2 {
    width: 25%;
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 10px;
}

.katsuyou_tablecell2 img {
    max-width: 100%;
}

.katsuyou {
    font-size: 14px;
    color: #535353;
    padding: 3px 10px;
}

.katsuyoutitle {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 15px 10px;
    color: #535353
}

.katsuyoudt {
    width: 80%;
    padding: 5px 0 5px 14px;
}

.point1 {
    display: inline-block;
    font-size: 12px;
    padding: 1px 1px;
    width: 50px;
    color: #000000;
    text-align: center;
    background: #C8C8C8;
    border-radius: 10px;
}

.bangou {
    position: absolute;
    display: inline-block;
    top: -14px;
    left: 10px;
    padding: 0 9px;
    font-size: 15px;
    background: #FFF;
    color: #FFFFFF;
    background-color: #1B8728;
    text-align: center;
    line-height: 36px;
    width: 15%;
}

.new_index {
    color: red;
    border: red solid 2px;
    font-style: bold;
    font-size: 13px;
    padding: 1px;
    margin-right: 5px;
}

/* メニュー3 */
.menu3 {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-width: 1px;
    border-color: #CCCCCC;
    border-style: solid;
    -moz-border-radius: 15px;
    /* Firefox */
    -webkit-border-radius: 15px;
    /* Safari,Chrome */
    border-radius: 15px;
    /* CSS3 */
}

.menu3 h3 {
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    margin: 0 0 5px;
    padding: 5px;
    background-color: #1B8728;
    /* ▼CSS3 */
    border-top-left-radius: 15px;
    /* 左上 */
    border-top-right-radius: 15px;
    /* 右上 */

    /* ▼Safari,Chrome */
    -webkit-border-top-left-radius: 15px;
    /* 左上 */
    -webkit-border-top-right-radius: 15px;
    /* 右上 */

    /* ▼Firefox */
    -moz-border-radius-topleft: 15px;
    /* 左上 */
    -moz-border-radius-topright: 15px;
    /* 右上 */
}

.menu3 ul {
    margin: 0;
    padding: 0;
}

.menu3 li {
    margin-bottom: 0;
    list-style-type: none;
}

.menu3 li a {
    padding: 6px 6px 6px 20px;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    background-image: url(img/listmark.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    display: block;
}

.menu3 li a:visited {
    padding: 3px 0 3px 20px;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    background-image: url(img/listmark.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    display: block;
}

.menu3 li a:hover {
    background-color: #E7F8ED;
}


/* 雑誌２０２０ */

.zassi_tabale {
    display: table;
    background-color: #FFFFFF;
    border-collapse: collapse;
    margin-top: 30px;
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border-top: solid 1px #E3E3E3;
    border-bottom: solid 1px #E3E3E3;
    width: 100%
}

.zassi_tablecell1 {
    display: table-cell;
    border-right: solid 1px #E3E3E3;
}

.zassi_tablecell2 {
    width: 20%;
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 10px;
}

.zassi_tablecell2 img {
    max-width: 100%;
}

.zassi {
    font-size: 14px;
    color: #535353;
    padding: 3px 10px;
}

.zassititle {
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0 10px 10px;
    color: #535353
}

.zassidt {
    width: 80%;
    padding: 5px 0 5px 14px;
}

.point1 {
    display: inline-block;
    font-size: 12px;
    padding: 1px 1px;
    width: 50px;
    color: #000000;
    text-align: center;
    background: #C8C8C8;
    border-radius: 10px;
}

.zassicategory {
    position: absolute;
    display: inline-block;
    top: -14px;
    left: 10px;
    padding: 0 9px;
    font-size: 14px;
    background: #FFF;
    color: #FFFFFF;
    background-color: #2E536B;
    text-align: center;
    line-height: 32px;
    width: auto;
    border-radius: 10px
}



.comm_table2 {
    line-height: 18px;
}

.comm_table2 th {
    line-height: 18px;
    padding-right: 20px;
    width: 100px;
    padding-top: 10px;
}

.comm_table2 td {
    line-height: 18px;
    padding-right: 10px;
    height: 26px;
    width: 43%;
    padding-top: 10px;
}

/**taisyaku_html**/
.contents_table {
    color: #000000;
    display: block;
    width: 100%;
    color: #28BF88;
    margin-bottom: 1em;
}

.contents_table a {
    text-decoration: none;
}

details summary {
    list-style: none;
    cursor: pointer;
}

details summary::-webkit-details-marker {
    display: none;
}

.summarytitle {
    display: table;
    width: 100%;
    border: solid 1px #C8C8C8;
    font-weight: bold;
    color: #fff;
}

.summarytitle1 {
    padding: 0.8em 1em;
    display: table-cell;
    width: 90%;
    background: #3C83BA;
}

.summarytitle2 {
    padding: 0.8em 1em;
    background: #27567A;
    display: table-cell;
    width: 10%;
    text-align: center;
    font-weight: bold !important;
    font-size: 16px;
}

/**js残骸.title-on{background-image: url("../img/check_ku.png");background-repeat: no-repeat;background-size: 30%;background-position: center;display: block;}
.title-off{background-image: url("../img/check_ku2.png");background-repeat: no-repeat;background-size: 30%;background-position: center;display: none;}**/
.summarytitle2 img {
    width: 40%;
    vertical-align: middle;
}

.contsummary {
    font-size: 15px;
    border-collapse: collapse;
}

.contsummary dt {
    font-size: 15px;
    color: #666666;
    width: 100%;
    text-align: center;
    margin: 0px;
    line-height: 2em;
}

.contsummary dd {
    width: 90%;
    border: 1px solid #ECECEC;
    font-weight: normal;
    text-align: left;
    padding: 0.5em 2em;
    margin: 0px;
}

.contsummary_table a {
    display: block;
    width: 100%;
    height: 100%;
}

/**taisyaku_html end**/

.pc-display {
    display: block;
}

.sp-display {
    display: none;
}

@media screen and (max-width: 500px) {
    .pc-display {
        display: none;
    }

    .sp-display {
        display: block;
    }

    #sidebar {
        max-width: 160px;
    }

    .book_link {
        width: 140px;
        margin: 8px;
    }

    .menu2 h4 {
        font-size: 15px;
    }

    #content h3 {
        font-size: 16px;
    }

}