@charset "UTF-8"; /* ========================================================================== TOP_COMMON グリーン #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.2s ease-in-out; /* Safari,Google Chrome用 */ -moz-transition: 0.2s ease-in-out; /* Firefox用 */ -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .Boxlink { cursor:pointer; } .wrap { width:950px; margin:0px auto; } /* header ------------------------------------------------------------ */ header { text-align: right; width: 100%; margin: 0px auto; } header .header { width:950px; margin:0px auto; overflow:hidden; } header h1 { display:block; margin: 0px 0px 0px 5px; } header p { display:block; font-size: 9px; line-height:20px; padding: 5px 5px 5px 0px; } header .header ul.h_contact { display:table; overflow:hidden; float:right; background:#F2F5F6; width:530px; height:50px; font-size:20px; } header .header ul.h_contact li { display:table-cell; float:left; text-align:left; vertical-align:middle; width:210px; height:50px; } header .header ul.h_contact li.care, header .header ul.h_contact li.medical { position:relative; } header .header ul.h_contact li.care:before, header .header ul.h_contact li.medical:before { display:block; position:absolute; content:''; width:25px; height:14px; top:50%; left:10px; margin-top:-7px; } header .header ul.h_contact li.care:before { background:url(../img/common/h_cnt01.png) no-repeat left top; background-size:100%; } header .header ul.h_contact li.medical:before { background:url(../img/common/h_cnt02.png) no-repeat left top; background-size:100%; } header .header ul.h_contact li.care p, header .header ul.h_contact li.medical p { display:block; position:absolute; font-size:7px; line-height:10px; bottom:0px; right:3px; } header .header ul.h_contact li em { display:block; position:relative; padding-left:15px; margin-left:37px; line-height:50px; } header .header ul.h_contact li em:before { display:block; content:''; position:absolute; width:15px; height:15px; top:50%; left:0px; margin-top:-7px; background:url(../img/common/h_telmark.png) no-repeat left top; background-size:100%; } header .header ul.h_contact li.btn { width:110px; font-size:10px; } header .header ul.h_contact li.btn a { display:block; text-align:center; text-decoration:none; line-height:10px; color:#FFFFFF; padding:10px; margin:5px; 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; } header .header ul.h_contact li.btn a:hover { background:#EA8F9F; } header nav { background: #1ED1CC; width: 100%; height: 60px; clear: both; } header nav ul { list-style: none; position: relative; width: 960px; padding: 0px; margin:0 auto; text-align:left; } header nav ul li.level01 { list-style: none; } header nav ul li.level01 a { display:block; position:relative; font-size:15px; text-align:center; text-decoration:none; font-weight:bold; line-height:60px; height:60px; 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用 */ -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } header nav ul li.level01 a:hover { background: rgba(0,0,0,0.15); color:#FFFFFF; } header nav ul li.level01 a:hover img { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); zoom: 1; } header nav ul li.level01:first-child a { background: rgba(234,143,159,1.0); } header nav ul li.level01:first-child a:hover { background: rgba(234,143,159,0.5); } header nav ul li.level01 a:before { display:block; position:absolute; content:''; width:1px; height:100%; background: rgba(255,255,255,0.2); top:0px; left:0px; } header nav ul li.level01 a:after { display:block; position:absolute; content:''; width:1px; height:100%; background: rgba(0,0,0,0.1); top:0px; right:0px; } header nav ul li.level01:first-child a { width:50px; } header nav ul li.level01:nth-child(2) a { _width:140px; width:212px; } header nav ul li.level01:nth-child(3) a { width:194px; } header nav ul li.level01:nth-child(4) a { width:212px; } header nav ul li.level01:nth-child(5) a { width:160px; } header nav ul li.level01:nth-child(6) a { _width:80px; width:124px; } _header nav ul li.level01:nth-child(7) a { width:124px; } header nav ul li.level01 a br { display: none; visibility: hidden; } header nav ul li.level01:nth-child(2) a, header nav ul li.level01:nth-child(4) a, header nav ul li.level01:nth-child(5) a { display:block; position:relative; font-size:15px; text-align:center; text-decoration:none; font-weight:bold; line-height:1.2em; height:30px; padding: 12px 0px 18px; } header nav ul li.level01:nth-child(2) a br, header nav ul li.level01:nth-child(4) a br, header nav ul li.level01:nth-child(5) a br { display: inline; visibility: visible; } /* Mega Menu Styles */ #mega-menu { } #mega-menu .sub ul { } #mega-menu li { float: left; margin: 0; padding: 0; } #mega-menu li a { float: left; display: block; text-decoration: none; } #mega-menu li.mega-hover a, #mega-menu li.mega-hover a:hover { } #mega-menu li a:hover { } /* Mega Menu Sub */ #mega-menu li .sub-container { position: absolute; } #mega-menu li .sub { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; top: 5px; left: 133px; background: #FFF; padding: 10px 0px 0 10px; margin-right:10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #mega-menu li .sub .row { overflow: hidden; clear: both; } /* Mega Menu Sub list */ #mega-menu li .sub li { list-style: none; float: none; width: 220px; } #mega-menu li .sub li.mega-hdr { margin: 0 10px 5px 0; float: left; } #mega-menu li .sub li.mega-hdr.last { margin-right: 0; } #mega-menu li .sub a { background: none; color: #111; font-size:14px; line-height:24px; height:20px; font-weight:normal; padding: 5px; display: block; float: none; } /* Mega Menu Sub list hdr */ #mega-menu li .sub li.mega-hdr a.mega-hdr-a { padding: 5px 15px; margin-bottom: 5px; background: #FF9999; color: #fff; } #mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover { background: #948F7F; } /* Mega Menu Sub list hdr list */ #mega-menu .sub li.mega-hdr li a { padding: 2px 5px; font-size:11px; } #mega-menu .sub li.mega-hdr li a:hover { color: #00A89C; background: #e6e6e6; } #mega-menu .sub ul li { padding-right: 0; } /* Mega Menu 未使用 */ #mega-menu li .sub-container.non-mega .sub { padding: 0px; } #mega-menu li .sub-container.non-mega li { padding: 0; margin: 0; } #mega-menu li .sub-container.non-mega li a { padding: 7px 5px 7px 22px; } #mega-menu li .sub-container.non-mega li a:hover { color: #a32403; background: #efefef; } /* article ------------------------------------------------------------ */ #home article { width: 100%; margin: 0px auto 70px; overflow: hidden; } }