@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------------- common */
html { scroll-behavior: smooth; }
body { background: #fff;  }
div.inner { width: 960px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
br.resp { display: none; }
br.default { display: block; }
.symbol::after { content: ""; background: url(https://www2.hosp.med.tottori-u.ac.jp/departments/center/boshi/img/icon-symbol.png) no-repeat; background-size: 25px 25px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; }

/* -------------------------------------------------------- link */
div.link { width: 160px; box-sizing: border-box; padding: 0.6em 0; text-align: center; border: 2px solid #13191b; position: relative; transition: all 0.2s ease-in-out; }
div.link:after { position: absolute; top: 50%; right: 15px; display: block; content: ''; width: 7px; height: 7px; margin-top: -5px; border-top: 1px solid #13191b; border-right: 1px solid #13191b;  transform: rotate(45deg); transition: all 0.2s ease-in-out; }
div.link:hover { background: #f4873d; color: #fff; border: 2px solid #f4873d; }
div.link:hover:after { right: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; }
div.link a { display: block; }
div.link:hover a { color: #fff; }

/* -------------------------------------------------------- header */
header { background: #fff; }
header div.top { background: #f2f2f2; }
header div.top div.utility ul { padding: 0.5em; }
header div.top div.utility ul li { display: inline; font-size: 86%; /* 12px */ color: #cc842f; }
header div.top div.utility ul li a { color: #f4873d; text-decoration: underline; font-weight: bold; }
header div.top div.utility ul li a:hover { text-decoration: none; }
header nav ul li.respMenu { display: none; }
header div.bottom { border-bottom: 2px solid #f8f1e9; }
header div.bottom div.inner.clearfix { padding: 10px 0; }
header div.bottom.fixed { position: fixed; width: 100%; top: 0; background: #fff; z-index: 9999; }
header div.logo { font-weight: bold; font-size: 172%; /* 24px */ }
header div.logo a { display: block; }
header div.bottom div.inner div.fr { width: 600px; }

/* -------------------------------------------------------- nav.default */
nav { width: 100%; background: #ffffff; }
nav div.inner { width: 100%; box-sizing: border-box; background: #ffffff; position: inherit; top: 0; left: 0; z-index: 9999; transition: all 0.2s ease-in-out; }
nav ul { display: table; width: 100%; margin: 0 auto; }
nav ul li { display: table-cell; vertical-align: middle; }
nav ul li a { display: block; text-align: center; width: 100%; box-sizing: border-box; color: #333333; font-size: 115%; font-weight: bold; position: relative; line-height: 1.2; padding: 0 0.5em; }
nav ul li a:hover { color: #f4873d; }
nav ul li a::after { width: 1px; height: 16px; background: #7f7f7f; content: ""; position: absolute; right: 0; top: 50%; margin-top: -8px; }
nav ul li:first-child a::before { width: 1px; height: 16px; background: #7f7f7f; content: ""; position: absolute; left: 0; top: 50%; margin-top: -8px; }
nav ul li:last-child { width: 26%; }

/* -------------------------------------------------------- mainVisual */
div.mainVisual { /* height: 300px; background: url(https://www2.hosp.med.tottori-u.ac.jp/departments/center/boshi/img/bg_mainvisual.jpg) no-repeat; background-position: center center; background-size: cover; position: relative; */ }
div.mainVisual div.inner { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; }
div.mainVisual div.inner .flexslider {}
div.mainVisual div.copy { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); z-index: 1000; }
div.mainVisual div.copy img { max-width: 400px; width: 40vw; }
div.mainVisual div.copy span.icon-baby { font-size: 250%; color: #f4873d; display: inline; }
div.mainVisual div.copy span.en { font-size: 250%; color: #f4873d; font-family: "Century Gothic", "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", serif; font-weight: bold; line-height: 1; }
div.mainVisual div.copy span.large { font-size: 200%; display: block; line-height: 0.9; margin-bottom: 0.2em; }
div.mainVisual div.copy span.sub { font-size: 129%; font-weight: bold; }

/* -------------------------------------------------------- section common */
section { background: #ffffff; padding: 80px 0; }
section div.title { font-size: 230%; margin-bottom: 30px; }
section div.title span.en { font-size: 120%; color: #f4873d; font-family: "Century Gothic", "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", serif; }
section div.description { font-size: 108%; /* 15px */ margin-bottom: 30px; }
section > div.inner > div.fr, section > div.inner > div.fl { width: 48%; }
section > div.inner > div.fr img, section > div.inner > div.fl img { width: 100%; }

/* -------------------------------------------------------- section.principle */
section.principle div.fr img { display: block; }
section.principle .name { font-size: 200%; font-weight: bold; }

/* -------------------------------------------------------- section.about */
section.about { background: #f8f1e9; }
section.about div.figure img { width: 100%; }

/* -------------------------------------------------------- section.mficu */
/* -------------------------------------------------------- section.nicu */
section.nicu { background: url(https://www2.hosp.med.tottori-u.ac.jp/departments/center/boshi/img/bg_nicu.jpg); background-size: cover; }

/* -------------------------------------------------------- section.topics */
section.topics {}
section.topics div.sub { font-size: 174%; font-weight: bold; text-align: center; margin-bottom: 1em; }
section.topics div.topicsList { margin: 0 auto 40px; }
section.topics div.topicsList div.entry { border-bottom: 1px solid #343434; }
section.topics div.topicsList div.entry div.update { font-family: "Century Gothic", "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", serif; float: left; padding-right: 1em; font-weight: bold; color: #343434; }
section.topics div.topicsList div.entry a { text-decoration: underline; padding: 1em 0; display: block; color: #f4873d; font-weight: bold; }
section.topics div.topicsList div.entry a:hover { text-decoration: none; }
section.topics div.topicsList div.entry div.headline { padding-left: 90px; }
section.topics div.new { width: 70px; float: left; margin-right: 20px; display: none; border-radius: 50px; }
section.topics div.new.on { background: #f4873d; font-family: "Century Gothic", "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", serif; color: #fff; font-weight: bold; text-align: center; display: block; }
section.topics div.link { width: 25%; /* margin: 0 auto; */ }

/* -------------------------------------------------------- access */
section.access div.google-map { height: 0; overflow: hidden; padding-bottom: 50%; position: relative; }
section.access div.google-map iframe { height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important; }

/* -------------------------------------------------------- footer */
footer { background: #656c6e; color: #fff; padding: 40px 0; }
footer div.logo a { color: #fff; font-size: 172%; /* 24px */ font-weight: bold; }
footer a { color: #fff; }

/* -------------------------------------------------------- div.pageTop.responsive */
div.pageTop.responsive { display: none; }

/* -------------------------------------------------------- category */
/* -------------------------------------------------------- categoryheader */
div.categoryheader { margin-bottom: 30px; }
div.categoryheader div.copy { background: url(https://www2.hosp.med.tottori-u.ac.jp/departments/center/boshi/img/bg_categoryheader.jpg) no-repeat; background-size: cover; background-position: center center; height: 100px; margin: 0 auto; padding: 1em 0; box-sizing: border-box; }
div.categoryheader div.copy span.icon-baby { font-size: 150%; color: #f4873d; display: inline; }
div.categoryheader div.copy span.en { font-size: 150%; color: #f4873d; font-family: "Century Gothic", "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", serif; font-weight: bold; line-height: 1; }
div.categoryheader div.copy span.large { font-size: 200%; display: block; line-height: 0.9; margin-bottom: 0.2em; }
div.categoryheader div.copy span.sub { font-size: 129%; font-weight: bold; }
div.categoryheader div.title { background: #fff; font-size: 200%; font-weight: bold; /*color: #f4873d;*/ padding: 1rem 0; border-bottom: 5px solid #f4873d; }

/* -------------------------------------------------------- contents */
div.contents { width: 100%; margin: 0 auto; padding: 0 0 80px; background: #ffffff; }
div.contents div.main {}
div.homeBack { display: none; }

/* -------------------------------------------------------- detail */
div.detail div.title { padding: 0.5em 0 1em; }
div.detail div.title h1 { font-size: 172%; /* 24px */ padding: 1em 0; }
div.detail h2 { padding: 1em 0; font-weight: normal; }

/* -------------------------------------------------------- categoryList */
div.categoryList {}
div.categoryList ul { margin: 0 auto; }
div.categoryList ul li { background: #ffffff; margin-bottom: 10px; position: relative; border-bottom: 1px solid #ded9d9; }
div.categoryList ul li:first-child { border-top: 1px solid #ded9d9; }
div.categoryList ul li:hover {}
div.categoryList ul li a { display: block; width: 100%; height: 100%; position: relative; }
div.categoryList div.article { padding: 20px 40px 20px 20px; }
div.categoryList div.article div.wrap { overflow: hidden; }
div.categoryList.clinic div.article div.headline, div.categoryList.clinic div.article div.description, div.categoryList.clinic div.article div.clearfix { margin-left: 0; }
div.categoryList div.article div.headline { margin-bottom: 10px; font-size: 115%; /* 16px */ font-weight: bold; text-decoration: underline; color: #f4873d; }
div.categoryList a:hover div.article div.headline { text-decoration: none; }
div.categoryList div.article div.description { font-size: 93%; /* 13px */ margin-bottom: 10px; color: #333333; }
div.categoryList div.article div.link { font-size: 93%; /* 13px */ float: left; padding-left: 2em; text-decoration: underline; }
div.categoryList div.article div.update { font-size: 86%; /* 12px */ font-family: "Century Gothic", "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", serif; color: #888888; font-weight: bold; float: left; }

/* div.banne */
div.banner { max-width: 960px; margin-left: auto; margin-right: auto; margin-bottom: 60px; }
div.banner ul { clear: both; overflow: hidden; padding-left: 20px; padding-right: 20px; }
div.banner ul li { float: left; width: 48%; margin-right: 4%; margin-bottom: 20px; }
div.banner ul li:nth-child(2n) { margin-right: 0; }
div.banner ul li a { display: block; }
div.banner ul li a img { max-width: 100%; }

/* section.banne */
section.banner { max-width: 960px; margin-left: auto; margin-right: auto; margin-bottom: 60px; }
section.banner ul { clear: both; overflow: hidden; padding-left: 20px; padding-right: 20px; }
section.banner ul li { float: left; width: 48%; margin-right: 4%; margin-bottom: 20px; }
section.banner ul li:nth-child(2n) { margin-right: 0; }
section.banner ul li a { display: block; }
section.banner ul li a img { max-width: 100%; }