@charset "UTF-8";

div#wrapper { background: #fdf7e7; }
div.inner { width: 960px; margin: 0 auto; }

/*TEST用*/
div.test, body.test .test_no { display:none;}
body.test div.test { display:block; }


/* -------------------------------------------------------- header */
header { padding: 30px 0 0; margin: 0 0 10px; _padding: 0; }
header div.logo { float: left; }
header div.description { margin: 25px 0 0; float: left; }
header div.title { float: left; }
header div.title img { vertical-align: bottom; }

/* -------------------------------------------------------- header utility */
header ul.utility { float: right; width: 235px; height: 40px; margin: 10px; list-style: none; position: relative; }
header ul.utility li { display: block; float: left; height: 40px; position: relative; }
header ul.utility li.sitemap { width: 95px; }
header ul.utility li.privacypolicy { width: 140px; }
header ul.utility li a { display: block; height: 100%; overflow: hidden; position: relative; width: 100%; zoom: 1; }
header ul.utility li.sitemap a img { position: absolute; top: 0; }
header ul.utility li.privacypolicy a img { position: absolute; left: -95px; }
header ul.utility li a:hover img { top: -40px; }
header ul.utility li a.current img { top: -40px; }

/* -------------------------------------------------------- @end header utility */
/* -------------------------------------------------------- mainimage */
div.mainimage { background: url(https://www.ec.med.tottori-u.ac.jp/img/main.jpg) no-repeat 0 -100px; width: 960px; height: 360px; margin: 0 auto 20px; _overflow: hidden; _margin-top: 30px; }
div.mainimage div.frame { background: url(https://www.ec.med.tottori-u.ac.jp/img/frame.png) no-repeat; width: 960px; height: 360px; margin: 0 auto 20px; }
div.mainimage div.copy { float: left; padding: 100px 0 0 80px; }
div.mainimage div.baby { float: left; padding: 40px 0 0 60px; position: relative; }

/* -------------------------------------------------------- nav */
nav.top { width: 960px; height: 110px; margin: 0 auto 20px; background: url(https://www.ec.med.tottori-u.ac.jp/img/navbg_top.gif) no-repeat; }
nav.top ul { list-style: none; padding: 15px 0 0; }
nav.top ul li { float: left; height: 75px; }
nav.top ul li.greeting { width: 192px; }
nav.top ul li.about { width: 192px; }
nav.top ul li.research { width: 191px; }
nav.top ul li.addition { width: 192px; }
nav.top ul li.news { width: 192px; }
nav.top ul li.contact { width: 192px; }
nav.top ul li a { display: block; text-align: center; }

/* -------------------------------------------------------- container */
div#container { width: 960px; margin: 0 auto; }

/* -------------------------------------------------------- aside topLink */
aside.topLink { width: 265px; float: left; }
aside.topLink .gainadayori, aside.topLink .gainikawaii, aside.topLink .information, aside.topLink .uchinokojiman, aside.topLink .psychologist, aside.topLink .ouchideasobo, aside.topLink .ecochil-qa { background: url(https://www.ec.med.tottori-u.ac.jp/img/tlbg.gif) no-repeat; width: 265px; height: 88px; /* height: 192px; */
 display: block; margin: 0 0 20px; }
aside.topLink .gainadayori div.title, aside.topLink .gainikawaii div.title, aside.topLink .information div.title, aside.topLink .uchinokojiman div.title, aside.topLink .psychologist div.title, aside.topLink .ouchideasobo div.title, aside.topLink .ecochil-qa div.title { display: block; padding: 11px 0 0; margin: 0 0 0 -3px; }
aside.topLink .gainadayori div.description, aside.topLink .gainikawaii div.description, aside.topLink .information div.description, aside.topLink .uchinokojiman div.description, aside.topLink .psychologist div.description, aside.topLink .ecochil-qa div.description { display: block; margin: 3px 0 0 4px; }
aside.topLink .blog, aside.topLink .twitter, aside.topLink .otanoshimi, aside.topLink .kosodate { background: url(https://www.ec.med.tottori-u.ac.jp/img/tlbg_mini.gif) no-repeat; width: 265px; height: 62px; display: block; margin: 0 0 20px; }
aside.topLink .blog div.title, aside.topLink .twitter div.title, aside.topLink .otanoshimi div.title, aside.topLink .kosodate div.title { margin: -2px 0 0 -3px; }
aside.topLink .henso { background: url(https://www.ec.med.tottori-u.ac.jp/img/tlbg_henso.gif) no-repeat; width: 265px; height: 110px; display: block; margin: 0 0 20px; }
aside.topLink .henso div.title { display: block; padding: 0 0 0; margin: 0 0 0 -3px; }
aside.topLink .henso div.description { display: block; margin: 0 0 0 4px; }

/* うちの子自慢 リンク */
aside.topLink .uchinokojiman { position: relative; }
aside.topLink .uchinokojiman a.form-link { position: absolute; bottom: -10px; left: 50%; display: block; width: 154px; height: 32px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }

/* おうちであそぼう */
aside.topLink div.ouchideasobo { position: relative; }
aside.topLink div.ouchideasobo div.demae-button { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
aside.topLink div.ouchideasobo div.demae-button img { display: block; width: 150px; height: 53px; }

/* -------------------------プレゼントキャンペーン実施中! */
aside.topLink .campaign { /* background: url(https://www.ec.med.tottori-u.ac.jp/img/tlbg_campaign.gif) no-repeat; */ width: 265px; height: 110px; display: block; margin: 0 0 20px; position: relative; }
aside.topLink .campaign div.title { display: block; padding: 0 0 0; margin: 0 0 0 0; }
aside.topLink .campaign div.description {}


/* ------------------------------------------------------------------------------------------------ */
aside.topLink .thirteen { position: relative; }
aside.topLink .thirteen div.kawauso { position: absolute; top:0px; left: 8px; z-index: 9999; overflow: hidden; height:100px; width:60px; aspect-ratio:1; }
div.kawauso div.wrap { position: relative; top:0; display: block; height: 100%; width: 100%; animation: bounce 4.5s forwards infinite; }
div.kawauso img { width: 60px; height: 60px; display: block; transform-origin: center bottom; animation:none; vertical-align: bottom; }
aside.topLink .campaign div.nashi { position: absolute; top: -100px; left: 175px; z-index: 9999; overflow: hidden; height: 50px; width: 50px; }
div.nashi div.wrap { position: absolute; top: 100px; display: block; height: 200px; width: 50px; }
div.nashi img { /* -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-duration: 4.5s; animation-duration: 4.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; */}

@keyframes bounce { 
0% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0, 20px, 0); }
10%, 11% {  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, 10px, 0); }
14% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0, 30px, 0); }
21% { transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, 10px, 0); }
24% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0, 30px, 0); }
27% { transform: translate3d(0, 20px, 0); }
30% { transform: translate3d(0, 20px, 0); }
100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0, 20px, 0); }
}

/* エコチル調査とは? エコチル調査でわかったこと */
/*
div.mainLink { float: right; padding: 0 0 0 14px; width: 692px; box-sizing: border-box; }
div.mainLink .about { background: url(https://www.ec.med.tottori-u.ac.jp/img/tlbg_main_about.gif) no-repeat; width: 330px; height: 110px; display: block; margin: 0 0 20px; float: left; }
div.mainLink .know { background: url(https://www.ec.med.tottori-u.ac.jp/img/tlbg_main_know.gif) no-repeat; width: 330px; height: 110px; display: block; margin: 0 0 20px; float: left; }
div.mainLink .about { margin-right: 18px; }
div.mainLink .about div.title,
div.mainLink .know div.title { display: block; padding: 11px 0 0; margin: 0 auto; text-align: center; }
div.mainLink .about div.description,
div.mainLink .know div.description { display: block; margin: -15px 0 0 4px; text-align: center; } 
*/
	
/* 学年質問票がはじまりました! 8歳学童期検査について */
div.mainLink { float: right; padding: 0 0 0 14px; width: 692px; box-sizing: border-box; }
div.mainLink .question { background: url(https://www.ec.med.tottori-u.ac.jp/img/tlbg_main_question.gif) no-repeat; width: 214px; height: 110px; display: block; margin: 0 0 20px; float: left; }
div.mainLink .inspection { background: url(https://www.ec.med.tottori-u.ac.jp/img/tlbg_main_inspection.gif) no-repeat; width: 214px; height: 110px; display: block; margin: 0 0 20px; float: left; position: relative; }
div.mainLink .inspection div.link { width: 180px; margin-left: auto; margin-right: auto; margin-top: -5px; }
div.mainLink .inspection div.link a img { display: block; width: 100%; height: auto; }
div.mainLink .dentistry { background: url(https://www.ec.med.tottori-u.ac.jp/img/tlbg_main_dentistry.gif) no-repeat; width: 214px; height: 110px; display: block; margin: 0 0 20px; float: left; }
div.mainLink .question, div.mainLink .inspection { margin-right: 18px; }
div.mainLink .question div.title, div.mainLink .inspection div.title, div.mainLink .dentistry div.title { display: block; padding: 11px 0 0; margin: 0 auto; margin-left: -18px; text-align: center; }
div.mainLink .question div.description, div.mainLink .inspection div.description, div.mainLink .dentistry div.description { display: block; margin: -15px 0 0 4px; text-align: center; }

/* -------------------------------------------------------- topics */
div.topics { float: right; width: 692px; padding: 0 0 14px; background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_bottom.gif) no-repeat bottom; margin-bottom: 20px; }
div.topics div.title { background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_title.gif) no-repeat; width: 692px; height: 65px; display: block; }
div.topics div.title a { margin-left: 9px; display: block; }
div.topicsList { padding: 0 30px; background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_side.gif) repeat; }
div.topicsList div.article { padding: 10px 0 9px; border-top: 1px dotted #cdcdcd; }
div.topicsList div.article div.update { float: left; /* width: 130px; */ color: #5fcdf3; margin-right: 1em; }
div.topicsList div.article div.description { /* float: left; */ overflow: hidden; }
div.topicsList div.article div.description a { color: #444444; text-decoration: underline; }
div.topicsList div.article div.description a:hover { text-decoration: none; }
div.topicsList div.article div.new { float: left; margin-right: 1em; border: 2px solid #e63c48; color: #e63c48; font-size: 11px; font-weight: bold; padding: 0 0.5em; }

/* -------------------------------------------------------- blog */
div#container > div.blog { float: right; width: 692px; padding: 0 0 14px; background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_bottom.gif) no-repeat bottom; }
div.blog section div.title { background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_title.gif) no-repeat; width: 692px; height: 65px; display: block; }
div.blog section div.title a { margin-left: 9px; display: block; }
div.blogList { padding: 0 30px; background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_side.gif) repeat; }
div.blogList div.article { padding: 10px 0 9px; border-top: 1px dotted #cdcdcd; }
div.blogList div.article div.update { float: left; /* width: 130px; */ color: #d65574; margin-right: 1em; }
div.blogList div.article div.description { /* float: left; */ overflow: hidden; }
div.blogList div.article div.description a { color: #444444; text-decoration: underline; }
div.blogList div.article div.description a:hover { text-decoration: none; }
div.blogList div.article div.new { float: left; margin-right: 1em; border: 2px solid #e63c48; color: #e63c48; font-size: 11px; font-weight: bold; padding: 0 0.5em; }

/* -------------------------------------------------------- sitemap */
div.sitemap { width: 920px; margin: 70px auto; }
div.sitemap ul { width: 220px; margin-right: 20px; float: left; }
div.sitemap ul.last { width: 200px; margin-right: 0; }
div.sitemap ul li a { font-size: 79%; /* 11px */ color: #444444; text-decoration: none; }
div.sitemap ul li a:hover { text-decoration: underline; }
div.sitemap ul li.head a { display: block; font-weight: bold; font-size: 86%; /* 12px */ border-bottom: 1px dotted #cdcdcd; }
div.sitemap ul li.head span.greeting { display: block; font-weight: bold; font-size: 86%; /* 12px */ border-bottom: 1px dotted #cdcdcd; }
div.sitemap ul.last li.head a { /* border: none; */}

/* -------------------------------------------------------- return */
div.return { width: 960px; margin: 0 auto; }
div.return a { float: right; width: 165px; height: 40px; display: block; }

/* -------------------------------------------------------- footer */
footer { border-top: 1px solid #cdcdcd; background: #ffffff; }
footer div.inner { padding: 20px 0 10px; }
footer div.logo { float: left; }
footer div.information { float: right; padding: 10px 0 0; }
footer div.information img.tel { padding: 0 5px 0 0; }
footer div.footerBottom { border-top: 1px solid #cdcdcd; background: #ffffff; }
footer div.footerBottom div.name { width: 600px; float: left; }

/* -------------------------------------------------------- footer utility */
footer div.footerBottom ul.utility { float: right; width: 254px; height: 21px; list-style: none; position: relative; }
footer div.footerBottom ul.utility li { display: block; float: left; height: 21px; position: relative; }
footer div.footerBottom ul.utility li.sitemap { width: 116px; }
footer div.footerBottom ul.utility li.privacypolicy { width: 138px; }
footer div.footerBottom ul.utility li a { display: block; height: 100%; overflow: hidden; position: relative; width: 100%; zoom: 1; }
footer div.footerBottom ul.utility li.sitemap a img { position: absolute; top: 0; }
footer div.footerBottom ul.utility li.privacypolicy a img { position: absolute; left: -116px; }
footer div.footerBottom ul.utility li a:hover img { top: -21px; }
footer div.footerBottom ul.utility li a.current img { top: -21px; }

/* -------------------------------------------------------- category */
.mainContents { width: 692px; float: right; }

/* -------------------------------------------------------- nav */
nav.category { width: 960px; height: 57px; margin: 0 auto 20px; list-style: none; position: relative; }
nav.category ul li { display: block; float: left; height: 57px; position: relative; }
nav.category ul li.greeting { width: 159px; }
nav.category ul li.about { width: 221px; }
nav.category ul li.research { width: 142px; }
nav.category ul li.know { width: 250px; }
nav.category ul li.contact { width: 188px; }
nav.category ul li a { display: block; height: 100%; overflow: hidden; position: relative; width: 100%; zoom: 1; }
nav.category ul li.greeting a img { position: absolute; left: 0; }
nav.category ul li.about a img { position: absolute; left: -159px; }
nav.category ul li.research a img { position: absolute; left: -380px; }
nav.category ul li.know a img { position: absolute; left: -522px; }
nav.category ul li.contact a img { position: absolute; left: -772px; }
nav.category ul li a:hover img { top: -57px; }
nav.category ul li a.current img { top: -57px; }

/* -------------------------------------------------------- categoryheader */
div.categoryheader { background: url(https://www.ec.med.tottori-u.ac.jp/img/category_header_bg.jpg?20160224) no-repeat; width: 692px; height: 120px; position: relative; overflow: hidden; }
div.categoryheader div.frame { background: url(https://www.ec.med.tottori-u.ac.jp/img/category_header_frame.png?20160224) no-repeat; width: 692px; height: 120px; position: relative; z-index: 1; }
div.categoryheader img { margin-top: -120px; height: 120px; position: relative; z-index: 0; display: block; }

/* -------------------------------------------------------- topicPath */
.topicPath { font-size: 93%; /* 13px */ width: 680px; display: block; margin: 0 0 10px 12px; }
.topicPath ul { padding: 0 20px; list-style: none; }
.topicPath ul li { display: inline; }
.topicPath ul li a { color: #343434; display: inline; text-decoration: underline; }
.topicPath ul li a:hover { text-decoration: none; }

/* -------------------------------------------------------- categoryList */
div.categoryList { padding: 0 0 14px; background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_bottom.gif) no-repeat bottom; }
div.categoryList div.articlehead { width: 692px; height: 4px; display: block; background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_title.gif) no-repeat top; }
div.categoryList div.article { padding: 20px 35px 0; background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_side.gif) repeat; }
div.categoryList div.article div.update, div.categoryList div.article div.headline, div.categoryList div.article div.description, div.categoryList div.article div.linkdetail { /* margin-left: 173px; */
 margin: 0; position: relative; }
div.categoryList div.article div.headline:after { background: url(https://www.ec.med.tottori-u.ac.jp/img/list_arrow.png) no-repeat; background-size: 20px 20px; width: 20px; height: 20px; content: ""; position: absolute; right: 0; top: 0; transform: translate(0, -50%); }

div.categoryList div.article div.update { color: #5fcdf3; }
div.categoryList div.article div.description { margin-bottom: 10px; }
div.categoryList div.article div.linkdetail a { display: block; width: 107px; height: 24px; margin-bottom: 20px; }
div.categoryList div.article div.headline a { color: #444444; font-weight: bold; text-decoration: underline; }
div.categoryList div.article div.headline a:hover { text-decoration: none; }
div.categoryList div.article div.bottomline { border-bottom: 1px dotted #cdcdcd; }
div.categoryList div.article.last div.bottomline { border: none; }
div.categoryList.ecochil-qa div.article div.headline::after { background: url("https://www.ec.med.tottori-u.ac.jp/img/list_arrow.png") no-repeat; content: ""; height: 20px; position: absolute; right: 0; top: 40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 20px; }
div.categoryList.ecochil-qa div.article { background: url("https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_side.gif"); padding: 15px 35px 0; }
div.categoryList.ecochil-qa div.update { display: none; }

/* -------------------------------------------------------- detail */
div.detail { width: 692px; padding: 0 0 35px; background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_bottom.gif) no-repeat bottom; }
div.detail div.title { padding: 35px 35px 0 50px; display: block; background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_title.gif) no-repeat top; }
div.detail div.title h1 { font-size: 150%; /* 21px */
 color: #615f5f; }
div.detail div.title h2 { font-size: 86%; /* 12px */
 font-weight: normal; color: #615f5f; }
div.detail div.mceContentBody { padding: 20px 35px 0 50px; background: url(https://www.ec.med.tottori-u.ac.jp/img/maincontentsbg_side.gif) repeat; }

div.attention { padding: 0 30px; }
div.attention div.title { border-bottom: 1px dotted #cdcdcd; color: #f96d7b; font-size: 108%; margin: 30px 0 10px; }
div.attention ol { margin: 10px 0 20px 20px; padding: 0; }

/* -------------------------------------------------------- new mainVisual */
div.mainVisual { width: 960px; height: 411px; margin: 0 auto 20px; background: url(https://www.ec.med.tottori-u.ac.jp/img/bg_mainvisual.png) no-repeat; position: relative; /* overflow: hidden; */}
div.mainVisual div.animFrame_1 { position: absolute; top: 50px; left: 750px; width: 170px; height: 330px; }
div.mainVisual div.animFrame_2 { position: absolute; top: 0; left: 500px; width: 200px; height: 200px; }
div.mainVisual div.animFrame_2 div.ship { position: absolute; top: 0; left: 0; width: 200px; height: 200px; }
div.mainVisual div.animFrame_2 div.planet { position: absolute; top: 0; left: 0; width: 200px; height: 200px; }
div.mainVisual div.animFrame_3 { position: absolute; top: 400px; left: 400px; width: 400px; height: 400px; }
div.mainVisual div.animFrame_4 { position: absolute; top: 242px; left: 60px; width: 130px; height: 170px; }
div.mainVisual div.animFrame_5 { position: absolute; top: 220px; left: 290px; width: 159px; height: 190px; }
div.mainVisual div.animFrame_6 { position: absolute; top: 230px; left: 530px; width: 150px; height: 170px; }

/* -------------------------------------------------------- .animation */
.floating { animation: 1s ease-in-out 0s alternate none infinite running vertical; }
.spin { animation: 50s linear 0s normal none infinite running spin; }
.spinReverse { animation: 50s linear 0s normal none infinite running spinReverse; }
@keyframes vertical { 
0% {  transform: translateY(-12px); }
100% {  transform: translateY(0px); }
}
@keyframes spin { 
0% {  transform: rotate(0deg); }
100% {  transform: rotate(-360deg); }
}
@keyframes spinReverse {
0% {  transform: rotate(0deg); }
 100% {  transform: rotate(360deg); }
}

div.banner { margin-bottom: 40px; }
div.banner ul { text-align: center; }
div.banner ul li { margin-right: 1%; display: inline-block; vertical-align: bottom; }
div.banner ul li img { display: block; }
div.banner ul li a { transition: 0.25s all; }
div.banner ul li a:hover { opacity: 0.75; }
div.thirteen a:hover { opacity: 0.75; }










/*校正用*/
aside.topLink .campaign.test, 
body.test aside.topLink .campaign.test_no,
body.test aside.topLink .thirteen.test_no { display:none;}
body.test aside.topLink img { vertical-align: bottom; }

/* -------------------------13歳以降調査について*/
body.test aside.topLink .thirteen.test { display:flex; width:98%; background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); border:clamp(1px,0.5vw,3px) solid #ff8439; margin: 0 0 1rem 0; box-sizing: border-box; }

/* -------------------------プレゼントキャンペーン実施中! */
body.test aside.topLink .campaign.test { display:flex; width:98%; background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); margin: 0 0 1rem 0;}




@media screen and (max-width:960px) {
body.test div.inner { width: 100%; margin: 0 auto; }
body.test img { max-width: 100%; }
body.test * { box-sizing: border-box; }

/* -------------------------------------------------------- header */
body.test header { padding:clamp(0.5rem,1.6vw,1rem); margin: 0; }
body.test header div.inner { display: flex; }
body.test header div.logo { float: none; min-width: 15rem; }
body.test header div.description { margin: 0; float: none; padding: 0.5rem 0; }
body.test header div.title { float:none; display: flex; align-items: center; flex-flow: row wrap; }
body.test header ul.utility { display: none; }

/* -------------------------------------------------------- new mainVisual */
body.test div.mainVisual { width: 96vw; height: 41.1vw; margin: 0 auto 20px; background: url(https://www.ec.med.tottori-u.ac.jp/img/bg_mainvisual.png) top center /cover no-repeat; position: relative; }
body.test div.mainVisual div.animFrame_1 { position: absolute; top: 12%; left: 78%; width: 18%; height: auto; }
body.test div.mainVisual div.animFrame_2 { position: absolute; top: 0; left: 52%; width: 21%; height: auto; }
body.test div.mainVisual div.animFrame_2 div.ship { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
body.test div.mainVisual div.animFrame_2 div.planet { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
body.test div.mainVisual div.animFrame_3 { position: absolute; top: 42%; left: 42%; width: 42%; height: auto; }
body.test div.mainVisual div.animFrame_4 { position: absolute; top: 58%; left: 6%; width: 14%; height: auto; }
body.test div.mainVisual div.animFrame_5 { position: absolute; top: 53%; left: 30%; width: 16%; height: auto; }
body.test div.mainVisual div.animFrame_6 { position: absolute; top: 55%; left: 54%; width: 16%; height: auto;}

/* -------------------------------------------------------- nav */
body.test nav.top { width:96vw; padding: 0; height:clamp(3rem,12vw,6rem); margin: 0 auto 1.5rem; background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); }
body.test nav.top ul { list-style: none; padding:0.75rem 0 0 0; display: flex; flex-flow: row wrap; justify-content: flex-start; }
body.test nav.top ul li.greeting,
body.test nav.top ul li.about,
body.test nav.top ul li.research,
body.test nav.top ul li.addition,
body.test nav.top ul li.know,
body.test nav.top ul li.news,
body.test nav.top ul li.contact { float:none; height:auto; width:20%; }
body.test nav.category ul li a:hover img { top: -5%; }
body.test nav.category ul li a.current img { top: -5%; }

/* -------------------------------------------------------- container */
body.test div#container { width: 100%; margin: 0 auto; }

/* -------------------------------------------------------- aside topLink */
body.test aside.topLink { width:100%; padding: 0 clamp(0.5rem,1.6vw,1rem); margin: auto; float: none; display: flex; flex-flow: row wrap; justify-content: space-between; }
body.test aside.topLink > div { width: 32%; height: auto; vertical-align: bottom; } 
body.test aside.topLink a { display: block; vertical-align: bottom; width: 100%; }
body.test aside.topLink img { display: block; vertical-align: bottom; }
body.test aside.topLink .gainadayori, 
body.test aside.topLink .gainikawaii, 
body.test aside.topLink .information, 
body.test aside.topLink .uchinokojiman, 
body.test aside.topLink .psychologist, 
body.test aside.topLink .ouchideasobo, 
body.test aside.topLink .ecochil-qa { background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); display: block; margin: 0 0 1rem 0; }

body.test aside.topLink .gainadayori div.title, 
body.test aside.topLink .gainikawaii div.title, 
body.test aside.topLink .information div.title, 
body.test aside.topLink .uchinokojiman div.title, 
body.test aside.topLink .psychologist div.title, 
body.test aside.topLink .ouchideasobo div.title, 
body.test aside.topLink .ecochil-qa div.title { display: block; padding:0.5rem 0; margin: 0; }

body.test aside.topLink .gainadayori div.description, 
body.test aside.topLink .gainikawaii div.description, 
body.test aside.topLink .information div.description, 
body.test aside.topLink .uchinokojiman div.description, 
body.test aside.topLink .psychologist div.description, 
body.test aside.topLink .ecochil-qa div.description { display: block; margin: 0; }

body.test aside.topLink .blog, 
body.test aside.topLink .twitter, 
body.test aside.topLink .otanoshimi, 
body.test aside.topLink .kosodate { background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); display: block; margin: 0 0 1rem; }

body.test aside.topLink .blog div.title, 
body.test aside.topLink .twitter div.title, 
body.test aside.topLink .otanoshimi div.title, 
body.test aside.topLink .kosodate div.title { margin: -2px 0 0 -3px; margin:0; }
body.test aside.topLink .henso { background: url(https://www.ec.med.tottori-u.ac.jp/img/tlbg_henso.gif) no-repeat; width: 265px; height: 110px; display: block; margin: 0 0 20px; }
body.test aside.topLink .henso div.title { display: block; padding: 0 0 0; margin: 0 0 0 -3px; }
body.test aside.topLink .henso div.description { display: block; margin: 0 0 0 4px; }

/* おうちであそぼう */
body.test aside.topLink div.ouchideasobo div.demae-button { position: relative; width:70%; left:0; bottom:auto; transform: translateX(0%); margin:-1.5rem auto 0 auto; }
body.test aside.topLink div.ouchideasobo div.demae-button img { display: block; width: 100%; height:auto; }

/* -------------------------13歳以降調査について*/
body.test aside.topLink .thirteen.test { display:flex; align-items: center; width:32%; position: relative;}
body.test aside.topLink .thirteen.test img { margin: auto; }
body.test aside.topLink .thirteen div.kawauso { position: absolute; top:0; left: 3%; z-index: 9999; overflow: hidden; height:100%; width:clamp(2.5rem,7vw,5rem); }
body.test div.kawauso div.wrap { position: relative; top:0; display: block; width: 100%; height: auto; animation: bounce_sp01 4.5s forwards infinite; aspect-ratio:1; }
body.test div.kawauso img { width: 100%; height: 100%; display: block; transform-origin: center bottom; animation:none; vertical-align: bottom; object-fit: cover; }
body.test aside.topLink .campaign div.nashi { position: absolute; top: -100px; left: 175px; z-index: 9999; overflow: hidden; height: 50px; width: 50px; }

@keyframes bounce_sp01 { 
0% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate(0, clamp(1rem,3vw,2rem)); }
10%, 11% {  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate(0, clamp(0.75rem,2.4vw,1.5rem)); }
14% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate(0, clamp(1.25rem,4vw,2.5rem)); }
21% { transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate(0, clamp(0.75rem,2.4vw,1.5rem)); }
24% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate(0, clamp(1.25rem,4vw,2.5rem)); }
27% { transform: translate(0, clamp(1rem,3vw,2rem)); }
30% { transform: translate(0, clamp(1rem,3vw,2rem)); }
100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate(0, clamp(1rem,3vw,2rem)); }
}

/* -------------------------プレゼントキャンペーン実施中! */
body.test aside.topLink .campaign.test { display:flex; align-items: center; width:32%; }
body.test.temp aside.topLink { display: none; }



/* 学年質問票がはじまりました! 8歳学童期検査について */
body.test div.mainLink { float:none; padding: 0 clamp(0.5rem,1.6vw,1rem); width:100%; display: flex; flex-flow: row wrap; justify-content: space-between; }
body.test div.mainLink.clearfix::after { display: none; }
body.test div.mainLink .question { background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); width: 32%; height:auto; display: block; margin: 0 0 20px; float: none; }
body.test div.mainLink .inspection { background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); width:32%; height:auto; display: block; margin: 0 0 20px; float: none; position: relative; }
body.test div.mainLink .inspection div.link { width: 180px; margin-left: auto; margin-right: auto; margin-top: -5px; }
body.test div.mainLink .inspection div.link a img { display: block; width: 100%; height: auto; }
body.test div.mainLink .dentistry { background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); width: 32%; height:auto; display: block; margin: 0 0 20px; float: none; }
body.test div.mainLink .question, 
body.test div.mainLink .inspection { margin-right: 0; }
body.test div.mainLink .question div.title, 
body.test div.mainLink .inspection div.title, 
body.test div.mainLink .dentistry div.title { display: block; padding: 0.5rem 0; margin: 0 auto; margin-left: -0.5rem; text-align: center; }
body.test div.mainLink .question div.description, 
body.test div.mainLink .inspection div.description, 
body.test div.mainLink .dentistry div.description { display: block; margin: -15px 0 0 4px; text-align: center; }

body.test div.mainLink .inspection .gakudo_fukidashi { transform: translate(0,0) !important; left:15% !important; bottom:clamp(-4rem,-6vw,-0.5rem) !important; }


/* -------------------------------------------------------- topics */
body.test div.topics { float: none; width: 100%; background: none; padding: 0 clamp(0.5rem,1.6vw,1rem); margin-bottom: 1.5rem; }
body.test div.topics section { background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); }
body.test div.topics div.title { width:100%; height:auto; display: block; background: none; }
body.test div.topics div.title a { width:85%; min-height:4rem; margin-left:-0.5rem; display: block; aspect-ratio:570/65; overflow: hidden; }
body.test div.topics div.title a img { width: 100%; height:100%; object-fit: cover; object-position: left center; }
body.test div.topicsList { padding: 0 1rem 0.5rem 1rem; background: none; }
body.test div.topicsList div.article { padding: 0.75rem 0; }
body.test div.topicsList div.article div.update { font-size: 0.75rem; }

/* -------------------------------------------------------- blog */
body.test div#container > div.blog { float: none; width: 100%; background: none; padding: 0 clamp(0.5rem,1.6vw,1rem); margin-bottom: 1.5rem; }
body.test div.blog section { background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); }
body.test div.blog div.title { width:100%; height:auto; display: block; background: none; }
body.test div.blog div.title a { width:85%; min-height:4rem; margin-left:-0.5rem; display: block; aspect-ratio:570/65; overflow: hidden; }
body.test div.blog div.title a img { width: 100%; height:100%; object-fit: cover; object-position: left center; }
body.test div.blogList { padding: 0 1rem 0.5rem 1rem; background: none; }
body.test div.blogList div.article { padding: 0.75rem 0; }
body.test div.blogList div.article div.update { font-size: 0.75rem; }


/* -------------------------------------------------------- sitemap */
body.test div.sitemap { width:100%; margin: 3rem auto; padding:0 1rem; display: flex; flex-flow: row wrap; justify-content: space-between; box-sizing: border-box; display: none;  }
body.test div.sitemap ul { width:48%; margin-right: 0; float: none; }
body.test div.sitemap ul.last { width:48%; margin-right: 0; }
body.test div.sitemap.clearfix::after { display: none !important; }
body.test div.sitemap ul li a { font-size: 0.9rem; display: block; padding:0.75rem 0.25rem; line-height:1.5 }


body.test div.banner { margin-bottom: 2rem; }
body.test div.banner ul { text-align: center; display: flex; flex-flow: row wrap; justify-content: center; }
body.test div.banner ul li { margin-right:0; display:block; vertical-align: bottom; padding:2%; min-width: 13rem; }
body.test div.banner ul li img { display: block; vertical-align: bottom; }

/* -------------------------------------------------------- return */
body.test div.return { width: 100%; margin: 0 auto; }
body.test div.return a { float: right; width: 165px; height: 40px; display: block; }


/* -------------------------------------------------------- footer */
body.test footer div.inner { padding: 1rem; display: flex; flex-flow: row wrap; }
body.test footer div.logo { float: none; }
body.test footer div.information { float:none; padding: 10px 0 0; overflow: hidden; }
body.test footer div.information img.tel { padding: 0 1rem 0 0; margin-left:-26px; }
body.test footer div.information img { margin-bottom: 0.5rem; }
body.test footer div.footerBottom { border-top: 1px solid #cdcdcd; background: #ffffff; }
body.test footer div.footerBottom .inner { flex-flow: column-reverse wrap; }
body.test footer div.footerBottom div.name { width: 100%; float: none; line-height: 1.5; padding-top:1rem; font-size: 0.75rem; }

/* -------------------------------------------------------- footer utility */
body.test footer div.footerBottom ul.utility { float: none; width: 254px; height: 21px; list-style: none; position: relative; }
body.test footer div.footerBottom ul.utility li { display: block; float: left; height: 21px; position: relative; }
body.test footer div.footerBottom ul.utility li a { display: block; height: 100%; overflow: hidden; position: relative; width: 100%; zoom: 1; }
body.test footer div.footerBottom ul.utility li.sitemap a img { position: absolute; top: 0; min-width: 254px; }
body.test footer div.footerBottom ul.utility li.privacypolicy a img { position: absolute; left: -116px; min-width: 254px; }


/* -------------------------------------------------------- category */
body.test .mainContents { width: 100%; float:none; }

/* -------------------------------------------------------- nav */
body.test nav.category { width:100%; height: 57px; margin: 0 auto 20px; list-style: none; position: relative; }
body.test nav.category ul li { display: block; float: left; height: 57px; position: relative; }
body.test nav.category ul li.greeting { width: 159px; }
body.test nav.category ul li.about { width: 221px; }
body.test nav.category ul li.research { width: 142px; }
body.test nav.category ul li.know { width: 250px; }
body.test nav.category ul li.contact { width: 188px; }
body.test nav.category ul li a { display: block; height: 100%; overflow: hidden; position: relative; width: 100%; zoom: 1; }
body.test nav.category ul li.greeting a img { position: absolute; left: 0; }
body.test nav.category ul li.about a img { position: absolute; left: -159px; }
body.test nav.category ul li.research a img { position: absolute; left: -380px; }
body.test nav.category ul li.know a img { position: absolute; left: -522px; }
body.test nav.category ul li.contact a img { position: absolute; left: -772px; }
body.test nav.category ul li a img { width: 960px; max-width: 960px;}
body.test nav.category ul li a:hover img { top: -57px; }
body.test nav.category ul li a.current img { top: -57px; }

/* -------------------------------------------------------- categoryheader */
div.categoryheader { background: url(https://www.ec.med.tottori-u.ac.jp/img/category_header_bg.jpg?20160224) top right /692px no-repeat; width: 100%; height: 120px; position: relative; overflow: hidden; }
div.categoryheader div.frame { background: url(https://www.ec.med.tottori-u.ac.jp/img/category_header_frame.png?20160224) top right /692px no-repeat; width: 100%; height: 120px; position: relative; z-index: 1; }
div.categoryheader img { margin-top: -120px; height: 120px; position: relative; z-index: 0; display: block; }

/* -------------------------------------------------------- topicPath */
body.test .topicPath { font-size: 0.8125rem; width: 100%; display: block; margin: 0; }
body.test .topicPath ul { padding:1vw 2vw; list-style: none; }


/* -------------------------------------------------------- detail */
body.test div.detail { width: 94vw; margin:0 auto 1rem auto; padding: 0; background: #fff; box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1); }
body.test div.detail div.title { padding: 1rem 1rem 0 1rem; display: block; background: none; }
body.test div.detail div.title h1 { font-size: 1.25rem;   }
body.test div.detail div.title h2 { font-size: 0.75re;  }
body.test div.detail div.mceContentBody { padding: 1.25rem;  background:none; }

div.attention { padding: 0 30px; }
div.attention div.title { border-bottom: 1px dotted #cdcdcd; color: #f96d7b; font-size: 108%; margin: 30px 0 10px; }
div.attention ol { margin: 10px 0 20px 20px; padding: 0; }


}





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

/* -------------------------------------------------------- new mainVisual */
body.test div.mainVisual { width: 96vw; height: auto; aspect-ratio:726/411; margin: 0 auto 20px; background: url(https://www.ec.med.tottori-u.ac.jp/img/bg_mainvisual.png) top left /cover no-repeat; position: relative; }
body.test div.mainVisual div.animFrame_1 { position: absolute; top: 8%; left: 70%; width: 24%; height: auto; }
body.test div.mainVisual div.animFrame_2 { position: absolute; top: 0; left: 52%; width: 21%; height: auto; display: none; }
body.test div.mainVisual div.animFrame_3 { position: absolute; top: 40%; left: 56%; width: 56%; height: auto; }
body.test div.mainVisual div.animFrame_4 { position: absolute; top: 57%; left: 8%; width: 19%; height: auto; }
body.test div.mainVisual div.animFrame_5 { position: absolute; top: 53%; left: 39%; width: 21%; height: auto; }
body.test div.mainVisual div.animFrame_6 { position: absolute; top: 55%; left: 54%; width: 16%; height: auto; display: none; }


body.test nav.top { height:auto; }
body.test nav.top ul li.greeting,
body.test nav.top ul li.about,
body.test nav.top ul li.research,
body.test nav.top ul li.addition,
body.test nav.top ul li.know,
body.test nav.top ul li.news,
body.test nav.top ul li.contact { float:none; height:auto; width:33.3%; }

body.test aside.topLink > div { width: 49%; } 
/* おうちであそぼう */
body.test aside.topLink div.ouchideasobo { width: 100%; display: flex; flex-flow:row wrap; align-items: center; justify-content: space-between; padding-right: 0.5rem; }
body.test aside.topLink div.ouchideasobo .title { width: 49%; }
body.test aside.topLink div.ouchideasobo div.demae-button { position: relative; width:48%;margin:0; }

body.test aside.topLink .thirteen.test { width:49%; }
body.test aside.topLink .campaign.test { width:49%; }

body.test aside.topLink .thirteen div.kawauso { width:clamp(2.5rem,10vw,5rem); }
body.test div.kawauso div.wrap { animation: bounce_sp02 4.5s forwards infinite; aspect-ratio:1; }
@keyframes bounce_sp02 { 
0% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate(0, clamp(0.8rem,2.4vw,1.6rem)); }
10%, 11% {  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate(0, clamp(0.6rem,2vw,1.2rem)); }
14% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate(0, clamp(1.2rem,3.6vw,2.4rem)); }
21% { transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate(0, clamp(0.6rem,2vw,1.2rem)); }
24% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate(0, clamp(1.2rem,3.6vw,2.4rem)); }
27% { transform: translate(0, clamp(0.8rem,2.4vw,1.6rem)); }
30% { transform: translate(0, clamp(0.8rem,2.4vw,1.6rem)); }
100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate(0, clamp(0.8rem,2.4vw,1.6rem)); }
}

}