@charset "utf-8";

#main .button {
margin-bottom: 1em;
}

span.event_endflg {
    background: #ff0000;
    color: #fff;
    border-radius: 5px;
    padding: 0.1em 0.7em;
}

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

#main .main-wrap {
padding: 20px 0;
}

@media print, screen and (min-width: 736px) {
#main {
float: left;
width: 760px;
}

#main .main-wrap {
border-left: 1px solid #FFDE75;
padding: 30px 40px 0 40px;
margin-bottom: 20px;
}

#main.opinion .main-wrap {
border-left: 1px solid #F2BFE8;
}
}

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

/* コーナータイトル
------------------------ */

#main .cornerTitle {
padding: 10px 5px;
border-top: 5px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
}

#main .cornerTitle .title {
padding: 0;
margin: 0;
font-size: 110%;
font-weight: bold;
position: relative;
padding: 0 0 0 1.8em;
}
#main .cornerTitle .title::before,
#main .cornerTitle .title::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
#main .cornerTitle .title::before {
	top: .1em;
	left: .1em;
	z-index: 2;
	width: 20px;
	height: 20px;
	background: rgba(0,0,0,0.5);
}

#main .cornerTitle .title::after {
	top: .7em;
	left: .7em;
	width: 15px;
	height: 15px;
	background: #a9a9a9;
}

#main .cornerTitle .title span {
display:block;
font-weight: normal;
font-size: 80%;
}


@media print, screen and (min-width: 736px) {
#main .cornerTitle {
padding: 10px 20px;
}

#main .cornerTitle .title {
font-size: 130%;
padding: 0 0 0 2.2em;
}

#main .cornerTitle .title::before {

	width: 30px;
	height: 30px;

}

#main .cornerTitle .title::after {
	top: .8em;
	left: .8em;
	width: 20px;
	height: 20px;

}
}

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

#main h2 {
  padding: .2em 0.5em;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 120%;
  border-bottom: 2px solid #FD8A18;
}

#side .news-list h2 {
  padding: .2em 0.5em;
  font-weight: bold;
  font-size: 120%;
  border-bottom: 2px solid #FD8A18;
}

/* entryBody
------------------------------------------------ */
.entryBody h1 {
font-size: 110%;
font-weight: bold;
margin-bottom: 10px;
}

.entryBody h1 .pageNum {
margin-left: 1em;
font-weight: normal;
font-size: 80%;
}


.entryBody .news-item {
margin-bottom: 10px;
border-bottom: 1px dotted #FD8A18;
min-height: 28px;
}


.entryBody .entryDate {
float: right;
text-align: right;
font-size: 90%;
}

.entryBody .twitter {
  float: left;
}

.entryBody .fb-like {
float: left;
margin-right: 10px;
}

.entryBody .fb_iframe_widget span {
  display: block !important;
}

.entryBody .author {
  text-align: right;
  font-size: 100%;
}

@media print, screen and (min-width: 736px) {

.entryBody h1 {
position:relative;
font-size: 130%;
font-weight: bold;
margin-bottom: 40px;
}


.entryBody h1 .pageNum {
position:absolute;
bottom:0;
right:0;
margin-left: 3em;
font-weight: normal;
font-size: 70%;
}
}

/* ------------------------------------------------ */
#main .pager {
  margin: 20px 0;
  font-size: 90%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;

}

#main .pager .prev a:after {
content: "\25C0 前へ";
}

#main .pager .next a:after {
content: "次へ \25B6";
}


@media print, screen and (min-width: 736px) {

#main .pager div {
width: 226px;
  -webkit-flex-grow: 1;
  /* Safari */
  flex-grow: 1;
}
#main .pager .button.tolist {
  text-align: center;
}
#main .pager .button.prev {
  text-align: left;
}
#main .pager .prev a:after {
content: "\25C0 前の記事へ";
}

#main .pager .button.next {
  text-align: right;
}

#main .pager .next a:after {
content: "次の記事へ \25B6";
}

#main .pager .button.tolist a,
#main .pager .button.prev a,
#main .pager .button.next a {
  padding-left: 20px;
  padding-right: 20px;
}
}
/* ------------------------------------------------ */

#main .copyright {
  margin-bottom: 20px;
  font-size: 80%;
  text-align: right;
border-top:1px dotted #FD8A18;
border-bottom:1px dotted #FD8A18;
}


/* information
------------------------------------------------ */
.information {
  margin-bottom: 20px;
}
.information .box {
  margin-bottom: 20px;
}

/* dl dt dd
------------------------ */
.information dl {
  margin-bottom: 10px;
}
.information dt {
display: none;
}
.information dl.event-list dt {
display: block;
}
.information dd {
  border-bottom: 1px dotted #FD8A18;
}
.information dd.last {
  margin-bottom: 0;
}
.information dd a {
  display: block;
  padding: .2em;
}

@media print, screen and (min-width: 736px) {
.information dt {
display:block;
  width: 140px;
  padding: 0 0 0 .2em;
}

.information dl.event-list dt {
  width: 170px;
}

.information dd {
  margin: -1.7em 0 .4em 0;
  padding: 0 0 .4em 150px;
  border-bottom: 1px dotted #FD8A18;
}

.information dl.event-list dd {
  padding: 0 0 .4em 180px;
}

.information dd a {
  padding: 0;
}
}

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

#side .menu h2 {
margin-bottom: 5px;
margin-left: .8em;
position: relative;
padding: 2px 5px 2px 25px;
font-weight: bold;
color: #474747;
border-radius: 0 10px 10px 0;
letter-spacing: 1px;
}

#side .menu li {
  margin: .2em 0;
  padding: .2em;
  border-bottom: 1px dotted #A83A00;
}

#side .menu a {
display:block;
padding-left: 2.5em;
}

@media print, screen and (min-width: 736px) {
#side .menu {
font-size: 14px;
}
}

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

@media screen and (max-width: 735px) {
#side .menu a:after {
font-family: FontAwesome;
content: "\f138";
float: right;
padding-right: .5em;
color: #29AE32;
}
}

#side .skillUp h2 {
background: #FFBCDE;
}

#side .skillUp h2:before {
font-family: FontAwesome;
content: "\f040";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #F0007B;
font-size: 20px;
font-weight: normal;
width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
left: -.7em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white; 
border-radius: 50%;
}

@media print, screen and (min-width: 736px) {
#side .skillUp h2:before {
left: -1em;
}
}

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

#side .search h2 {
background: #CCE0FE;
}

#side .search h2:before {
font-family: FontAwesome;
content: "\f002";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #0064FD;
//font-size: 20px;
font-weight: normal;
width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
left: -1em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white; 
border-radius: 50%;
}

@media print, screen and (min-width: 736px) {
#side .search h2:before {
left: -1.35em;
}
}

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

#side .use h2 {
background: #C9FEA3;
}

#side .use h2:before {
font-family: FontAwesome;
content: "\f14a";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #4EBE00;
//font-size: 20px;
font-weight: normal;
width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
left: -1em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white; 
border-radius: 50%;
}

@media print, screen and (min-width: 736px) {
#side .use h2:before {
left: -1.35em;
}
}

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

#side .skillUp .n1 a {
background:url(/images/heal_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .skillUp .n2 a {
background:url(/images/kinen_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .skillUp .n3 a {
background:url(/images/gan_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .skillUp .n4 a {
background:url(/images/undo_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .skillUp .n5 a {
background:url(/images/eiyo_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .skillUp .n6 a {
background:url(/images/qol_icon.gif) no-repeat 0 50%;
background-size: contain;
}
/* ------------------------ */

#side .search .n1 a {
background:url(/images/book_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .search .n2 a {
background:url(/images/eqn_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .search .n3 a {
background:url(/images/chousa_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .search .n4 a {
background:url(/images/byouki_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .search .n5 a {
background:url(/images/wagamachi_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .search .n6 a {
background:url(/images/dantai_icon.jpg) no-repeat 0 50%;
background-size: contain;
}

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

#side .use .n1 a {
background:url(/images/shizai_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .use .n2 a {
background:url(/images/tenshoku_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .use .n3 a {
background:url(/images/soft_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .use .n4 a {
background:url(/images/kaizen_item.gif) no-repeat 0 50%;
background-size: contain;
}

/* calendar
------------------------------------------------ */

#side .calendar h2 {
text-align: center;
}

#side .calendar dl {
}

#side .calendar dd {
text-align: right;
border-bottom: 1px dotted #A83A00;
font-weight: bold;
}

#side .calendar dd.last {
border: none;
}

@media print, screen and (min-width: 736px) {
#side .calendar {
font-size: 13px;
}

#side .calendar dl {
padding: 0 5px;
}

#side .calendar dd {
padding: .2em 0;
}
}

/* hsm_osusume
------------------------------------------------ */


#hsm_osusume {
width:760px;
margin:0 0 20px 0;
font-size:14.3px;line-height:1.5;
}

#hsm_osusume p {
margin:0;
}


#hsm_osusume h2{
color:#7A4819;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
line-height:140%;
font-weight:bold;
font-size:26px;
}

#hsm_osusume h2 img {
vertical-align: top;
}

.item_thumbnail {
width:130px;
text-align:center;
margin:0 auto 5px;
}

.item_thumbnail img {
width:110px;
border:2px solid #a9a9a9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: 0 0 4px #cfcfcf; -moz-box-shadow: 0 0 4px #cfcfcf; -ms-box-shadow: 0 0 4px #cfcfcf; -o-box-shadow: 0 0 4px #cfcfcf; box-shadow: 0 0 4px #cfcfcf;
}

.list_carousel {
position:relative;
width:720px;
min-height: 225px;
height: auto !important;  
height: 225px;  
padding:0 20px;
}

.list_carousel ul {
list-style: none;
display: block;
width:720px;
}

.list_carousel li {
display: block;
width:134px;
float:left;
padding:0 5px;
font-size:90%;

}

.list_carousel.responsive {
width: auto;
margin-left: 0;
}

.prev-left {
position:absolute;
top:0px;
left:0;
width:20px;
margin:0;
display:block;
}

.prev-right {
position:absolute;
top:0px;
right:0;
width:20px;
margin:0;
display:block;
text-align:right;
}

li.box_wide {
width: 407px;
padding:0 10px 0 15px;
}

.hsm_copy {
margin-bottom: 5px;
padding:5px;
border:2px solid #a9a9a9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 4px #cfcfcf;
-moz-box-shadow: 0 0 4px #cfcfcf;
-ms-box-shadow: 0 0 4px #cfcfcf;
-o-box-shadow: 0 0 4px #cfcfcf;
box-shadow: 0 0 4px #cfcfcf;
}

.hsm_copy a {
display:block;
text-align:right;
}

.box_wide .item_title {
margin-bottom: 5px;padding-left:15px;
background:url(/images/news-list05.gif);
background-repeat:no-repeat;
background-position: 0px 2px;
list-style: none;
}

/* ------------------------------------------------ */
/* カテゴリーリスト（ボタン）
------------------------------------------------ */

/* トビラ用
------------------------ */

#main .nav-cat {
margin-bottom: 20px;
font-size: 90%;
}

#main .nav-cat.bottom {
margin-top: 0;
}

#main .nav-cat nav {
  display: -webkit-flex; /* Safari */
  display: flex;
    -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}

#main .nav-cat nav a {
display:block;
float: left;
padding: 3px 10px;
background: #2F7033;
color: #fff;
margin: 2px;
text-align: center;
border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
  -webkit-flex-grow: 1; /* Safari */
  flex-grow:         1;
}

#main .nav-cat nav a:hover {
background: #35E041;
text-decoration: none;
}

/* 健診リスト用
------------------------ */
@media print, screen and (min-width: 736px) {
.kenshin-list #main .nav-cat nav a {
padding: 3px 0;
width: 99px;
}
}

/* 記事用
------------------------ */

#main .nav-cat-kiji {
margin-bottom: 20px;
font-size: 80%;
}

#main .nav-cat-kiji nav {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: flex-end; /* Safari */
  justify-content:         flex-end;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}

#main .nav-cat-kiji nav a {
display:block;
float: left;
padding: 3px 10px;
background: #2F7033;
color: #fff;
margin: 2px;
text-align: center;
border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}

#main .nav-cat-kiji nav a:hover {
background: #35E041;
text-decoration: none;
}


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

/* dl dt dd
------------------------ */
.news-list dl {
  margin: 10px 0;
}
.news-list dt {
display: none;
}

.news-list dd {
  border-bottom: 1px dotted #FD8A18;
}
.news-list dd.last {
  margin-bottom: 0;
}
.news-list dd a {
  display: block;
  padding: .2em;
  display: -webkit-flex; /* Safari */
  display: flex;
}

.news-list.seminar-list dd a {
display: block;
}

.news-list dd .img {
width: 80px;
margin-right: 10px;
}
@media all and (-ms-high-contrast: none) {
  .news-list dd .img {
    width: auto;
  }
}


@media print, screen and (min-width: 736px) {
.news-list dt {
display:block;
  width: 140px;
  padding: 0 0 0 .2em;
}
.news-list dd {
  margin: -1.7em 0 .4em 0;
  padding: 0 0 .4em 150px;
  border-bottom: 1px dotted #FD8A18;
}
.news-list dd a {
  padding: 0;
}
}

/* nav-year
------------------------ */

.news-list .nav-year {
margin: 10px 0;
}

.news-list .nav-year .wrap {
  background: #29AE32;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

.news-list .nav-year a {
display: block;
background: #29AE32;
color: #fff;
padding: 5px ;
}

@media print, screen and (min-width: 736px) {

.news-list .nav-year {
width: 679px;
margin: 20px 0;
}


.news-list .nav-year .wrap.last {
padding-right: 113px;
}

.news-list .nav-year a {
width: 113px;
padding: 5px 28px;
}
.news-list .nav-year a:hover {
background: #35E041;
text-decoration: none;
}
}

/* ------------------------------------------------ */
/* オピニオン
------------------------------------------------ */

/* tobira
------------------------ */

#main.opinion ul.newArrival {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}

#main.opinion ul.newArrival li {
  border-bottom: 1px dotted #9B0F81;
}
#main.opinion ul.newArrival li a {
  display: block;
  padding: .2em;
}

#main.opinion ul.newArrival li a:hover {
text-decoration: none;
}

#main.opinion ul.newArrival .icon-cat {
padding: 2px 5px;
background: #22AD21;
margin-right: .5em;
font-size: 80%;
color: #fff;
}

#main.opinion ul.newArrival .title {
display:block;
font-weight: bold;
}

#main.opinion ul.newArrival .text {
text-align: right;
}


/* opi-box 全ページ共通
------------------------ */

#main .opi-list {
margin-bottom: 20px;
}

#main a.opi-box {
display:block;
padding: 10px 5px;
margin: 0 10px;
border-bottom:1px dotted #9B0F81;
color: #333;
}

#main a.opi-box:hover {
background: #FEE2C7;
text-decoration: none;
}

#main .opi-box span {
display:block;
}

#main .opi-box .tn {
display:block;
float: left;
width: 15%;
}

#main .opi-box .tn img {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#main .opi-box .text-data {
float: right;
width: 83%;
}

#main .opi-box .authorName {
font-weight: bold;
}

#main .opi-box .department {
font-size: 80%;
}

@media print, screen and (min-width: 736px) {

#main .opi-list {
margin-bottom: 20px;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}

#main a.opi-box {
clear:both;
width: 309px;
}

#main .opi-box .tn {
width: 76px;
}

#main .opi-box .text-data {
width: 228px;
}

}

/* 記事
------------------------ */

#main.opinion .category {
font-size: 130%;
margin-bottom: 10px;
}


#main.opinion .title-area {
  position: relative;
  margin-bottom: 20px;
  padding: 10px;
  background: #F6D4EF;
  border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

#main.opinion .title-area:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #F6D4EF;
width: 0;
height: 0;
}


#main.opinion .title-area .main-title {
font-size: 120%;
margin-bottom: 20px;
}

#main.opinion .title-area .authorName {
text-align: right;
}

#main.opinion .titleArea h1 {
margin: 40px 0 30px 0;
}

#main.opinion .titleArea .katagaki {
text-align: right;
}

#main.opinion .titleArea .authorName {
margin-bottom: 30px;
text-align: right;
font-size: 120%;
}

#main.opinion .button.toTobira {
margin-bottom: 20px;
}

/* 著者名・肩書
------------------------ */

#main.opinion .title-item {
margin-bottom: 20px;
border-bottom: 1px solid #9B0F81;
}

#main.opinion .title-item .mainTitle {
font-weight: bold;
}

#main.opinion .title-item .authorName {
text-align: right;
}

/* backnumber
------------------------ */
#main.opinion .backnumber {
margin-bottom: 20px;
}

#main.opinion .backnumber li a {
display:block;
border-bottom: 1px dotted #9B0F81;
padding: .2em;
}

/* profile
------------------------ */

#main.opinion .profile {
margin-bottom: 20px;
padding: .2em;
background: #F9EAF7;
}

#main.opinion .profile h3 {
border-bottom: 1px dotted #9B0F81;
font-weight: bold;
}


#main.opinion .profile .image {
text-align: center;
}


#main.opinion .profile .authorName {
font-weight: bold;
font-size: 120%;
}

#main.opinion .profile .katagaki {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #9B0F81;
}

@media print, screen and (min-width: 736px) {
#main.opinion .profile ul.flex {
padding: 0 10px 10px;
  display: -webkit-flex; /* Safari */
  display: flex;
    -webkit-flex-direction: row-reverse; /* Safari */
  flex-direction:         row-reverse;
    -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

#main.opinion .profile .image {
margin-left: 10px;
}

#main.opinion .profile .image img {
max-width: 150px;
}

#main.opinion .profile .authorName {
font-weight: bold;
font-size: 110%;
}

}

/* ------------------------------------------------ */
/* 保健指導 関連情報のトビラ 共通
------------------------------------------------ */

#main.information.tobira .mainVisual {
margin-bottom: 20px;
}
#main.information.tobira .mainVisual .lead {
margin-bottom: 10px;
}

#main.information.tobira .mainVisual .image {
max-width: 320px;
margin: 0 auto;
}

#main.information.tobira .mainVisual .lead:first-letter {
    font-size: 2.5em;
    line-height: 1;
    float: left;
    margin: 0 .2em 0 0;
    padding: .1em 0;
    color: #a9a9a9;
}

#main.information.tobira h3 {
border-bottom: 1px solid #a9a9a9;
}


#main.information.tobira .news-list {
margin-bottom: 10px;
}

#main.information.tobira .tool .box {
padding: 10px;
border:1px solid #a9a9a9;
}

#main.information.tobira .tool .button {
margin-bottom: 0;
}

#main.information.tobira .tool ul {
margin: 0;
padding: 0;
list-style: none;
}

#main.information.tobira .tool li {
padding: 0 10px;
border-bottom: 1px dotted #a9a9a9;
}

#main.information.tobira .tool li ul li {
border: none;
padding: 0;
margin-left: 2em;
list-style: disc;
}

#main.information.tobira .tool li:last-child {
border: none;
}

#main.information.tobira .tool li a:after {
font-family: FontAwesome;
content: "\f138";
padding-left: .5em;
color: #29AE32;
}

#main.information.tobira .tool li a:hover {
text-decoration: none;
}

@media print, screen and (min-width: 736px) {



#main.information.tobira .mainVisual {
  display: -webkit-flex; /* Safari */
  display: flex;
    -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
    -webkit-flex-direction: row-reverse; /* Safari */
  flex-direction:         row-reverse;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
}

#main.information.tobira .mainVisual .image {
width: 310px;
}

#main.information.tobira .mainVisual .lead {
width: 360px;
font-size: 110%;
line-height: 2;
}

#main.information.tobira .mainVisual .lead:first-letter {
    font-size: 3.5em;
}


#main.information.tobira .tool ul {
margin: 0 1em;
padding: 0 1em;
list-style: none;
}

#main.information.tobira .tool li {
padding: 0 10px;
border-bottom: 1px dotted #a9a9a9;
}

#main.information.tobira .tool li ul li {
border: none;
padding: 0;
list-style: disc;
}
}

/* トビラ用-我が街の保健活動
------------------------ */

#main.information.tobira .wagamachi .img {
text-align:  center;
margin-bottom: 1em;
}

@media print, screen and (min-width: 736px) {
#main.information.tobira .wagamachi .img {
float: right;
margin: 0 0 1em 1em;
}
}


/* 関連疾患
------------------------------------------------ */

#main.information.tobira .tool .shikkan ul li:last-child {
border-bottom:1px dotted #0060FC;
}

#main.information.tobira .tool .shikkan ul.last {
  margin-right: 0;
  margin-bottom: 1em;
}

#main.information.tobira .tool .shikkan .button {
margin-bottom: 20px;
}

@media print, screen and (min-width: 736px) {
#main.information.tobira .tool .shikkan ul {
float: left;
padding: 0;
margin: 0 0 1em 0;
  width: 31.42%;
  margin-right: 2.87%;
}
}

/* ------------------------------------------------ */
/* 保健指導関連情報
------------------------------------------------ */

/* event-list
------------------------ */

#main.information.tobira .event-list .head {
font-weight: bold;
}

#main.information.tobira .event-list dd.head {
border-bottom: 2px solid #0060FC;
}


#main.information.tobira .event-list dl {
  margin: 10px 0;
}

#main.information.tobira .event-list dl dt {
display:block;
}

#main.information.tobira .event-list dd {
  border-bottom: 1px dotted #0060FC;
}


#main.information.tobira .event-list dd span:before {
content: "【";
margin-left: .3em;
}

#main.information.tobira .event-list dd span:after {
content: "】";
}


#main.information.tobira .event-list dd.last {
  margin-bottom: 0;
}
#main.information.tobira .event-list dd a {
  display: block;
  padding: .2em;
}

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

#main.information.tobira .event-list dt:after {
content: "開催";
margin-left: 0.3em;
}
}

@media print, screen and (min-width: 736px) {
#main.information.tobira .event-list dt {
display:block;
  width: 140px;
  padding: 0 0 0 .2em;
}
#main.information.tobira .event-list dd {
  margin: -1.7em 0 .4em 0;
  padding: 0 0 .4em 150px;
  border-bottom: 1px dotted #0060FC;
}
#main.information.tobira .event-list dd a {
  padding: 0;
}
}

/* 健診・検診
------------------------------------------------ */

#main.tobira .kenshinMap {
margin-bottom: 20px;
}

#main.tobira .kenshinMap .image {
width: 250px;
margin: 0 auto;
}

@media print, screen and (min-width: 736px) {
#main.tobira .kenshinMap {
  display: -webkit-flex; /* Safari */
  display: flex;
}

#main.tobira .kenshinMap .text {
margin-left: 20px;
}

}


/* ------------------------------------------------ */
/* 関連資料 reference
------------------------------------------------ */

#main.reference .honbun a:after {
font-family: FontAwesome;
content: "\f138";
padding-left: .2em;
color: #29AE32;
}


/* reference-list
------------------------ */

.reference-list dl {
  margin: 10px 0;
}
.reference-list dt {
display: none;
}

.reference-list dd {
  border-bottom: 1px dotted #FD8A18;
}
.reference-list dd.last {
  margin-bottom: 0;
}
.reference-list dd a {
  display: block;
  padding: .2em;
}

@media print, screen and (min-width: 736px) {
.reference-list dt {
display:block;
  width: 140px;
  padding: 0 0 0 .2em;
}
.reference-list dd {
  margin: -1.7em 0 .4em 0;
  padding: 0 0 .4em 150px;
  border-bottom: 1px dotted #FD8A18;
}
.reference-list dd a {
  padding: 0;
}
}

/* ------------------------------------------------ */
/* 保健指導・健康指導　教育用ツール
------------------------------------------------ */

#main.pamphlet .item-list {
margin-bottom: 20px;
}

#main.pamphlet .item-list li.item {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #f8871e;
}

#main.pamphlet .item-list li.item.space {
display:none;
}

#main.pamphlet .item-list li.item:last-child {
border: none;
margin-bottom: 0;
}


#main.pamphlet .item-list span {
display:block;
}

#main.pamphlet .item-list .format {
font-size: 80%;
padding: 0 5px;
}

#main.pamphlet .item-list .title {
font-weight: bold;
border-top: 1px solid #f8871e;
border-bottom: 1px solid #f8871e;
padding: 0 5px;
}
#main.pamphlet .item-list .source {
font-size: 80%;
padding: 0 5px;
margin-bottom: 10px;
}

#main.pamphlet .item-list .image {
float: left;
margin-right: 5px;
width: 98px;
border:1px solid #a9a9a9;
}

#main.pamphlet .item-list .item ul {
font-size: 80%;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}

#main.pamphlet .item-list .item ul li {
margin-right: 1em;
padding-left: 1.2em;
text-indent: -1.2em;
}

#main.pamphlet .item-list .item ul li:before {
font-family: FontAwesome;
content: "\f14a";
margin-right: .2em;
color: #29AE32;
}


#main.pamphlet .item-list .item .button {
font-size: 90%;
clear: both;
margin: 10px 0;
padding-top: 10px;
}

#main.pamphlet .item-list .item .button a {
display:block;
padding: 2px 0;
}

@media print, screen and (min-width: 736px) {

#main.pamphlet .item-list .wrap {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

#main.pamphlet .item-list li.item {
position:relative;
width: 210px;
padding: 0 5px 5px;
margin-bottom: 10px;
background:url() no-repeat 0 0 #eee;
padding-bottom: 44px;
border: none;
}

#main.pamphlet .item-list li.item.space {
display: block;
width: 220px;
padding: 0;
background: none;
margin-bottom: 0;
}

#main.pamphlet .item-list .title {
min-height: 3.4em;
}

#main.pamphlet .item-list .source {
min-height: 3.4em;
margin-bottom: 0;
}

#main.pamphlet .item-list .item ul {
width: 105px;
float: right;
line-height: 1.5;
}

#main.pamphlet .item-list .item .button {
position:absolute;
bottom:10px;
left: 5px;
font-size: 90%;
margin: 0;
padding-top: 0;
}

#main.pamphlet .item-list .item .button a {
display:block;
width: 210px;
}
}

/* ------------------------------------------------ */
/* catalog
------------------------------------------------ */

#main .catalog-list {
margin-bottom: 20px;
}
#main .catalog-list li {
border-bottom:1px dotted #FD8A18;
padding: 5px;
}

#main .catalog-list span {
display:block;
}

#main .catalog-list .title {
font-weight: bold;
font-size: 120%;
position: relative;/*相対位置*/
padding-left: 1.7em;/*アイコン分のスペース*/

}

#main .catalog-list .title:before {
font-family: FontAwesome;/*忘れずに*/
content: "\f046";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1.5em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: -0.2em;/*アイコンの位置*/
color: #0060FC; /*アイコン色*/
}

#main .catalog-list .supplier {
text-align: right;
}
#main .catalog-list .description {
margin-bottom: 10px;
}

@media print, screen and (min-width: 736px) {
#main .catalog-list li {
padding: 5px 20px;
}
}

/* catalog-list book
------------------------------------------------ */

#main .catalog-list .box-wrap {
padding: 5px;
border-bottom:1px dotted #FD8A18;
}
#main .catalog-list .box-wrap .box-left {
text-align: center;
}
@media print, screen and (min-width: 736px) {
#main .catalog-list .box-wrap {
margin: 10px 0;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
padding: 5px;
}

#main .catalog-list .box-wrap .box-left {
width: 179px;
}

#main .catalog-list .box-wrap .box-left img {
max-width: 150px;
}

#main .catalog-list .box-wrap .box-right {
width: 480px;
  }
}

/* ------------------------------------------------ */
/* 保健指導アトラス　共通
------------------------------------------------ */
@media screen and (max-width: 735px) {
#content-wrap.atlas-top h1,
#content-wrap.atlas-sub .cornerTitle {
border-top: 5px solid #009CE5;
border-bottom: 1px solid #009CE5;
position: relative;
font-weight: bold;
font-size: 120%;
padding: .2em 0 .2em 1.8em;
}

#content-wrap.atlas-top h1::before,
#content-wrap.atlas-top h1::after,
#content-wrap.atlas-sub .cornerTitle::before,
#content-wrap.atlas-sub .cornerTitle::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
#content-wrap.atlas-top h1::before,
#content-wrap.atlas-sub .cornerTitle:before {
	top: .1em;
	left: .1em;
	z-index: 2;
	width: 20px;
	height: 20px;
	background: rgba(0,156,229,0.5);
}

#content-wrap.atlas-top h1::after,
#content-wrap.atlas-sub .cornerTitle::after {
	top: .7em;
	left: .7em;
	width: 15px;
	height: 15px;
	background: #009CE5
}

#content-wrap.atlas-top h1 span,
#content-wrap.atlas-sub .cornerTitle span {
display:block;
font-size: 15px;
}
}

@media print, screen and (min-width: 736px) {

#content-wrap.atlas-top .h1,
#content-wrap.atlas-sub .h1 {
position:relative;
margin-bottom: 10px;
}

#content-wrap.atlas-top .h1 .btn-use,
#content-wrap.atlas-sub .h1 .btn-use {
position:absolute;top:120px;right:20px;
}

#content-wrap.atlas-top .h1 .btn-contact,
#content-wrap.atlas-sub .h1 .btn-contact {
position:absolute;top:150px;right:20px;
}
}

/* ------------------------------------------------ */
/* 保健指導アトラス　トビラ用
------------------------------------------------ */
#content-wrap.atlas-top #main {
float: none;
width: 100%;
}
/* atlas-top スマホ
------------------------------------------------ */
@media screen and (max-width: 735px) {
#content-wrap.atlas-top h1 {
border-top: 5px solid #009CE5;
border-bottom: 1px solid #009CE5;
position: relative;
font-weight: bold;
font-size: 120%;
padding: .2em 0 .2em 1.8em;
}

#content-wrap.atlas-top h1::before,
#content-wrap.atlas-top h1::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
#content-wrap.atlas-top h1::before {
	top: .1em;
	left: .1em;
	z-index: 2;
	width: 20px;
	height: 20px;
	background: rgba(0,156,229,0.5);
}

#content-wrap.atlas-top h1::after {
	top: .7em;
	left: .7em;
	width: 15px;
	height: 15px;
	background: #009CE5
}

#content-wrap.atlas-top h1 span {
display:block;
font-size: 15px;
}

#content-wrap.atlas-top h2 {
  padding: .5em 0.5em 0 .5em;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 120%;
  border-bottom: 2px solid #FD8A18;
}

#content-wrap.atlas-top h3 {
border-bottom: 1px dotted #FD8A18;
font-weight: bold;
padding-top: ;
}

#content-wrap.atlas-top h3:after {
font-family: FontAwesome;
content: "\f138";
float: right;
padding-right: .2em;
color: #29AE32;
}

#content-wrap.atlas-top .midashi_s a {
white-space: nowrap;
}

#content-wrap.atlas-top .midashi_s a:before {
font-family: FontAwesome;
content: "\f138";
padding-right: .2em;
color: #29AE32;
}
}

/* atlas-top PC
------------------------------------------------ */

@media print, screen and (min-width: 736px) {


#content-wrap.atlas-top {
padding:0 10px;
margin-bottom: 20px;
}

#content-wrap.atlas-top .horizontal {
margin-bottom: 5px;
}

#content-wrap.atlas-top .midashi_s {
font-size: 85%; line-height: 1.3;
}

#content-wrap.atlas-top a.midashi_l {
padding: 0 0 5px 0;
}

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

#content-wrap.atlas-top .boxC  a.midashi_l:hover {
background:#FE8B2D;
}

#content-wrap.atlas-top .boxC {
height: 392px;margin-bottom: 5px;background:url(http://tokuteikenshin-hokensidou.jp/atlas/images/top_C.gif) no-repeat 0 0;position:relative;
}

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

#content-wrap.atlas-top .boxC  a.midashi_l:hover {
background:#FE8B2D;
}

#content-wrap.atlas-top .boxC {
height: 392px;margin-bottom: 5px;background:url(http://tokuteikenshin-hokensidou.jp/atlas/images/top_C.gif) no-repeat 0 0;position:relative;
}

#content-wrap.atlas-top .boxC .c1 {
position:absolute;top: 5px; left: 90px;width: 531px; height: 25px;
}

#content-wrap.atlas-top .boxC .c1 .wrap {
position:relative; width: 600px;
}

#content-wrap.atlas-top .boxC .c1 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxC .c2 {
position: absolute; top: 43px; left: 161px; width: 711px; height: 25px;
}

#content-wrap.atlas-top .boxC .c2 .wrap {
position:relative; width: 720px;
}

#content-wrap.atlas-top .boxC .c2 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxC .c3 {
position: absolute; top: 81px; right: 0; width: 782px; height: 25px;
}

#content-wrap.atlas-top .boxC .c3 .wrap {
position:relative; width: 782px;
}

#content-wrap.atlas-top .boxC .c3 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxC .c4 {
position:absolute;top: 120px; right: 0; width: 782px; height: 26px;
}

#content-wrap.atlas-top .boxC .c4 .wrap {
position:relative; width: 782px;
}

#content-wrap.atlas-top .boxC .c4 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxC .c5 {
position:absolute;top: 158px; right: 0; width: 480px; height: 26px;
}

#content-wrap.atlas-top .boxC .c5 .wrap {
position:relative; width: 480px;
}

#content-wrap.atlas-top .boxC .c5 .midashi_s {
position:absolute;top:10px;left:156px;
}


#content-wrap.atlas-top .boxC .c6 {
position:absolute;top: 202px; right: 0; width: 926px; height: 26px;
}

#content-wrap.atlas-top .boxC .c6 .wrap {
position:relative; width: 926px;
}

#content-wrap.atlas-top .boxC .c6 .midashi_s {
position:absolute;top:12px;left:100px;
}


#content-wrap.atlas-top .boxC .c7 {
position:absolute;top: 240px; right: 0; width: 962px; height: 27px;
}

#content-wrap.atlas-top .boxC .c7 .wrap {
position:relative; width: 962px;
}

#content-wrap.atlas-top .boxC .c7 .midashi_s {
position:absolute;top:12px;left:100px;
}


#content-wrap.atlas-top .boxC .c8 {
position:absolute;top: 279px; right: 0; width: 962px; height: 25px;
}

#content-wrap.atlas-top .boxC .c8 .wrap {
position:relative; width: 962px;
}

#content-wrap.atlas-top .boxC .c8 .midashi_s {
position:absolute;top:10px;left:54px;
}

#content-wrap.atlas-top .boxC .c9 {
position:absolute;top: 317px; right: 0; width: 962px; height: 26px;
}

#content-wrap.atlas-top .boxC .c9 .wrap {
position:relative; width: 962px;
}

#content-wrap.atlas-top .boxC .c9 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxC .c10 {
position:absolute;top: 355px; right: 0; width: 962px; height: 25px;
}

#content-wrap.atlas-top .boxC .c10 .wrap {
position:relative; width: 962px;
}

#content-wrap.atlas-top .boxC .c10 .midashi_s {
position:absolute;top:10px;left:70px;
}

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

#content-wrap.atlas-top .boxD {
height: 511px;margin-bottom: 5px;background:url(http://tokuteikenshin-hokensidou.jp/atlas/images/top_D.gif) no-repeat 0 0; position: relative;
}

#content-wrap.atlas-top .boxD  a.midashi_l:hover {
background:#00E598;
}

#content-wrap.atlas-top .boxD .d1 {
position:absolute;top: 5px; left: 88px;width: 273px; height: 26px;
}

#content-wrap.atlas-top .boxD .d1 .wrap {
position:relative; width: 273px;
}

#content-wrap.atlas-top .boxD .d1 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d2 {
position:absolute;top: 42px; right: 0;width: 962px; height: 26px;
}

#content-wrap.atlas-top .boxD .d2 .wrap {
position:relative; width: 962px;
}

#content-wrap.atlas-top .boxD .d2 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d3 {
position:absolute;top: 76px; right: 0;width: 962px; height: 26px;
}

#content-wrap.atlas-top .boxD .d3 .wrap {
position:relative; width: 962px;
}

#content-wrap.atlas-top .boxD .d3 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d4 {
position:absolute;top: 124px; right: 0;width: 481px; height: 26px;
}

#content-wrap.atlas-top .boxD .d4 .wrap {
position:relative; width: 481px;
}

#content-wrap.atlas-top .boxD .d4 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d5 {
position:absolute;top: 170px; right: 0;width: 782px; height: 26px;
}

#content-wrap.atlas-top .boxD .d5 .wrap {
position:relative; width: 782px;
}

#content-wrap.atlas-top .boxD .d5 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d6 {
position:absolute;top: 209px; left: 230px;width: 582px; height: 26px;
}

#content-wrap.atlas-top .boxD .d6 .wrap {
position:relative; width: 582px;
}

#content-wrap.atlas-top .boxD .d6 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d7 {
position:absolute;top: 246px; right: 0;width: 179px; height: 25px;
}

#content-wrap.atlas-top .boxD .d7 .wrap {
position:relative; width: 179px;
}

#content-wrap.atlas-top .boxD .d7 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d8 {
position:absolute;top: 283px; left: 304px;width: 568px; height: 26px;
}

#content-wrap.atlas-top .boxD .d8 .wrap {
position:relative; width: 568px;
}

#content-wrap.atlas-top .boxD .d8 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d9-1 {
position:absolute;top: 322px; left: 88px;width: 217px; height: 25px;
}

#content-wrap.atlas-top .boxD .d9-1 .wrap {
position:relative; width: 217px;
}

#content-wrap.atlas-top .boxD .d9-1 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d9-2 {
position:absolute;top: 322px; left: 305px;width: 567px; height: 25px;
}

#content-wrap.atlas-top .boxD .d9-2 .wrap {
position:relative; width: 567px;
}

#content-wrap.atlas-top .boxD .d9-2 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d10 {
position:absolute;top: 358px; left: 171px;width: 567px; height: 25px;
}

#content-wrap.atlas-top .boxD .d10 .wrap {
position:relative; width: 567px;
}

#content-wrap.atlas-top .boxD .d10 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d11 {
position:absolute;top: 395px; right: 0;width: 251px; height: 27px;
}

#content-wrap.atlas-top .boxD .d11 .wrap {
position:relative; width: 251px;
}

#content-wrap.atlas-top .boxD .d11 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d12 {
position:absolute;top: 432px; left: 280px;width: 592px; height: 27px;
}

#content-wrap.atlas-top .boxD .d12 .wrap {
position:relative; width: 592px;
}

#content-wrap.atlas-top .boxD .d12 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d13-1 {
position:absolute;top: 469px; left: 88px;width: 217px; height: 26px;
}

#content-wrap.atlas-top .boxD .d13-1 .wrap {
position:relative; width: 217px;
}

#content-wrap.atlas-top .boxD .d13-1 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxD .d13-2 {
position:absolute;top: 469px; left: 304px;width: 568px; height: 26px;
}

#content-wrap.atlas-top .boxD .d13-2 .wrap {
position:relative; width: 568px;
}

#content-wrap.atlas-top .boxD .d13-2 .midashi_s {
position:absolute;top:10px;left:70px;
}

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

#content-wrap.atlas-top .boxE  a.midashi_l:hover {
background:#00D7E2;
}

#content-wrap.atlas-top .boxE {
position:relative;height: 129px;margin-bottom: 5px;background:url(http://tokuteikenshin-hokensidou.jp/atlas/images/top_E.gif) no-repeat 0 0;
}

#content-wrap.atlas-top .boxE .e1 {
position:absolute;top: 4px; right: 0px;width: 722px; height: 27px;
}

#content-wrap.atlas-top .boxE .e1 .wrap {
position:relative; width: 722px;
}

#content-wrap.atlas-top .boxE .e1 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxE .e2 {
position:absolute;top: 55px; left: 89px;width: 265px; height: 27px;
}

#content-wrap.atlas-top .boxE .e2 .wrap {
position:relative; width: 265px;
}

#content-wrap.atlas-top .boxE .e2 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxE .e3 {
position:absolute;top: 55px; right: 0px;width: 697px; height: 27px;
}

#content-wrap.atlas-top .boxE .e3 .wrap {
position:relative; width: 697px;
}

#content-wrap.atlas-top .boxE .e3 .midashi_s {
position:absolute;top:10px;left:70px;
}

#content-wrap.atlas-top .boxE .e4 {
position:absolute;top: 89px; left: 89px;width: 218px; height: 27px;
}

#content-wrap.atlas-top .boxE .e4 .wrap {
position:relative; width: 218px;
}

#content-wrap.atlas-top .boxE .e4 .midashi_s {
position:absolute;top:10px;left:70px;
}
}

/* ------------------------------------------------ */
/* /* 保健指導アトラス　下層ページ用
----------------------------------------------- */
#content-wrap.atlas-sub .main-wrap {
margin-bottom: 20px;
}

#content-wrap.atlas-sub #main .headline {
margin-bottom: 20px;
padding: 5px 10px;
background: linear-gradient(-45deg, rgba(0, 156, 229, .6), rgba(0, 47, 159, 1));
box-shadow: 0 2px 3px 0 #ddd;
-moz-box-shadow: 0 2px 3px 0 #ddd;
-webkit-box-shadow: 0 2px 3px 0 #ddd;
}

#content-wrap.atlas-sub #main .headline h1 {
font-size: 120%;
margin: 0;
}

#content-wrap.atlas-sub #main h2 {
margin-bottom: 10px;
padding: 5px 10px;
font-size: 120%;
background: #C4ECFF;
font-weight: bold;
position:relative;
border-bottom: none;
}

#content-wrap.atlas-sub #main h2 span {
font-size: 80%;
text-align: right;
display:block;
font-weight: normal;
}

#content-wrap.atlas-sub #main .fukidashi {
	margin-bottom: 30px;
	padding: 10px;
	position: relative;
	background: #FFC4CC;
	border: 0px solid #FFC4CC;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.fukidashi:after, .fukidashi:before {
	top: 100%;
	left: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#content-wrap.atlas-sub #main .fukidashi:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFC4CC;
	border-width: 20px;
	margin-left: -20px;
}
#content-wrap.atlas-sub #main .fukidashi:before {
	border-color: rgba(196, 236, 255, 0);
	border-top-color: #FFC4CC;
	border-width: 20px;
	margin-left: -20px;
}
#content-wrap.atlas-sub #main .point {
margin-bottom:20px;
padding-bottom: 6em;
background:url(http://tokuteikenshin-hokensidou.jp/atlas/images/kame_1.png) no-repeat bottom center ;
background-size: auto 6em;
}

#content-wrap.atlas-sub #main .point ul,
#content-wrap.atlas-sub #main .point ol {
margin: 0 0 0 20px;
}

#content-wrap.atlas-sub #main .point .wrapff {
}

@media screen and (max-width: 735px) {
#content-wrap.atlas-sub .sp-title {
margin-bottom: 0;
}
}

@media print, screen and (min-width: 736px) {
#content-wrap.atlas-sub .main-wrap {
border: none;
padding: 0 20px 40px;
margin-bottom: 0;
}

#content-wrap.atlas-sub #main .headline {
padding: 20px 10px 100px 20px;
background:   url(http://tokuteikenshin-hokensidou.jp/atlas/images/hbg.png),
linear-gradient(-45deg, rgba(0, 156, 229, .6), rgba(0, 47, 159, 1));
background-repeat: no-repeat; 
background-position: 0 100%;
font-size: 140%;
}

#content-wrap.atlas-sub #main h2 {
min-height: 70px;
margin-bottom: 10px;
padding: 20px 0 0 74px;
font-size: 150%;
background:url(http://tokuteikenshin-hokensidou.jp/atlas/images/kame_3.png) no-repeat 5px 5px #C4ECFF;
font-weight: bold;
position:relative;
border-bottom: none;
}

#content-wrap.atlas-sub #main h2 span {
font-size:16px;
position:absolute;
bottom: 10px;
right: 20px;
}

#content-wrap.atlas-sub #main .fukidashi {
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
	background: #FFC4CC;
	border: 0px solid #FFC4CC;
	border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.fukidashi:after, .fukidashi:before {
	top: 100%;
	left: 70%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#content-wrap.atlas-sub #main .fukidashi:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFC4CC;
	border-width: 20px;
	margin-left: -20px;
}
#content-wrap.atlas-sub #main .fukidashi:before {
	border-color: rgba(196, 236, 255, 0);
	border-top-color: #FFC4CC;
	border-width: 20px;
	margin-left: -20px;
}

#content-wrap.atlas-sub #main .point {
margin-bottom:20px;
padding-bottom: 118px;
background:url(http://tokuteikenshin-hokensidou.jp/atlas/images/kame_1.png) no-repeat bottom right ;
}

#content-wrap.atlas-sub #main .point ul,
#content-wrap.atlas-sub #main .point ol {
margin: 0 0 0 20px;
}

#content-wrap.atlas-sub #main .point .wrapff {
padding-left: 85px;
min-height: 105px;
background:url(http://tokuteikenshin-hokensidou.jp/atlas/images/icon-point2.png) no-repeat 0 20px;
}


}

#content-wrap.atlas-sub #main h3 {
font-size: 100%;
font-weight: normal;
color: #333;
margin: 0;
}



#content-wrap.atlas-sub #main h3 {
border-bottom: 2px solid #002F9F;
margin-bottom: 20px;
padding-left: 10px;
font-size: 130%;
font-weight: bold;
}

#content-wrap.atlas-sub #main h4 {
margin-bottom: 0px;
font-size: 120%;
font-weight: bold;
}

#content-wrap.atlas-sub #main h5 {
margin-bottom: 20px;
font-size: 110%;
font-weight: bold;
}





#content-wrap.atlas-sub #main p {
margin: 0 0 20px 0;
}
#content-wrap.atlas-sub #main ul,
#content-wrap.atlas-sub #main ol {
margin: 0 20px 20px 20px;
}

#content-wrap.atlas-sub #main ul li {
list-style: disc;
}

#content-wrap.atlas-sub #main ol li {
list-style: decimal;
}

#content-wrap.atlas-sub #main h1 {
font-size: 200%;
color: #fff;
}

#content-wrap.atlas-sub #main .btn-source a {
display:block;
padding: 5px;
background:#5A76B8;
color: #fff;
text-align: right;
line-height: 1;
}

#content-wrap.atlas-sub #main .btn-source a:hover {
background:#FF463F;
text-decoration: none;
}

#content-wrap.atlas-sub #main .box {
margin-bottom: 20px;
border:1px solid #C4ECFF;
padding: 20px;
box-shadow: 0 2px 3px 0 #ddd;
-moz-box-shadow: 0 2px 3px 0 #ddd;
-webkit-box-shadow: 0 2px 3px 0 #ddd;
}




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

#content-wrap.atlas-sub #side #side-atlas {
padding: 10px;
margin-bottom: 10px; 
border:1px solid #C4ECFF;
box-shadow: 0 2px 3px 0 #ddd;
-moz-box-shadow: 0 2px 3px 0 #ddd;
-webkit-box-shadow: 0 2px 3px 0 #ddd;
}


#content-wrap.atlas-sub #side #side-atlas ul li {
list-style:none;
border-bottom: 1px dotted #002F9F;
}

#content-wrap.atlas-sub #side #side-atlas ul li:last-child {
border:none;
margin: 0;
}

#content-wrap.atlas-sub #side #side-atlas ul li a {
display:block;
padding: 2px 5px ;
}

#content-wrap.atlas-sub #side #side-atlas ul li a:after {
font-family: FontAwesome;
content: "\f138";
float: right;
padding-right: .2em;
color: #29AE32;
}

#content-wrap.atlas-sub #side #side-atlas ul li a:hover {
background: #FF463F;
color: #fff;
text-decoration: none;
}

#content-wrap.atlas-sub #side #side-atlas .menu {
padding: 10px ;
background:#C4ECFF;
color: #333;
font-size: 110%;
font-weight: bold;
}

#content-wrap.atlas-sub #side #side-atlas .menu.cat001 {
background: #F8CDB9;
}

#content-wrap.atlas-sub #side #side-atlas .menu.cat002 {
background: #C5DBB4;
}

#content-wrap.atlas-sub #side #side-atlas .menu.cat003 {
background: #BEDDEB;
}


#content-wrap.atlas-sub #side #side-atlas p {
margin: 0;
}

/* ------------------------------------------------ */
/* 健診リスト
------------------------------------------------ */

/* 地図など
------------------------------------------------ */

.kenshin-list .prefectures-list h3 {
margin-top: 10px;
font-weight: bold;
}

.kenshin-list .prefectures-list .announce {
margin-bottom: 10px;
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #E60012;
text-align: center;
}

.kenshin-list .prefectures-list li {
  margin: .2em 0;
  padding: .2em;
  border-bottom: 1px dotted #A83A00;
}


.kenshin-list .prefectures-list a {
display:block;
padding-left: .5em;
}

.kenshin-list .prefectures-list a:before {
font-family: FontAwesome;
content: "\f15c";
padding-right: .5em;
color: #0060FC;
}

.kenshin-list .prefectures-list a:after {
font-family: FontAwesome;
content: "\f138";
float: right;
padding-right: .5em;
color: #29AE32;
}

@media print, screen and (min-width: 736px) {
.kenshin-list .map-area {
position:relative;
width: 594px;
margin: 0 auto 20px;
}

.kenshin-list .map-area .announce {
padding: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position:absolute;
top: 20px;
left:0;
background: #E60012;
color: #fff;
text-align: center;
}
}

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

#content-wrap.kenshin-list #main {
width: 100%;
float: none;
}

#content-wrap.kenshin-list #main .title-item {
border-bottom: 1px solid #0060FC;
}

#content-wrap.kenshin-list #main .title-item .mainTitle {
font-weight: bold;
}

#content-wrap.kenshin-list .news-item {
margin-bottom: 20px;
}

@media print, screen and (min-width: 736px) {
#content-wrap.kenshin-list #main .main-wrap {
padding: 30px 0 0 0;
border-left: none;
}

#content-wrap.kenshin-list #main .title-item {
margin: 0 65px;
}

#content-wrap.kenshin-list h1 {
padding: 0 65px;
}

#content-wrap.kenshin-list .entryBody h1 .pageNum {
right:65px;
}
}



/* 表組み
------------------------------------------------ */

@media screen and (max-width: 735px) {
.table-scroll {
overflow-x: scroll;
}
}

#content-wrap.kenshin-list #main table.kenshin-list-table {
width: 1030px;
border-collapse: collapse;
table-layout: fixed;
font-size: 14px;
border-top: 3px solid #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table .border-thick {
border-bottom: 3px solid #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table th,
#content-wrap.kenshin-list #main .kenshin-list-table td {
border:1px solid #a9a9a9;
padding: 5px;
}


#content-wrap.kenshin-list #main .kenshin-list-table th {
text-align: center;
font-weight: bold;
background: #C3DDEE;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col1 {
width: 270px;
border-bottom: 3px solid #a9a9a9;
} 

#content-wrap.kenshin-list #main .kenshin-list-table td.col1 {
vertical-align: top;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col1 span {
display:block;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col2 {
width: 40px;
text-align: center;
}

#content-wrap.kenshin-list #main .kenshin-list-table th.col2 {
vertical-align: top;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col2 .fa {
font-size: 170%;
color: #0060FC;
}
 

#content-wrap.kenshin-list #main .kenshin-list-table th.bg {
background: #F4C7CB;
}

#content-wrap.kenshin-list #main .kenshin-list-table th.bg2 {
background: #DEEDC3;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col3 {
vertical-align: top;
border-bottom:3px solid #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col4 {
vertical-align: top;
border-bottom:3px solid #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table .name {
 padding: .5em 0;
 font-weight: bold;
border-bottom: 1px dotted #a9a9a9;
font-size: 110%;
}

#content-wrap.kenshin-list #main .kenshin-list-table .address {
padding-left: 1.7em;
padding-bottom: .2em;
text-indent: -1.7em;
border-bottom: 1px dotted #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table .mail {
display:block;
border-top: 1px dotted #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table .address:before {
font-family: FontAwesome;
content: "\f015";
padding-right: .2em;
font-size: 140%;
color: #E8868F;
}
#content-wrap.kenshin-list #main .kenshin-list-table .tel:before {
font-family: FontAwesome;
content: "\f095";
padding-right: .2em;
font-size: 140%;
color: #E8868F;
}

#content-wrap.kenshin-list #main .kenshin-list-table .mail:before {
font-family: FontAwesome;
content: "\f0e0";
padding-right: .2em;
font-size: 140%;
color: #E8868F;
}

/* ------------------------------------------------ */
/* 講演会・セミナー
------------------------------------------------ */

/* event-list
------------------------ */
#main.event.tobira .event-list {
margin: 20px 0;
}

#main.event.tobira .event-list .head {
font-weight: bold;
}

#main.event.tobira .event-list dd.head {
border-bottom: 2px solid #EA64B9;
}


#main.event.tobira .event-list dl {
  margin: 10px 0;
}

#main.event.tobira .event-list dd {
  border-bottom: 1px dotted #EA64B9;
}


#main.event.tobira .event-list dd span:before {
content: "【";
margin-left: .3em;
}

#main.event.tobira .event-list dd span:after {
content: "】";
}

#main.event.tobira .event-list dd span.event_endflg:before {
content: none;
}

#main.event.tobira .event-list dd span.event_endflg:after {
content: none;
}

#main.event.tobira .event-list dd span.event_endflg {
    background: #ff0000;
    color: #fff;
    border-radius: 5px;
    padding: 0.1em 0.7em;
}

#main.event.tobira .event-list dd.last {
  margin-bottom: 0;
}
#main.event.tobira .event-list dd a {
  display: block;
  padding: .2em;
}

@media screen and (max-width: 735px) {
#main.event.tobira .event-list {
border-top: 2px solid #EA64B9;
}

#main.event.tobira .event-list dt:after {
content: "開催";
margin-left: 0.3em;
}
}

@media print, screen and (min-width: 736px) {
#main.event.tobira .event-list dt {
display:block;
width: 140px;
padding: .4em 0 0 .2em;
}
#main.event.tobira .event-list dd {
  margin: -2.1em 0 0 0;
  padding: .4em 0 .4em 150px;
  border-bottom: 1px dotted #EA64B9;
}
#main.event.tobira .event-list dd a {
  padding: 0;
}
}

/* 20190621イベントCSS追加---------------------- */
#main.event .waku{
  text-align: center;
  margin: .5em;
  font-size: 80%;
  border: 2px #e0e0e0 solid;
  border-radius:10px;
  margin: 10px 20px;
  padding: 10px

}

#main.event .waku img{
  max-width:100%;
  height: auto;
}

#main.event .entryBody .info2{
background-color:#cccccc;
margin-top:12px;
margin-bottom:6px;
margin-left:0px;
padding:4px;
padding-top:6px;
line-height:100%;
}
#main.event .entryBody .mainVisual{
margin-bottom: 20px;
}
#main.event .entryBody .mainVisual .lead {
margin-bottom: 10px;
}

#main.event .entryBody .mainVisual .image {
max-width: 100%;
margin: 0 auto;
}


@media print, screen and (min-width: 736px) {
#main.event .entryBody .mainVisual {
  display: -webkit-flex; /* Safari */
  display: flex;
    -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
    -webkit-flex-direction: row-reverse; /* Safari */
  flex-direction:         row-reverse;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
}

#main.event .entryBody .mainVisual .image {
width: 310px;
}

#main.event .entryBody .mainVisual .lead {
width: 360px;
font-size: 110%;
line-height: 2;
}

}

.img .event_thumb.pick {
cursor: pointer;
float: left;
width: 50px;
height: 50px;
overflow: hidden;
background: url("/event/img/Pick-Up!.png") center center / cover no-repeat rgb(255, 255, 255);
}
.img .event_thumb.select {
cursor: pointer;
float: left;
width: 50px;
height: 50px;
overflow: hidden;
background: url("/event/img/Select_r.png") center center / cover no-repeat rgb(255, 255, 255);
}

/* ------------------------------------------------ */
/* プレゼント
------------------------------------------------ */

#main.present .prize_img {
text-align: center;
}
#main.present .prize_img img {
max-height: 400px;
max-width: 80%;
}

#main.present .prize_info {
  border: 3px dotted #2AAA3B;
  padding: .5em;
  margin-bottom: 1em;
}

#main.present .entryBody h2 {
  border-color: #2AAA3B;
}
#main.present .entryBody h3 {
  padding: .2em .5em;
  margin-bottom: .5em;
  font-weight: bold;
  border-bottom: 1px dotted #2AAA3B;
}

#main.present .entryBody ul {
  margin: 0 1em 1em;
  padding: 0 1em 0 2em;
  list-style: disc;
}



@media print, screen and (min-width: 736px) {

#main.present h1 {
font-size: 100%;
padding-left: 2.7em;
text-indent: -2.7em;
}

#main.present h1:before {
font-family: FontAwesome;
content: "\f06b";
padding-right: .1em;
color: red;
font-size: 200%;
line-height: 1.2;
}

#main.present h1 span {
font-size: 160%;
font-weight: bold;
}

#main.present .prize_info {
  margin: 0 1em 1em;
}

#main.present .prize_img {
text-align: center;
}
#main.present .prize_img img {
max-height: 400px;
max-width: 70%;
}
}

/* プレゼント応募フォーム
------------------------ */


#form #main.present h1 {
border-bottom: 1px solid #2AAA3B;
margin-bottom: 20px;
}

@media print, screen and (min-width: 736px) {

#form #header {
margin-bottom: 20px;
}
#form #container {
width: 800px;
}
}

/* ------------------------------------------------ */
/* アンケート
------------------------------------------------ */
/* 記事ページタイトル
------------------------ */

#main.enq .title-item {
margin-bottom: 20px;
border-bottom: 1px solid #9B0F81;
}

#main.enq .title-item .mainTitle {
font-weight: bold;
}

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

#main.enq .comment {
margin-bottom: 20px;
}

#main.enq .comment dt {
padding: 5px;

}

#main.enq .comment dt:before {
font-family: FontAwesome;
content: "\f14a";
padding-right: .5em;
color: #29AE32;
font-size: 130%;
}

#main.enq .comment dd {
padding: 5px;
text-align: right;
border-bottom: 1px dotted #a9a9a9;
}

#main.enq .bg {
  background: #FEE2C7;
  padding: .5em;
  margin: 0 2em 1em;
}

#main.enq h3 {
  padding: .2em .5em;
  margin-bottom: .5em;
  font-weight: bold;
  border-bottom: 1px dotted #FD8A18;
}

#main.enq .button.margin {
margin-top: 20px;
}

/* ------------------------------------------------ */
/* 求人
------------------------------------------------ */

#main.goodjob.tobira .mainVisual {
margin-bottom: 20px;
}
#main.goodjob.tobira .mainVisual .lead {
margin-bottom: 10px;
}

#main.goodjob.tobira .mainVisual .image {
max-width: 320px;
margin: 0 auto;
}

#main.goodjob.tobira .mainVisual .lead:first-letter {
    font-size: 2.5em;
    line-height: 1;
    float: left;
    margin: 0 .2em 0 0;
    padding: .1em 0;
    color: #a9a9a9;
}

@media print, screen and (min-width: 736px) {



#main.goodjob.tobira .mainVisual {
  display: -webkit-flex; /* Safari */
  display: flex;
    -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
    -webkit-flex-direction: row-reverse; /* Safari */
  flex-direction:         row-reverse;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
}

#main.goodjob.tobira .mainVisual .image {
width: 310px;
}

#main.goodjob.tobira .mainVisual .lead {
width: 360px;
font-size: 110%;
line-height: 2;
}

#main.goodjob.tobira .mainVisual .lead:first-letter {
    font-size: 3.5em;
}
}


/* トビラ　list-table
------------------------------------------------ */

#main.goodjob .list-table {
width: 100%;
margin:0 0 20px 0;

}

#main.goodjob .list-table h2 {
margin:0 4px;
padding:10px 20px;
color:#fff;
font-weight:bold;
border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
border: none;
}

#main.goodjob h3 {
  padding: .2em .5em;
  margin-bottom: .5em;
  font-weight: bold;
  border-bottom: 1px dotted #003399;
}

#main.goodjob .list-table table {
width:100%;
border:2px solid #fff;
border-collapse: separate;
text-align:center;
}

#main.goodjob .list-table table .col1{
width:200px;
}

#main.goodjob .list-table table .col2 {
width:306px;
}

#main.goodjob .list-table table .col3 {
width:250px;
}

#main.goodjob .list-table table th,
#main.goodjob .list-table table td {
border:2px solid #fff;
padding:5px;
}


#main.goodjob .list-table table th {
font-weight:bold;
}

#main.goodjob .list-table table td {
background:#f3f3f3;
}

#main.goodjob .list-table table td.license {
font-weight:bold;
}

/* h2の色
------------------------------------------------ */
#main.goodjob #map-01.list-table h2 {
background:#3958D3;
background:#5A86E0;
}

#main.goodjob #map-02.list-table h2 {
background:#39B4D3;
background:#52B4CE;
}

#main.goodjob #map-03.list-table h2 {
background:#39D376;
background:#ACBC4B;
}

#main.goodjob #map-04.list-table h2 {
background:#76D339;
background:#DDB300;
}

#main.goodjob #map-05.list-table h2 {
background:#D3D339;
background:#EF8800;
}

#main.goodjob #map-06.list-table h2 {
background:#D37639;
background:#ED5F77;
}

#main.goodjob #map-07.list-table h2 {
background:#D33958;
background:#C6964F;
}

#main.goodjob #map-08.list-table h2 {
background:#D339D3;
background:#C252CE;
}


/* thの色
------------------------------------------------ */
#main.goodjob #map-01 th {
background:#A4AED6;
}

#main.goodjob #map-02 th {
background:#A4CCD6;
}

#main.goodjob #map-03 th {
background:#A4D6B8;
}

#main.goodjob #map-04 th {
background:#B8D6A4;
}

#main.goodjob #map-05 th {
background:#D6D6A4;
}

#main.goodjob #map-06 th {
background:#D6B8A4;
}

#main.goodjob #map-07 th {
background:#D6A4AE;
}

#main.goodjob #map-08 th {
background:#D6A4D6;
}


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

@media screen and (max-width: 735px) {
#main.goodjob .list-table h2 {
margin:0 0 10px 0;
}

#main.goodjob .list-table{
display: block;
}

#main.goodjob .list-table thead{
display: none;
}

#main.goodjob .list-table tbody{
display: block;
text-align: left;
}

#main.goodjob .list-table tbody tr{
display: block;
}

#main.goodjob .list-table tbody th,
#main.goodjob .list-table tbody td {
display: block;
border:none;
padding: 5px 10px 10px 10px;
}

#main.goodjob .list-table tbody td p {
margin-bottom: 0;
}

#main.goodjob .list-table tbody td:nth-of-type(1):before {
content: "募集職種：";
font-weight: bold;
}

#main.goodjob .list-table tbody td:nth-of-type(2):before {
content: "企業名・団体名："; 
font-weight: bold;
}

#main.goodjob .list-table tbody td:nth-of-type(3) {
border-bottom: 10px solid #fff;
}

}

/* 募集ページ
------------------------ */

#main.goodjob .title-area {
padding-bottom: 40px;
}

#main.goodjob .title-area h1 {
margin-bottom: 10px;
}

#main.goodjob .title-area .job-type {
border-top: 1px dotted #003399;
margin-top: 10px;
padding-top: 10px;
}

#main.goodjob .title-area .job-type span {
color: #FF0000
}

@media print, screen and (min-width: 736px) {

#main.goodjob .image {
width: 679px;
  display: -webkit-flex; /* Safari */
  display: flex;
    -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
    -webkit-align-items: center; /* Safari */
  align-items:         center;
}

#main.goodjob .image img {
display:block;
max-width: 320px;
}

}



/* 募集要項
------------------------ */
#main.goodjob .bosyu {
font-size: 14px;
margin-bottom: 20px;
}

#main.goodjob .bosyu dt {
background: #B2CBFF;
font-weight: bold;
padding: 5px;
}

#main.goodjob .bosyu dd {
padding: 5px;
}

@media print, screen and (min-width: 736px) {
#main.goodjob .bosyu {
width: 679px;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}

#main.goodjob .bosyu dt {
width: 180px;
border-right: 4px solid #fff;
border-bottom: 4px solid #fff;
}


#main.goodjob .bosyu dd {
width: 475px;
padding: 5px;
background: #F3F3F3;
border-bottom: 4px solid #fff;
}
}

/* ------------------------------------------------ */
/* 業界キーパーソンインタビュー
------------------------------------------------ */

#main.interview.tobira h1 {
margin: 0 0 20px 0;
}

#main.interview.tobira .lead .image-main {
margin: 0 0 10px 0;
text-align: center;
}

#main.interview.tobira .box {
background: #D4EDF1;
padding: 10px;
}

#main.interview.tobira .box .clearfix {
margin-top: 10px;
}

#main.interview.tobira .box span {
display:block;
}

#main.interview.tobira .box .mainTitle {
font-weight: bold;
}

#main.interview.tobira .box .subTitle {
font-size: 120%;
font-weight: bold;
border-bottom: 1px dotted #FD8A18;
}

#main.interview.tobira .box .presenter {
text-align: right;
}

#main.interview.tobira .box .image {
text-align: center;
}

#main.interview .title-item {
margin-bottom: 20px;
border-bottom: 1px solid #FD8A18;
}

#main.interview .title-item .mainTitle {
font-weight: bold;
}

#main.interview .title-item .authorName {
text-align: right;
}

@media print, screen and (min-width: 736px) {
#main.interview.tobira .lead .image-main {
float: right;
margin: 0 0 10px 10px;
text-align: center;
}

#main.interview.tobira .box .image {
float: right;
}
}

/* ------------------------------------------------ */
/* 運営サポーター
------------------------------------------------ */
/* layout
------------------------------------------------ */

#content-wrap.supporters #main {
width: 100%;
float: none;
}

#content-wrap.supporters #main .title-item {
border-bottom: 1px solid #0060FC;
}

#content-wrap.supporters #main .title-item .mainTitle {
font-weight: bold;
}


#content-wrap.supporters #main h1 {
margin: 0;
}


#content-wrap.supporters .news-item {
margin-bottom: 20px;
}

@media print, screen and (min-width: 736px) {
#content-wrap.supporters #main .main-wrap {
padding: 10px 0 0 0;
border-left: none;
}

#content-wrap.supporters #main .title-item {
margin: 0 65px;
}
}

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

#content-wrap.supporters .lead {
margin-bottom: 20px;
}
@media print, screen and (min-width: 736px) {
#content-wrap.supporters .lead {
margin: 0 50px 20px 50px;
}
}

#content-wrap.supporters h2 {
margin:0 4px;
padding:10px 20px;
font-size:130%;
color:#fff;
font-weight:bold;
border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
border: none;
}


/* h2の色
------------------------------------------------ */
#content-wrap.supporters #map-01 h2 {
background:#3958D3;
background:#5A86E0;
}

#content-wrap.supporters #map-02 h2 {
background:#39B4D3;
background:#52B4CE;
}

#content-wrap.supporters #map-03 h2 {
background:#39D376;
background:#ACBC4B;
}

#content-wrap.supporters #map-04 h2 {
background:#76D339;
background:#DDB300;
}

#content-wrap.supporters #map-05 h2 {
background:#D3D339;
background:#EF8800;
}

#content-wrap.supporters #map-06 h2 {
background:#D37639;
background:#ED5F77;
}

#content-wrap.supporters #map-07 h2 {
background:#D33958;
background:#C6964F;
}

#content-wrap.supporters #map-08 h2 {
background:#D339D3;
background:#C252CE;
}

/* thの色
------------------------------------------------ */
#content-wrap.supporters #map-01 th {
background:#A4AED6;
}

#content-wrap.supporters #map-02 th {
background:#A4CCD6;
}

#content-wrap.supporters #map-03 th {
background:#A4D6B8;
}

#content-wrap.supporters #map-04 th {
background:#B8D6A4;
}

#content-wrap.supporters #map-05 th {
background:#D6D6A4;
}

#content-wrap.supporters #map-06 th {
background:#D6B8A4;
}

#content-wrap.supporters #map-07 th {
background:#D6A4AE;
}

#content-wrap.supporters #map-08 th {
background:#D6A4D6;
}





/* thの色
------------------------------------------------ */
#content-wrap.supporters-entry #map-01 th {
background:#A4AED6;
}

#content-wrap.supporters-entry #map-02 th {
background:#A4CCD6;
}

#content-wrap.supporters-entry #map-03 th {
background:#A4D6B8;
}

#content-wrap.supporters-entry #map-04 th {
background:#B8D6A4;
}

#content-wrap.supporters-entry #map-05 th {
background:#D6D6A4;
}

#content-wrap.supporters-entry #map-06 th {
background:#D6B8A4;
}

#content-wrap.supporters-entry #map-07 th {
background:#D6A4AE;
}

#content-wrap.supporters-entry #map-08 th {
background:#D6A4D6;
}





/* #content-wrap.supporters list-table
------------------------------------------------ */

#content-wrap.supporters .list-table {
width: 1030px;
margin:0 0 20px 0;
font-size: 90%;
}

#content-wrap.supporters .list-table table {
width:100%;
border:2px solid #fff;
border-collapse: separate;
}

#content-wrap.supporters .list-table table .col1{
width:90px;
}

#content-wrap.supporters .list-table table .col2 {
width:90px;
}

#content-wrap.supporters .list-table table .col3 {
width:423px;
}

#content-wrap.supporters .list-table table .col4 {
width:423px;
}

#content-wrap.supporters .list-table table th,
#content-wrap.supporters .list-table table td {
border:2px solid #fff;
padding:3px 5px;
}

#content-wrap.supporters .list-table table th {
font-weight:bold;
text-align: center;
}

#content-wrap.supporters .list-table table td {
background:#f3f3f3;
}

#content-wrap.supporters .list-table table td span.license {
font-size:110%;
// white-space: nowrap;
font-weight:bold;
}
#content-wrap.supporters .list-table table td.seminar-title,
#content-wrap.supporters .list-table table td.note {
text-align: left;
}
#content-wrap.supporters .list-table table td.seminar-title a {
display:block;
text-decoration: none;
}
#content-wrap.supporters .list-table table td.seminar-title a:after {

}

#content-wrap.supporters .list-table table td.seminar-title a .button {
font-size: 80%;
background:url() no-repeat 0 0 #e82727;
margin-left: 0.5em;
padding: 0 5px;
color: #fff;
white-space: nowrap;
}

/* ------------------------------------------------ */
/* 我が街の保健活動
------------------------------------------------ */

#main.town.tobira .box {
}


#main.town.tobira .box .corporate {
  position: relative;
  padding: 1em 0.6em;
  background: #FDDAC4;
  margin-bottom: 15px;
  font-size: 140%;
  border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
  color: #;
}

#main.town.tobira .box .corporate:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #FDDAC4;
width: 0;
height: 0;
}

#main.town.tobira .box .clearfix {
padding: 20px;
background: #FFF3E5;
  border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;
}

#main.town .image {
text-align:  center;
}

@media print, screen and (min-width: 736px) {
#main.town .image {
float: right;
margin: 0 0 10px 10px;
}
}

/* ------------------------------------------------ */
/* メールマガジン登録フォーム
------------------------------------------------ */

#main.about #mailMagazine {
margin-bottom: 20px;
}

#main.about #mailMagazine .must {
	display: block;
	background-color: #C00;
	border: solid 2px #C00;
	padding: 0px 2px;
	font-size: 12px;
	color: #FFF;
	float: left;
	margin: 0px 5px;
	border-radius: 4px;
	background-size: 100% 100%;
 font-weight: normal;
}

#main.about #mailMagazine dl {
border-top: dotted 1px #003399;
font-size: 14px;
margin-bottom: 20px;
}

#main.about #mailMagazine dl.bottom {
border: none;
margin-bottom: 10px;
}

#main.about #mailMagazine dl dt {
	padding: 20px 10px 5px 10px;
  font-weight: bold;
}
#main.about #mailMagazine dl dd {
	border-bottom: dotted 1px #003399;
	padding: 5px 10px 20px 10px;
}

#main.about #mailMagazine dl dd ul,
#main.about #mailMagazine dl dd ol {
	margin: 0px;
	padding: 0px;
}
#main.about #mailMagazine dl dd ul li,
#main.about #mailMagazine dl dd ol li {
	margin: 0px;
	padding: 0px;
	list-style: none;
  float: left;
  margin-right: 1em;
}

#main.about #mailMagazine .buttons input.btn {
display: inline-block; 
padding:10px;
margin:0 20px;
color:#fff;
border:none;
cursor:pointer;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-webkit-appearance: button;
font-size: 100%;
background:#29AE32;
}

#main.about #mailMagazine .buttons input.btn:hover {
background:#35E041;
color:#fff;
}

/* ------------------------------------------------ */
/* メールマガジン　サイドメニュー用
------------------------------------------------ */

#side .mail-banner {
border: 2px solid #FD8A18;
position:relative;
line-height: 1.5;
padding: 5px 5px 10px;
background: #FEE2C7;
}

#side .mail-banner span {
display:block;
}

#side .mail-banner .muryo {
position:absolute;
top:-10px;
left: 0px;
font-size: 130%;
background: #FC1933;
border-radius: 50%;
-moz-border-radius:  50%;
-webkit-border-radius:  50%;
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
}

#side .mail-banner .title {
font-size: 150%;
padding: 0;
margin: 0;
line-height: 1.2;
text-align: center;
font-weight: bold;
}

#side .mail-banner .title:before {
font-family: FontAwesome;
content: "\f0e0";
margin-right: .2em;
color: #1E90FF;
font-size: 150%;
}

#side .mail-banner .large {
display: inline;
font-size: 110%;
font-weight: bold;
}

#side .mail-banner .small {
display: inline;
font-size: 90%;
}

#side .mail-banner .copy {
text-align: center;
padding: 3px 0;
border-top: 1px dotted #FD8A18;
border-bottom: 1px dotted #FD8A18;
}

#side .mail-banner .tokucyo {
text-align: center;
}

#side .mail-banner .data {
text-align: left;
padding: 0 3px;
background: #fff;
border-top: 1px dotted #FD8A18;
margin-bottom: 5px;
}

#side .mail-banner .data ul {
margin: 0 1em;
}

#side .mail-banner .data li {
float: left;
margin-right: .5em;
}

#side .mail-banner .data li:before {
font-family: FontAwesome;
content: "\f14a";
margin-right: .2em;
color: #1E90FF;
}

#side .mail-banner .data li:last-child:after {
content: none;
}

#side .mail-banner .button {
margin: 0 20px;
}

@media print, screen and (min-width: 736px) {
#side .mail-banner .muryo {
top:-10px;
left:-20px;
}
}

/* ------------------------------------------------ */
/* 2カ月先駆けカレンダー
------------------------------------------------ */

/* 色-先駆けカレンダー
------------------------------------------------ */

#main.calendar .main-wrap,
#main.calendar .cornerTitle {
border-color: #FD8A18;
}

#main.calendar .cornerTitle .title::before {
	background: rgba(253,138,24,0.5);
}

#main.calendar .cornerTitle .title::after {
	background: #FD8A18;
}

/* ------------------------------------------------ */
#main.calendar h1 {
margin-bottom: 0;
}

#main.calendar h2 {
padding-bottom: 0;
}

#main.calendar h3 {
  padding: .2em .5em;
  margin-bottom: .5em;
  font-weight: bold;
  border-bottom: 1px dotted #003399;
}

#main.calendar h3 span {
color: #red;
}

#main.calendar h4 {
  padding: .2em 0;
  font-weight: bold;
}

#main.calendar h2:before {
font-family: FontAwesome;
content: "\f274";
margin-right: .2em;
color: #FD8A18;
font-size: 150%;
}

#main.calendar .image {
float: right;
text-align: center;
}


#main.calendar .flex {
padding-top: 9px;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
    -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
background: #EBEBF4;
}

#main.calendar .box-wrap {
width: 100%;
min-height: 100px;
background: #fff;
margin-bottom: 9px;
padding: 5px;
}

#main.calendar ul {
margin-left: .5em;
}

#main.calendar .entryBody li:before {
font-family: FontAwesome;
content: "\f274";
margin-right: .2em;
color: #1E90FF;
}

#main.calendar .january {
background:url(/images/january.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .february {
background:url(/images/february.jpg) no-repeat 50% 100%;
background-size: cover;
}

#main.calendar .march {
background:url(/images/march.jpg) no-repeat 100% 50%;
background-size: cover;
}

#main.calendar .april {
background:url(/images/april.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .may {
background:url(/images/may.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .june {
background:url(/images/june.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .july {
background:url(/images/july.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .august {
background:url(/images/august.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .september {
background:url(/images/september.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .october {
background:url(/images/october.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .november {
background:url(/images/november.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .december {
background:url(/images/december.jpg) no-repeat 50% 50%;
background-size: cover;
}

@media print, screen and (min-width: 736px) {
#main.calendar .box-wrap.w1 {
width: 669px;
}
#main.calendar .box-wrap.w2 {
width: 325px;
}
}

/* ------------------------------------------------ */
/* くるみヘルスケアプロジェクト
------------------------------------------------ */

#kurumi-main .bg {
border: 5px solid #742E1A;
background: url(http://tokuteikenshin-hokensidou.jp/kurumi/images/bg.jpg) 0 0;
padding: 20px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


#kurumi-main h2 {
margin: 0 0 10px 0;
font-size: 30px;
color: #742E1A;
line-height: 1;
}

#kurumi-main .layout {
width: 100%;
}

#kurumi-main .layout .box {
width: 490px;
}


#kurumi-main .box .wrap {
margin: 15px;
background:url(http://tokuteikenshin-hokensidou.jp/kurumi/images/te.gif) no-repeat 0 0 #fff;
padding: 20px;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#kurumi-main li {
border-bottom: solid 1px #742E1A;
}

#kurumi-main #mailformpro li {
border: none;
}

#kurumi-main li a {
display:block;
padding: 3px;
}

#kurumi-main li:first-child {
border-top: solid 1px #742E1A
}

#kurumi-main img {
max-width: 100%;
height: auto;
}

#kurumi-main .kanren ul {
background: url(http://tokuteikenshin-hokensidou.jp/kurumi/images/002.jpg) no-repeat 0 0 #fff;
background-size: contain;
padding-left: 130px;
}

#kurumi-main .button {
text-align: center;
margin: 0;
}

#kurumi-main .button a {
display:block;
padding: 10px;
color: #fff;
background: #742E1A;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#kurumi-main .button a:link,
#kurumi-main .button a:visited,
#kurumi-main .button a:active {
color: #fff;
}

#kurumi-main .button a:hover {
color: #fff;
text-decoration: none;
background: #4DB090; 
}

/* ------------------------ */
#kurumi-main .layout .banner a {
display:block;
margin: 15px;
  -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.24), 0 15px 12px rgba(0,0,0,0.12);
  -moz-box-shadow: 0 19px 38px rgba(0,0,0,0.24), 0 15px 12px rgba(0,0,0,0.12);
  box-shadow: 0 19px 38px rgba(0,0,0,0.24), 0 15px 12px rgba(0,0,0,0.12);
  transition: all 0.2s ease-in-out;
}
/* ------------------------ */

#kurumi-main .box .wrap {
  -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  border-radius: 2px;
}

#kurumi-main .box .wrap {
  -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.24), 0 15px 12px rgba(0,0,0,0.12);
  -moz-box-shadow: 0 19px 38px rgba(0,0,0,0.24), 0 15px 12px rgba(0,0,0,0.12);
  box-shadow: 0 19px 38px rgba(0,0,0,0.24), 0 15px 12px rgba(0,0,0,0.12);
  transition: all 0.2s ease-in-out;
}
#kurumi-main .box.sample .wrap:hover,
#kurumi-main .box.toSite .wrap:hover,
#kurumi-main .layout .banner a:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#kurumi-main a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
}
#kurumi-main a:active img {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
}


/* SmartPhone
------------------------------------------------ */

@media screen and (max-width: 735px) {
#kurumi-main img {max-width: 100%;}

#kurumi-main .sp-none {
display: none;
}

#kurumi-main .bg {
padding: 0px;
}

#kurumi-main .main-title {
height: auto;
background: none;
padding: 0 5px;
}

#kurumi-main .main-title .logo {
text-align: center;
}

#kurumi-main .main-title .logo img {
width: 80%;
height: auto;
}

#kurumi-main .main-title h1 {
font-size: 200%;
margin-bottom: 0px;
font-weight: bold;
//background: #00A3A8;
color: #670000;
//padding: 5px 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#kurumi-main .main-title .sns {
padding: 5px;
background: #742E1A;
text-align: right;
margin-bottom: 5px;
}

#kurumi-main .main-title .sns img {
height: 30px;
width: auto;
margin:0 5px;
}

#kurumi-main h2 {
font-size: 150%;
line-height: 1.5;
}

#kurumi-main .main-title .visual {
width: 60%;
margin: 0 auto ;
}


#kurumi-main .main-title .lead {
margin: 0 10px 10px;
font-size: 100%;
color: #670000;
}

#kurumi-main .layout .box {
width: 100%;
}

#kurumi-main .kanren ul {
background: url(http://tokuteikenshin-hokensidou.jp/kurumi/images/002.jpg) no-repeat 0 0 #fff;
background-size: 30% auto;
padding-left: 33%;
}
}

@media print, screen and (min-width: 736px) {

#kurumi-main .pc-none {
display: none;
}

#kurumi-main br.br-sp { display:none; }


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

#kurumi-main .main-title {
margin-bottom: 20px;
}

#kurumi-main .main-title .logo {
float: left;
width: 220px;
text-align: center;
padding-left: 30px;
}

#kurumi-main .main-title .title-area {

float: right;
width: 780px;

}

#kurumi-main .main-title h1 {
padding: 0 20px;
font-size: 45px;
color: #742E1A;
font-weight: bold;
margin-bottom: 5px;
}
#kurumi-main .main-title .lead {
padding: 0 20px;
font-size: 16px;
color: #742E1A;
line-height: 1.7;
}

#kurumi-main .main-title .sns {
padding: 5px 20px;
background: #742E1A;
text-align: right;
margin-bottom: 5px;
}

#kurumi-main .main-title .sns img {
height: 30px;
width: auto;
margin:0 5px;
}
}

/* ------------------------------------------------ */
#kurumi-main {
font-size: 14px;
margin: 10px 0 20px;
}

#kurumi-main .box {
margin: 0;
}


#kurumi-main p {
margin-bottom: 1em;
}

#kurumi-main h2 {
border:none;
margin: 0 0 10px 0;
padding: 0;
font-weight: normal;
}

#kurumi-main .button {
border: none;
}


#kurumi-main .button {
text-align: center;
margin: 0;
}

#kurumi-main .button a {
display:block;
padding: 5px;
color: #fff;
background: #742E1A;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	box-shadow: none;
}

#kurumi-main .button a:link,
#kurumi-main .button a:visited,
#kurumi-main .button a:active {
color: #fff;
}

#kurumi-main .button a:hover {
color: #fff;
text-decoration: none;
background: #4DB090; 
}

/* ------------------------------------------------ */
/* メタボリックシンドローム撲滅委員会オフィシャルグッズ
------------------------------------------------ */

#main.metabo .button-area {
text-align: center;
}


@media print, screen and (min-width: 736px) {
#main.metabo .metabo-poster {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

#main.metabo .metabo-poster div {
width: 33%;
padding: 0 5px;
box-sizing: border-box;
}
}

/* ------------------------------------------------ */
/* jfpaカタログ請求フォーム
------------------------------------------------ */
#main.catalog .img {
text-align: center;
}

@media print, screen and (min-width: 736px) {
#main.catalog .img {
float: right;
margin: 0 0 1em 1em;
}
}


#main.catalog #mailformpro {
margin-bottom: 20px;
padding: 10px;
border: 3px solid #00A800;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#main.catalog #mailformpro .mfp_achroma {
background: none;
}
#main.catalog #mailformpro .mfp_colored {
background: none;
}

/* ------------------------------------------------ */
/* 色の指定
------------------------------------------------ */

/* 色-保健指導リソースガイドについて
------------------------------------------------ */

#main.about .main-wrap,
#main.about .cornerTitle,
#main.about .news-item,
#main.about .news-list dd,
#main.about h2,
#main.about h3,
#main.about a.opi-box,
#main.about .tool .box,
#main.about .tool li,
#main.about .copyright {
border-color: #FD8A18;
}

#main.about .cornerTitle .title::before {
	background: rgba(253,138,24,0.5);
}

#main.about .cornerTitle .title::after {
	background: #FD8A18;
}

/* 教材・備品カタログ
------------------------------------------------ */

#main.catalog .main-wrap,
#main.catalog .cornerTitle,
#main.catalog .news-item,
#main.catalog .news-list dd,
#main.catalog h2,
#main.catalog h3,
#main.catalog a.opi-box,
#main.catalog .tool .box,
#main.catalog .tool li,
#main.catalog .copyright {
border-color: #FD8A18;
}

#main.catalog .cornerTitle .title::before {
	background: rgba(253,138,24,0.5);
}

#main.catalog .cornerTitle .title::after {
	background: #FD8A18;
}

/* よろず相談センター */

.y-box1{
	width:100%;
	margin: 10px 10px 10px 0px;
}
.y-box1 p{
    margin: 10px 20px 20px 20px;
}

#main.yorozu-color .entryBody .yorozu h3{
  padding: 0px;
  margin-bottom: 0px;
  font-weight: bold;
  font-size:110%;
  color:#1EB700;
  border-bottom: 2px dotted #002CFF;
}

.yorozu h4 {
  position: relative;
  margin: 0;

}
.yorozu h4:first-letter{
  font-size: 2em;
  color: #002CFF;
}
.yorozu h4::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  color:#002CFF;
  height: 0;
  border-bottom: 1px solid #ccc;
}
.yorozu h5{
	font-size: 110%;
	font-weight: bold;
	margin: 25px 10px 10px 10px;
	color:#001B9F;
}
.yorozu_b {
	font-size:180%;
	font-weight: bold;
	padding:5px;
	color: #001B9F;
}
.contain{
	 margin:0 auto;
	border-radius: 10px;
	width:100%;
	border: solid 1px #ff0000;
}

.bannar{
	font-size: 110%;
	color:#FF8600;
	font-weight: bold;
	text-indent: 1em;	
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}

.hplink a{
	color:#0060FC;
}

/* よろず別窓　*/
.question{
	background: #FFFFFF;
	width: 500px;
	margin: 10px 10px 10px 10px;
}
.question p{
	margin: 10px 10px 10px 10px;
}
.question ol{
	margin: 10px 10px 10px 10px;
}
/* ------------------------------------------------ */
/* よろずフォーム
------------------------------------------------ */

#main.yorozu .img {
text-align: center;
}

@media print, screen and (min-width: 736px) {
#main.catalog .img {
float: right;
margin: 0 0 1em 1em;}
}

#main.yorozu-color .entryBody .yorozu #mailformpro .must {
	display: block;
	background-color: #C00;
	border: solid 2px #C00;
	padding: 0px 2px;
	font-size: 12px;
	color: #FFF;
	float: left;
	margin: 0px 5px;
	border-radius: 4px;
	background-size: 100% 100%;
 font-weight: normal;
}

#main.yorozu-color .entryBody .yorozu #mailformpro {
margin-bottom: 20px;
padding: 10px;
border: 3px solid #002CFF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#main.yorozu-color .entryBody .yorozu #mailformpro .mfp_achroma {
background: none;
}
#main.yorozu-color .entryBody .yorozu #mailformpro .mfp_colored {
background: none;
}

/* 色-よろず
------------------------------------------------ */
#main.yorozu-color .main-wrap,
#main.yorozu-color .cornerTitle,
#main.yorozu-color .news-item,
#main.yorozu-color .news-list dd,
#main.yorozu-color h2,
#main.yorozu-color h3,
#main.yorozu-color a.opi-box,
#main.yorozu-color .tool .box,
#main.yorozu-color .tool li,
#main.yorozu-color .copyright {
border-color: #0060FC;
}

#main.yorozu-color .cornerTitle .title::before {
	background: rgba(0,96,252,0.5);
}

#main.yorozu-color .cornerTitle .title::after {
	background: #0060FC;
}

#main.yorozu-color.tobira .mainVisual .lead:first-letter {
color: #0060FC;
}

/* ------------------------------------------------ */
/* トリプルリスク
------------------------------------------------ */
/* 色-トリプルリスク
------------------------------------------------ */
#main.triple-color .main-wrap,
#main.triple-color .cornerTitle,
#main.triple-color .news-item,
#main.triple-color .news-list dd,
#main.triple-color h2,
#main.triple-color h3,
#main.triple-color a.opi-box,
#main.triple-color .tool .box,
#main.triple-color .tool li,
#main.triple-color .copyright {
border-color: #FD8A18;
}

#main.triple-color .cornerTitle .title::before {
	background: rgba(253,138,24,0.5);
}

#main.triple-color .cornerTitle .title::after {
	background: #FD8A18;
}

#main.yorozu-color.tobira .mainVisual .lead:first-letter {
color: #FD8A18;
}

/* トリプルリスク*/
.triple-box{
	background: #fee2c7;
	width:90%;
	padding: 10px 10px 10px 10px;
	margin: auto;
	box-sizing: border-box;
	color: #333;
}
.triple-box p{
    margin: 20px 20px 20px 10px;
}

#main.triple-color .entryBody .triplerisk h3{
  padding: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size:100%;
  color:#FD8A18;
  border-bottom: 2px dotted #FD8A18;
}

.triplerisk .link {
	color:#FD8A18;
	font-weight: bold;
	font-size: 120%;
}
.triplerisk ul{
	list-style-type: disc;
	margin: 1em;
}

.triplerisk .pdf{
	display: inline-block;
	margin-left: 40px;
}

/* トリプルリスクフォーム*/
#main.triplerisk .img {
text-align: center;
}

@media print, screen and (min-width: 736px) {
#main.catalog .img {
float: right;
margin: 0 0 1em 1em;}
}

#main.triple-color .entryBody #mailformpro .must {
	display: block;
	background-color: #C00;
	border: solid 2px #C00;
	padding: 0px 2px;
	font-size: 12px;
	color: #FFF;
	float: left;
	margin: 0px 5px;
	border-radius: 4px;
	background-size: 100% 100%;
	font-weight: normal;
}

#main.triple-color .entryBody #mailformpro {
margin-bottom: 20px;
padding: 10px;
border: 3px solid #FD8A18;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#main.triple-color .entryBody #mailformpro .mfp_achroma {
background: none;
}
#main.triple-color .entryBody #mailformpro .mfp_colored {
background: none;
}
#main.triple-color .entryBody  #mailformpro li{
  list-style: none;
}


/* メタボグッズ
------------------------------------------------ */

#main.metabo .main-wrap,
#main.metabo .cornerTitle,
#main.metabo .news-item,
#main.metabo .news-list dd,
#main.metabo h2,
#main.metabo h3,
#main.metabo a.opi-box,
#main.metabo .tool .box,
#main.metabo .tool li,
#main.metabo .copyright {
border-color: #FD8A18;
}

#main.metabo .cornerTitle .title::before {
	background: rgba(253,138,24,0.5);
}

#main.metabo .cornerTitle .title::after {
	background: #FD8A18;
}

/* 色-ニュース
------------------------------------------------ */

#main.news .main-wrap,
#main.news .cornerTitle,
#main.news .news-item,
#main.news .news-list dd,
#main.news h2,
#main.news h3,
#main.news .title3,
#main.news a.opi-box,
#main.news .tool .box,
#main.news .tool li,
#main.news .copyright {
border-color: #FFBF02;
}

#main.news .cornerTitle .title::before {
	background: rgba(255,191,2,0.5);
}

#main.news .cornerTitle .title::after {
	background: #FFBF02;
}

/* 色-保健指導関連情報
------------------------------------------------ */

#main.information .main-wrap,
#main.information .cornerTitle,
#main.information .news-item,
#main.information .news-list dd,
#main.information h2,
#main.information h3,
#main.information a.opi-box,
#main.information .tool .box,
#main.information .tool li,
#main.information .copyright {
border-color: #0060FC;
}

#main.information .cornerTitle .title::before {
	background: rgba(0,96,252,0.5);
}

#main.information .cornerTitle .title::after {
	background: #0060FC;
}

#main.information.tobira .mainVisual .lead:first-letter {
color: #0060FC;
}

/* 色-オピニオン
------------------------------------------------ */

#main.opinion .main-wrap,
#main.opinion .cornerTitle,
#main.opinion .news-item,
#main.opinion .news-list dd,
#main.opinion h2,
#main.opinion h3,
#main.opinion a.opi-box,
#main.opinion .tool .box,
#main.opinion .tool li,
#main.opinion .copyright {
border-color: #9B0F81;
}

#main.opinion .cornerTitle .title::before {
	background: rgba(155,15,129,0.5);
}

#main.opinion .cornerTitle .title::after {
	background: #9B0F81;
}

#main.opinion.tobira .mainVisual .lead:first-letter {
color: #9B0F81;
}

/* 色-関連資料
------------------------------------------------ */

#main.reference .main-wrap,
#main.reference .cornerTitle,
#main.reference .news-item,
#main.reference .news-list dd,
#main.reference h2,
#main.reference h3,
#main.reference a.opi-box,
#main.reference .tool .box,
#main.reference .tool li,
#main.reference .copyright {
border-color: #00BAD3;
}

#main.reference .cornerTitle .title::before {
	background: rgba(0,186,211,0.5);
}

#main.reference .cornerTitle .title::after {
	background: #00BAD3;
}

/* 色-講演会・セミナー
------------------------------------------------ */


#main.event .main-wrap,
#main.event .cornerTitle,
#main.event .news-item,
#main.event .news-list dd,
#main.event h2,
#main.event h3,
#main.event a.opi-box,
#main.event .tool .box,
#main.event .tool li,
#main.event .copyright {
border-color: #EA64B9;
}

#main.event .cornerTitle .title::before {
	background: rgba(234,100,185,0.5);
}

#main.event .cornerTitle .title::after {
	background: #EA64B9;
}

/* 色-プレゼント
------------------------------------------------ */

#main.present .main-wrap,
#main.present .cornerTitle,
#main.present .news-item,
#main.present .news-list dd,
#main.present h2,
#main.present h3,
#main.present a.opi-box,
#main.present .tool .box,
#main.present .tool li,
#main.present .copyright {
border-color: #2AAA3B;
}

#main.present .cornerTitle .title::before {
	background: rgba(42,170,59,0.5);
}

#main.present .cornerTitle .title::after {
	background: #2AAA3B;
}

/* 色-求人
------------------------------------------------ */

#main.goodjob .main-wrap,
#main.goodjob .cornerTitle,
#main.goodjob .news-item,
#main.goodjob .news-list dd,
#main.goodjob h2,
#main.goodjob h3,
#main.goodjob a.opi-box,
#main.goodjob .tool .box,
#main.goodjob .tool li,
#main.goodjob .copyright {
border-color: #003399;
}

#main.goodjob .cornerTitle .title::before {
	background: rgba(0,51,153,0.5);
}

#main.goodjob .cornerTitle .title::after {
	background: #003399;
}

#main.goodjob.tobira .mainVisual .lead:first-letter {
color: #003399;
}

/* 色-業界キーパーソンインタビュー
------------------------------------------------ */

#main.interview .main-wrap,
#main.interview .cornerTitle,
#main.interview .news-item,
#main.interview .news-list dd,
#main.interview h2,
#main.interview h3,
#main.interview a.opi-box,
#main.interview .tool .box,
#main.interview .tool li,
#main.interview .copyright {
border-color: #FD8A18;
}

#main.interview .cornerTitle .title::before {
	background: rgb(253,138,24,0.5);
}

#main.interview .cornerTitle .title::after {
	background: #FD8A18;
}

#main.interview.tobira .mainVisual .lead:first-letter {
color: #FD8A18;
}
/* 色-健診リスト
------------------------------------------------ */

#main.kenshin-list .main-wrap,
#main.kenshin-list .cornerTitle,
#main.kenshin-list .news-item,
#main.kenshin-list .news-list dd,
#main.kenshin-list h2,
#main.kenshin-list h3,
#main.kenshin-list a.opi-box,
#main.kenshin-list .tool .box,
#main.kenshin-list .tool li,
#main.kenshin-list .copyright {
border-color: #0060FC;
}

#main.kenshin-list.tobira .cornerTitle .title::before {
background: rgba(0,96,252,0.5);
}

#main.kenshin-list.tobira .cornerTitle .title::after {
background: #B0CDFC;
}

/* ------------------------ */
#content-wrap.kenshin-list #main .main-wrap,
#content-wrap.kenshin-list #main .cornerTitle {
border-color: #0060FC;
}

#content-wrap.kenshin-list #main .cornerTitle .title::before {
background: rgba(0,96,252,0.5);
}

#content-wrap.kenshin-list #main .cornerTitle .title::after {
background: #B0CDFC;
}

/* 色-運営サポーター
------------------------------------------------ */

#content-wrap.supporters #main .cornerTitle,
#content-wrap.supporters #main .news-item,
#content-wrap.supporters #main .copyright {
border-color: #FD8A18;
}

#content-wrap.supporters #main .cornerTitle .title::before {
background: rgb(253,138,24,0.5);
}

#content-wrap.supporters #main .cornerTitle .title::after {
background: #FD8A18;
}

/* 色-我が街の保健活動
------------------------------------------------ */

#main.town .main-wrap,
#main.town .cornerTitle,
#main.town .news-item,
#main.town .news-list dd,
#main.town h2,
#main.town h3,
#main.town a.opi-box,
#main.town .tool .box,
#main.town .tool li,
#main.town .copyright {
border-color: #E8B0AF;
}

#main.town .cornerTitle .title::before {
	background: rgba(232,176,175,0.5);
}

#main.town .cornerTitle .title::after {
	background: #E8B0AF;
}

/* 色-関連団体
------------------------------------------------ */

#main.dantai .main-wrap,
#main.dantai .cornerTitle,
#main.dantai .news-item,
#main.dantai .news-list dd,
#main.dantai h2,
#main.dantai h3,
#main.dantai a.opi-box,
#main.dantai .tool .box,
#main.dantai .tool li,
#main.dantai .copyright {
border-color: #0060FC;
}

#main.dantai .cornerTitle .title::before {
	background: rgba(0,96,252,0.5);
}

#main.dantai .cornerTitle .title::after {
	background: #0060FC;
}

#main.dantai.tobira .mainVisual .lead:first-letter {
color: #0060FC;
}