@charset "UTF-8";

/* header
------------------------------------------------ */

#home header {
min-width: 1030px;
}

#home header .wrap {
width: 1030px;
display: flex;
justify-content: space-between;
align-items: center;
}

header .wrap .header__lb a {
width: auto;
}

.header__lb {
display: flex;
align-items: center;
}

.header__lb .snsxbtn img {
width: 35px;
margin-right: 10px;
padding-right: 13px;
border-right: 1px solid #E4E4E4;
}

.header__lb .mhlabbtn img {
max-width: 230px;
padding-left: 1.5em;
}

/* globalNav
------------------------------------------------ */

#home nav {
min-width: 1030px;
}

#home nav ul {
width:1030px;
}

/* layout
------------------------------------------------ */

#home #container {
width:1030px;
}

#home #container-wrap {
width: 765px;
float: left;
margin-right: 15px;
}

#home main {
width: 500px;
float: right;
}

#home .side {
width: 250px;
float: left;
}

#home footer .wrap {
min-width:1030px;  
}

/* contents
------------------------------------------------ */

/* box-layout
------------------------ */

#home .box {
padding: 10px 10px 0 10px;
margin-bottom: 15px;
box-shadow: 3px 3px 3px 0 #708090;
-moz-box-shadow: 3px 3px 3px 0 #708090;
-webkit-box-shadow: 3px 3px 3px 0 #708090;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#home .box .wrap {
padding: 10px;
background: #fff;
box-shadow: 3px 3px 3px 0 #708090;
-moz-box-shadow: 3px 3px 3px 0 #708090;
-webkit-box-shadow: 3px 3px 3px 0 #708090;
}

#home .w765,
#home .w960 {
width: 735px;
}

#home .w500 {
width: 470px;
}

#home .w250 {
width: 220px;
}



/* title
------------------------ */

#home .box h2 {
margin-bottom: 5px;
padding-left: 35px;
color: #595959;
color: #3F3F3F;
font-size: 18px;
font-weight: bold;
background: none\9;
padding-left: 5px\9;
text-shadow: 
-1px -1px 0px #fff,
1px -1px 0px #fff,
1px  1px 0px #fff,
-1px  1px 0px #fff;
letter-spacing: 1px;
}

/* disease
------------------------ */

#home #disease-top {
background: #FFFF32;
background: rgba(255, 91, 50, .6);
}

#home #disease-top .catName {
margin-bottom: 5px;
padding-left: 35px;
color: #595959;
color: #3F3F3F;
font-size: 18px;
font-weight: bold;
background: none\9;
padding-left: 5px\9;
text-shadow: 
-1px -1px 0px #fff,
1px -1px 0px #fff,
1px  1px 0px #fff,
-1px  1px 0px #fff;
letter-spacing: 1px;
background: url(https://www.seikatsusyukanbyo.com/images_new/icon-disease_color.png) no-repeat 0 0;
background-size: contain;
}

#home #disease-top li {
float: left;
margin: 5px 20px 5px 0;
padding-left: 20px;
background: url(https://www.seikatsusyukanbyo.com/images_new/cross3.png) no-repeat 0 50%;
background-size: auto 14px;
line-height: 1;
background: none\9;
padding-left: 5px\9;
}

#home #disease-top li a {
display: block;
}

/* monthly-sp
------------------------ */

#monthly-sp {
margin: 0 0 15px 0;
box-shadow: 3px 3px 3px 0 #708090;
-moz-box-shadow: 3px 3px 3px 0 #708090;
-webkit-box-shadow: 3px 3px 3px 0 #708090;
}

/* news
------------------------ */

#home #news {
background: #33ffff;
background: rgba(50, 214, 255, .6);
}

#home #news h2 {
background: url(https://www.seikatsusyukanbyo.com/images_new/icon-news_color.png) no-repeat 0 0;
background-size: contain;
}

#home #news dl {
margin:0 0 10px 0;
}

#home #news dt {
width:87px;
padding: 0 0 0 3px;
}

#home #news dd {
margin: -1.5em 0 3px 0;
padding: 0 0 3px 90px;
border-bottom:1px dotted #a9a9a9;
}

#home #news dd a {
display:block;
}

/* ------------------------ */

#home #statistics {
background: #33ffff;
background: rgba(50, 214, 255, .6);
}

#home #statistics h2 {
background: url(https://www.seikatsusyukanbyo.com/images_new/icon-statistics_color.png) no-repeat 0 0;
background-size: contain;
}

#home #statistics ul {
margin-bottom: 10px;
}

#home #statistics li {
margin-bottom: 3px;
padding: 0 0 3px 3px;
border-bottom: 1px dotted #a9a9a9;
}

#home #statistics li a {
display: block;
}

/* ------------------------ */

#home #event {
background: #33ffff;
background: rgba(50, 214, 255, .6);
}

#home #event h2 {
background: url(https://www.seikatsusyukanbyo.com/images_new/icon-event_color.png) no-repeat 0 0;
background-size: contain;
}

#home #event .title {
margin-bottom: 10px;
font-size: 18px;
border-bottom: 2px solid #37A8A4;
}

#home #event .box-left {
float: left;
width: 320px;
}

#home #event .box-right {
float: right;
width: 320px;
}

#home #event dl {
margin:0 0 10px 0;
}

#home #event dt {
width:87px;
padding: 0 0 0 3px;
}

#home #event dd {
margin: -1.5em 0 3px 0;
padding: 0 0 3px 90px;
border-bottom:1px dotted #a9a9a9;
}

#home #event dd a {
display:block;
}

/* dmnet
------------------------ */

#home #dmnet {
background: #ffb7cb;
/* background: rgba(50, 214, 255, .6); */
}

#home #dmnet h2 {
background: url(https://www.seikatsusyukanbyo.com/images_new/icon-dmnet.png) no-repeat 0 0;
background-size: contain;
}

#home #dmnet dl {
margin:0 0 10px 0;
}

#home #dmnet dt {
width:87px;
padding: 0 0 0 3px;
}

#home #dmnet dd {
margin: -1.5em 0 3px 0;
padding: 0 0 3px 90px;
border-bottom:1px dotted #a9a9a9;
}

#home #dmnet dd a {
display:block;
}

/* hrg
------------------------ */

#home #hrg {
background: #f0a356;
/* background: rgba(50, 214, 255, .6); */
}

#home #hrg h2 {
background: url(https://www.seikatsusyukanbyo.com/images_new/icon-hrg.jpg) no-repeat 0 0;
background-size: contain;
}

#home #hrg dl {
margin:0 0 10px 0;
}

#home #hrg dt {
width:87px;
padding: 0 0 0 3px;
}

#home #hrg dd {
margin: -1.5em 0 3px 0;
padding: 0 0 3px 90px;
border-bottom:1px dotted #a9a9a9;
}

#home #hrg dd a {
display:block;
}



/* side
------------------------------------------------ */

/* monthly
------------------------ */

#home .side .module.monthly {
margin-bottom: 15px;
background: #32FF5B;
background: rgba(50, 255, 91, .6);
}

#home .side  .catName {
background: url(https://www.seikatsusyukanbyo.com/images_new/icon-monthly_color.png) no-repeat 0 0;
background-size: 25px auto;
margin-bottom: 5px;
padding-left: 35px;
color: #3F3F3F;
font-size: 18px;
font-weight: bold;
text-shadow: 
-1px -1px 0px #fff,
1px -1px 0px #fff,
1px  1px 0px #fff,
-1px  1px 0px #fff;
letter-spacing: 1px;
background: none\9;
padding-left: 5px\9;
}

#home .side .module.monthly .catName span {
display:block;
margin-left: -28px;
}

#home .side .module.monthly ul {
margin-bottom: 5px;
}

#home .side .module.monthly li {
margin-bottom: 5px;
padding: 0 0 5px 0;
border-bottom: 1px dotted #a9a9a9;
}

#home .side .module.monthly li:last-child {
margin-bottom: 0;
}
#home .side .module.monthly li a {
display: block;
}


/* ------------------------ */

#home #prevention {
background: #3284FF;
background: rgba(50, 132, 255, .6);

}

#home #prevention h2 {
background: url(https://www.seikatsusyukanbyo.com/images_new/icon-monthly_color.png) no-repeat 0 0;
background-size: 25px auto;
}

#home #prevention li {
margin-bottom: 3px;
padding: 0 0 3px 3px;
border-bottom: 1px dotted #a9a9a9;
padding-left: 15px;
background: url(https://www.seikatsusyukanbyo.com/images_new/arrow.png) no-repeat 0 50%;
background-size: auto 14px;
background: none\9;
padding-left: 5px\9;
}

#home #prevention li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

#home #prevention li a {
display: block;
}

/* ------------------------ */

#home #aboutUs {
background: #3284FF;
background: rgba(50, 132, 255, .6);
}

#home #aboutUs h2 {
background: url(https://www.seikatsusyukanbyo.com/images_new/icon-aboutUs_color.png) no-repeat 0 0;
background-size: 25px auto;
}

#home #aboutUs li {
margin-bottom: 3px;
padding: 0 0 3px 3px;
border-bottom: 1px dotted #a9a9a9;
padding-left: 15px;
background: url(https://www.seikatsusyukanbyo.com/images_new/arrow.png) no-repeat 0 50%;
background-size: auto 14px;
background: none\9;
padding-left: 5px\9;
}

#home #aboutUs li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

#home #aboutUs li a {
display: block;
}

/* ------------------------ */

#home .side .SSS-site {
background: #fff;
margin-bottom: 15px;
padding: 3px;
box-shadow: 3px 3px 3px 0 #708090;
-moz-box-shadow: 3px 3px 3px 0 #708090;
-webkit-box-shadow: 3px 3px 3px 0 #708090;
}

/* ------------------------------------------------ */

#home #site-map,
#home #note,
#home footer {
min-width: 1030px;
}


/* カテゴリメニューのshow/hide
------------------------------------------------ */

input#label1:checked ~ .hidden_show_habit,
input#label2:checked ~ .hidden_show_disease{
padding: 10px 0;
height: auto;
opacity: 1;
}
/*.hidden_show_habit,
.hidden_show_disease {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}*/
input#label1,input#label2{
display: none;
}
#label1:hover,#label2:hover {
/* background: #efefef; */
color: #fff;
}
#disease-top label,
#habit-top label {
/* padding: 5px; */
font-weight: bold;
/* border: solid 2px black; */
cursor: pointer;
float: right;
display: none;
}

/* -トピックス＆オピニオン--------------- */

#home #topics {
background: #c194fd;
}
#home #topics li{
margin-bottom: 5px;
padding: 0 0 5px 0;
border-bottom: 1px dotted #a9a9a9;
}

/* -活動レポート--------------- */

#home #prevention dd {
    margin: -1.5em 0 3px 0;
    padding: 0 0 3px 90px;
    border-bottom: 1px dotted #a9a9a9;
}