@charset "UTF-8"; /*=============================================== TOP グリーン #04B5BC ピンク #FF9999 ===============================================*/ /*=============================================== レスポンシブ PCサイズ 横幅 741px以下 ===============================================*/ @media screen and (min-width: 741px) { /* 2016.3 update */ .shadow { box-shadow:0px 0px 2px 0px rgba(72,67,71,0.2);/* box-shadow */ -moz-box-shadow:0px 0px 2px 0px rgba(72,67,71,0.2); /* Firefox用 */ -webkit-box-shadow:0px 0px 2px 0px rgba(72,67,71,0.2); /* Safari,Google Chrome用 */ } .radius { border-radius:6px;/* border-radius */ -moz-border-radius:6px; /* Firefox用 */ -webkit-border-radius:6px; /* Safari,Google Chrome用 */ } .transition { -webkit-transition: 0.1s ease-in-out; /* Safari,Google Chrome用 */ -moz-transition: 0.1s ease-in-out; /* Firefox用 */ -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } .Boxlink { cursor:pointer; } /* TOP ------------------------------------------------------------ */ #home { background: none; } #home article { background: none; } #home #top h2, #home #top p { display: none; } #home #top a, #home #mainWrap a { text-decoration:none; font-weight:bold; } #home #mainWrap h3 { font-size:16px; } /* #mainVisual */ #home #top #mainVisual { width:945px; margin:0 auto; padding:0px 5px 0px 0px; overflow:hidden; } #home #top #mainVisual .left { padding-left: 5px; position: relative; width: 700px; } #main_Visual { width: 100%; margin: 0px; } /** Skitter ===================================*/ /** RESET AND LAYOUT ===================================*/ .skitter { position:relative; max-width:800px; height:290px; background:#FFFFFF !important; } .skitter.with-dots { margin-bottom:0px !important; } .info_slide_dots { position:absolute; bottom: 0px!important; z-index:151; padding:5px 0 5px 5px; border-radius:50px; } .skitter .info_slide_dots .image_number{ background-color:#999; float:left; margin:0 5px 0 0; cursor:pointer; border-radius:50px; width:12px !important; height:12px !important; text-indent:-9999em; overflow:hidden; transition:all 0.2s } .skitter .info_slide_dots .image_number:hover{ background-color: #04B5BC !important; } .skitter .info_slide_dots .image_number.image_number_select{ background-color: #FF9999 !important; } /* 2017.2 メインサイドバナー*/ #home #top #mainVisual dl.cts02 { display:block; overflow:hidden; float:right; width:240px; height:290px; padding:0px; background:url(../img/home/main_sidebg.png); background-size:2px 2px; } #home #top #mainVisual dl.cts02 dt { display:block; height:30px; line-height:35px; font-weight:bold; color:#FFFFFF; font-size:11px; text-align:left; background:url(../img/home/cts_arrow.png) no-repeat 6px 7px; background-size:19px 19px; text-indent:25px; } #home #top #mainVisual dl.cts02 dd { display:block; text-align:center; width:210px; height:80px; margin:0px auto; padding:0px 0px 5px; } #home #top #mainVisual dl.cts02 dd a { display: block; width:210px; height:80px; background:#FFFFFF; } #home #top #mainVisual dl.cts02 dd a img { display: block; width: 100%; height: auto; } #home #top dl.cts02 a:hover img { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); zoom: 1; } #home #top #mainVisual dl.cts { display:block; overflow:hidden; float:right; width:240px; height:290px; padding:0px; background:url(../img/home/main_sidebg.png); background-size:2px 2px; } #home #top #mainVisual dl.cts dt { display:block; height:30px; line-height:35px; font-weight:bold; color:#FFFFFF; font-size:11px; text-align:left; background:url(../img/home/cts_arrow.png) no-repeat 6px 7px; background-size:19px 19px; text-indent:25px; } #home #top #mainVisual dl.cts dd { display:table; text-align:center; width:220px; height:80px; margin:0px auto; padding:2px 3px 4px; } #home #top #mainVisual dl.cts dd a { display:table-cell; vertical-align:middle; font-size:16px; text-align:center; color:#413232; width:220px; height:80px; background:url(../img/home/main_btn01bg.png) no-repeat; background-size:220px 80px; text-shadow:1px 1px 0px rgba(255,255,255,1); -moz-box-shadow:1px 1px 0px rgba(255,255,255,1); /* Firefox用 */ -webkit-box-shadow:1px 1px 0px rgba(255,255,255,1); /* Safari,Google Chrome用 */ } #home #top #mainVisual dl.cts dd.half { float:left; width:107px; height:70px; margin:0px 0px; } #home #top #mainVisual dl.cts dd.half:nth-child(4) { margin-left:7px; } #home #top #mainVisual dl.cts dd.half a { background:url(../img/home/main_btn02bg.png) no-repeat; background-size:107px 70px; width:107px; height:70px; } #home #top #mainVisual dl.cts dd a:hover { background:url(../img/home/main_btn01bg_on.png) no-repeat; background-size:220px 80px; color:#FFFFFF; text-shadow:-1px -1px 0px rgba(0,0,0,0.1); -moz-box-shadow:-1px -1px 0px rgba(0,0,0,0.1); /* Firefox用 */ -webkit-box-shadow:-1px -1px 0px rgba(0,0,0,0.1); /* Safari,Google Chrome用 */ } #home #top #mainVisual dl.cts dd.half a:hover { background:url(../img/home/main_btn02bg_on.png) no-repeat; background-size:107px 70px; } /* #facility */ #home #top #facility { background:#F8F6F3; } #home #top #facility ul.menu { display:flex; flex-wrap: wrap; justify-content: center; width: 970px; margin: 0px auto; padding: 24px 0px; } #home #top #facility ul.menu li { display:block; overflow:hidden; background:#FFFFFF; width:188px; height:106px; padding:0px 0px; margin: 3px; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } #home #top #facility ul.menu li:hover { filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); zoom: 1; } #home #top #facility ul.menu li img { display:block; margin:4px; } #home #top #facility ul.menu li h2 { display:block; text-align:left; line-height:25px; margin:5px 0px 0px 0px; padding:0px; } #home #top #facility ul.menu li h2 em { display:block; float:left; text-align:center; font-size: 9px; line-height: 25px; width: 40px; height: 25px; color: #FFFFFF; margin: 0px 4px; } #home #top #facility ul.menu li.care h2 em { background:#FF9999; } #home #top #facility ul.menu li.medical h2 em { background:#B4D219; } #home #top #facility ul.menu li h2 a { display: block; font-size:10px; color:#413232; vertical-align: middle; line-height:25px; padding: 0px 0px; } /* #content_guide */ #home #mainWrap #content_guide { overflow:hidden; padding:45px 0px; text-align:center; } #home #mainWrap #content_guide .guideRadius { box-sizing:border-box; border-radius:4px; -webkit-border-radius:4px; /* Safari,Google Chrome用 */ -moz-border-radius:4px; /* Firefox用 */ } #home #mainWrap #content_guide ul { display:block; overflow:hidden; width:950px; margin:0px auto; padding:0px; } #home #mainWrap #content_guide ul li { display:block; float:left; margin:0px 5px; border:1px solid #F2F5F6; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top-left-radius:6px; border-top-right-radius:6px; -webkit-border-top-left-radius:6px; /* Safari,Google Chrome用 */ -webkit-border-top-right-radius:6px; /* Safari,Google Chrome用 */ -moz-border-radius-topleft:6px; /* Firefox用 */ -moz-border-radius-topright:6px; /* Firefox用 */ } #home #mainWrap #content_guide ul li.care { width:630px; } #home #mainWrap #content_guide ul li.medical { width:300px; } #content_guide ul li dl { text-align:left; } #content_guide ul li > dl > dt { display:block; position:relative; background:#F2F5F6; font-size:16px; font-weight:bold; line-height:60px; height:60px; padding-left:40px; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top-left-radius:6px; border-top-right-radius:6px; -webkit-border-top-left-radius:6px; /* Safari,Google Chrome用 */ -webkit-border-top-right-radius:6px; /* Safari,Google Chrome用 */ -moz-border-radius-topleft:6px; /* Firefox用 */ -moz-border-radius-topright:6px; /* Firefox用 */ } #content_guide ul li.care > dl > dt { border-bottom:3px solid #EA8F9F; } #content_guide ul li.medical > dl > dt { border-bottom:3px solid #B4D219; } #content_guide ul li > dl > dt:before { display: block; content: ""; position:absolute; left:20px; top:50%; width: 5px; height: 5px; margin-top:-3px; transform:rotate(45deg); -webkit-transform:rotation(45deg); } #content_guide ul li.care > dl > dt:before { border-bottom: 2px solid #EA8F9F; border-right: 2px solid #EA8F9F; } #content_guide ul li.medical > dl > dt:before { border-bottom: 2px solid #B4D219; border-right: 2px solid #B4D219; } #content_guide ul li.care > dl > dd { display:block; overflow:hidden; padding:20px 15px 15px; width:600px; } #content_guide ul li.care > dl > dd.emata { border-top:3px solid #62BDC8; } #content_guide ul li.care > dl > dd.minami { border-top:3px solid #FFB400; } #content_guide ul li.care > dl > dd > dl { } #content_guide ul li.care > dl > dd > dl dt { display:block; float:left; width:210px; margin:0px 10px 0px 0px; } #content_guide ul li.care > dl > dd > dl dt h3 { } #content_guide ul li.care > dl > dd > dl dt h3 a { display:block; text-align:center; color:#FFFFFF; width:210px; height:70px; line-height:70px; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } #content_guide ul li.care > dl > dd.akane > dl dt h3 a { background:#EA8F9F; } #content_guide ul li.care > dl > dd.emata > dl dt h3 a { background:#62BDC8; } #content_guide ul li.care > dl > dd.minami > dl dt h3 a { background:#FFB400; } #content_guide ul li.care > dl > dd > dl dt h3 a:hover { filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); zoom: 1; } #content_guide ul li.care > dl > dd.emata > dl dt h3 a { width:210px; height:70px; line-height:20px; padding: 15px 0px; font-size: 14px; } #content_guide ul li.care > dl > dd.minami > dl dt h3 a { font-size: 14px; } #content_guide ul li.care > dl > dd > dl dt p { display:block; font-size:11px; line-height:16px; padding:10px 15px 0px; } #content_guide ul li.care > dl > dd > dl dd p { display:block; font-size:11px; line-height:16px; padding:10px 15px 0px; width:565px; } #content_guide ul li.care > dl > dd > dl > dd { display:block; float:left; margin:0px 0px 5px 5px; } #content_guide ul li.care > dl > dd > dl dd a { display:block; position:relative; text-align:center; width:185px; height:70px; line-height:62px; border:4px solid #DEE5E9; font-size:14px; text-align:left; padding:0px 24px 0px 12px; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } #content_guide ul li.care > dl > dd > dl dd a:hover { filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); zoom: 1; } #content_guide ul li.care > dl > dd > dl dd a.twoline { line-height:18px; padding:15px 30px 0px 16px; } #content_guide ul li.care > dl > dd > dl dd a:before { display: block; content: ""; position:absolute; right:12px; top:50%; width: 6px; height: 6px; margin-top:-4px; transform:rotate(45deg); -webkit-transform:rotation(45deg); } #content_guide ul li.care > dl > dd.akane > dl dd a { color:#EA8F9F; } #content_guide ul li.care > dl > dd.emata > dl dd a { color:#62BDC8; } #content_guide ul li.care > dl > dd.akane > dl dd a:before { border-top: 2px solid #EA8F9F; border-right: 2px solid #EA8F9F; } #content_guide ul li.care > dl > dd.emata > dl dd a:before { border-top: 2px solid #62BDC8; border-right: 2px solid #62BDC8; } #content_guide ul li.care > dl > dd.minami > dl dd a:before { border-top: 2px solid #413232; border-right: 2px solid #413232; } #content_guide ul li.care > dl > dd.minami > dl dd a:hover { color: #413232; } #content_guide ul li > dl > dd > dl { } #content_guide ul li.medical > dl > dd { display:block; overflow:hidden; padding:20px 0px 15px; margin:0px 15px; width:270px; } #content_guide ul li.medical > dl > dd.daycare { border-top:2px dotted #DEE5E9; } #content_guide ul li.medical > dl > dd > h3 a { display:block; text-align:center; color:#FFFFFF; width:270px; height:70px; line-height:70px; background: #B4D219; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } #content_guide ul li.medical > dl > dd > h3 a:hover { filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); zoom: 1; } #content_guide ul li.medical > dl > dd > p { display:block; font-size:11px; line-height:18px; width:240px; margin:15px auto 0px; } /* #news */ #home #mainWrap #news { background:#F8F6F3; padding:45px 0px; text-align:center; } #home #mainWrap #news #newsUnit { display:block; overflow:hidden; width:950px; margin:0px auto; padding:0px; } #news #newsUnit #newsBox { float:left; text-align:left; width:620px; margin:0px 20px 0px 5px; } #news #newsUnit #newsBox h2 { display:block; position:relative; font-size:16px; font-weight:bold; line-height:36px; height:36px; border-bottom:3px solid #C9C1AF; padding-left:30px; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #news #newsUnit #newsBox h2:before { display: block; content: ""; position:absolute; left:12px; top:50%; width: 5px; height: 5px; margin-top:-3px; transform:rotate(45deg); -webkit-transform:rotation(45deg); border-bottom: 2px solid #EA8F9F; border-right: 2px solid #EA8F9F; } #news #newsUnit #newsBox ul { display:block; overflow:auto; width:600px; height:310px; margin:0 auto; } #news #newsUnit #newsBox ul li { display:block; font-size:14px; line-height:50px; border-bottom:1px dotted #C9C1AF; } #news #newsUnit #newsBox ul li em { display:block; float:left; font-size:12px; font-weight:bold; width:9em; padding-left:5px; } #news #newsUnit #newsBox ul li a { display:block; font-weight:normal; color:#534741; } #news #newsUnit #newsBox ul li:hover a { color:#00A89C; background: rgba(255,255,255,0.50); } #news #newsUnit #newsBox ul li:hover { color:#00A89C; background: rgba(255,255,255,0.50); } #news #newsUnit #bnBox { float:left; width:300px; background:#FFFFFF; margin:0px 5px 0px 0px; border-radius:4px;/* border-radius */ -moz-border-radius:4px; /* Firefox用 */ -webkit-border-radius:4px; /* Safari,Google Chrome用 */ } #news #newsUnit #bnBox ul { display:block; margin:25px auto 25px; width:220px; } #news #newsUnit #bnBox ul li { display:block; margin-bottom:10px; } /* #contact */ #home #mainWrap #contact { padding:45px 0px 0px; text-align:center; } #home #mainWrap #contact #cntUnit { display:block; overflow:hidden; text-align:left; width:940px; margin:0px auto; padding:0px; } #contact #cntUnit h2 { display:block; position:relative; font-size:16px; font-weight:bold; line-height:36px; height:36px; border-bottom:3px solid #C9C1AF; padding-left:30px; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #contact #cntUnit h2:before { display: block; content: ""; position:absolute; left:12px; top:50%; width: 5px; height: 5px; margin-top:-3px; transform:rotate(45deg); -webkit-transform:rotation(45deg); border-bottom: 2px solid #EA8F9F; border-right: 2px solid #EA8F9F; } #contact #cntUnit ul.f_contact { display:table; overflow:hidden; width:940px; height:60px; margin:25px 0px 0px; font-size:26px; } #contact #cntUnit ul.f_contact li { display:table-cell; float:left; vertical-align:middle; width:300px; height:60px; margin-right:20px; border:1px solid #DEE5E9; box-sizing:border-box; } #contact #cntUnit ul.f_contact li.care, #contact #cntUnit ul.f_contact li.medical { position:relative; } #contact #cntUnit ul.f_contact li.care:before, #contact #cntUnit ul.f_contact li.medical:before { display:block; position:absolute; content:''; width:40px; height:19px; top:50%; left:-1px; margin-top:-10px; } #contact #cntUnit ul.f_contact li.care:before { background: url(../img/common/f_cnt01.png) no-repeat left top; background-size:100%; } #contact #cntUnit ul.f_contact li.medical:before { background:url(../img/common/f_cnt02.png) no-repeat left top; background-size:100%; } #contact #cntUnit ul.f_contact li.care p, #contact #cntUnit ul.f_contact li.medical p { display:block; position:absolute; font-size:10px; line-height:10px; bottom:5px; right:15px; } #contact #cntUnit ul.f_contact li em { display:block; position:relative; padding-left:25px; padding-bottom:2px; margin-left:55px; line-height:58px; } #contact #cntUnit ul.f_contact li em:before { display:block; content:''; position:absolute; width:20px; height:20px; top:50%; left:0px; margin-top:-11px; background:url(../img/common/f_telmark.png) no-repeat left top; background-size:100%; } #contact #cntUnit ul.f_contact li.btn { width:300px; height:60px; margin-right:0px; font-size:18px; border:none; } #contact #cntUnit ul.f_contact li.btn a { display:block; text-align:center; color:#FFFFFF; line-height:60px; background:#62BDC8; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } #contact #cntUnit ul.f_contact li.btn a:hover { background:#EA8F9F; } }