/* Theme Name: 土川整形外科 医療脱毛 URI: https://datsumou-shizuoka.tsuchikawa-seikei.org Author: 土川整形外科 Description: 土川整形外科 Version:2025.10 vol.01 . */ /* A-OTF UD Shin Go Pr6N L font-family: a-otf-ud-shin-go-pr6n, sans-serif; font-weight: 300; font-style: normal; */ /* CSS Document */ /* ----------------------------------------------------------- reset ----------------------------------------------------------- */ div {zoom: 1;/*for IE 5.5-7*/} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure {margin:0; padding:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;} table {border-collapse:collapse; border-spacing:0; border:none;} caption,th {text-align:left;} object,embed {vertical-align:top;} hr,legend {display:none;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} img,abbr,acronym,fieldset,a {border:0;} ul li {list-style-type:none;} ol li {list-style-type:none;} img{vertical-align:bottom;} /*----------------------------------------------------------- body ----------------------------------------------------------- */ /*基本設定*/ body {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; text-align:center; font-size: 16px; line-height:1.9em; background: center no-repeat; color: #333333;} /* IE7でpadding指定 */ *:first-child+html body {padding-left: 1px;} /* IE6以下でpadding指定 */ *html body {padding-left: 1px;} strong{font-weight: normal;} /* LayoutClass - Float ============================================================================= */ .alignL { text-align: left;} .alignR { text-align: right;} .alignC { text-align: center;} .alignM { margin: 0px auto;} .floatL { float: left;} .floatR { float: right;} .floatC { clear:both;} /* LayoutClass - space ============================================================================= */ .mt5 { margin-top: 5px;} .mt10 { margin-top: 10px;} .mt15 { margin-top: 15px;} .mt20 { margin-top: 20px;} .mt25 { margin-top: 25px;} .mt30 { margin-top: 30px;} .mt35 { margin-top: 35px;} .mt40 { margin-top: 40px;} .mt45 { margin-top: 45px;} .mt50 { margin-top: 50px;} .mt60 { margin-top: 60px;} .mt-15 { margin-top: -15px;} .mb5 { margin-bottom: 5px;} .mb10 { margin-bottom: 10px;} .mb15 { margin-bottom: 15px;} .mb20 { margin-bottom: 20px;} .mb25 { margin-bottom: 25px;} .mb30 { margin-bottom: 30px;} .mb35 { margin-bottom: 35px;} .mb40 { margin-bottom: 40px;} .mb45 { margin-bottom: 45px;} .mb50 { margin-bottom: 50px;} .mb60 { margin-bottom: 60px;} .mb80 { margin-bottom: 80px;} .mb90 { margin-bottom: 90px;} .mb100 { margin-bottom: 100px;} .ml5 { margin-left: 5px;} .ml10 { margin-left: 10px;} .ml15 { margin-left: 15px;} .ml20 { margin-left: 20px;} .ml25 { margin-left: 25px;} .ml30 { margin-left: 30px;} .ml35 { margin-left: 35px;} .ml40 { margin-left: 40px;} .ml45 { margin-left: 45px;} .ml50 { margin-left: 50px;} .ml55 { margin-left: 55px;} .mr5 { margin-right: 5px;} .mr10 { margin-right: 10px;} .mr15 { margin-right: 15px;} .mr20 { margin-right: 20px;} .mr25 { margin-right: 25px;} .mr30 { margin-right: 30px;} .mr35 { margin-right: 35px;} .mr40 { margin-right: 40px;} .mr45 { margin-right: 45px;} .mr50 { margin-right: 50px;} .mr55 { margin-right: 55px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt20 {padding-top:20px;} .pt25 {padding-top:25px;} .pt30 {padding-top:30px;} .pt35 {padding-top:35px;} .pt40 {padding-top:40px;} .pt45 {padding-top:45px;} .pt50 {padding-top:50px;} .pr5 {padding-right:5px;} .prd10 {padding-right:10px;} .prd15 {padding-right:15px;} .prd20 {padding-right:20px;} .prd25 {padding-right:25px;} .prd30 {padding-right:30px;} .prd35 {padding-right:35px;} .prd40 {padding-right:40px;} .prd45 {padding-right:45px;} .prd50 {padding-right:50px;} .pb5 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb25 {padding-bottom:25px;} .pb30 {padding-bottom:30px;} .pb35 {padding-bottom:35px;} .pb40 {padding-bottom:40px;} .pb45 {padding-bottom:45px;} .pb50 {padding-bottom:50px;} .pl5 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;} .pl25 {padding-left:25px;} .pl30 {padding-left:30px;} .pl35 {padding-left:35px;} .pl40 {padding-left:40px;} .pl45 {padding-left:45px;} .pl50 {padding-left:50px;} .pl70 {padding-left:70px;} /* Link ============================================================================= */ a{color:#809802; text-decoration:underline;} a:hover {color:#809802; text-decoration:none;} a:hover img {opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=80); /* IE lt 8 */ -ms-filter: "alpha(opacity=80)"; /* IE 8 */ -khtml-opacity: .80; /* Safari 1.x */ -moz-opacity: .80; /* FF lt 1.5, Netscape */ } img{width: 100%;height: auto;} /* ----------------------------------------------------------- ベースレイアウト iPadなどのレイアウトのインデント調整のため text-indent: -10000;ではなく下記を使用しています。 text-indent: 100%; white-space: nowrap; overflow: hidden; ----------------------------------------------------------- */ /*======================================================================= 各種ラッパー用CSS =======================================================================*/ #wrapper {width: 100%; margin: 0 auto; text-align: center; overflow: hidden;} .wrap{position: relative; width: 90%; max-width: 1200px; margin: auto; overflow: hidden;} header .wrap{overflow: inherit; background-color: #fff;} .wrap02{position: relative; overflow: hidden;} .wrap_in{position: relative; width: 90%; max-width: 1080px; margin: auto;} .cnt_wp {width: 100%; margin: 0 auto; text-align: center;} #cnt_wrapper {width: 960px; margin: 0 auto; text-align: left; position: relative; overflow: hidden;} article{text-align: left; position: relative;} section{margin-bottom: 3em;} .sub section{margin-bottom: 4em;} section:last-child,.sub section:last-child{margin-bottom: 0;} .flex {display:flex; flex-wrap:wrap;} .page article, .single article, .archive article, .search article{padding: 5em 0 ;} .page .content,.single .content,.archive .content{width: 980px; overflow: hidden; position: relative;} .txtarea p{margin-bottom:2em;} .txtarea p:last-child{margin-bottom:0;} .map iframe{border: none; width: 100%; height: 500px;} .boxlayout02{overflow: hidden; position: relative;} .boxlayout02 .floatR{width: 48%;} .boxlayout02 .floatL{width: 48%;} .boxin01{background-color: #fff; padding: 1.5em 2%;} .boxlayout02-2{overflow: hidden; position: relative;} .boxlayout02-2 .floatR{width: 18%;} .boxlayout02-2 .floatL{width: 80%;} .boxlayout02-3{overflow: hidden; position: relative; margin-bottom: 1.5em;} .boxlayout02-3:last-child{margin-bottom:0;} .boxlayout02-3 .floatL{width: 20%;font-weight: bold;color: #809802;} .boxlayout02-3 .floatR{width: 78%;} .boxlayout02-4{overflow: hidden; position: relative; margin-bottom: 1.5em;} .boxlayout02-4 .floatL{width: 36%;} .boxlayout02-4 .floatR{width: 58%;} .boxlayout02-4-02{overflow: hidden; position: relative; margin-bottom: 1.5em;} .boxlayout02-4-02 .floatR{width: 36%;} .boxlayout02-4-02 .floatL{width: 58%;} .boxlayout02-5{display:flex; flex-wrap:wrap;} .boxlayout02-5 div:first-child{width: 70%; margin-bottom: 1em;} .boxlayout02-5 div:last-child{width: 26%; margin-bottom: 1em;} .boxlayout03{overflow: hidden; padding: 2em 0 2em;} .boxlayout03 .floatL{width: 29.3%; padding: 0 2%;} .boxlayout03-02{display:flex; flex-wrap:wrap;} .boxlayout03-02 div{width: 29.3%; padding: 0 2%; margin-bottom: 2em;} .boxlayout03-03{display:flex; flex-wrap:wrap; justify-content:space-between;} .boxlayout03-03 div{padding: 2em 2%; margin-bottom: 0;} .boxlayout04{display:flex; flex-wrap:wrap;} .boxlayout04 div{width: 25%; padding: 1em 1%; box-sizing: border-box;} .boxstyle01{border: #dddddd solid 1px; box-sizing: border-box; padding: 3%; margin-bottom: 2em;} .boxstyle02{background: #f7f4f0;} .boxstyle03{background: #f4f1ec;} .boxstyle04{background: #f0f4fc;} .boxstyle05{background: #fff;} .boxstyle06{background: #e3f1f8; padding: 4em 0;} /*======================================================================= レフト・メイン・ライトコンテンツ 枠 =======================================================================*/ .w50{width: 50%;height: auto;} /*フォント*/ .font_style01{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold;} .font_style02{color: #809802; font-weight: bold; font-size: 1.2em;} .font_style03{font-size: 1.1em; color: #809802; font-weight: bold;} .font_style04{font-size: 1.1em; font-weight: bold;} .font_style05{font-weight: bold;} .font_style06,.txtarea p.font_style06{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold; font-size: 1.3em; margin-bottom: 1em;} .font_style07{color: #ff0000; font-weight: bold; font-size: 1.2em;} .font_style08{color: #809802;} .btnstyle01{color: #948368; display: inline-block; text-decoration: none; line-height: 1.2; font-weight: bold; border-radius: 50px; background: url(images/ico01.png) no-repeat 92% #fff; border: #948368 1px solid; font-size: 0.9em; padding: 0.6em 40px;} .btnstyle01:hover{opacity: 0.8;} .btnstyle02{background: url(images/ico01.png) no-repeat right; color: #948368; padding: 0 21px 0 0; text-decoration: none;} .liststyle01{margin-bottom: 1em;} .liststyle01 li,.liststyle01 p{padding: 0 0 0.5em 0; text-align: left;} .liststyle01 li li{font-size: 0.9em;border-bottom: 0;} .liststyle02 li{background: url("images/ico03.png") no-repeat left 0.5em; padding: 0 0 0 12px; text-align: left;} .liststyle01 a{color: #343434;text-decoration: none;} .liststyle02 a{color: #9a9a9a;text-decoration: none;} .liststyle01 a:hover,.liststyle02 a:hover{color: #9a9a9a;text-decoration: underline;} .linkblank{background: url("images/icoblank.png") no-repeat center right;padding-right: 50px;min-height:20px;display: inline-block;} .checkarea_y{background: url("images/icocheck.png") no-repeat center left;padding-left: 20px;min-height:20px;display: inline-block; margin-right: 1em;} .checkarea_n{background: url("images/icocheckno.png") no-repeat center left;padding-left: 20px;min-height:20px;display: inline-block;margin-right: 1em; } .pdfbox{padding: 2em 3%; text-align: center;} .single .pdfbox{margin-top: 2em;} .page article .pdfbox img,.pdfbox img,.single .pdfbox img{width: 150px;height: auto;margin: 0 auto;} .linkpdf{background: url("images/icopdf.png") no-repeat center right;padding-right: 30px;min-height:20px;display: inline-block;} .liststyle03 a{background: url(images/ico05.png) no-repeat 1em 1.4em; padding: 1em 43px; text-align: left; border-top: 1px solid #809802; border-right: 1px solid #809802; border-left: 1px solid #809802; border-bottom: 4px solid #809802; margin-bottom: 1em; box-sizing: border-box; text-decoration: none; color: #809802; display: block;} .liststyle03 a:hover{background: url(images/ico05.png) no-repeat 1em 1.4em #e8f7ff;} .liststyle04 li{list-style-type: decimal; list-style-position: inside;} .liststyle05 li{padding: 0.5em 0 0.5em 0; text-align: left; font-weight: bold;} .liststyle05 li li{padding-left: 1em; color:#343434; font-weight: normal; background: none;} /*ページトップ*/ #p_top_area{ position:fixed; bottom: 10px; right:10px; z-index: 1000;} /*テーブルスタイル table_style*/ .tablestyle01{width: 100%; border-top: #948368 2px solid; border-left: #948368 2px solid; border-bottom: #948368 2px solid; border-right: #948368 solid 2px; margin-bottom: 2em; text-align: center; font-weight: bold;} .tablestyle01 th{padding: 0.4rem 2%; border-bottom: #948368 1px solid; border-right: #948368 2px solid; box-sizing: border-box; text-align: center;} .tablestyle01 td{padding: 1rem 2%; border-bottom: #948368 1px solid; border-right: #948368 solid 1px; box-sizing: border-box;} .tablestyle01 th.thstyle01{border-bottom: #948368 2px solid;} .tdstyle01{background-color: #999188;color: #fff;} .newslist_boxwrap{border: solid #dddddd 2px; margin: 0 auto 2em; padding: 2em 4%;} .newslist_boxwrap h3{color: #809802; font-weight: bold; font-size: 1.2em;} .newslist_boxwrap:hover{background-color: #f7f4f0;} .newslist_boxwrap.singlewrap:hover{background-color: #fff;} .newslist_boxwrap .day{margin-bottom: 0;font-size: 0.8em;} .tdstyle02{background-color: #e0f0f9;} td strong{font-weight: bold;} .tablestyle02{width: 100%; border-top: #afc738 1px solid; border-left: #afc738 1px solid; margin-bottom: 2em; line-height: 1.2;} .tablestyle02 th{background-color: #f8f5f1; padding: 0.5rem 2%; border-bottom: #afc738 1px solid; border-right: #afc738 1px solid; font-weight: bold; box-sizing: border-box; text-align: center; width: 25%;} .tablestyle02 td{padding: 0.5rem 2%; border-bottom: #afc738 1px solid; border-right: #afc738 solid 1px; box-sizing: border-box;} .formarea .tablestyle02 td{text-align: center;} .tablestyle03{width: 100%; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; margin-bottom: 2em; font-size: 0.8em; line-height: 1.2;} .tablestyle03 th{background-color: #e0f0f9; padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd 1px solid; font-weight: bold; box-sizing: border-box;} .tablestyle03 th.thstyle01{background-color: #96caf1;text-align: center;} .tablestyle03 td{padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd solid 1px; box-sizing: border-box;} .tablestyle04{width: 100%; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; margin-bottom: 2em; font-size: 0.8em; line-height: 1.2;} .tablestyle04 th{background-color: #e0fec8; padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd 1px solid; font-weight: bold; box-sizing: border-box;} .tablestyle04 th.thstyle01{background-color: #c0e3a4;text-align: center;} .tablestyle04 td{padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd solid 1px; box-sizing: border-box;} .tablestyle05{width: 100%; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; margin-bottom: 2em; font-size: 0.8em; line-height: 1.2;} .tablestyle05 th{background-color: #fffcde; padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd 1px solid; font-weight: bold; box-sizing: border-box;} .tablestyle05 th.thstyle01{background-color: #fffbd1;text-align: center;} .tablestyle05 td{padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd solid 1px; box-sizing: border-box;} .tablestyle06{width: 100%; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; margin-bottom: 2em; font-size: 0.8em; line-height: 1.2;} .tablestyle06 th{background-color: #fadffb; padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd 1px solid; font-weight: bold; box-sizing: border-box;} .tablestyle06 th.thstyle01{background-color: #fed0ff;text-align: center;} .tablestyle06 td{padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd solid 1px; box-sizing: border-box;} .tablestyle07{width: 100%; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; margin-bottom: 2em; font-size: 0.8em; line-height: 1.2;} .tablestyle07 th{background-color: #fff1de; padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd 1px solid; font-weight: bold; box-sizing: border-box;} .tablestyle07 th.thstyle01{background-color: #ffe7c8;text-align: center;} .tablestyle07 td{padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd solid 1px; box-sizing: border-box;} .single-search_examination .tablestyle01,.timearea .tablestyle01{width: 100%; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; margin-bottom: 2em; font-size: 0.8em; line-height: 1.2;} .single-search_examination .tablestyle01 th,.timearea .tablestyle01 th{background-color: #e0f0f9; padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd 1px solid; font-weight: bold; box-sizing: border-box; text-align: center;} .single-search_examination .tablestyle01 td,.timearea .tablestyle01 td{padding: 0.5rem 1%; border-bottom: #dddddd 1px solid; border-right: #dddddd solid 1px; box-sizing: border-box; text-align: center;} .formarea input[type="text"] ,.formarea input[type="email"],.formarea textarea, .formarea input[type="tel"]{width:70%; padding: 0.5em; border: 1px solid #afc738;} .formarea input[type="date"]{padding: 0.5em; border: 1px solid #afc738;} .formarea select{border: 1px solid #afc738; padding: 0.5em;} .formarea th span{font-weight: normal; color: #fff; padding: 0.3em; background-color: #e3686c; margin-left: 0.5em; font-size: 0.8em;} .menunav{overflow: hidden;margin-left: 6%;margin-bottom: 2em;} .menunav li{width: 20%; float: left; margin: 0 1.7% 1em;} .menunav li img{width: 100%;height: auto;} .titarea p{color: #809802;} .titstyle01{font-size: 1.2em;color: #595757;margin-bottom: 0.5em;} .titstyle02 {font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold; font-size: 1.4em; margin-bottom: 1em; line-height: 1.5em;} .titstyle03{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold; font-size: 2em; letter-spacing: 0.1em; text-align: center; line-height: 1.2;} .titstyle04{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold; font-size: 2em; letter-spacing: 0.1em; line-height: 1.2; margin-bottom: 1em;} .titstyle05{box-shadow: 0px 0px 17px 15px #fff inset; padding: 1.5em 2.2%; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold; font-size: 1.2em; margin-bottom: 1.5em;} .titstyle06{font-size:1.5em; letter-spacing: 0.1em; line-height: 1.2; margin-bottom: 1em; display: flex; align-items: center;} .titstyle06:before, .titstyle06:after {content: ""; flex-grow: 1; height: 1px; background: #444; display: block;} .titstyle06:before {margin-right: .4em;} .titstyle06:after {margin-left: .4em;} .titstyle07{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold; font-size:1.5em; letter-spacing: 0.1em; line-height: 1.2; margin-bottom: 1em; display: inline-block; border-bottom: 1px solid #333333;} /*======================================================================= ヘッダ =======================================================================*/ header{background-color: rgba(255,255,255,0.95); z-index: 1000; padding: 15px 0 0; width: 100%; top: 0;} .head_top{width: 90%; margin: 0 auto 1em;} .head_left{float: left; width: 24%; text-align: left;} .head_top h1{width: 100%;} .head_top p.snipet{font-size: 0.8em;white-space: nowrap;} header .gnav.pc{float: right; letter-spacing: 0.1em; font-size: 20px; margin-bottom: 1em; clear: both;} header .gnav.pc li{float: left; white-space: nowrap; box-sizing: border-box;} header .gnav.pc li:last-child a{border-right:none;} .gnav.pc a{text-decoration: none;color: #000; display: block; border-right: 1px #c5af8a solid; padding: 0 0.9em;} .gnav.pc a:hover{color: #809802;} .gnav.pc li.on a{color: #809802;} .gnav.pc li.on {color: #809802;} #menu li{position: relative; float: left; padding: 0; text-align: center;} #menu li a{display: block; margin: 0; line-height: 1; text-decoration: none;} #menu li ul{list-style: none; position: absolute; top: 100%; left: 0; margin: 0; padding: 0;} #menu li:last-child ul{left: -100%; width: 100%;} #menu li ul li{overflow: hidden; width: 200%; height: 0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;} #menu li ul li a{padding: 13px 15px; text-align: left; font-weight: normal; font-size: 0.8em;; border-right:none;} #menu li:hover > a{background: #f8f5f1;} #menu li:hover ul li{overflow: visible; height: 38px; border-bottom: 1px solid #fff; background: #f8f5f1;} #menu li:hover ul li:first-child{border-top: 0;} #menu li:hover ul li:last-child{border-bottom: 0;} .menu img{margin-bottom: 0.2em;} ul.menu__second-level {visibility: hidden; opacity: 0; z-index: 1;} ul.menu__third-level {visibility: hidden; opacity: 0;} ul.menu__fourth-level {visibility: hidden; opacity: 0;} .menu > li:hover {-webkit-transition: all .5s; transition: all .5s;} /* 下矢印 */ .init-bottom:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} /* floatクリア */ .menu:before, .menu:after {content: " "; display: table;} .menu:after {clear: both;} .menu {*zoom: 1;} .menu > li.menu__single {position: relative;} .gnav.pc .menu__second-level a{color: #fff;border-right: none;} .gnav.pc .menu__second-level a:hover{color: #ffd200;} .gnav.pc li.on li a{color: #fff;} li.menu__single ul.menu__second-level {position: absolute; top: 40px; white-space: nowrap; border: none; background-color: rgba(0,92,185,0.8); -webkit-transition: all .2s ease; transition: all .2s ease; left: 0; padding: 10px;} li.menu__single ul.menu__second-level a{letter-spacing: 0;display: block;} li.menu__single:hover ul.menu__second-level {top: 50px; visibility: visible; opacity: 1;} header .gnav.pc li li:first-child, header .gnav.pc li li {border: none; width: auto; float: none; text-align: left; left: 0%; font-size: 1em; padding: 10px 0 10px 10px; height:auto; border-bottom: 1px solid #fff; background: url("images/ico06.png") no-repeat left 1.2em;} header .gnav.pc li li li:first-child, header .gnav.pc li li li{border-bottom: 1px dotted#fff; font-size: 0.8em;} .headbg{width: 100%; z-index: -100; background: no-repeat center top; clear: both; margin: 160px auto 0;} .slick-dots{display: none;} .slick-dotted.slick-slider{margin-bottom: 0;} .slick-slide img{display: inline-block;} .headbg .boxin{background-size: cover; background: center top;} .headbg h2{margin: 0 auto 0.3em; font-size: 2.5em; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; color: #555555; line-height: 1.2; font-weight: bold;} .sub .boxin{background-color: #f8f5f1; padding: 1em 0 4em 0;} .sub .boxin p{color: #809902; font-weight: bold;} .head_right{float: right;overflow: hidden;width:67%;text-align: right;} .head_right p.btn{width: 18%; float: right;} .head_right p.btn02 {display: none;} .head_right p.tel{width: 27%; float: right; clear: both; margin: 1em 0;} .head_right ul.btnarea{overflow: hidden; float: right; width: 55%;} .head_right .btnarea li{float: left; margin-right: 1%; width: 32%;} .head_right .btnarea li:last-child{margin-right: 0;} /*======================================================================= フッタ =======================================================================*/ .footmaparea{overflow: hidden;margin-bottom: 2em;text-align: left;} .footmaparea .floatL{width: 50%;} .footmaparea .floatR{width:44%;float: left;padding: 4em 3% 2em;} .footmaparea iframe{width: 100%; height: 600px; border: none; display: block;} .footmaparea .area01{overflow: hidden;margin-bottom: 2em;} .footmaparea .area01 .imgarea{float: left; width: 5%;} .footmaparea .area01 .txtarea{float: left; width: 80%; margin-left: 3%;} .footmaparea .area01 .txtarea a{color: #333333;} footer{overflow: hidden; position: relative; margin:0 auto;} footer .wrap{padding: 2em 0 0;} .fnav li{text-align: left;} .fnav li a{text-decoration: none;color: #3a3a3a;} .fnav li a:hover{color: #809802;} footer h1{width: 75%; text-align: left; margin: 0 auto;} .fnav4culm nav{flex-wrap: wrap; display: flex;} footer .btnarea{margin-top: 50px;} footer .btnarea p{margin-bottom: 0.5em;width: 80%;} footer .navarea .area01{width: 22%; float: left; padding: 1em 1% 0 0; text-align: left; box-sizing: border-box; line-height: 1.2em;} footer .navarea .area02{width: 32%; float: left; padding: 1em 1% 0 0; text-align: left; overflow: hidden; line-height: 1.2em;} footer .btn{float: right; width: 15%; margin-bottom: 1em;} footer .fnav {overflow: hidden;clear: both;} footer .fnav .area02 ul{float: left;width: 48%;margin-right: 2%;} footer .fnav .area01 li, footer .fnav .area02 li{margin-bottom: 0.6em;} footer .navarea .area01 p,footer .navarea .area02 p{margin-bottom: 1em;border-bottom: 1px solid #fff;padding-bottom: 1em;} footer .navarea .area01 p.imgarea{margin-top: 2em;border-bottom: none;padding-bottom: 0;width: 70%;} footer .navarea .area01 p a,footer .navarea .area02 p a{color: #3a3a3a;text-decoration: none;font-weight: bold;} footer .navarea .area01 p a:hover,footer .navarea .area02 p a:hover{color:#809802;} footer .footarea{position: relative; overflow: hidden; padding: 1em 0; font-size: 0.9em; float: right;} footer .footarea ul{position:relative; left:50%; float:left;} footer .footarea li{position:relative; left:-50%; float:left;} footer .footarea li{border-right: 1px solid #000;} footer .footarea li:last-child{border-right: none;} footer .footarea li a{color: #000;text-decoration: none;margin: 0 0.5rem;} footer .footarea li a:hover{color: #809802;} footer .copy{padding: 1em 0; clear: both;} /*------------------------------------------------------------------------ 下層ページ 共通 ------------------------------------------------------------------------*/ .linkbox.wrap {border-top: 3px solid #008ad0; border-bottom: 3px solid #008ad0; margin: 3em auto; padding: 2em 0;} .linkbox h2{color: #008ad0; font-size: 1.3em; margin-bottom: 1em;} .linkboxin {position:relative; overflow:hidden;} .linkboxin ul {position:relative; left:50%; float:left;} .linkboxin li {position:relative; left:-50%; float:left; padding: 0 30px 0 12px;} .linkboxin .liststyle01 li:last-child {padding-right: 0; margin-right: 0;} .bnrarea img{width: 100%; height: auto;} .foot_systembox{background: url("images/foot_systembox_bg.png") no-repeat top center; background-size: cover; text-align: center; padding: 6em 2% 3em; margin: 3em auto 0; width: 84%; max-width: 1080px;} .foot_systembox h2{color: #fff;font-size: 2.2em;margin-bottom: 1em;font-weight: 700;line-height: 1.2;} .maparea iframe{width: 100%; height: 470px;border: none;} .content02{width: 90%; max-width: 1200px; margin: 0 auto ; overflow: hidden;} .page article img,.single article img{width: 100%;height: auto;} .catearea{font-size: 0.8em;} .catearea span{margin-right: 1em;} .catearea02{font-size: 0.8em;margin-top: 1em;} .single .catearea02{margin-bottom: 1.5em;} .catearea02 span{color: #fff;padding: 0.5em 1em;} .catearea02 .important{background-color: #bf0000;} .catearea02 .ward{background-color: #d4732b;} .catearea02 .worker{background-color: #621a1b;} .catearea02 .member{background-color: #809802;} #breadArea{color: #809802; font-weight: bold; font-size: 0.8em; padding: 1em 0 0; text-align: left; line-height: 1.2;} #breadArea a{text-decoration:none; color: #2b2b2b; font-weight: normal;} #breadArea a:hover{text-decoration: underline; font-weight: normal;} .mainclum{float: left; width: 67%;} aside{float: right; width: 28%;} .asidein{padding: 0 6%;} aside .font_style02{margin: 0 auto 1em;} aside .liststyle01 a,aside a{ text-decoration: none;color: #343434;} aside .titstyle02{margin-bottom: 1em;} aside li{text-align: left;} aside .news_list,aside .cate_list,aside .archive_list{border-top: 1px solid #ddd; padding-top: 3em;} aside ul.liststyle01{margin-bottom: 3em;} aside .archive_list ul.liststyle01{margin-bottom: 0;} .pagearea {overflow: hidden; padding: 10px 20px; border: 1px solid #008ad0; margin: 20px 0 0;} .pagearea p.next{float: right;} .pagearea p.pre{float: left;} .pc{display:block;} .mb{display:none;} .slicknav_menu {display:none;} .w70{width: 70%;margin: 0 auto;} .wpcf7-submit{background-color: #afc738;padding: 0.8em 5em; border: none;border-radius: 10px;color: #fff;font-size: 1.2em;} .wpcf7-submit:hover{opacity: 0.8;cursor: pointer;} /*PCのスタイル*/ #nav_toggle{display: none;} .maintxt {position: absolute; top: 650px; left: 9%; width: 15%;} .maintxt02 {position: absolute; top: 590px; left: 25%; width: 24%;} @media (max-width:2500px) { .maintxt{position: absolute; top: 260px; left: 9%; width: 28%;} .maintxt02{position: absolute; top: 520px; left: 9%; width: 36%;}} @media (max-width:1580px) { .maintxt02{top: 440px;} .headbg{margin: 120px auto 0;}} @media (max-width:1350px) { .maintxt02 {top: 410px;} footer .navarea .area01 .btnarea p:first-child,footer .navarea .area01 .btnarea p:last-child{width: 80%;} .btnarea p:first-child,.btnarea p:last-child{width: 26.8%;} .btnarea p{width: 33%;} header .gnav.pc li {letter-spacing: 0; padding-bottom: 0.5em;} .gnav.pc a{padding: 0 0.5em;}} @media (max-width:1280px) {.head_left{width: 36%;} .head_right{width: 64%;} .wrap{width: 94%;;} .home .maintxt {width: 36%; top: 50px;} .maintxt02 {top: 270px; width: 52%;} header .gnav.pc {margin: 0 0 1em;}} @media (max-width:1180px) { header{position: relative;} .gnav.pc li.on{background:none;} .headbg{margin-top: 0;}} @media (max-width:1080px) { .headbg h2{font-size: 1.8em;} .maintxt02 {top: 220px;} .head_right p.btn {width: 28%;} .head_right p.tel {width: 45%; margin: 0.5em 0;} header .gnav.pc {font-size: 16px;} .titstyle02{font-size: 1.1em;margin-bottom: 1em;} .titstyle03{font-size: 1.5em;} .boxstyle06{padding: 2em 0;} .tablewrap{overflow: scroll;} .page .content, .single .content{width: 100%;} h3 img,h4 img{width: 100%; height: auto;} .foot_systembox h2{font-size: 1.2em;} .footmaparea .area01 .imgarea {width: 9%;} .footmaparea .area01 .txtarea {width: 78%; margin-left: 6%;}} @media (max-width:980px) { .head_top{width: 98%;} .wrap{width: 94%;} .head_right p.btn{width: 33%;} .head_right p.tel{width: 50%;} .home .maintxt {top: 31px; width: 43%; left: 28%;} .maintxt02 {top: 212px; width: 53%; margin: auto; left: 23%;} header .gnav.pc li{ font-size: 15px;} .btnarea p {width: 36%;} .boxlayout05 .floatL{width:100%;} .boxlayout05 .floatR{width:100%;} .boxlayout04_02{padding: 2em 0 2em 0;} .btnarea p:first-child, .btnarea p:last-child {width: 28.8%;} .w70{width: 100%;} .fnav li{display: block; float: none; text-align: left; padding: 0.5em 0 0.5em 13px;} .fnav li a{font-size:1em;} .fnav li br{display: none;} .head_right ul.btnarea{overflow: hidden; float: none; width: 80%; margin: auto;} footer .navarea .area01 p.imgarea{width: 22%;} footer h1 {width: 35%;} footer .btn{float: none; margin: 0 auto 1em; width: 25%;} footer .btnarea{overflow: hidden;} footer .navarea .area01,footer .navarea .area02{float: none;width: 100%;border-left:none;} footer .navarea .area01 .btnarea p {margin-bottom: 0; float: left; width: 31%; margin: 0 1%;} footer .navarea .area01 .btnarea p:first-child, footer .navarea .area01 .btnarea p:last-child {width: 31%; float: left;} footer .fnav .area02 ul{float: none;width: 100%;} footer .footarea{float: none;} } @media (max-width:740px) { body{min-width: 100%;-webkit-text-size-adjust: 100%;line-height: 1.7em;font-size: 1em;} section,.sub section{margin-bottom: 2em;} .home .maintxt {top: 43px; width: 50%; left: 24%;} .maintxt02 {top: 215px; width: 66%; margin: auto; left: 17%;} .titstyle03{font-size: 1.3em;} .titstyle07{font-size: 1.2em;} .boxin01 {padding: 1em 4%;} .font_style06{font-size: 1em;} .mb30 {margin-bottom: 15px;} .font_style02{font-size: 1em;} .titstyle05 {box-shadow: none; padding: 0.6em 2.2%;} .titstyle06{font-size: 1.2em;} header {overflow: initial;;background: rgba(255,255,255,0.9);} .head_top {width: 92%; margin: 0 auto;} .head_right p.btn {position: fixed; bottom: 10px; left: 2%; width: 38%; margin: 0;} .head_right p.tel {width: 50%; position: fixed; bottom: 10px; right: 2%; background: #fff; padding: 0.7em 3% 0.4em; border-radius: 10px; margin: 0;} .headbg {margin: 0 auto 0;} .tableslide {overflow-x: scroll;} .head_top .logo {display: block; width: 45%;} .head_left {width: 86%; text-align: left;} footer h1{font-size: 1.3em;margin: 0 auto 0.1em;} footer .btnarea{margin-top: 50px;} .floatL {float: none ;} .floatR {float: none ;} .floatC {clear:both ;} .maparea iframe{height:300px;} .mb50 {margin-bottom: 30px;} .txtarea p {margin-bottom: 1em;} header{padding: 0.7em 0;position: relative;} .sub .boxin{padding: 2em 0;} .headbg h2 span{margin-bottom: 0.2em;} .headbg h2{padding: 0em 2% 0; font-size: 1.3em; margin: 0 auto 0em;} .sub .boxin p {font-size: 0.8em;} .head_top p.snipet{display: none;} .maintxt{width:90%;} .map iframe{height: 300px;} .boxlayout02-2 .floatR{width: 100%; padding: 0 0 2em 0;} .boxlayout02-3 .floatR{width: 100%;} .boxlayout02-3 .floatL{width: 100%; margin-bottom: 1em;} .boxlayout02-4 .floatR{width: 100%;} .boxlayout02-4 .floatL{width: 100%;margin-bottom: 2em;} .boxlayout02-4-02 .floatL{width: 100%;} .boxlayout02-4-02 .floatR{width: 100%;margin-bottom: 2em;} .boxlayout02-5{display: block; flex-wrap:wrap;} .boxlayout02-5 div:first-child{width: 100%; padding: 0 0;} .boxlayout02-5 div:last-child{width: 100%; padding: 0 0;} .boxlayout02-2 .floatL{width: 100%;padding: 0 0 2em 0;} .boxlayout02-2-2 .floatL{width: 80%;padding: 0 0 2em 0;} .boxlayout02-2-2 .floatR{width: 100%;} .boxlayout04 .floatL,.boxlayout04_02 .floatL {width: 100%; float: none;} .boxlayout04 .floatR,.boxlayout04_02 .floatR {width: 100%; float: none;} .boxlayout04{padding: 0 0 0 0;} .font_style04{font-size: 1em;} .boxlayout01 img,.boxlayout02 img,.boxlayout01-02 img{width: 80%; margin: 0 auto 10px;} .titstyle04{font-size: 1.2em; margin-bottom: 0.5em; line-height: 1.2; letter-spacing: 0; letter-spacing: 0.1em;} .titstyle05{font-size: 1.1em; margin-bottom: 1.5em;} .tablewrap{overflow-y: scroll;} .tablestyle02{ margin-bottom: 0.5em;} .tablestyle02 th{width: 100%; display: inline-block; padding:1em 0 1em 0; text-align: center;} .tablestyle02 td{padding: 1em 3%; width: 100%; display: inline-block;} .formarea td{text-align: center;} .formarea input[type="text"], .formarea input[type="email"] , .formarea input[type="tel"] {text-align: center; margin: auto;} .boxstyle03{font-size: 1em;} .page .boxstyle02in .floatL h4 img{width: 100%;} .page .boxstyle05in .floatL h4 img{width: 100%;} .page .content02.boxlayout04, .single .content02.boxlayout04,.page .content02.boxlayout04_02, .single .content02.boxlayout04_02{width: 90%;} .boxlayout04_02{padding: 2em 0 2em 0;} .menunav{overflow: hidden;margin-left: 4%; margin-bottom: 1em;} .menunav li{width: 46%;float: left;margin: 0 1% 1em;} .btnarea p:first-child, .btnarea p:last-child{text-align: center;width: 100%;} .btnarea p img{width: 60%;margin: 0 auto;height: auto;} .tit_style03{font-size: 1.3em;} /*ページトップ*/ #p_top_area{bottom: 90px;} img{width: 100%; height: auto;} .pc{display:none;} .mb{display:block;} .wrap{position: relative; width: 90%; margin: auto;} .wrap_in{width: 98%;} #cnt_wrapper {width: 98%;} .wpcf7-submit{width: 80% ;padding: 0.5em 1em;} .mbmenu nav{display: none; position: absolute; top: 53px; width: 100%; background: #a9cb03; left: 0; z-index: 20000;} header .mbmenu nav ul{display: block; margin: 0 auto; width: 90%;} header .mbmenu nav ul li{margin: 1em auto; text-align: left; border-bottom: 1px solid #fff;} header .mbmenu nav ul li:last-child{border: none;} header .mbmenu nav ul li a{display: block; color: #fff; text-decoration: none;} /*開閉ボタン*/ #nav_toggle{display: block; width: 40px; height: 40px; position: absolute; top: 10px; right: 10px; z-index: 1000000;} #nav_toggle div {position: relative;} #nav_toggle span{display: block; height: 3px; background: #a9cb03; position:absolute; width: 100%; left: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;} #nav_toggle span:nth-child(1){top:0px;} #nav_toggle span:nth-child(2){top:12px;} #nav_toggle span:nth-child(3){top:24px;} /*開閉ボタンopen時*/ .open #nav_toggle span:nth-child(1) {top: 12px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg);} .open #nav_toggle span:nth-child(2) {width: 0; left: 50%;} .open #nav_toggle span:nth-child(3) {top: 12px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg);} .page article, .single article, .archive article, .search article{padding:2em 0;} .page .content,.single .content{width: 98%;} .page .content02,.single .content02{width: 92%; padding: 0 0;} #p_side_area{display: none;} #modal { display: none; } .h_areatop{padding: 0.5em 1%;} .h_areatop h1{width: 60%; float: left;} .slidemenu .first{width: 27%; text-align: right; float: right; margin-top: 0.3em;} .slidemenu .first img{width: 80%;} .asidein{padding: 0;} aside .news_list, aside .cate_list, aside .archive_list {padding-top: 1em;} aside ul.liststyle01 {margin-bottom: 1em;} #modal li{padding:10px; border-bottom:1px dotted #666;} #modal li a{color:#fff; text-decoration:none;} #pageslide { /* These styles MUST be included. Do not change. */ display: none; position: fixed; top: 0; height: 100%; z-index: 999999; /* Specify the width of your pageslide here */ width: 160px; padding: 20px; /* These styles are optional, and describe how the pageslide will look */ background-color: #333; color: #FFF; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222;} .tit_style01{font-size: 18px;} .boxlayout01 .floatL,.boxlayout01 .floatR,.boxlayout02 .floatL,.boxlayout02 .floatR,.boxlayout01-02 .floatL,.boxlayout01-02 .floatR{width: 100%; margin: auto; padding: 0 0 1.5em;} .boxlayout01 h3, .boxlayout02 h3,.boxlayout01-02 h3 {width: 100%; margin: 0 auto 1.5em; text-align: center;} .boxlayout03{overflow: hidden; width: 100%; margin:0 auto 50px;} .boxlayout03 .floatL{width: 98%;} .boxlayout03-02 div {width: 100%; padding: 0 0 0; margin-bottom: 1em;} .boxlayout04 div{width: 100%; padding: 1em 0 0;} .boxlayout06{overflow: hidden;} .boxlayout06 .floatL{width:100%;} .boxlayout06 .floatR{width:100%;} .mainclum{float: none; width: 100%;} aside{float: none; width: 100%;margin-top: 30px;} .pagearea {padding: 0;} .pagearea p.next{ padding: 10px;} .pagearea p.pre{padding: 10px;} footer .mt50{margin-top: 1em;} footer .navarea .area01 .btnarea{margin: 0 auto 1em;} footer .navarea .area01 .btnarea p{width: 100%; margin: 1em auto;text-align: center;} footer .navarea .area01 .btnarea p:first-child, footer .navarea .area01 .btnarea p:last-child{width: 100%; margin:0 auto;} .footmaparea .floatL{width: 100%;} .footmaparea .floatR{float: none;width: 100%;padding: 2em 3% 1em;} .footmaparea iframe{height: 300px;} footer .wrap {padding: 2em 0 0;} footer .footarea .floatL{float: none;width: 100%;margin-bottom: 2em;} footer .footarea .floatL li{float: none;} footer .footarea .floatR{text-align: center;width: 100%;} footer .footarea .floatR h1{ margin: 0 auto 0.5em;font-size: 1.3em;} .footcontbox .floatL img{width: 20%;} .footcontbox{padding: 2em 0 2em;} footer .navarea .area01 p.imgarea {width: 55%;} footer .btn{display: none;} footer h1 {width: 65%;} footer .footarea{border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;} footer .copy{padding: 1em 0 5em;} .w50{width: 100%;} } @media (max-width:600px) { .home .maintxt {top: 43px; width: 70%; left: 14%;} .maintxt02 {top: 209px; width: 90%; margin: auto; left: 5%;} } /*==================================================================================== トップページ ====================================================================================*/ .home #h_area .boxstyle05{display: flex;} .home .headbg{margin: 0 auto 0; width:100%; z-index: -1;} .home #box01{padding: 3em 0; margin-bottom: 0;} .home #box01 .newsarea, .home #box08 .newsarea{border-bottom: 1px dotted #a9a9a9; color: #333; text-decoration: none; display: block; padding: 1em;} .home #box01 .newsarea:hover, .home #box08 .newsarea:hover{background-color: #f7f4f0;} .home #box01 .newsarea dt, .home #box08 .newsarea .title{color: #809802;font-weight: bold;margin-bottom: 1em;} .home #box01 .alignR, .home #box08 .alignR{margin-top: 1em;} .home #box02{background: url("images/home/box02_bg01.webp") no-repeat center top; background-size: cover; text-align: center; font-size: 18px; padding: 3em 0;} .home #box03 .area01{border-bottom: 1px solid #948368; overflow: hidden; padding: 1.4em 0;} .home #box03 .area01 .btnstyle01{float: right;} .home #box03 .bnrarea{width: 70%;margin: 1em auto 2em;} .home #box04{padding: 3em 0;} .home #box04 .btnstyle01{float: right;margin-right: 20%;} .home #box04{padding: 2em 0;} .home #box08{border-bottom: 1px solid #a9a9a9; margin: 6em auto; padding-bottom: 6em;} .tabs {display: flex; flex-wrap: wrap;} .tab_label {background: #f7f4f0; border: solid 1px #a9a9a9; color: #999188; cursor: pointer; flex: 1; font-weight: bold; margin: 0 5px; padding: 5px 0; position: relative; text-align: center; z-index: 1;} .tab_label:hover {opacity: .8;} .tab_content {display: none; flex: 100%; overflow: hidden;} input[name="tab_switch"] {display: none;} .tabs input:checked + .tab_label {color: #fff; background: #999188; border: solid 1px #999188;} #tab01:checked ~ #tab01_content, #tab02:checked ~ #tab02_content {display: block;} @media (max-width:1280px) { .home header{position: relative;} .home .headbg{position: relative;margin: 0 auto 0;} .home .cnt_wp {margin-top:0;} } @media (max-width:980px) { .home #box04 .btnstyle01{margin-right: 5%;} .home #box03 .bnrarea{width: 90%;margin: 1em auto 0;} } @media (max-width:740px) { .home #box01{padding: 2em 0;} .home #box01 .newsarea{padding: 1em 0;} .home #box02{font-size: 1em; padding: 1.5em 0;} .home #box03 .bnrarea{width: 100%;} .home #box04 {padding: 2em 5%;} .home #box04 .btnstyle01 {margin-bottom: 2em; margin-right: 0;} } /*======================================================================================= doctor =================================================================================*/ /*#doctor #box03 .boxlayout03-03 div {padding: 2em 3%;} @media (max-width:740px) { #doctor #box03 .boxlayout03-03 div {padding: 1.5em 6%; width: 100%; margin: 0 0 1em;} } */ /*======================================================================================= features01 =================================================================================*/ /*#features01 .titstyle05 {background-color: #cfdca1;}*/ /*======================================================================================= features01 =================================================================================*/ /*#features02 .titstyle05 {background-color: #f5dd4f;} #features02 .bnrarea{width: 70%;margin: 0 auto;} #features02 #box04 a{color: #333;} #features02 #box04 .imgarea{width: 30px;height: auto;} .pdfbox .alignC img{width: 18%;height: auto;} #features02 #box04 .boxstyle02{padding: 2em 10%;} #features02 #box04 .bnrarea{width: 60%; margin: 0 auto 2em;} @media (max-width:980px) {#features02 .bnrarea{width: 90%;margin: 0 auto;}} @media (max-width:740px) { #features02 .bnrarea{width: 100%;} #features02 #box04 .boxstyle02 {padding: 1em 5%;} .pdfbox .alignC img {width: 60%;} #features02 #box04 .bnrarea {width: 90%; margin: 0 auto 2em;} }*/ /*======================================================================================= osteoporosis =================================================================================*/ /*.orthopedicsnav ul{display:flex; justify-content: center; flex-wrap: no-wrap; margin-bottom: 4em; align-items: stretch;} .orthopedicsnav li{border: #dddddd solid 1px; align-items: stretch; box-sizing: border-box; line-height: 1.2em; text-align: center; font-weight: bold; white-space: nowrap;} .orthopedicsnav li.on{border-bottom: #809902 solid 5px;} .orthopedicsnav li:hover{background-color: #f8f5f1;} .orthopedicsnav li a{color: #000;text-decoration: none;display: block;padding: 1em 1em;} #osteoporosis .main_area .bnrarea{width: 60%;margin: 0 auto 2em;} #osteoporosis .area01-8 .boxlayout02{margin-bottom: 1em;} @media (max-width:1280px) {.orthopedicsnav li a{padding: 1em 0.5em;}} @media (max-width:980px) {#osteoporosis .main_area .bnrarea{width: 90%;margin: 0 auto;} .orthopedicsnav ul{display:block;} .orthopedicsnav li{float: left;width: 20%;} .orthopedicsnav li br{display: none;} .orthopedicsnav ul{overflow: hidden;}} @media (max-width:900px) {.orthopedicsnav li{float: left;width: 50%;}} @media (max-width:740px) {.orthopedicsnav ul{margin-bottom: 0;} #osteoporosis .main_area .bnrarea {width: 90%; margin: 0 auto 2em;}}*/ /*======================================================================================= equipment =================================================================================*/ /*#equipment .boxlayout02-4-02 .floatR,#equipment .boxlayout02-4 .floatL {width: 36%; padding: 5em 3% 2em;} @media (max-width:1080px) {#equipment .boxlayout02-4-02 .floatR,#equipment .boxlayout02-4 .floatL {padding: 2em 3% 2em;}} @media (max-width:740px) {#equipment .boxlayout02-4-02 .floatR,#equipment .boxlayout02-4 .floatL {width: 94%; padding: 2em 3% 0;}}*/ /*======================================================================================= recruit =================================================================================*/ /*#recruit #box02 .alignC {width: 70%; margin: 1em auto 2em;} #recruit .recruitbox ul, #recruit .recruitbox02 ul {display:flex; flex-wrap:wrap;} #recruit .recruitbox li {padding: 1em 2%;border: 2px solid #afc738; font-size: 1.2em; margin-right: 1%; border-radius: 10px;} #recruit .recruitbox02 li {padding: 0.5em 1%;border: 2px solid #bcbcbc;background-color: #d3d3d3;margin-right: 1%;border-radius: 10px;} @media (max-width:980px) {#recruit #box02 .alignC{width: 90%;margin: 1em auto 0;}} @media (max-width:740px) {#recruit #box02 .alignC{width: 100%;} #recruit .recruitbox li{padding: 0.5em 2%;margin-bottom: 0.5em;} #recruit .recruitbox02 li{padding: 0.2em 2%;margin-bottom: 0.5em;}}*/ /*======================================================================================= access =================================================================================*/ /*#access .accessbox {padding: 1em 3%;} #access .boxlayout02-4-02{margin-bottom: 0;} #access .boxin01 .floatR{margin-bottom: 0;padding: 0;} #access .boxin01 .floatR p{margin-bottom: 0;} #access .boxstyle02 .alignC{ text-align: center; margin: 1em auto; width: 10%;} #access .boxstyle02 .alignC:last-child{margin: 1em auto 0;} .accessbox .titstyle07{display: block; cursor: pointer; box-sizing: border-box; font-size: 1.5em; font-weight: bold; padding: 0.1em 5% 1em; border: 2px solid #dddddd; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; margin-bottom: 0;} .accessbox .titstyle07.one{background: #fff no-repeat 99% url("images/icoup.png");} #access section#box03,#access section#box04,#access section#box05,#access section#box06{margin-bottom: 1em;} .plus + p{margin-bottom: 0;} #osteoporosis .accessboxin{padding-top: 2em;} @media (max-width:740px) {#access .boxin01{font-weight: normal;} #access .accessbox {padding: 1em 3%;} #access .boxstyle02 .alignC{width: 25%;} .accessbox .titstyle07{font-size: 1.1em;} #access .plus{right: 20px;margin-top: 0.4em;}}*/ /*======================================================================================= newslist_box =================================================================================*/ /*#archives2-2 .yearArchiveList {position: relative; margin: 0; padding: 0; list-style: none;} #archives2-2 .yearArchiveList::after {display: block; clear: both; content: '';} #archives2-2 .yearArchiveList li {position: relative; float: left; border: 2px solid #fff;} #archives2-2 .yearArchiveList li:not(:first-child) {border-left: none;} #archives2-2 .yearArchiveList li:hover {background-color: rgba(255,255,255,.3);} #archives2-2 .yearArchiveList li a {display: inline-block; padding: 1em 4em; color: #fff; line-height: 1; text-align: center; text-decoration: none; white-space: nowrap;} #archives2-2 .yearArchiveList ul {position: absolute; top: 100%; left: -2px;} #archives2-2 .yearArchiveList ul li {float: none; margin: 0;} #archives2-2 .yearArchiveList ul li:not(:first-child) {border: 2px solid #fff; border-top: none;} #archives2-2 .yearArchiveList ul ul {position: absolute; top: -2px; left: 100%;} .newslist_boxwrap a{color: #555555;text-decoration: none;} .newslist_boxwrap a:hover{color:#809802;} .newslist_box{border-bottom: 1px solid #ccc;padding: 1em; overflow: hidden;} .newslist_box dt{float: left; display: block; width: 14%;} .newslist_box dd{float: left; display: block; width: 80%;} #college-newslist .newslist_box dd{color: #809802;font-weight: bold;} @media (max-width:980px) {.newslist_box dt{float: none;margin-right: 0;width: 100%;} .newslist_box dd{float: none;width: 100%;}}*/ /*======================================================================================= 一覧 =================================================================================*/ /*.archive .wp-pagenavi a, .archive .wp-pagenavi span{padding: 1px 5px;} .wp-pagenavi{clear: both; margin: 1em auto; font-weight: bold; text-align: center;} .txtarea .wp-pagenavi a, .txtarea .wp-pagenavi span{background: #cccccc; border: none; padding: 7px 8px;} .txtarea .wp-pagenavi a{color: #fff;} .txtarea .wp-pagenavi .current,.txtarea .wp-pagenavi a:hover{background-color: #809902;color: #fff;} .txtarea .pages{color: #fff;} .singlepagenav{overflow: hidden;} .singlepagenav p{background-color: #cccccc;padding: 0.5em 1em;display: inline-block;} .singlepagenav p a{color: #fff;text-decoration: none;} .singlepagenav .pre{float: left;} .singlepagenav .next{float: right;} .singlepagenav .list{left: 35%; position: absolute;} @media (max-width:1280px) {.singlepagenav .list{left: 32%;}} @media (max-width:1080px) {.singlepagenav .list {left: 30%;} header .gnav.pc ul ul{left: 0;}} @media (max-width:830px) {.singlepagenav p{display: block;margin-bottom: 0.5em;width: 100%;} .singlepagenav p a{display: block;} .singlepagenav .pre{float: none;} .singlepagenav .next{float: none;} .singlepagenav .list{ position: relative;left: 0;}}*/ /*======================================================================= move_data =======================================================================*/ /*.single-move_data iframe{width: 100%;height: 500px;margin-bottom: 2em;} .movelist{overflow: hidden;border: 1px solid #ccc;margin-bottom: 1.5em;padding: 1em 1%;} .movelist a{text-decoration: none; color: #000;} .movelist a:hover{background-color:#e3f1f8;} .movelist .titarea{padding: 0 1%; margin-bottom: 1.5em;} .movelist .catearea{background-color: #809802; padding: 0.5em 1em; display: inline-block; margin-bottom: 1em; color: #fff;} .movelist h4{font-weight: bold; color: #809802;} .movelist .imgarea{width:40%; margin-right: 3%;} .movelist .txtbox{width: 54%;} @media (max-width:1080px) {.single-move_data iframe{height:400px;}} @media (max-width:740px) {.single-move_data iframe{height:350px;}} .archive_list h4{display:block; cursor:pointer; font-weight: bold; padding: 0.5em 1% 0.7em;} .archive_list .liststyle01{display:none;} .acMenu{margin-bottom: 1em;} .acMenu dt{display: block; cursor: pointer; box-sizing: border-box; font-size: 1.5em; font-weight: bold; padding: 0.6em 3% 0.6em; background: #fff no-repeat 99% url("images/icodown.png"); border: 2px solid #dddddd; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";} .acMenu dt.one{background: #fff no-repeat 99% url("images/icoup.png");} .acMenu dd{padding: 2em 8%; display: none;} .acMenu h4{font-weight: bold; border: none; padding: 0.5em 0;} .acMenu span{margin-right: 1em;} .acMenu .labelbox{padding: 0 2% 2em;} #feas_4_0{background: #fff url(images/icosearh.png) no-repeat 1em; border: 1px solid #0184cc; padding: 1em 3em 1em 4em; margin: 0 0 2em;} .acMenu.area01{border: 10px solid #0184cc; margin-bottom: 1em;} .acMenu.area01 dt{background: #0184cc url("images/icosearh01.png") no-repeat right;} .acMenu.area01 dt.one{background: #0184cc url("images/icosearh02.png") no-repeat right;} .acMenu.area02{border: 10px solid #016399; margin-bottom: 1em;} .acMenu.area02 dt{background: #016399 url("images/icosearh01.png") no-repeat right;} .acMenu.area02 dt.one{background: #016399 url("images/icosearh02.png") no-repeat right;} .acMenu.area03{border: 10px solid #014a73; margin-bottom: 1em;} .acMenu.area03 dt{background: #014a73 url("images/icosearh01.png") no-repeat right;} .acMenu.area03 dt.one{background: #014a73 url("images/icosearh02.png") no-repeat right;} .acMenu.area04{border: 10px solid #014266; margin-bottom: 1em;} .acMenu.area04 dt{background: #014266 url("images/icosearh01.png") no-repeat right;} .acMenu.area04 dt.one{background: #014266 url("images/icosearh02.png") no-repeat right;} .feas-submit-button{background-color: #809802; padding: 0.5em 2em; border: none; border-radius: 10px; color: #fff; font-size: 1.5em; font-weight: bold;} @media (max-width:740px) { .acMenu dt{padding: 0.3em 24px 0.3em 2%; font-size: 1em; font-weight: bold;}.feas-submit-button{font-size: 1.1em;} .acMenu dd {padding: 1em 6%;} .acMenu dd .floatR{padding-bottom: 0;}}*/ /*======================================================================= nosmoking =======================================================================*/ /*#nosmoking #box01 .area01{overflow: hidden; margin-bottom: 30px;} #nosmoking #box01 .area01 .floatL{width: 80%;} #nosmoking #box01 .area01 .floatR{width: 12%;} .arcbox .calender_cate021,.arcbox .calender_cate02,.arcbox .calender_cate022,.arcbox .calender_cate023{display: none;} .menu-976 {border: 1px solid #ccc; padding: 0.5em 0;} .menu-976 select{background: url("images/ico03.png") no-repeat right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px 50px 10px 10px; font-size: 93%; line-height: 1.1em; border-radius: 5px; border: none;} .wpcf7 input,.wpcf7 textarea{font-size: 1em;} .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{z-index: 1;} .eo-event-venue-map .eo-venue-map{height: 400px;} .catebox{display: block; overflow: hidden;} @media (max-width:980px) {.eo-event-venue-map .eo-venue-map{height: 300px;}}*/ #navi {background-color: #FFF; top: 0; left: 0; height: 60px; width: 100%;} /* チェックボックスを非表示 */ #navi input {display: none;} /* 左上ロゴ */ .menu-left {float: left; line-height: 60px;} .menu-left img {vertical-align: middle; margin-left: 10px;} /* 上部メニュー */ .menu {text-align: left;} .menu-parent {float: left; margin-right: 30px; line-height: 60px; font-size: 17px; font-weight: bold; white-space: nowrap;} /* パソコンでは V を非表示 */ .menu-parent .pd { display: none;} /* 上部メニューの最後の項目 */ .menu-parent:last-child { margin-right: 0px;} #menu-navibtn { display: none; cursor: pointer; cursor: hand;} @media screen and (max-width: 740px) { /* スマホの際に V を表示 */ .menu-parent .pd {display: inline-block; width: 100%;} .menu {display: none;} .menu-parent {height: auto; width: 100%; padding: 0px 20px; border-bottom: 1px solid #DDD;} .menu-parent:first-child {border-top: 1px solid #DDD;} .menu-parent i {padding: 0px 6px;} /* メニューを移動させないため */ #menu-navibtn:checked ~ #navi {position: fixed; overflow-y: scroll; overflow-x: hidden; height: 100%; z-index: 1000; opacity: 0.8;} } /* ドロップダウンメニュー */ .menu-parent { position: relative;} .menu-parent .menu-child {visibility: hidden; opacity: 0; position: absolute; margin-left: -40px; width: auto; box-sizing: border-box; padding: 0px 20px; background-color: #FFF; border: 1px solid #000;} /* パソコン用 */ @media screen and (min-width: 740px) { .menu-parent:hover .menu-child {visibility: visible; opacity: 1;} } /* スマホ用 */ @media screen and (max-width: 740px) { /* ハンバーガーメニューがクリックされた時 */ #menu-navibtn:checked ~ * .menu {display: block; opacity: 1;} #menu-navibtn:checked ~ * .menu-parent {max-height: inherit; overflow-y: visible;} #menu-navibtn:checked ~ * .menu-child {max-height: 0; overflow-y: hidden; visibility: hidden;} /* 子メニュー */ .menu-parent .menu-child {border-top: 1px solid #DDD; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; position: relative; padding: 0 20px; opacity: 1; top: 0; margin-left: auto; left: auto; width: auto;} .menu-parent > label:hover {cursor: pointer; cursor: hand;} /* 子メニューがクリックされた時 */ #navi input[type="checkbox"]:checked ~ .menu-child {max-height: inherit; overflow-y: visible; visibility: visible;} .angletoggle:before {content: "\f107";} #navi input[type="checkbox"]:checked ~ * .angletoggle:before {content: "\f106";} } /* 子メニュー */ .menu-child li {font-size: 14px; border-bottom: 1px solid #DDD;} /* 余分な最後の線を消去 */ .menu-child li:last-child {border: none;} .menu-child li i {margin-right: 3px;} /* ハンバーガー */ #navi #navibtn {display: none;} @media screen and (max-width: 740px) { #navi #navibtn {display: block; position: absolute; top: 10px; right: 10px;} #navibtn span {display: block; width: 40px; height: 40px; background-color: #809802;} #navibtn span span {display: block; overflow: hidden; width: 1px; height: 1px;} #navibtn span span::before, #navibtn span span::after, #navibtn span::after {position: absolute; left:10px; content:""; width: 20px; height: 3px; background-color: #FFF;} /* 上の棒 */ #navibtn span span::before {top:10px;} #menu-navibtn:checked ~ #navi label#navibtn span span::before {top:19px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} /* 下の棒 */ #navibtn span::after {bottom:10px;} #menu-navibtn:checked ~ #navi label#navibtn > span::after {bottom:18px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);} /* 中の棒 */ #navibtn span span::after {top:18px;} #menu-navibtn:checked ~ #navi label#navibtn span span::after {display: none;} .mb #navi li{border-bottom:#809802 1px solid; padding: 1em; font-weight: bold;} .mb #navi a{text-decoration: none; font-size: 1.2em;} .mb #navi .menu:before {content: " "; display: table; margin-top: 70px;}} /*Question*/ .question {position: relative; background: #fff; margin: 0; padding: 10px 10px 10px 50px; display: block; width:100%; cursor: pointer;} /*Answer*/ .answers {height: 0; overflow: hidden; position: relative; opacity: 0; background: #fff; -webkit-transition: .8s ease; -moz-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease;} .questions:checked ~ .answers{height: auto; opacity: 1;} /*FAQ Toggle*/ .plus {position: absolute; right: 10px; margin-top: 0.7em; z-index: 5; font-size: 2em; line-height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: .8s ease; -moz-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease;} .questions:checked ~ .plus {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .questions {display: none;} aside select {display: block; width: 98%; padding: 1em 1%;} /*======================================================================= 共通 =======================================================================*/ header .gnav.pc {margin: 1em 0 0 0;} .gnav.pc {width: 100%;} .gnav.pc a {border-right: 2px dashed #c2d865!important;} .gnav.pc li:first-child a {border-left: 2px dashed #c2d865;} .gnav.pc li a {color: #333!important; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size: 0.8em; font-weight: bold; padding: 0 1.2em!important;} .gnav.pc li.on a {color: #809802!important;} .gnav li span {color: #aacc03; display: block; font-family: wordy-diva, sans-serif; font-size: 0.6em; margin-top: 0.5em;} .gnav li ul {display: none;} .gnav ul li:first-child:hover ul, .gnav ul li:first-child:hover ul li, .gnav ul li:nth-child(4):hover ul, .gnav ul li:nth-child(4):hover ul li, .gnav ul li:nth-child(6):hover ul, .gnav ul li:nth-child(6):hover ul li {display: block;} #menu li {padding-bottom: 0.5em;} #menu li ul {width: 100%;} #menu li ul li {border-right: 1px solid #c2d865!important; border-left: 1px solid #c2d865; border-bottom: 1px solid #c2d865!important; color: #333; font-size: 0.8em; padding-bottom: 0;} #menu li:hover ul {background: #fff; display: block; top: 2em; width: 100%; z-index: 1;} .gnav li ul li:first-child a {border-top: 1px solid #c2d865;} #menu li ul li a {border-right: none!important; border-left: none; font-weight: bold; margin-bottom: 0; padding: 1em .5em!important;} #menu li:hover ul li {background: none; height: auto; width: 100%;} .head_right {margin-top: 2em;} .head_right p.tel {clear: initial; margin: 0.5em 2em 1em 1em;} .sub .boxin p, .titarea p {color: #aacc03;} .titstyle02, .titstyle03, .titstyle04, .headbg h2 {font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold;} .titarea p, .sub .boxin p {font-family: wordy-diva, sans-serif; font-size: 1.2em; font-style: normal; font-weight: 500;} .txtarea .titstyle04 {display: inline-block; text-align: center;} .subtit {color: #aacc03; font-family: wordy-diva, sans-serif; font-size: 0.6em; font-style: normal; font-weight: 500; letter-spacing: 0.1em; position: relative; top: -0.6em;} /*======================================================================= top =======================================================================*/ .home #box04 {margin-bottom: 0;} .home #box04 .boxlayout02, .home #box05 .boxlayout02 {max-width: 1200px; margin: auto;} .home #box04 .titarea, .home #box05 .titarea {margin: 2em auto;} .home #box04 .btnstyle01 {display: inline-block; float: none; margin: 3em auto;} .home #box05, .home #box06 {padding: 2em 0;} .home #box06 .btnstyle01 {float: right; margin-right: 20%;} .home #box06 .banner {display: block; margin: auto; width: 30%;} /*======================================================================= epilation =======================================================================*/ .list_box {margin-bottom: 4em; overflow: hidden;} .list_box li {border-right: 2px dashed #809802; float: left; margin-top: 1em; padding: 0 2em;} .list_box li:last-child {border-right: none;} .list_box li a {color: #333; text-decoration: none;} #epilation section h3 {margin: 0 auto 0.3em; font-size: 2.5em; color: #555555; line-height: 1.2; font-weight: bold; text-align: center;} #epilation .sub_tit {color: #aacc03; font-family: wordy-diva, sans-serif; font-weight: bold; text-align: center;} #epilation #box03-1 .bg_style01 .boxlayout02 {margin-bottom: 4em;} #epilation strong {font-weight: bold;} .bg_style01 {background: #f8f5f1; margin: 3em auto; padding: 3em 2em;} .titstyle08 {color: #809902; border-bottom: 1px solid #809902; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold; font-size: 1.1em; letter-spacing: 0.1em; line-height: 1.2; margin-bottom: 1em; padding-bottom: 0.5em;} .titstyle09 {color: #809902; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold; font-size: 1.7em; line-height: 1.5em; margin-bottom: 1em!important; text-align: left!important;} .titstyle10 {color: #809902; border-bottom: 1px solid #809902; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold; font-size: 1.7em; line-height: 1.5em; margin-bottom: 1em!important; padding-bottom: 0.5em; text-align: left!important;} .titstyle11 {color: #809902; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold; font-size: 1.7em; line-height: 1.5em;} .titstyle12 {border-bottom: 1px solid #809902; color: #809902; display: inline-block; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold; font-size: 1.7em; line-height: 1.5em; margin: 0 auto 1.5em auto; padding-bottom: 0.5em; text-align: center;} .titstyle12 span {font-size: 0.6em;} .titstyle13 {border-bottom: 1px solid #ccc; color: #333; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold; font-size: 1.1em; margin: 0 auto 1em auto; width: max-content;} .titstyle14 {border-bottom: 1px solid #809902; color: #333; display: inline-block; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold; font-size: 1.7em; line-height: 1.5em; margin: 0 auto 1.5em auto; padding-bottom: 0.5em; text-align: center;} .titstyle15 {border-bottom: 1px solid #809902; color: #809902; display: inline-block; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold; font-size: 1.1em; line-height: 1.5em; margin: 0 auto 1.5em auto; padding-bottom: 0.5em; text-align: center;} .yellow {background: linear-gradient(transparent 60%, #fcee21 60%);} .green {color: #809902; font-weight: bold;} .red {color: #ff0000; font-size: 1.5em; font-weight: bold;} .big {font-size: 1.5em; font-weight: bold;} .tablestyle08 {width: 100%; border-top: #b3b3b3 1px solid; border-left: #b3b3b3 1px solid; margin-bottom: 2em; font-size: 0.8em; line-height: 1.2; text-align: center;} .tablestyle08 th {padding: 1em; border-bottom: #b3b3b3 1px solid; border-right: #b3b3b3 1px solid; font-weight: bold; box-sizing: border-box; text-align: center;} .tablestyle08 td {padding: 1em; border-bottom: #b3b3b3 1px solid; border-right: #b3b3b3 solid 1px; box-sizing: border-box;} .tablestyle08 th.thstyle01 { background-color: #e6ebcc; text-align: center;} .tablestyle08 th.thstyle02 { background-color: #ccc; text-align: center;} .tablestyle08 th.thstyle03 { background-color: #eeecea; text-align: center;} .table_wrap {margin: auto; width: 46%;} .boxstyle07 {border: 2px solid #809902; margin-bottom: 3em;} .boxstyle07 h4 {background: #809902; color: #fff; font-size: 2em; font-weight: bold; padding: 1em 0; text-align: center; width: 100%;} .boxstyle07 dl {display: flex; flex-wrap: wrap; float: left; width: 55%;} .boxstyle07 dt {background: #809902; color: #fff; font-weight: bold; margin-bottom: 1em; padding: 1em; text-align: center; width: 15%;} .boxstyle07 dd {color: #809902; font-weight: bold; margin-bottom: 1em; padding: 1em 0 1em 1em; width: 75%;} .boxstyle07 .img {display: block; margin: auto; width: 50%;} .boxin07 {overflow: hidden; padding: 2em;} .boxstyle07-1 {border-bottom: 1px solid #809902; margin-bottom: 2em; overflow: hidden; padding-bottom: 1em;} .price {background: #809902; color: #fff; display: inline-flex; float: right; font-size: 2em; font-weight: bold; padding: 1em;} .price span {font-size: 0.5em;} .price.yellow {background: linear-gradient(transparent 60%, #fcee21 60%); color: #809902; font-size: 3em; padding: 1em .5em .5em .5em;} .bgcolor01 {background: #b3c267!important;} #epilation #box04 .boxlayout05, #epilation #box05 .boxlayout02 { margin-bottom: 2em;} .boxlayout05 {overflow: hidden; position: relative;} .boxlayout05 .floatL, .boxlayout05 .floatR {float: left; width: 50%;} .boxlayout05 .floatL img, .boxlayout05 .floatR img {float: left; width: 40%;} .boxlayout05 .floatL dl, .boxlayout05 .floatR dl {box-sizing: border-box; display: flex; flex-wrap: wrap; float: left; padding: 0.5em 1em 1em 1em; width: 60%;} .boxlayout05 .floatL dt, .boxlayout05 .floatR dt {font-weight: bold; width: 30%;} .boxlayout05 .floatL dd, .boxlayout05 .floatR dd {margin-bottom: 1em; width:70%;} .boxlayout05 .floatL dt:last-of-type, .boxlayout05 .floatR dt:last-of-type, .boxlayout05 .floatL dd:last-of-type, .boxlayout05 .floatR dd:last-of-type {width:100%;} .boxlayout05 .floatL p, .boxlayout05 .floatR p {margin-bottom: 0;} #box06 #box06-1, #box06 #box06-3 {background: #f8f5f1; box-sizing: border-box; margin: 3em auto; padding: 3em 2em; width: 75%;} #box06 #box06-2, #box06 #box06-4 {box-sizing: border-box; margin: 3em auto; padding: 3em 2em; width: 75%;} #box06 #box06-5, #box06 #box06-6 {background: #f8f5f1; box-sizing: border-box; margin: 3em auto; padding: 3em 2em;} #box06-5 .titstyle11 {margin: 3em 0 1em 0;} #box06-5 ul {padding-left: 3em;} #box06-5 ul li {font-weight: bold; list-style: disc;} #box06-5 figcaption {font-weight: bold; text-align: center;} #box06-7 .floatL, #box06-7 .floatR, #box06-8 .floatL, #box06-8 .floatR, #box06-9 .floatL, #box06-9 .floatR {background: #fff; box-sizing: border-box; padding: 2em;} #box06-9 .floatL:last-child {margin-top: 3em;} #box06-9 .floatL ul {color: #809902; font-weight: bold; margin-bottom: 2em; padding-left: 1.5em; text-align: left;} #box06-9 .floatL ul li {list-style: disc;} #box06-9 .floatL img {width: 60%;} #box06-9 .floatR {margin-bottom: 6em;} #box07 .faqbox {margin-bottom: 2em;} #box07 .faqbox label {display: block; cursor: pointer; box-sizing: border-box; font-size: 1.5em; font-weight: bold; padding: 0.1em 1em 1.2em 1em; border: 2px solid #ddd; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; margin-bottom: 0;} .arrow {background: #fff no-repeat 99% url(images/icoup.png); position: absolute; right: 10px; margin-top: 1.2em; width: 22px; height: 14px; z-index: 5; font-size: 2em; line-height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: .8s ease; -moz-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease;} #box07 .questions:checked ~ .arrow {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} #box07 .faqbox p {margin-bottom: 0;} #box07 .boxin01 {padding: 1.5em 1.5em 1.5em 4.2em;} #box07 .boxin01::before {content: "A"; font-size: 1.5em; font-weight: bold; width: 1em; height: 1em; position: absolute; left: 1em;} .bg-style01 {background: #e3f5b9; border-radius: 10px; color: #809803; font-size: 1.2em; font-weight: bold; line-height: 1.8em; padding: 1.2em;} .bg-style01 .red {font-size: 1em;} @media screen and (max-width: 740px) { section, .sub section {margin-bottom: 1em;} .list_box li {border-bottom: 2px dashed #809802; border-right: none; float: none; margin-top: 0; padding: 1em 0;} #epilation section h3, .titstyle09, .titstyle10, .titstyle11, .titstyle12, .titstyle14, .red, .big, .price {font-size: 1.2em;} .bg_style01 {margin: 1em auto; padding: 1em;} #epilation .bg_style01 .boxlayout02 {display: flex; flex-wrap: wrap; margin: 0 auto!important;} section .boxlayout02 .floatL, .boxlayout02 .floatR {padding: 0 0 1em 0;} .order01 {order: 1;} .order02 {order: 2;} .boxlayout02 .order02 {padding: 0!important;} .table_wrap {width: 100%;} .tablestyle08 th, .tablestyle08 td {padding: 0.5em;} .tablestyle08 th.thstyle03 {padding: 0.2em; width: 20%;} .boxstyle07 {margin-bottom: 1em;} .boxstyle07 h4 {font-size: 1em; padding: 0.5em 0;} .boxstyle07 dl {float: none; width: 100%;} .boxstyle07 dt, .boxstyle07 dd {font-size: 0.8em; padding: 0.5em;} .boxstyle07 dt {width: 20%;} .boxstyle07 dd {width: 70%;} .boxin07 {padding: 0.5em;} .boxlayout05 .floatL, .boxlayout05 .floatR {clear: both; float: none; margin-bottom: 2em; overflow: hidden; width: 100%;} .boxlayout05 .floatL img, .boxlayout05 .floatR img, .boxlayout05 .floatL dl, .boxlayout05 .floatR dl {width: 100%;} #box03 .boxlayout02 .floatR {padding: 0;} #box03 .tablestyle08 {margin-bottom: 0;} #box06 #box06-1, #box06 #box06-2, #box06 #box06-3, #box06 #box06-4, #box06 #box06-6 {width: 100%;} #box06 #box06-1, #box06 #box06-3, #box06 #box06-5, #box06 #box06-6 {padding: 1em;} #box06 #box06-2, #box06 #box06-4 {padding: 0;} #box06-5 .titstyle11 {font-size: 0.8em; margin: 0; text-align: center;} #box06-5 ul {margin: 1em 0; padding-left: 1em;} #box06-7 .floatL, #box06-7 .floatR, #box06-8 .floatL, #box06-8 .floatR, #box06-9 .floatL, #box06-9 .floatR {padding: 1em;} #box06-7 .floatL, #box06-8 .floatL, #box06-9 .floatL {margin-bottom: 1em;} #box06-7 .floatR, #box06-8 .floatR, #box06-9 .floatR {margin-bottom: 0;} #box06-9 .floatL:last-child {margin-top: 1em;} #box07 .faqbox label, #box07 .boxin01::before {font-size: 1em; padding: 0 3em 1em 1em;} #box07 .boxin01 {padding: 1.5em 1.5em 1.5em 3em;} #box07 .boxin01::before {left: 0.1em;} .price.yellow {font-size: 2em;} } /*======================================================================= doctor =======================================================================*/ /*#doctor #box01 .font_style02 {font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold;} #doctor hr { background-image : linear-gradient(to right, #809902, #809902 2px, transparent 2px, transparent 8px); background-size: 8px 2px; background-position: left bottom; background-repeat: repeat-x; border: none; display: block; height: 2px; margin: 3em auto; width: 75%;} .btn_style01 {background: #809902; color: #fff; display: inline-block; margin: 3em auto 0 auto; padding: 1em 3em; text-decoration: none;} .btn_style01:hover {color: #fff; opacity: .9;}*/ /*======================================================================= 診療時間 =======================================================================*/ /*.circle01, .circle02, .circle03 {display: inline-block; width: 1em; height: 1em; border-radius: 50%;} .circle01 {background: #9dc4e7; border: 1px solid #9dc4e7;} .circle02 {background: #91d04f; border: 1px solid #8faadc;} .circle03 {background: #ffff01; border: 1px solid #8faadc;} .closed {color: #f00000;} .pl_2em {display: inline-block; line-height: 1.5em; padding-left: 2em;}*/ /*======================================================================= 2F 物療センター =======================================================================*/ /*#rehabilitation-2f .titarea {margin-bottom: 30px;} .border_box01 {border: 1px solid #809902; box-sizing: border-box; margin: auto; padding: 1.5em; width: 80%;}*/ /*======================================================================= 3F リハセンター =======================================================================*/ /*#rehabilitation-3f .titarea {margin-bottom: 30px;} #rehabilitation-3f #box03 .boxlayout05 {margin-bottom: 4em;} #rehabilitation-3f #box04 .floatL {width: 30%;} #rehabilitation-3f #box04 .floatR {box-sizing: border-box; padding-left: 3em; width: 70%;} #rehabilitation-3f #box04 table {border: 1px solid #809902; color: #333;} #rehabilitation-3f #box04 table th, .page-id-856 #box04 table td {box-sizing: border-box; padding: 1em;} #rehabilitation-3f #box04 table th {border-right: 1px solid #809902; border-bottom: 1px solid #809902;} #rehabilitation-3f #box04 table td {border-bottom: 1px solid #809902;} #rehabilitation-3f #box04 table th {background: #e6ebcc;} #rehabilitation-3f #box04 .txtarea {margin-bottom: 3em;} #rehabilitation-3f #box04 .boxlayout02 {margin-bottom: 3em;} #rehabilitation-3f #box04 .wrap .txtarea .titstyle03 {text-align: left;} #rehabilitation-3f #box04 #message {display: inline-block; margin-bottom: 1em;} #rehabilitation-3f #box04 h4 {font-weight: bold; margin-top: 1em;} #rehabilitation-3f #box04 li, .page-id-856 #box05 li {list-style: disc; margin-left: 1em;} #rehabilitation-3f #box05 h4 {font-size: 1.3em; font-weight: bold;}*/ /*======================================================================= 初めての方へ =======================================================================*/ /*#visitor .titarea {margin-bottom: 30px;} #visitor .boxlayout03-02 {display: block; font-weight: bold; grid-gap: 1em;} #visitor .boxlayout03-02 .boxstyle02 {box-sizing: border-box; float: left; margin-right: 1em; margin-bottom: 0; padding: 1.5em; width: 30%;} #visitor .boxlayout03-02 .boxstyle02:last-child {margin-right: 0;} #visitor .boxlayout03-02 .boxstyle02 h4 {font-weight: bold; margin-bottom: 1em;} #visitor .boxlayout03-02 .boxstyle02 ul {margin-bottom: 1em; padding-left: 1.3em;} #visitor .boxlayout03-02 .boxstyle02 ul li {list-style: disc;} #visitor .txt01 {font-weight: bold;} #visitor .txt01 p {margin-bottom: 0;} #visitor .txt01 .red {display: inline-block; font-size: 1em; margin-left: 1em;} #visitor .txt02 {width: 100%;} .btnstyle03{background: url(images/visitor/ico01.png) no-repeat 92% #aacc03; color: #fff; display: inline-block; letter-spacing: 0.1em; text-decoration: none; line-height: 1.2; font-weight: bold; border-radius: 50px; border: #aacc03 1px solid; padding: 1em 40px;} .btnstyle03:hover{color: #fff; opacity: 0.8;} #visitor .btnstyle03 {margin: 2em 0;} #visitor strong {font-weight: bold;} #visitor .txt02-1 {font-size: 1.2em; font-weight: bold;} #visitor .txt02-1 .red {font-size: 1em;} #visitor .txt02-2 {background: #e6ebcc; font-weight: bold; margin-bottom: 1em; padding: 1em 1.5em;} #visitor .img03-1 {display: block; margin: 1em auto 0 auto; width: 80%;} #visitor hr {background: #ddd; border-style: none; display: block; height: 1px; margin: 2em 0;} #visitor #box04 img {width: 80%;} #visitor #box05 .boxlayout02 h4 {font-weight: bold; margin-bottom: 1em;} #visitor #box05 .boxlayout02 .floatL, #visitor #box05 .boxlayout02 .floatR {box-sizing: border-box; padding: 1.5em;} #visitor #box05 .boxlayout02 .floatL {margin-right: 1em;} #visitor #box05 .boxlayout02 .floatL {margin-bottom: 1em;}*/ /*======================================================================= 骨粗しょう症 =======================================================================*/ /*#osteoporosis #box01 img {display: block; margin: auto; width: 60%;} #osteoporosis #box02 .faqbox {margin-bottom: 2em;} #osteoporosis #box02 .faqbox label {display: block; cursor: pointer; box-sizing: border-box; font-size: 1.5em; font-weight: bold; padding: 0.1em 1em 1.2em 1em; border: 2px solid #ddd; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; margin-bottom: 0;} #osteoporosis #box02 .accessboxin {overflow: hidden;} .arrow {background: #fff no-repeat 99% url(images/icoup.png); position: absolute; right: 10px; margin-top: 1.2em; width: 22px; height: 14px; z-index: 5; font-size: 2em; line-height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: .8s ease; -moz-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease;} #osteoporosis #box02 .questions:checked ~ .arrow {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} #osteoporosis #box02 .faqbox p {margin-bottom: 0;} #osteoporosis #box02 .boxin01 {padding: 1.5em 1.5em 1.5em 4.2em;} #osteoporosis #box02 .boxin01::before {content: "A"; font-size: 1.5em; font-weight: bold; width: 1em; height: 1em; position: absolute; left: 1em;} #osteoporosis strong {display: inline-block; font-weight: bold; margin: 1em 0 0.5em 0;} #osteoporosis #box03 .img01 {display: block; margin: auto; width: 60%;} #osteoporosis #box03 .banner, #osteoporosis #box04 .banner {display: block; margin: auto; width: 70%;} #osteoporosis #box04 h4 {font-size: 1.2em; font-weight: bold; margin-bottom: 1em;} #osteoporosis #box04 .pdf img {display: block; margin: 1em auto 0 auto; width: auto;}*/ /*======================================================================= 労災・交通事故 =======================================================================*/ /*#accident .boxstyle02 {margin: 2em 0; padding: 2em 0 4em 0;} #accident h4 {border-bottom: 1px solid #333; font-size: 1.2em; margin: 2em auto 1em auto; padding-bottom: 0.5em;}*/ /*======================================================================= 整形外科専門医による正確な診断と分かりやすい説明 =======================================================================*/ /*#features01 .boxstyle02 {padding: 2em 0;} #features01 img {display: block; margin: auto; width: 60%;}*/ /*======================================================================= 骨粗しょう症治療を専門とする医師と先進検査機器による骨粗しょう症治療 =======================================================================*/ /*#features02 h4 {border-bottom: 1px solid #333; font-size: 1.2em; margin: 2em auto 1em auto; padding-bottom: 0.5em;} #features02 .banner, #features02 .banner {display: block; margin: auto; width: 70%;} #features02 .pdf img {display: block; margin: 1em auto 0 auto; width: auto;}*/ /*======================================================================= WEB 予約 =======================================================================*/ /*#online-appointment .list_box {text-align: center;} #online-appointment .list_box li {display: inline-block; float: none;} #online-appointment .btn-box01 {display: flex; grid-gap: 2em; margin: 0 auto 3em auto; max-width: 810px;} .btn-style01-1, .btn-style01-2 {border: 2px solid #fff; border-radius: 5px; box-shadow: 0px 0px 5px rgba(85, 85, 85, .5); font-size: 1.2em; font-weight: bold; padding: 0.8em 1em; text-align: center; text-decoration: none; width: 50%;} .btn-style01-1 {background: #809803; color: #fff;} .btn-style01-1:hover {color: #fff; opacity: .8;} .btn-style01-2 {background: #c3db6b; color: #68563d;} .btn-style01-2:hover {color: #68563d; opacity: .8;} #online-appointment .btn-box02 {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 2em; margin: auto; max-width: 880px; text-align: center;} .btn-style02 {border: 1px solid #809902; color: #333; padding: 1em 2em; text-decoration: none;} .online-appointment-box01 {background: #e5f0fa; padding: 1em 0 4em 0;} .online-appointment-box01-inner {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 6em; margin: auto; text-align: center; width: 70%;} .online-appointment-box01-inner .qr-code {width: 80%;} .border-yellow {background: #fcee21; display: inline;} #online-appointment .boxlayout02 {margin-bottom: 4em;} #online-appointment section h3 {margin: 0 auto 0.3em; font-size: 2.5em; color: #555555; line-height: 1.2; font-weight: bold; text-align: center;} #online-appointment .sub_tit {color: #aacc03; font-family: wordy-diva, sans-serif; font-weight: bold; text-align: center;} #online-appointment #box04 .btn-style01-2 {display: block; margin: auto; width: 26%;}*/ #side-btn {position: fixed; top: 45%; right: 0; width: 80px; z-index: 100;} #side-btn a {border-radius: 5px; box-shadow: 0px 0px 5px rgba(85, 85, 85, .5); display: block;} #side-btn a {margin-bottom: 15px;} #side-btn .line-btn {box-shadow: none; width: 98%;} #side-btn a:last-of-type {margin-bottom: 0;} @media (max-width: 740px) { /*#online-appointment .list_box li {display: block;} #online-appointment section h3 {font-size: 1.2em;} #online-appointment .btn-box01, #online-appointment .btn-box02 {display: block; padding: 1em;} .btn-style01-1, .btn-style01-2, .btn-style02 {box-sizing: border-box; display: block; width: 100%;} .btn-style02 {margin-bottom: 1.5em;} .online-appointment-box01-inner {display: block;} .online-appointment-box01-inner div:first-of-type {margin-bottom: 3em;} #online-appointment .bg_style01 .boxlayout02 {display: flex; flex-wrap: wrap; margin: 0 auto!important;} #online-appointment #box04 .btn-style01-2 {width: 95%;}*/ #side-btn {bottom: 6em; left: 0; top: initial; width: 60px;}} /*======================================================================= フッタ =======================================================================*/ footer .navarea .area01 {position: relative; width: 20%;} footer .navarea .area01 p:nth-of-type(2) {margin-top: 3em;} footer .navarea .area01 p.imgarea {position: absolute; right: 0; bottom: 0;} @media (max-width: 980px) { .home #box6 .btnstyle01 {margin-right: 5%;} footer .navarea .area01, footer .navarea .area02 {float: none; width: 100%; border-left: none;} footer .navarea .area01 p:nth-of-type(2) {margin-top: 2em;} footer .navarea .area01 p.imgarea {position: relative;} } @media (max-width: 900px) {.orthopedicsnav li {float: none; width: 100%;}} @media (max-width: 740px) { .head_right {height: 0;} .head_right p.btn {left: 0; margin: 0.5em 2em 1em 1em; width: 33%;} .head_right p.tel {right: 0; width: 45%;} #menu-navibtn:checked ~ #navi {opacity: .9;} .mb #navi li {border-top: #809802 1px solid; border-bottom: none; font-size: 0.8em; padding: 0.5em 1em;} .mb #navi li li {padding: 0.25em 2em; position: relative;} .mb #navi li li:last-cild {border-bottom: none;} .mb #navi li li::before {color: #809802; content: "▶"; position: relative; left: -1em;} .home #box04 img, .home #box05 img {width: 100%;} .home #box05, .home #box06 {padding: 2em 5%;} .home #box06 .btnstyle01 {margin-bottom: 2em; margin-right: 0;} /* 2F 物療センター / 3F リハセンター */ /*.border_box01 {width: 100%;} #rehabilitation-3f #box04 .floatL, #rehabilitation-3f #box04 .floatR {width: 100%;} #rehabilitation-3f #box04 .floatR {padding-left: 0;} #rehabilitation-3f #box03 .boxlayout05 {margin-bottom: 0;} #rehabilitation-3f #box04 table th, #rehabilitation-3f #box04 table td {display: block; width: 100%;} #rehabilitation-3f #box04 table th {border-right: none;} #rehabilitation-3f #box04 table tr:last-child td {border-bottom: none;}*/ /* 初めての方へ */ /*#visitor .boxlayout03-02 .boxstyle02 {float: none; margin-bottom: 1em; width: 100%;} #visitor .img03-1 {width: 100%;} #visitor #box04 img {width: 100%;} #visitor #box05 .boxlayout02 .floatL, #visitor #box05 .boxlayout02 .floatR {margin-bottom: 1em; margin-right: 0;}*/ /* 骨粗しょう症 */ /*#osteoporosis #box01 img {width: 100%;} #osteoporosis #box02 .faqbox label, #box07 .boxin01::before {font-size: 1em; padding: 0 3em 1em 1em;} #osteoporosis #box02 .boxin01 {padding: 1.5em 1.5em 1.5em 3em;} #osteoporosis #box02 .boxin01::before {left: 0.8em;} #osteoporosis #box03 .img01, #osteoporosis #box03 .banner, #osteoporosis #box04 .banner {width: 100%;}*/ /* 労災・交通事故 */ /*#accident .boxstyle02 {padding: 2em 0;} #accident h4 {margin: 0 auto 1em auto;}*/ /* 整形外科専門医による正確な診断と分かりやすい説明 */ /*#features01 img {width: 100%;}*/ /* 骨粗しょう症治療を専門とする医師と先進検査機器による骨粗しょう症治療 */ /*#features02 .banner, #features02 .banner {width: 100%;}*/ /* 医療脱毛 */ /*#epilation iframe { height: 380px;} }*/ @media (max-width:740px) { .head_right p.btn {width: 40%;} .head_right p.btn02{display: block; position: fixed; bottom: 10px; right: 2%; width: 40%; margin: 0.5em 1em 1em 2em;} .footmaparea .area01 .tel {margin-left: 1%; width: 78%;} #side-btn a:first-of-type, #side-btn a:nth-of-type(2), .head_right p.tel{display: none!important;} /* 2024.2.20 Customize */ section .boxlayout02 .floatL iframe {width: 100%;} #epilation #box04 .boxlayout05, #epilation #box05 .boxlayout02 {margin-bottom: 0;} .home #box06 .banner {display: block; margin: auto; width: 100%;} } .home #box05 .txtarea .btnstyle01 {margin-bottom: 2em;} .home #box05 .txtarea .btnstyle01:first-of-type {margin-top: 2em;} } /*#beauty-medicine .sub .boxin {background: url(images/beauty-medicine/sub-main.jpg) no-repeat; background-position: right; background-size: cover;} #beauty-medicine .txt02-2 {background: #e6ebcc; font-weight: bold; margin-bottom: 4em; padding: 1em 1.5em;} #beauty-medicine .border_box01 {margin: 2em auto; width: 100%;} #beauty-medicine .table-style01 {width: 100%;} #beauty-medicine .cnt_wp h3 {background: #aacc03; color: #fff; font-size: 1.2em; margin-top: 2em; padding: .5em 1em;} .table-style01 {border: 1px solid #809902; color: #333;} .table-style01 {box-sizing: border-box; padding: 1em;} .table-style01 th, .table-style01 td {box-sizing: border-box; padding: 1em;} .table-style01 th {border-right: 1px solid #809902; border-bottom: 1px solid #809902;} .table-style01 td {border-bottom: 1px solid #809902;} .table-style01 th {background: #e6ebcc;} .liststyle06 {padding-left: 1em;} .liststyle06 li{color: #809802; font-weight: bold; list-style: disc; text-align: left;} .linkstyle01 {color: #809802!important; font-weight: bold!important; text-decoration: underline!important;} .linkstyle01:hover {color: #c2d865!important;}*/