@charset "utf-8";
/*
Theme Name: 一般社団法人日本糖尿病・生活習慣病ヒューマンデータ学会
Theme URI: http://human-data.or.jp
Description: 一般社団法人日本糖尿病・生活習慣病ヒューマンデータ学会
Author: 創新社
Author URI: 
Version: 1.0.0
Template: habakiri
*/


@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.top_main_widget {
margin-bottom:20px;
max-width:  100px;
}


body {
font-size: 18px;
}

p, ul, ol, dl, table {
margin-bottom: 20px;
}



h2, .h2 {
font-size: 18px;
margin: 40px 0 20px;
}

h3, h3 {
font-size: 22px;
margin: 40px 0 20px;
}


h5, h5 {
margin: 40px 0 20px;
}

h6, h6 {
font-size: 22px;
margin: 40px 0 20px;
}

/* 関連リンク用 */

.link-ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.link-ul li {margin-bottom: 7px;}

#menu-menu01-1 {
background-color: #2f449a;
color: #FFFFFF;
padding: 2em 20px 2em 20px;
}

#menu-menu01-1 a {
color: #FFFFFF;
}

#menu-menu01-1 a:hover{
text-decoration:none;
color: #616161;
}


#menu-menu01-1 .menu-item-30 {
border-top: dotted 1px #2f449a;
border-bottom: dotted 1px #2f449a;
}

#menu-menu01-1 .menu-item-27 {
border-bottom: dotted 1px #2f449a;
}

#menu-menu01-1 .menu-item-29 {
border-top: dotted 1px #2f449a;
border-bottom: dotted 1px #2f449a;
}

#menu-menu01-1 .menu-item-26 {
border-bottom: dotted 1px #2f449a;
}

#menu-menu01-1 .menu-item-35 {
border-bottom: dotted 1px #2f449a;
}

#menu-menu01-1 .menu-item-38 {
border-bottom: dotted 1px #2f449a;
}

#menu-menu01-1 .menu-item-41 {
border-bottom: dotted 1px #2f449a;
}

#menu-menu01-1 .menu-item-44 {
border-bottom: dotted 1px #2f449a;
}


.list-officer ul  {
padding: 0 0.5em;
position: relative;
}


.list-officer ul li  {
line-height: 1.5;
padding: 0.5em 0 0.5em 1.4em;
border-bottom: dashed 1px silver;
list-style-type: none!important;
}


.list-officer ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f501";
position: absolute;
left : 0.3em; /*左端からのアイコンまで*/
color: #2f449a; /*アイコン色*/
font-weight: bold;
}

.list-officer ul li:last-of-type {
border-bottom: none;
}


.entry__content h1 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 26px;
width: 100%;
padding: .75em 0 .6em 0;
border-bottom: 2px solid #999999;
margin: 0 auto;
margin-bottom: 20px;
text-align: center; 
}

.entry__title {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 32px;
border-bottom: 2px solid #2f449a;
width: 100%;
padding: 30px 0px 40px 0px;
margin: 0 auto;
margin-bottom: 40px;
text-align: center; 
}



.su-posts {
list-style: none;
}

.su-post {
font-size: 19px;
border-bottom: 0px ;
padding: 10px 0px 10px 0px;
padding-left: 1.1em;/*アイコン分のスペース*/
line-height: 1.3;
}

.su-post :before { 
font-family: "Font Awesome 5 Free";
content: "\f07b";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 1.5em;/*アイコンの位置*/
top: 5;/*アイコンの位置*/
color: #2f449a; /*アイコン色*/
}



.breadcrumbs {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 18px;
font-weight:bold;
border-bottom: 2px solid #2f449a;
border-top: 2px solid #2f449a;
width: 100%;
padding: 10px 0px 10px 0px;
margin: 0 auto;
margin-bottom: 20px;
text-align: left; 
color: #000000;
}

.home .entry__title {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
background-color: transparent;
}


.entry-meta__list {
font-size: 18px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
display:none;
}




.entry__content h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 27px;
padding: .75em 20px .5em 20px;
border-bottom: 2px solid #2f449a;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
text-align: center; 
}


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

body {
font-size: 15px;
}


.entry__content h1 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 23px;
width: 70%;
padding: .3em 0 .3em 0;
margin-bottom: 15px;
text-align: center; 
}


.entry__content h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 20px;
color: #666666;
width: 95%;
padding: 0px 10px .5em 10px;
border-bottom: 2px solid #c7c7c7;
margin: 0 auto;
margin-bottom: 8px;
text-align: center; 
}

.entry__title {
font-size: 20px;
border-bottom: 2px solid #2f449a;
width: 100%;
padding: 0px 0px 20px 0px;
margin: 0 auto;
margin-bottom: 20px;
}


.su-posts {
list-style: none;
}

.su-post {
font-size: 15px;
border-bottom: 0px ;
padding: 10px 0px 10px 0px;
padding-left: 1em;/*アイコン分のスペース*/
line-height: 1.3;
}

.su-post :before { 
font-family: "Font Awesome 5 Free";
content: "\f07b";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 1.5em;/*アイコンの位置*/
top: 5;/*アイコンの位置*/
color: #2f449a; /*アイコン色*/
}


.breadcrumbs {
font-size: 11px;
font-weight:bold;
border-bottom: 2px solid #2f449a;
border-top: 2px solid #2f449a;
width: 100%;
padding: 10px 0px 10px 0px;
margin: 0 auto;
margin-bottom: 20px;
text-align: left; 
color: #000000;
}

}


h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
background:  #2f449a;
color: #ffffff;
padding: 0.5em;
text-align: center; 
}




h4 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 20px;
position: relative;
padding-bottom: .5em;
border-bottom: 4px solid #ccc;

}
h4::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 4px;
background-color: #0a0f62;
}

h4 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 21px;
position: relative;
padding-bottom: .5em;
border-bottom: 4px solid #ccc;

}



h5{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 21px;
position: relative;
display: inline-block;
padding: 0 55px;
}

h5:before, h5:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

h5:before {left:0;}
h5:after {right: 0;}



h6 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 18px;
position: relative;
padding: 0 .4em .1em;
}
h6::after {
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 10px;
background-color: #9ee2f8;
}



.copyright {
color: #ffffff;
background-color: #1d2088;
font-size:14px;
text-align: center;
}

.copyright .container {
background-color: #1d2088;
padding:0px 0px 0px 0px;
}

/* ContactForm7のテーブル化レスポンシブ調整 */

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
width: 100%;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
border-top: none;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
background: #f0e8d3;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
padding: 1.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
width: 30%;
text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
font-size: 0.8em;
color: #FFF;
display: inline-block;
padding: 0.3em 0.3em 0.2em;
background: #ff7400;
border-radius: 2px;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
/*thとtdをブロック化して幅100％にして、縦積み*/
.table-res-form th, .table-res-form td {
width: 100%;
display: block;
}
/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
.table-res-form th {
padding-bottom: 0;
text-align: left;
}
/*不要な最終行の左のthを非表示にする*/
.table-res-form .empty {
display: none;
}
}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

.input {
border: 0;
padding: 0;
border-radius: 0;
margin-bottom: 0;
width: 100%;
}

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
border: 1px #f0e8d3 solid;
padding: 0.5em;
border-radius: 5px;
margin-bottom: 0.5em;
width: 100%;
}





/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
background: #fff8e5;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}


/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
border: 1px #ffa254 solid;
padding: 0.5em 4em;
border-radius: 5px;
background: #ff7400;
color: #fff;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
background: #ffa254;
box-shadow: none;

}


利用規約用スタイリング

#sample01 div {
width: 200px;
text-align: center;
}
#sample01 p:first-child {
margin-bottom: 20px;
}
#sample01 p a { text-decoration: underline;}
#sample01 p a:hover { text-decoration: none;}

#sample02 p {
overflow: hidden;
}

input[type="submit"] {
width: 200px;
height: 50px;
background-color: #ff7400;
border: none;
color: #fff;
-webkit-transition: background-color .2s;
transition: background-color .2s;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}
input[type="submit"]:hover {
background-color: #666;
}
input[type="submit"][disabled] {
background-color: #ccc;
cursor: default;
}

.entry .li_box {
display: flex;
margin-bottom: 1em;
}

.entry .li_title {
font-size: 16px;
font-weight: bold;
text-align: center;
border: 1px solid #283980;
color: #283980;
min-width: 200px;
max-width: 200px;
height: max-content;
margin-right: 1em;
padding: 5px;
}

.entry .li_box p {
margin-bottom: 0;
}

.entry .simple_list {
margin: 0;
padding: 0;
}

.entry .simple_list li {
list-style: none;
margin-bottom: 5px;
}

.entry .simple_list li .mini_title {
background: #f2f2f2;
padding: 5px;
font-size: 16px;
max-width: 80px;
min-width: 110px;
display: inline-block;
text-align: center;
margin-right: 10px;
}

@media screen and (max-width:720px) { 
.entry .li_box {
flex-direction: column;
}

.entry .li_title {
min-width: auto;
max-width: none;
padding: 5px;
margin: 1em 0;
}
}

.table-res-form input[type="text"], input[type="email"], textarea {
border: 1px #888 solid;
width: auto;
border-radius: 2px;
}

.form_pagebox .must {
font-weight: bold;
color: red;
margin-left: 5px;
}

.entry .mov_pointbox {
background: #f2f2f2;
padding: 1em;
}

.entry .mov_pointbox .mov_name {
font-size: 20px;
font-weight: bold;
}

.entry .mov_pointbox .mov_list {
margin: 0;
padding: 0;
}

.entry .mov_pointbox .mov_list li {
list-style: none;
padding-left: 3em;
text-indent: -3em;
}

.entry .movbox {
margin: 2em;
}

.caution {
color: red;
font-size: 80%;
}

.mov_iconbtn {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}

.mov_iconbtn {
color: #fff;
background-color: #3F5BCC;
}

.mov_iconbtn:hover {
color: #fff;
opacity: 0.8;
text-decoration: none;
}

.mov__btn {
display: block;
font-size: 1.8rem;
position: relative;
padding: 1em 1.5em;
border-radius: 100vh;
width: fit-content;
margin: 2em auto;
}

.mov__btn i.fa {
margin-right: 1rem;
}

.mov__btn:before {
font-family: 'Font Awesome 5 Free';
font-size: 1.6rem;
line-height: 1;
position: absolute;
top: calc(50% - .8rem);
right: 1rem;
margin: 0;
padding: 0;
content: '\f054';
}