@charset "utf-8"; /* ____ */ /* / ___|___ _ __ ___ _ __ ___ ___ _ __ */ /*| | / _ \| '_ ` _ \| '_ ` _ \ / _ \| '_ \ */ /*| |__| (_) | | | | | | | | | | | (_) | | | |*/ /* \____\___/|_| |_| |_|_| |_| |_|\___/|_| |_|*/ /* */ /*Common>>>*/ html, body { margin: 0; padding: 0; } body{ background:#f5f5f5; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 16px; } /* only use when needed because line-height can differ from browser to browser */ .serif { font-family : 'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , '游明朝','游明朝体',YuMincho,'Yu Mincho' , 'MS 明朝' , 'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese' , serif; } ul, li { margin: 0; padding: 0; } nav ul { list-style: none; } a { text-decoration: none; color: #0066CC; } a:hover { text-decoration: underline; } .clearfix::after { content: ""; display: table; clear: both; overflow: auto; } .clear { clear: both; } .text-center { text-align: center; } .text-right { text-align: right; } /* responsive */ .pc-only { /* can be empty when desktop first */ } .mobile-only { display: none; } @media (max-width: 640px) { /* adapt to design */ .pc-only { display: none; } .mobile-only { display: block; } } #TopArrowScrollBtn { position: fixed; right: 20px; bottom: 120px; width: 60px; height: 60px; background: url(../images/toparrow.png) center center no-repeat; text-decoration: none; } @media(max-width: 640px) { #TopArrowScrollBtn { bottom: 20px; } } .top-container{ max-width:1200px; margin:0 auto; } .btn { display: inline-block; position: relative; border-radius: 5px; padding: 15px 20px; background-color: #52B98D; color: white; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; } .effect-all a:hover, .effect:hover, .btn:hover { opacity: 0.7; } .btn:hover { text-decoration: none; } .btn-external, .btn-right-arrow { padding-right: 40px; } .btn-right-arrow::after { content: ""; position: absolute; right: 5px; top: 5px; bottom: 5px; width: 20px; border-left: 1px solid rgba(255, 255, 255, 0.5); background: url(../images/btn-arrow-right.png) right 5px center no-repeat; } .btn-external::after { content: ""; position: absolute; right: 5px; top: 5px; bottom: 5px; width: 20px; border-left: 1px solid rgba(255, 255, 255, 0.5); background: url(../images/btn-external.png) right 5px center no-repeat; } .btn-right-sm { font-size: 14px; padding: 5px 40px 5px 10px; } .btn-right-sm::after { content: ""; position: absolute; right: 5px; top: 5px; bottom: 5px; width: 20px; background: url(../images/btn-arrow-right.png) right 5px center no-repeat; } select.custom { -webkit-appearance: none; -moz-appearance: none; appearance: none; /* remove default arrow */ position: relative; padding: 5px 25px 5px 10px; background-image: url(../images/select-arrow.png), url(../images/select-bg.png); background-position: center right 5px, center center; background-repeat: no-repeat, repeat-x; border: 1px solid black; border-radius: 3px; } select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ } .input-block { display: block; box-sizing: border-box; width: 100%; } /* layout */ .page-container { max-width: 1300px; margin: auto; } .content-container { padding: 0 50px; } .flx { display: flex; } .flx main { width: 100%; } .cols2::after { content: ""; display: table; clear: both; overflow: auto; } .col-left { width : 50%; } .col-right { float: left; width : 50%; } .mt0 { margin-top: 0 !important; } .pt0 { padding-top: 0 !important; } @media (max-width: 640px) { .content-container { padding: 0 20px; } } /* images === */ .img-responsive { display: inline-block; max-width: 100%; height: auto; } .img-responsive-block { display: block; max-width: 100%; height: auto; } .img-responsive-fw { width: 100%; } h2.title-borders4 { text-align: center; font-size: 28px; } h2.title-borders4 span { padding-left: 2em; padding-right: 2em; padding-bottom: 10px; background: url("../images/mixed-border.png") bottom center repeat-x; } @media (max-width: 925px) { h2.title-borders4 span { padding-left: 0; padding-right: 0; } } .kome { padding-left: 1em; } .kome::before { display: inline-block; content: "(注記)"; margin-left: -1em; } /* video containers */ .video-wrapper { position: relative; /* 1:1 */ padding-bottom: 100%; /* because padding is calculated according to block size */ /*padding-top: 25px;*/ height: 0; } .video-wrapper-16by9 { /* 16:9 */ padding-bottom: 56.25%; } /* video inner content */ .video-wrapper video, .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*<<<*/ /* 下層ページのヘッダー部分>>>*/ .subpage-top-bg { position: relative; box-sizing: border-box; height: 348px; margin-bottom: 80px; color: white; background: url(../images/default-head-bg.jpg) center center no-repeat; background-size: cover; } .subpage-top-text { max-width: 300px; padding-top: 68px; } .subpage-top-bg h1 { margin: 0; font-size: 38px; } .subpage-top-bg hr { margin: 20px 0; border-top: 1px solid white; } @media (max-width: 640px) { .subpage-top-bg { height: 210px; } .subpage-top-text { margin: auto; padding-top: 35px; text-align: center; } .subpage-top-text h1 { font-size: 27px } } /*<<<*/ /*main (下層ページ)>>>*/ .subpage main { padding-right: 60px; } .subpage aside.pc-side { flex: 0 0 240px; } .subpage aside.pc-side li { margin-bottom: 10px; } .subpage aside.pc-side li a { display: block; padding: 15px 10px 15px 22px; border-radius: 3px; background: #52B98D url(../images/icon_chevron-right_white.png) left 10px center no-repeat; color: white; font-size: 18px; font-weight: bold; text-decoration: none; } .subpage aside.pc-side li a small { font-weight: normal; font-size: 14px; } .subpage aside.pc-side .nav-cat-septitle { margin: 20px 0 0 0; padding: 10px; font-size: 16px; font-weight: bold; background: #BBE6CC; color: #227755; text-align: center; } .subpage aside.pc-side ul.nav-cat-sub { margin-bottom: 20px; padding: 20px 10px 5px 10px; background: transparent url(../images/nav-side-cat-sep-triangle.png) top center no-repeat; border: 1px solid #BBE6CC; } .subpage aside.pc-side .nav-cat-sub li a { padding: 10px 0 10px 22px; background: #66AA88 url(../images/icon_chevron-right_white.png) left 10px center no-repeat; } .pc-side-banners a { display: block; margin-bottom: 10px; } .pc-side-banners img { display: block; border-radius: 5px; } .next-page { padding-top: 90px; padding-bottom: 20px; text-align: center; } .next-page .btn { box-sizing: border-box; min-width: 190px; margin: 5px; text-align: left; } .text-green { color: #66AA88; } a.zoom-icon { position: relative; display: inline-block; } a.zoom-icon::before { position: absolute; content: ""; width: 15px; height: 15px; top: 5px; left: 5px; background: url(../images/ico_see.png) no-repeat; } a.zoom-icon img { display: block; } .lh2 { line-height: 2; } .pdf-btn { margin-top: 22px; text-align: center; } .pdf-btn .btn { background: white; color: #0066CC; font-weight: normal; border: 1px solid #999; padding: 20px 20px 20px 55px; background: white url(../images/icon_pdf.png) left 15px center no-repeat; } @media (max-width: 900px) { .subpage main { padding-right: 0; } .subpage aside.pc-side { display: none; } } @media (max-width: 640px) { .subpage main { padding-right: 0; } } /*<<<*/ /* _ _ */ /*| | | | ___ _ __ ___ ___ */ /*| |_| |/ _ \| '_ ` _ \ / _ \*/ /*| _ | (_) | | | | | | __/*/ /*|_| |_|\___/|_| |_| |_|\___|*/ /* */ /* HOME>>> */ .home-top-bg { background:url("../images/top.jpg") bottom center no-repeat; background-size:cover; height:545px; } .home-top-bg .page-container { position:relative; height: 100%; } @media (max-width: 640px) { .home-top-bg { height: 285px; } .home .logo-block { display: none; } } .topbg-btn { position: absolute; left: 0; right: 0; bottom: 0; text-align: right; } .web-cam-btn{ display: inline-block; background:url("../images/web-cam-btn.png") top center no-repeat; background-size:contain; margin:0; height:45px; width:120px; vertical-align: bottom; } .hospita-indicator-btn{ display: inline-block; background:url("../images/hospital-indicator-btn.png") top center no-repeat; background-size:contain; margin:0; height:45px; width:120px; vertical-align: bottom; } .title-pic span { display: none; } .top-text{ background:url("../images/top-text.png"); margin:0; height:250px; width:64px; position:absolute; left:50px; top:40px; } @media (max-width: 640px){ .top-text{ background:url("../images/top-text-for-tab.png") center center no-repeat; top:0; right:0; left:0; bottom:0; margin:auto; background-size:contain; width:auto; max-width: 315px; height:0; padding-top: 31.7%; } } .logo{ margin-top:20px; margin-bottom:10px; padding:0 50px; } @media (max-width: 640px){ .logo{ padding: 10px 70px 0 10px; } } .logo img{ vertical-align:middle; } .logo div{ float:right; } .logo div img{ margin-left:10px; } .small-container{ width:1200px; margin:0 auto; } .top-intro{ list-style-type:none; padding:0; } .top-intro li{ display:inline-block; } .top-intro li img{ vertical-align:middle; } /* top menu (pc)>>> */ .container-nav-menu{ background: rgba(255, 255, 255, 0.9); } .nav-menu{ margin:0 auto; list-style-type:none; padding:10px; font-size:0; max-width:1160px; } .nav-menu a { display: block; text-decoration: none; } .nav-menu>li{ position: relative; display:inline-block; width:14.25%; box-sizing:border-box; text-align:center; padding:10px 10px; border-right:1px solid #52b98d; } .nav-menu>li.submenu::after { content: ""; position: absolute; display: block; bottom: 0px; left: 0; right: 0; height: 4px; background: url(../images/icon_chevron-down_green.png) top center no-repeat; } .nav-menu>li:last-child{ border-right:none; } /*sub-menu*/ .nav-menu>li ul { display: none; position: absolute; z-index: 5; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); margin: 0; padding: 0; border-radius: 5px; overflow: hidden; white-space: nowrap; } .nav-menu>li li { font-size: 16px; font-weight: bold; padding: 10px; background-color: #52B98D; color: white; text-align: left; } .nav-menu>li li a::before { content: ""; display: inline-block; width: 15px; height: 12px; background: url(../images/icon_chevron-right_white.png) center left no-repeat; } .nav-menu>li li:nth-child(even) { background-color: #6ACCA4; } .nav-menu>li li:not(:first-child) { border-top: 1px solid white; } .nav-menu>li li a { color: white; } /* submenu open */ .nav-menu>li.open ul { display: block; } @media (min-width: 641px) { body.headroom--not-top .subpage-top-bg, body.home.headroom--not-top .content-start { padding-top: 80px; } } .headroom--not-top .container-nav-menu { position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 0 5px lightgrey; z-index: 3; } /* <<< */ .nav-list img{ vertical-align:middle; } .hospital-intro { margin-top: 75px; margin-bottom: 150px; padding-left: 220px; position: relative; } .page1-text-pic { position: absolute; top: 0; left: 15px; } .hospital-intro .col-left { width: 275px; } .hospital-intro .col-right { margin-left: 300px; } .three-pillar ul { margin: 0; padding: 0; } .three-pillar li { box-sizing: border-box; display: block; float: left; width: 33%; padding: 0 23px; border-right: 1px solid grey; height:250px; } .three-pillar li:first-child { border-left: 1px solid grey; } .three-pillar li div { writing-mode: tb-rl; font-weight:bold; margin:0 auto; font-size:26px; } .three-pillar-text { padding-left: 350px; } .three-pillar-text h1{ font-size:18px; } .three-pillar-text p{ font-size:16px; } .col-left ul li div img{ padding-bottom:10px; } @media (max-width: 1140px){ .three-pillar ul{ text-align:center; margin-top: 25px; } .three-pillar li{ border-right:none; height:auto; box-sizing: border-box; display: inline-block; float: none; width: auto; padding: 0 23px; margin-bottom: 10px; } .three-pillar li:first-child { border-left:none; } .three-pillar li div { writing-mode: lr-tb; border-top:1px solid #bbbfbb; border-bottom:1px solid #bbbfbb; padding:10px 0; font-size:20px } .hospital-intro .col-left, .hospital-intro .col-right { width: auto; float: none; } .col-left ul li div img{ vertical-align:middle; margin-right:10px; padding-bottom:0px; } .three-pillar-text { padding-left: 0px; } } @media (max-width: 640px) { .hospital-intro { margin: 0 0 60px 0; padding: 25px 0 0 0; } .page1-text-pic { position: static; text-align: center; } .three-pillar { margin-top: 30px; } } /*西吾妻福祉病院の特徴ボタン*/ .hospital-feature-btn{ background:#52b98d; margin:0% 30%; padding:3% 0%; text-align:center; font-weight:bold; color:white; border-radius:3px; } .hospital-feature-btn span:first-child{ border-right:1px solid white; margin-left:10px; opacity:0.5; } .hospital-feature-btn span:last-child{ margin-left:10px; } .page1{ width:1300px; height:630px; margin-top:80px; } .intro-hospital{ width:710px; height:250px; float:left; margin-top:40px; } .intro{ width:650px; float:left; font-size:14px; padding-left:60px; margin:0; } .intro-text{ width:650px; float:left; font-size:14px; padding-left:60px; } .three-pillar-notion{ width:270px; height:250px; background:black; padding:0; list-style-type:none; float:left; margin:40px 0 0 0; } .page1-link{ float:left; width:710px; height:50px; } .page1-link span{ color:white; font-weight:bold; border-right:1px solid white; background:#52b98d; border-radius:3px; width:220px; height:50px; line-height:50px; text-align:center; display:block; margin:0 auto; } .sep1 { height: 140px; } .sep2 { height: 50px; } @media (max-width: 640px) { .sep1 { height: 60px; } } /*2ページ目*/ .page2 { background: url(../images/bg2.jpg) center center no-repeat; background-size:cover; padding-bottom: 140px; } .page2-left{ width:63.3%; text-align:center; float:left; margin-top:150px; } .page2-left-col2{ margin-top:50px; font-size:0; } .page2-left-col3{ margin-top:30px; } .page2-left-col4{ font-size:18px; font-weight:bold; text-align:left; margin:30px 0 0 0; } .clinical-departments{ list-style-type:none; padding:0; text-align:left; margin:10px 0 0 0; } .clinical-departments li{ border: 1px solid #BBBBBB; display:inline-block; padding:6px 18px; margin-bottom:10px; } .page2-left-btn1{ padding:0; margin:25px auto; text-align: center; max-width: 460px; } .page2-left-btn1 li{ display: inline-block; box-sizing: border-box; width: 190px; margin: 5px; } .page2-left-btn1 li .btn { display: block; } .headline{ margin:0; font-size:28px; } .outpatient{ text-align:center; padding:0px 36%; } .entry{ text-align:center; padding:0 23%; } .headline span{ background:url("../images/mixed-border.png") repeat-x; background-size:contain; height:4px; display:block; } .page2-right{ float:right; width:31.6%; margin-top:150px; text-align:center; } .page2-right-col2{ margin-top:50px; font-size:0; } .page2-right-col3{ font-size:16px; margin:0; padding:30px 0; } .page2-right-col4{ font-size:0; } .page2-right-col5{ font-size:0; margin-top:10px; } .page2-right-btn1{ margin-top:50px; padding:0; font-size:0; } .page2-right-btn1 li{ margin-left:20px; width:155px; padding:15px 30px 15px 5px; margin-bottom:20px; } .right-btn1{ margin-top:70px; } .right-btn1 li{ margin-bottom:10px; } /*2ページ目のレスポンシブデザイン*/ @media (max-width: 640px) { .page2 { padding-bottom: 0; } .page2 .content-container { padding: 0; } .page2-left{ background:#E6F6F0; float: none; width:auto; margin: 0; padding-top:40px; padding-left: 25px; padding-right: 25px; padding-bottom: 30px; } .page2-left-col2{ margin-top:30px; } .page2-left-col4{ margin:34px 0 0 0; } .page2-right{ float: none; background:#F2EFD1; width:auto; margin-top:0; padding: 40px 25px; } .page2-right-col2{ float:left; margin:0 auto 20px auto; width:50%; } .page2-right-col5{ float:left; margin:0 auto 20px auto; width:50%; } .page2-right-col4{ float:none; margin:0 auto; margin-bottom:20px; } .right-btn1{ margin-top:30px; margin-bottom:70px; } } /*3ページ目*/ .page3 { padding-top: 140px; padding-bottom: 140px; } .page3-left { padding-right: 300px; } .page3-left h2, .page3-right h2 { margin-top: 0; } .page3-left div{ padding-bottom:25px; font-size:16px; } .page3-left p{ margin-bottom:50px; } .page3-left-btn{ text-align:center; padding:0; margin-top:10px; } .page2-left-btn1 li{ display: inline-block; box-sizing: border-box; width: 190px; margin: 5px; } .page3-tab{ list-style-type:none; border-bottom:solid 2px #666666; } .page3-tab li{ display:inline-block; margin-right:10px; vertical-align: bottom; } .page3-tab li a { display: block; margin-bottom: 1px; background: #666; width: 100px; padding: 5px; text-align: center; border: 1px solid transparent; } .page3-tab li a img { vertical-align: middle; } .page3-tab li a.news-cat-important { border: 1px solid #CC0000; background: white; } .page3-tab li a.news-cat-notice { background: #B6848C; } .page3-tab li a.news-cat-information-book { background: #A59D95; } .page3-tab li a.news-cat-event { background: #C6BF70; } .page3-tab li a.news-cat-health-report { background: #8BA69C; } .page3-tab li a.selected { transform: translateY(1px); } .page3-tab li a.selected::after { content: ""; display: block; height: 5px; background: url(../images/icon_chevron-down.png) center top no-repeat; } .page3-tab li a.news-cat-important.selected::after { background: url(../images/icon_chevron-down-important.png) center top no-repeat; } .pagination { margin-top: 30px; margin-bottom: 20px; padding: 15px 20px; background: #E6F6F0; font-size: 15px; } .pagination nav { float: right; } .pagination p { float: left; margin: 0; padding: 5px 0; } .pagination li { display: inline-block; } .pagination a { display: block; padding: 5px 10px; border-radius: 3px; background: #52B98D; color: white; text-decoration: none; } .pagination a.selected { background: #338866; } .news-list{ list-style:none; color:black; } .news-list li.new::after { content: ""; display: inline-block; width: 70px; height: 25px; vertical-align: middle; background: url(../images/new.png) center center no-repeat; } .news-list li { margin:12.5px 0; padding-left: 110px; min-height: 25px; } .news-list li span { margin-right: 1em; } /*.notice:first-child{*/ /* margin-top:25px;*/ /*}*/ .news-list li.sx { background:url("../images/important.png") no-repeat; } .news-list li.s1 { background:url("../images/notice.png") no-repeat; } .news-list li.s2 { background:url("../images/event.png") no-repeat; } .news-list li.s3 { background:url("../images/information-book.png") no-repeat; } .news-list li.s4 { background:url("../images/health-report.png") no-repeat; } @media(max-width: 820px) { .news-list li{ padding-top: 30px; padding-left: 0; } } @media(max-width: 640px) { .page3 { padding-top: 40px; padding-bottom: 40px; } .page3-left { padding-right: 0; } } .adjust-img{ vertical-align:middle; } .border-adjust-info{ padding:0 42%; text-align:center; } .border-adjust-hospital-activity{ padding:0 10%; text-align:center; } .page3-right{ width:275px; float:right; } .page3-right p{ margin-bottom:50px; } .page3-bottom{ max-width:100%; margin:0 auto; margin-top:150px; margin-bottom:150px; float:left; } .facebook-container { width:275px; height:650px; } /*3ページ目 レスポンシブ*/ @media (max-width: 640px) { .page3-tab{ display:none; } .page3-left{ width:auto; } .page3-right{ display:none; } .page3-bottom{ margin:0px 10px; float:left; width:auto; } .page3-bottom.pc-only{ display:none; } .border-adjust-info{ padding:0 32%; } .convert-to-block{ display:block; padding:5px 0; } } /*ページ4*/ .page4 { padding-top: 140px; padding-bottom: 60px; background: url(../images/bg4.jpg) center center no-repeat; background-size:cover; } .page4-title{ padding-top:150px; margin-bottom:50px; } .page4-right-top{ font-size:0; } .page4-left{ float:left; width:13%; } .page4-right{ float:right; width:87%; } .page4-middle-left{ float:left; width:35.2%; margin-top:50px; } .page4-middle-right{ float:right; width:55%; } .page4-middle-right-col1{ margin-top:50px; margin-bottom:10px; } .page4-middle-right-col3{ margin-top:10px; margin-bottom:30px; color:#CC0000; font-size: 14px; } .page4-middle-left img:first-child{ margin-bottom:30px; } .page4-middle-left img:last-child{ margin-bottom:100px; } .border-adjust-24medical-care{ padding:0 35%; text-align:center; } @media (max-width: 640px) { .page4 { padding-top: 40px; padding-bottom: 0; background: url(../images/page4-bg-sm.jpg) no-repeat; background-size:cover; } .page4-container{ padding:0px 10px; } .page4-left{ width:100%; text-align:center; margin-bottom:30px; } .page4-right{ width:100%; } .page4-title{ margin-bottom:30px; } .page4-right-top{ margin-bottom:20px; } .page4-middle-left{ text-align:center; width:100%; margin:0; border-bottom:solid 1px #BBBFBB; padding-bottom:30px; font-size:0; } .page4-middle-right{ width:100%; margin:0; } .page4-middle-left img:last-child{ margin:0; } .border-adjust-24medical-care{ padding:0 27%; text-align:center; } .page4-middle-right-col1{ margin-top:30px; margin-bottom:15px; } .page4-middle-right-col3{ margin-bottom:25px; } .page4-middle-right-col4{ margin-bottom:30px; } .page4-btn{ text-align:center; margin-bottom:70px; } } /*ページ5*/ .page5 { padding-top: 140px; padding-bottom: 140px; } .page5-title{ margin-top:150px; margin-bottom:50px; } .page5-contents-wrapper{ font-size:0; } .page5-col1{ } .page5-col2{ } .page5-small-container{ max-width:960px; margin:0 auto; } .page5-blocks{ text-align:center; } .page5-block { margin:15px 15px 30px 15px; height:290px; width:280px; padding-top: 20px; padding-bottom: 20px; position:relative; display:inline-block; vertical-align:top; } .page5-block1 { background:url("../images/page5-pic1.png")no-repeat; background-size: cover; } .page5-block2{ background:url("../images/page5-pic2.png")no-repeat; background-size: cover; } .page5-block3{ background:url("../images/page5-pic3.png")no-repeat; background-size: cover; } .page5-block4{ background:url("../images/page5-pic4.png")no-repeat; background-size: cover; } .page5-block5{ background:url("../images/page5-pic5.png")no-repeat; background-size: cover; } .page5-block6{ background:url("../images/page5-pic6.png")no-repeat; background-size: cover; } .page5-block p { margin:0 auto; padding:0 10px; font-size: 16px; } .page5-block img{ padding:0 33.6%; } .page5-block span{ width:44px; height:110px; display:block; position:absolute; top:-10px; right:10px; } .page5-block-brown span{ background:url("../images/page5-to-hospital.png")no-repeat; } .page5-block-pink span{ background:url("../images/page5-to-home.png")no-repeat; } .page5-btn{ position:absolute; right:0; left:0; bottom: 28px; text-align:center; } .page5-block b { font-size: 23px; } .page5-block-brown b { color:#664433; } .page5-block-pink b { color:#AA3344; } .page5-block i.br { display: block; } @media (max-width: 640px) { .page5 { padding-top: 40px; padding-bottom: 0; } .page5-col1 { padding-bottom: 1em; } .page5-block { width: auto; height: auto; display: block; text-align:left; padding-left: 110px; padding-right: 10px; margin: 0 0 35px 0; } .page5-block i.br { display: none; } .page5-block span { left: 20px; background-size: 70%; } .page5-block img { position: absolute; top: 23px; left: 60px; padding: 0; width: 35px; } .page5-block p { margin: 0 0 1em 0; padding: 0; } .page5-block-brown { background: #F5F0E0; } .page5-block-pink { background: #F0E1E6; } .page5-btn { position: static; padding: 0; text-align: left; } .page5-btn .btn { text-align: left; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; min-width: 190px; border-radius:3px; font-size: 15px; } } @media(max-width: 450px) { .page5-block { padding: 70px 10px 10px 10px; } .page5-btn .btn { min-width: none; } } /* page 6 */ .page6{ background:url("../images/bg6.jpg") no-repeat; background-size: cover; position:relative; padding: 100px; } .page6-opacity-container{ background: rgba(255, 255, 255, 0.8); padding-top: 90px; padding-bottom: 70px; padding-left: 50px; padding-right: 50px; } .page6-content { margin: auto; max-width: 737px; } .page6-headline{ font-size:20px; text-align:center; } ul.page6-blocks { list-style: none; color: white; text-align: center; } ul.page6-blocks li { display: inline-block; width: 230px; margin: 20px; } ul.page6-blocks li a { display: block; padding: 25px 0; background: #52B98D; color: white; text-align: center; text-decoration: none; } ul.page6-blocks li span { display: inline-block; padding: 5px; background: rgba(255, 255, 255, 0.2); border-radius: 20px; width: 175px; } @media (max-width: 640px) { .page6 { background: url(../images/page6-bg-sm.jpg) center center no-repeat; background-size: cover; margin-top: 40px; padding: 40px 25px; } .page6-headline { font-weight: bold; } .page6-opacity-container { background: transparent; padding: 0; } ul.page6-blocks li { width: 130px; margin: 10px; } ul.page6-blocks li a { padding-top: 20px; padding-bottom: 20px; } ul.page6-blocks h3 { margin: 0; } ul.page6-blocks li span { display: none; } .page6-content p { font-size: 15px; } .page6-content p img { float: left; margin-right: 20px; } } /* TODO cleanup>>> */ @media screen and ( max-width:640px ){ .pc{ display:none !important; } .tab { display:block !important; } .top-container{ display:flex; flex-direction: column; } .top-bg{ order:2; background:url("../images/top.png") 0 0 no-repeat; /*background-size:cover;*/ padding-bottom:42%; height:0px; width: 100%; } .logo{ margin-top:0px; } .page1-text-pic-tab{ max-width:100%; transform:scale(0.8); text-align:center; float:none; } /* .top-text{ background:url("../images/top-text-for-tab.png")no-repeat; width:250px; height:110px; position:absolute; top:0; left:0; right:0; bottom:0; margin: auto; }*/ .top-intro-container{ display:none; } .logo{ order:1; } .container-nav-menu{ display:none; } .three-pillar img{ max-width:100%; height:auto; } } /* <<< */ /*トップページのアクセスマップ*/ .home-access { padding-top: 160px; padding-bottom: 140px; } .access-details { margin-top: 50px; padding: 30px 30px 60px 30px; background: #E6F6F0; } .access-details-left { float: left; width: 43%; } .access-details-right { box-sizing: border-box; float: right; width: 57%; padding-left: 56px; font-size: 16px; } .access-details-right p { margin: 0 0 1em 0; padding: 0; } .access-details-right p.map-pin { padding-left: 30px; background: url(../images/icon_map.png) top 5px left no-repeat; } .access-details-right b { font-size: 18px; } .home-access .access-map img { width: 100%; } .home-access i.br { display: block; } @media(max-width: 640px) { .home-access { text-align:center; padding-top: 65px; padding-bottom: 75px; } .home-access i.br { display: none; } .access-details { background: none; padding: 0; } .access-details-right, .access-details-left { float: none; width: auto; } .access-details-left img { margin: 0 auto 20px auto; } .access-details-right { padding-left: 0; } .access-details-right p { text-align: left; } .access-details-right p.map-pin { display: inline-block; } } /*<<<*/ /* _ _ */ /*| \ | | _____ _____ */ /*| \| |/ _ \ \ /\ / / __|*/ /*| |\ | __/\ V V /\__ \*/ /*|_| \_|\___| \_/\_/ |___/*/ /* */ /*news>>>*/ .subpage.news-detail #main2 ul{ list-style: none; } /*CMS customize start*/ /*記事の中にあるnewsのカテゴリータグを非表示*/ .news-detail .date .lef span { display: none !important; } .news-detail .date { padding-bottom: 8px; margin-bottom: 25px !important; border-bottom: 1px solid #DDDDDD; } .news-title { margin: 0 0 50px 0; padding-left: 130px; } .news-title.s1 { background: url(../images/notice.png) left center no-repeat; } .news-title.s2 { background: url(../images/event.png) left center no-repeat; } .news-title.s3 { background: url(../images/information-book.png) left center no-repeat; } .news-title.s4 { background: url(../images/health-report.png) left center no-repeat; } .news-title.sx { background: url(../images/important.png) left center no-repeat; } /*CMS customize end*/ .disaster { padding: 20px; background: white; border: 5px solid #900; } .disaster b { display: block; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #900; font-size: 26px; color: #900; } @media(max-width: 640px) { .subpage.news .subpage-top-bg { background-position: bottom 15% center; } } /*<<<*/ /* __ _ */ /* / _| ___ ___ | |_ ___ _ __ */ /*| |_ / _ \ / _ \| __/ _ \ '__|*/ /*| _| (_) | (_) | || __/ | */ /*|_| \___/ \___/ \__\___|_| */ /* */ /*footer>>>*/ .footer-landscape { margin-top: 75px; background: url(../images/footer-landscape-bg.png) bottom center repeat-x; text-align:center; min-height: 126px; position: relative; overflow: hidden; } .footer-landscape img { display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .footer-links-bg { background: #E6F6F0; border-bottom: 1px solid #99DDBB; } .footer-links { padding: 36px 50px 55px 50px; font-size: 15px; } .footer-toplink-container { margin-bottom: 35px; } .footer-toplink-container a::before { content: ""; display: inline-block; width: 21px; height: 1em; background:url("../images/icon_footer-toplink.png") left center no-repeat; } .footer-links a { text-decoration: none; color: #222; } .footer-links ul { display: inline-block; /* margin collapse 対応 */ list-style:none; } .footer-links li { margin-top: 10px; } .footer-links li a { padding-left: 15px; background: url(../images/icon_chevron-right_black.png) top 7px left no-repeat; } .footer-links li a.external { background: url(../images/icon_external.png) top 7px left no-repeat; } .footer-links-col { float: left; } .footer-links-col:not(:last-child) { margin-right: 70px; } .footer-links-col b { display: block; margin-bottom: 10px; font-size: 16px; border-bottom: 3px solid #C6BF70; } b.footer-links-col2-next { margin-top: 25px; border-bottom-color: #8BA69C; } .footer-links-col1 { width: 170px; } .footer-links-col2 { width: 170px; } .footer-links-col3 { width: 225px; } .footer-links-col3 b { border-bottom-color: #B6848C; } .footer-links-col4 { width: 420px; } .footer-links-col4 b { border-bottom-color: #A59D95; } .footer-links-col4-left { width: 182px; } /* 情報 */ .footer-info { position: relative; padding: 28px 50px; font-size: 15px; } .footer-copyright { position: absolute; bottom: 28px; right: 50px; font-size: 13px; } .footer-association { position: absolute; top: 28px; right: 50px; } .footer-info address { width: 300px; float: left; } .footer-info .logo { width: 190px; margin: 0; padding: 0; } .footer-hours { display: inline-block; width: 300px; } .footer-hours b { display: block; margin-bottom: 4px; padding: 8px; text-align:center; color: white; background: #FF7744; } @media(max-width: 1300px) { .footer-links-col1, .footer-links-col3 { width: 45%; margin-right: 5% !important; } .footer-links-col3 { clear: left; margin-top: 20px; } .footer-links-col4 { margin-top: 20px; } .footer-links-col2, .footer-links-col4 { width: 45%; margin-right: 0 !important; margin-left: 5%; } ul.footer-links-col4-right { display: block; } } @media(max-width: 940px) { .footer-info { padding: 0; } .footer-association { padding: 22px; position: static; text-align:center; } .footer-hours, .footer-info address { display: block; float: none; margin: auto; padding: 13px 0; } .footer-hours div { text-align: left; } .footer-copyright { clear: both; margin-top: 25px; padding: 22px; border-top: 1px solid #BBBFBB; position: static; text-align:center; } } @media(max-width: 640px) { .footer-links { display: none; } .footer-info address { text-align: center; } } /*<<<*/ /* _ */ /*__ _____| |__ ___ __ _ _ __ ___ ___ _ __ __ _ */ /*\ \ /\ / / _ \ '_ \ / __/ _` | '_ ` _ \ / _ \ '__/ _` |*/ /* \ V V / __/ |_) | (_| (_| | | | | | | __/ | | (_| |*/ /* \_/\_/ \___|_.__/ \___\__,_|_| |_| |_|\___|_| \__,_|*/ /* */ /*webカメラ>>>*/ @media(min-width: 471px) { body.webcamera { overflow: hidden; } } .webcamera-logo { padding-top: 20px; padding-bottom: 20px; text-align: center; } .webcamera-logo img { height: 35px; } .webcamera-explanation { margin-left: 10px; margin-right: 10px; padding-left: 40%; min-height: 180px; background: url(../images/webcamera-map.jpg) top left no-repeat; font-size: 14px; } @media(max-width: 470px) { .webcamera-explanation { padding: 200px 0 0 0; } } .webcamera-explanation p { margin-top: 0; } .webcamera-explanation ul { text-align: center; } .webcamera-explanation li { display: inline-block; } @media(min-width: 471px) { .webcamera iframe { display: block; margin: 0 auto; } } @media(max-width: 470px) { .webcamera #cameraview { position: relative; width: 100%; padding-top: 75%; overflow:auto; -webkit-overflow-scrolling:touch; } .webcamera iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; display:block; } } .webcamera #message { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); } /* カメラ映像が見られないため注意書き追加 */ .webcamera #message01 .txt-s1{ margin: 24px auto; max-width: 530px; } .webcamera #message01 .txt-s2{ font-weight: bold; font-size: 18px; text-align: center; } .webcamera #message .webcamera-close-btn { margin-top: 4em; } /*<<<*/ /* _ _ _ */ /* / \ | |__ ___ _ _| |_ */ /* / _ \ | '_ \ / _ \| | | | __|*/ /* / ___ \| |_) | (_) | |_| | |_ */ /*/_/ \_\_.__/ \___/ \__,_|\__|*/ /* */ /*About>>>*/ .about-block { margin-top: 65px; } .about-block h2 { margin: 0; padding-left: 30px; font-size: 28px; line-height: 1.2; background: url(../images/favicon-16.png) left center no-repeat; } .about-message blockquote, .about-block p { line-height: 2; } .about-block-left { padding-left: 208px; } .about-block-right { padding-right: 208px; } .about-block-banner { display: none; position: relative; margin: 0 0 25px 0; padding: 15px; text-align: center; } .about-block-banner::before { content: ""; display: block; position: absolute; width: 38px; height: 38px; background: url(../images/about-block-banner-angle.png) center center no-repeat; } .about-block1 .about-block-banner::before { left: 3px; top: 3px; } .about-block2 .about-block-banner::before { right: 3px; top: 3px; transform: rotate(90deg); } .about-block3 .about-block-banner::before { right: 3px; bottom: 3px; transform: rotate(180deg); } .about-block4 .about-block-banner::before { left: 3px; bottom: 3px; transform: rotate(270deg); } .about-block1 .about-block-banner { background: #C6BF70; } .about-block2 .about-block-banner { background: #66AA88; } .about-block3 .about-block-banner { background: #B6848C; } .about-block4 .about-block-banner { background: #A59D95; } .about-block1 { background: url(../images/about-block-banner1.png) top left no-repeat; } .about-block2 { background: url(../images/about-block-banner2.png) top right no-repeat; } .about-block3 { background: url(../images/about-block-banner3.png) top left no-repeat; } .about-block4 { background: url(../images/about-block-banner4.png) top right no-repeat; } section.about-message { margin-top: 140px; } .about-message-banner { position: relative; margin-bottom: 40px; height: 400px; background: url(../images/about-message-bg.jpg) center center no-repeat; background-size: cover; } .about-message-nameplate { position: absolute; top: 0; left: 0; bottom: 0; padding: 25px; background: rgba(0, 0, 0, 0.3); } .about-message-side { display: none; text-align: center; } .about-message blockquote { text-align: justify; margin: 0; padding-left: 210px; background: url(../images/about-message-side.png) left 30px top no-repeat; } .about-message blockquote small { display: block; font-size: 14px; font-weight: normal; } .about-message-author { font-weight: bold; font-size: 21px; } @media(max-width: 955px) { .about-message-banner { height: 235px; } .about-message-banner img { width: auto; height: 100%; } .about-message-side, .about-block-banner { display: block } .about-block-left { padding-left: 0; } .about-block-right { padding-right: 0; } .about-block1, .about-block2, .about-block3, .about-block4 { background: transparent; } .about-message blockquote { padding-left: 0; background: transparent; } } @media(max-width: 470px) { .about-message-banner { background-position: calc(50% + 50px) center; } } /*<<<*/ /* _ _ _ _ */ /* / \ _ __ _ __ ___ (_)_ __ | |_ _ __ ___ ___ _ __ | |_ */ /* / _ \ | '_ \| '_ \ / _ \| | '_ \| __| '_ ` _ \ / _ \ '_ \| __|*/ /* / ___ \| |_) | |_) | (_) | | | | | |_| | | | | | __/ | | | |_ */ /*/_/ \_\ .__/| .__/ \___/|_|_| |_|\__|_| |_| |_|\___|_| |_|\__|*/ /* |_| |_| */ /*外来予定表>>>*/ .appointment main>h2:first-child { margin-top: 0; } .appointment .subpage-top-bg { background-image: url(../images/appointment-head-bg.jpg); } .appointment-caution { padding-top: 35px; padding-bottom: 20px; text-align: center; color: #CC0000; font-size: 18px; } .appointment-news { margin-bottom: 120px; list-style: none; border-top: 1px solid #bbb; } .appointment-news li { position: relative; padding-top: 15px; padding-bottom: 15px; padding-left: 145px; border-bottom: 1px solid #bbb; } .appointment-news li .tag1, .appointment-news li .tag2 { position: absolute; top: 0; left: 0; width: 100px; margin: 15px 0; padding: 5px; text-align: center; font-weight: bold; font-size: 21px; } .appointment-news li .tag1 { border: 2px solid #B6848C; color: #B6848C; } .appointment-news li .tag2 { border: 2px solid #8BA69C; color: #8BA69C; } .appointment-news li b { display: block; font-size: 18px; } @media(max-width: 955px) { .appointment-news li { padding: 5px; } .appointment-news li .tag1, .appointment-news li .tag2 { position: static; margin: 0; padding: 2px; } } @media (max-width: 640px){ .appointment .subpage-top-bg { background-image: url(../images/appointment-head-bg-sm.jpg); } } /* schedule */ .op-schedule-update { padding-bottom: 5px; text-align: right; font-size: 14px; border-bottom: 1px solid #bbb; } .op-schedule-note { line-height: 2; padding-top: 25px; padding-bottom: 25px; } .op-schedule-note em { font-style: normal; color: #FF0099; } /*.op-schedule-table>div {*/ /* overflow-x: auto;*/ /*}*/ .op-schedule-table table { /*width: 900px;*/ width: 100%; border-collapse: collapse; } .op-schedule-table th, .op-schedule-table td { border: 1px solid #777; text-align: center; } .op-schedule-table th { font-weight: normal; background: #E6F2F2; padding: 10px 0; } .op-schedule-table .row-header { background: #eee; } .op-schedule-table .row-header-sub { padding: 5px; white-space: nowrap; } .op-schedule-table .pm { background: #F2F2D2; } .op-schedule-print-btn { display: block; margin: 50px auto; padding: 45px 10px 10px 10px; width: 250px; border: 1px solid #999; border-radius: 5px; background: white url(../images/icon_print.png) top 10px center no-repeat; text-align: center; color: black; } .appointment .next-page { padding-top: 0; } .appointment .next-page .btn { margin: 10px; } @media(max-width: 640px) { .appointment .flx { display: block; } .op-schedule-table>div { overflow-x: auto; } .op-schedule-table table { width: 900px; } } /*PRINT*/ body.print { background: white; font-size: 14px; } .page-print { width: 18cm; margin: auto; } .print .op-schedule-note { margin: 10px 0; padding: 5px; border: 1px solid #bbb; } /*<<<*/ /* ____ _ _ */ /* / ___|___ _ __ | |_ __ _ ___| |_ */ /*| | / _ \| '_ \| __/ _` |/ __| __|*/ /*| |__| (_) | | | | || (_| | (__| |_ */ /* \____\___/|_| |_|\__\__,_|\___|\__|*/ /* */ /*お問い合わせ>>>*/ .contact-intro { margin-top: 0; margin-bottom: 65px; } .contact-phone { padding-top: 45px; padding-bottom: 35px; } .contact-hours { text-align: center; padding-bottom: 125px; } .contact-hours b { font-size: 18px; } .contact-intro2 { margin-top: 45px; margin-bottom: 0; } .contact form { margin-top: 20px; border-top: 1px solid #DDD; } .contact input[type=text], .contact textarea { padding: 10px; border: 1px solid #999; font-size: 16px; color: #666; } .contact textarea { box-sizing: border-box; width: 100%; } .contact-form-line { display: flex; padding: 15px 0; align-items: center; border-bottom: 1px solid #DDD; } .contact-form-line label:first-child { flex: 0 0 200px; font-weight: bold; } .contact-form-line label.required::after { content: "必須"; color: white; background: #CC0000; margin: 1em; padding: 2px 5px; font-weight: normal; font-size: 11px; } .contact-form-line .contact-col { width: 100%; } .contact-form-line .contact-col *:not(:last-child) { margin-bottom: 10px; } .contact-form-line input[name=rage] { width: 3em; } .contact-form-line input[name=rzip] { width: 7em; } .contact-zip-note { color: #4AA480; } .contact-privacypolicy { text-align: center; padding: 25px; } .contact-privacypolicy a { padding-left: 25px; background: url(../images/contact-pdf.png) left center no-repeat; } .btn-contact { width: 260px; padding: 30px 30px 30px 10px; background: #EE6100 url(../images/icon_chevron-right_white_big.png) right 20px center no-repeat; border: 1px solid white; border-radius: 7px; box-shadow: 0 0 15px grey; } .contact-warning { max-width: 700px; margin: auto; padding: 50px 0 0 0; font-size: 14px; } .contact-warning b { font-weight: normal; color: #CC0000; } @media(max-width: 830px) { .contact-form-line { display: block; } .contact-form-line label:first-child { display: block; padding-bottom: 5px; } } /*<<<*/ /* _ */ /* / \ ___ ___ ___ ___ ___ */ /* / _ \ / __/ __/ _ \/ __/ __|*/ /* / ___ \ (_| (_| __/\__ \__ \*/ /*/_/ \_\___\___\___||___/___/*/ /* */ /*交通アクセス>>>*/ .access h2:first-child { margin-top: 0; } .access-transport { min-height: 480px; margin-top: 45px; padding-top: 205px; background: url(../images/access-transport-bg.jpg) top center no-repeat; background-size: contain; } .access-transport ul { list-style: none; text-align: center; } .access-transport .pc-only li { display: inline-block; vertical-align: top; box-sizing: border-box; width: 187px; height: 246px; padding-top: 25px; margin: 5px; background: url(../images/transport-box.png) top center no-repeat; } .access-transport l .pc-only i.transport-train { background-image: url(../images/transport-box2.png); } .access-transport .pc-only li.transport-car::before { content: ""; display: inline-block; width: 23px; height: 19px; background: url(../images/icon_transport-car.png) top center no-repeat; } .access-transport .pc-only li.transport-train::before { content: ""; display: inline-block; width: 23px; height: 19px; background: url(../images/icon_transport-train.png) top center no-repeat; } .access-transport .pc-only li p { margin-top: 10px; margin-bottom: 10px; } .access-transport .pc-only li b { font-size: 18px; } .access-transport .mobile-only li { margin-bottom: 10px; margin-right: 70px; padding: 10px; text-align: left; background: rgba(255, 255, 255, 0.8); position: relative; } .access-transport .mobile-only { position: relative; } .access-transport .mobile-only li.transport-car { border: 2px solid #4AA480; border-right: none; } .access-transport .mobile-only li.transport-train { border: 2px solid #AA82A0; border-right: none; } .access-transport .mobile-only li.transport-car::after { content: ""; display: block; position: absolute; top: -1px; bottom: -1px; right: -17px; width: 18px; background: url(../images/access-transport-timecar-arrow.png) left center no-repeat; } .access-transport .mobile-only li.transport-train::after { content: ""; display: block; position: absolute; top: -1px; bottom: -1px; right: -17px; width: 18px; background: url(../images/access-transport-timetrain-arrow.png) left center no-repeat; } .access-transport .mobile-only li:last-child { position: absolute; margin: 0; top: 0; right: 0; bottom: 0; width: 30px; background: #4AA480 url(../images/access-transport-side.png) center center no-repeat; } .access-transport .mobile-only li:last-child div { display: none; } .access-transport-address { margin: auto; padding-bottom: 15px; max-width: 591px; border: 1px solid #007766; text-align: center; } .access-transport-address h3 { margin: 0; padding: 15px 0; background: #007766; font-size: 18px; color: white; } .access-transport-timetable { max-width: 591px; margin: auto; padding-top: 32px; } .access-transport-map { margin-top: 80px; text-align: center; } .access-gmap { padding-top: 45px; text-align: center; } .access-gmap p { margin: auto; max-width: 600px; padding-bottom: 45px; } @media(max-width: 925px) { .access-transport { min-height: 480px; margin-top: 45px; padding-top: 130px; background: url(../images/access-transport-bg-sm.jpg) top center no-repeat; background-size: contain; } } @media(max-width: 640px) { .access-transport { padding-left: 15px; padding-right: 15px; } .access-transport-address { padding: 5px; } .access-transport-address p { margin: 0; } } /*<<<*/ /* ____ _ _ */ /* / ___| __ _(_)_ __ __ _(_)*/ /*| | _ / _` | | '__/ _` | |*/ /*| |_| | (_| | | | | (_| | |*/ /* \____|\__,_|_|_| \__,_|_|*/ /* */ /*外来のご案内>>>*/ .gairai .subpage-top-bg { background-image: url(../images/gairai-head-bg.jpg); } .gairai h2 { margin-top: 0; } .gairai-intro { padding-top: 42px; } .gairai-intro-content { margin: auto; max-width: 700px; } .gairai-sep1 { height: 45px; } .gairai-sep2 { height: 50px; } .gairai-sep3 { height: 140px; } .gairai-flow { margin-top: 90px; background: url(../images/gairai-bg-pattern1.png); } .gairai-emergency h3, .gairai-flow h3 { margin: 0; padding: 15px; background: #66AA88; color: white; text-align: center; font-size: 21px; } .gairai-emergency { margin-top: 40px; background: url(../images/gairai-bg-pattern2.png); } .gairai-emergency h3 { background: #FF7744; } .gairai-flow-content { padding: 55px 40px; } .gairai-block { float: left; width: 48%; } .gairai-block.left { margin-right: 4%; } .gairai-block.full { clear: both; float: none; width: auto; margin-top: 30px; } .gairai-block h4 { display: block; margin: 0; padding: 7px 15px; background: white; border: 1px solid #4AA480; font-weight: bold; font-size: 18px; color: #4AA480; } .gairai-list { margin: 1em 0; list-style:none; } .gairai-list li { margin-left: 1em; } .gairai-list li::before { content: "・"; margin-left: -1em; } .gairai-list li:first-child { font-weight: bold; } .gairai-list li:first-child::before { content: "しかく"; } .gairai-emergency-catch { margin-top: 37px; margin-bottom: 25px; font-size: 36px; text-align: center; } .gairai-emergency-catch small { font-size: 24px; } .gairai-emergency .gairai-block { width: 65%; } .gairai-emergency .gairai-block.left { width: 31%; } .gairai-emergency .gairai-block.last small { font-size: 14px; } .gairai-hours, .gairai-consult { padding: 30px 25px; border: 3px solid white; } .gairai-hours { background: #FFDDD2; } .gairai-consult { margin-top: 65px; background: #DDFAF6; } .gairai-hours h4 { margin: 0 0 25px 0; padding: 10px; background: #DD4444; color: white; text-align: center; font-size: 24px; } .gairai-hours b { color: #DD4444; } .gairai-hours .col-left { float: left; width: 60%; margin-right: 5%; } .gairai-hours .col-right { width: 35%; } .gairai-consult h4 { margin: 0 0 10px 0; text-align: center; font-size: 24px; } .gairai-consult h5 { max-width: 300px; margin: auto; padding: 10px 10px; font-size: 15px; font-weight: normal; color: #4AA480; border-top: 1px solid #4AA480; border-bottom: 1px solid #4AA480; text-align: center; } .gairai-consult b { color: #4AA480; } .gairai-consult .cols2 { margin-top: 25px; } .gairai-consult .col-left { float: left; margin-right: 5%; } .gairai-consult .col-right { width: 45%; } .gairai-foot-container { max-width: 760px; margin: auto; } .gairai-foot h2 { margin-top: 0; margin-bottom: 45px; } .gairai-foot h3 { font-size: 24px; } .gairai-foot .cols2 { margin-top: 40px; } .gairai-foot .col-left { float: left; width: 55%; margin-right: 3%; } .gairai-foot .col-right { width: 42%; } .gairai-foot .next-page .btn { margin: 5px 15px; } @media (max-width: 975px) { .gairai-foot .col-right, .gairai-foot .col-left, .gairai-consult .col-right, .gairai-consult .col-left, .gairai-hours .col-right, .gairai-hours .col-left { float: none; width: auto; } .gairai-foot .col-left { text-align: center; } .gairai-foot .col-right, .gairai-consult .col-right, .gairai-hours .col-right { margin-top: 1em; } } @media (max-width: 925px) { .gairai-block { float: none; width: auto; } .gairai-block.left { margin-right: 0; margin-bottom: 30px; } .gairai-emergency .gairai-block, .gairai-emergency .gairai-block.left { width: auto; } } @media (max-width: 640px){ .gairai .subpage-top-bg { background-image: url(../images/gairai-head-bg-sm.jpg); } } @media (max-width: 480px){ .gairai-sep3 { height: 50px; } .gairai-flow-content { padding-left: 10px; padding-right: 10px; } .gairai-hours, .gairai-consult { padding: 10px; } } /*<<<*/ /* _ _ _ */ /*| \ | |_ _ _ _ _ _(_)_ __ */ /*| \| | | | | | | | | | | | '_ \ */ /*| |\ | |_| | |_| | |_| | | | | |*/ /*|_| \_|\__, |\__,_|\__,_|_|_| |_|*/ /* |___/ */ /*入院>>>*/ .nyuuin .subpage-top-bg { background-image: url(../images/nyuuin-head-bg.jpg); } .nyuuin-pagelinks { margin-bottom: 70px; text-align: center; } .nyuuin-pagelinks li { display: inline; } .nyuuin-pagelinks li span { display: none; } .nyuuin-pagelinks li a { display: inline-block; width: 120px; height: 80px; margin: 0 5px 5px 5px; } .nyuuin-pagelinks li .nyuuin-pagelink1 { background: url(../images/nyuuin-pagelink1.png) no-repeat; } .nyuuin-pagelinks li .nyuuin-pagelink2 { background: url(../images/nyuuin-pagelink2.png) no-repeat; } .nyuuin-pagelinks li .nyuuin-pagelink3 { background: url(../images/nyuuin-pagelink3.png) no-repeat; } .nyuuin-pagelinks li .nyuuin-pagelink4 { background: url(../images/nyuuin-pagelink4.png) no-repeat; } .nyuuin h2 { margin-top: 0; margin-bottom: 50px; } .nyuuin .sep1 { height: 50px; } .nyuuin .sep2 { height: 70px; } .btn-nyuuin-showbox { display: block; width: 270px; margin: 0 auto 25px auto; } .btn-nyuuin-showbox::after { content: ""; display: block; height: 20px; background: url(../images/icon_chevron-down_big.png) center center no-repeat; } .nyuuin-box1 { background: url(../images/gairai-bg-pattern1.png); } .nyuuin-box1 h3 { margin: 0; padding: 10px; background: #66AA88; color: white; text-align: center; font-size: 21px; } .nyuuin-box1 h4 { margin-top: 0; padding: 10px 0 10px 20px; background: white; border: 1px solid #66AA88; color: #66AA88; font-size: 18px; } .nyuuin-list { margin: 1em 0; list-style:none; } .nyuuin-list li { margin-left: 1em; margin-bottom: 1em; } .nyuuin-list li::before { content: "・"; margin-left: -1em; } .nyuuin-box-content { padding: 25px 35px; } .nyuuin-box-intro { margin-top: 0; line-height: 2; } .nyuuin-def { padding: 10px 0; border-bottom: 1px solid #66AA88; } .nyuuin-def:first-of-type { border-top: 1px solid #66AA88; } .nyuuin-def>div:first-child { float: left; } .nyuuin-def>div:nth-child(2) { margin-left: 180px; } .nyuuin-bed { margin-top: 44px; } .nyuuin-bed-left { float: left; max-width: 42%; } .nyuuin-bed-right { margin-left: 47%; } .nyuuin-bed-price { margin: 0; } .nyuuin-bed-price figcaption { margin: 15px 0 25px 0; } .nyuuin-bed-options { font-size: 14px; } .nyuuin-bed-right em { display: inline-block; font-style: normal; margin-bottom: 15px; padding: 5px; border: 1px solid #bbb; } .nyuuin-nimotsu { margin-top: 2em; line-height: 2.5; } .nyuuin-allowed { margin-top: 0; margin-bottom: 45px; line-height: 2.2; } .nyuuin-allowed b { color: #CC0000; } .nyuuin-electronics { line-height: 2.2; padding-bottom: 40px; } .nyuuin-electronics .col-left { float: left; width: 47%; margin-right: 6%; } .nyuuin-electronics .col-right { float: left; width: 47%; } .nyuuin-electronics b.sep { display: inline-block; margin-top: 20px; } .nyuuin-space { margin-top: 135px; } .nyuuin .cols2 .col-left { float: left; width: 47%; margin-right: 6%; } .nyuuin .cols2 .col-right { float: left; width: 47%; } .nyuuin-local { margin-top: 65px; margin-bottom: 145px; } .nyuuin-local-left { float: left; width: 32%; } .nyuuin-local-right { padding-left: 33%; } .nyuuin-local-right h3 { font-size: 24px; } .nyuuin-local-right h4 { font-size: 21px; } .nyuuin-local-right p { line-height: 2; } .nyuuin-local-right ol { padding: 0; list-style: none; font-size: 18px; font-weight: bold; color: #B6848C; } .nyuuin-local-right li { position: relative; margin-bottom: 20px; padding-left: 50px; min-height: 40px; } .nyuuin-local-right li::before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: url(../images/nyuuin-no.jpg) top left no-repeat; } .nyuuin-local-right li.no2::before { background-position: top -40px left; } .nyuuin-local-right li.no3::before { background-position: top -80px left; } .nyuuin-local-right small { font-size: 14px; } /*======================================================================*/ .nyuuin-consulting { padding: 45px 35px; border: 1px solid #AA9955; } .nyuuin-consulting-content { padding-left: 115px; background: url(../images/nyuuin-consultation.png) top left no-repeat; } .nyuuin-consulting h2 { margin: 0 0 40px; text-align: center; font-size: 28px; } .nyuuin-consulting h3 { margin-top: 30px; padding: 15px 20px; font-size: 18px; background: #C6BF70; color: white; } .nyuuin-consulting .nyuuin-list li { margin-bottom: 10px; } .nyuuin-contact h4 { margin: 35px 0 10px 0; color: #AA9955; } .nyuuin-contact table { border-collapse: collapse; width: 100%; border-bottom: 1px solid #CCC; } .nyuuin-contact td { padding: 10px 0; border-top: 1px solid #CCC; vertical-align: top; } .nyuuin-contact td:first-child { padding-right: 1em; white-space: nowrap; } @media (max-width: 640px){ .nyuuin .subpage-top-bg { background-image: url(../images/nyuuin-head-bg-sm.jpg); } .nyuuin-pagelinks li a { width: 80px; height: 60px; background-size: 80px 60px !important; } .nyuuin-def>div:first-child { float: none; } .nyuuin-def>div:nth-child(2) { margin-left: 2em; } .nyuuin-bed-left { float: none; width: auto; max-width: none; margin: auto; } .nyuuin-bed-right { width: auto; margin: 0; } .nyuuin-electronics .col-left, .nyuuin-electronics .col-right { float: none; width: auto; } .nyuuin-electronics .col-right { margin-top: 20px; } .nyuuin .cols2 .col-left { float: none; width: auto; margin: 0 0 1.5em 0; } .nyuuin .cols2 .col-right { float: none; width: auto; } .btn-nyuuin-showbox { width: auto; } .nyuuin-local-left { float: none; width: auto; text-align: center; } .nyuuin-local-right { float: none; padding-left: 0; } .nyuuin-consulting-content { padding-left: 0; background: none; } } /*<<<*/ /* ___ _ _ _ */ /* / _ \ _ _| |_| (_)_ __ ___ */ /*| | | | | | | __| | | '_ \ / _ \*/ /*| |_| | |_| | |_| | | | | | __/*/ /* \___/ \__,_|\__|_|_|_| |_|\___|*/ /* */ /*病院概要>>>*/ .outline { } .outline h2.title-borders4 { margin: 0; } .outline-pagelinks { margin-bottom: 70px; text-align: center; } .outline-pagelinks li { display: inline; } .outline-pagelinks li span { display: none; } .outline-pagelinks li a { display: inline-block; width: 100px; height: 60px; margin: 0 5px 5px 5px; } .outline-pagelink1 { background: url(../images/outline-pagelink1.png) no-repeat; } .outline-pagelink2 { background: url(../images/outline-pagelink2.png) no-repeat; } .outline-pagelink3 { background: url(../images/outline-pagelink3.png) no-repeat; } .outline-pagelink4 { background: url(../images/outline-pagelink4.png) no-repeat; } .outline-pagelink5 { background: url(../images/outline-pagelink5.png) no-repeat; } .outline-intro { position: relative; margin: 45px 0 130px 0; padding: 60px 20px; background: url(../images/gairai-bg-pattern1.png); text-align: center; } .outline-intro-corner1, .outline-intro-corner2, .outline-intro-corner3, .outline-intro-corner4 { position: absolute; width: 42px; height: 42px; } .outline-intro-corner1 { background: url(../images/outline-boxcorners.png) top left no-repeat; top: 0; left: 0; } .outline-intro-corner2 { background: url(../images/outline-boxcorners.png) top right no-repeat; top: 0; right: 0; } .outline-intro-corner3 { background: url(../images/outline-boxcorners.png) bottom right no-repeat; bottom: 0; right: 0; } .outline-intro-corner4 { background: url(../images/outline-boxcorners.png) bottom left no-repeat; bottom: 0; left: 0; } .outline-intro h3 { margin: 45px 0 25px 0; font-size: 21px; } .outline-intro ul { margin: auto; list-style: none; max-width: 550px; } .outline-intro li { text-align: left; margin-bottom: 15px; padding-left: 32px; background: url(../images/favicon-16.png) left top 2px no-repeat; } .outline-photos, .outline-overview { margin-top: 40px; margin-bottom: 140px; } .outline-facility { margin-bottom: 70px; } .outline-evaluation { margin-bottom: 70px; } .overview-intro { font-size: 18px; } .outline-overview table { margin-top: 25px; width: 100%; border-collapse: collapse; border-bottom: 1px solid #ccc; } .outline-overview th { white-space: nowrap; text-align: left; vertical-align: top; } .outline-overview td, .outline-overview th { padding: 15px; border-top: 1px solid #ccc; } .outline-photos-floors { text-align: center; } .outline-photos-floors img { margin: 10px; } .outline-photos .sep1 { height: 85px; } .outline-photos-floors img, .outline-photos-floors span { vertical-align: top; } .photos-group2 div { float: left; width: 50%; } .photos-group3 div { float: left; width: 33.33%; text-align: center; } .photos-group2 div:first-child, .photos-group3 div:first-child { text-align: left; } .photos-group2 div:last-child, .photos-group3 div:last-child { text-align: right; } .outline-photos figure>a, .outline-photos div>a { display: inline-block; margin: 5px; text-align: center; } .outline-photos a:hover { text-decoration: none; } .outline-photos figure { margin: 0; } .outline-photos figcaption { padding: 10px; color: black; text-align: center; } .facility-block { margin-top: 20px; margin-bottom: 40px; } .facility-block:last-of-type { margin-bottom: 0; } .outline-facility ul { list-style: none; } .outline-facility li { margin-bottom: 10px; } .outline-evaluation h4 { margin-top: 30px; } .evaluation-intro { font-size: 24px; } .evaluation-text { float: left; width: 60%; margin-top: 0; margin-right: 5%; } .evaluation-pics { float: left; width: 35%; text-align: center; } .evaluation-pics a { border: 1px solid #999; margin: 0 5px; } @media (max-width: 640px){ .outline-pagelinks li a { width: 50px; } .outline-pagelink1 { background: url(../images/outline-pagelink1-sm.png) no-repeat; } .outline-pagelink2 { background: url(../images/outline-pagelink2-sm.png) no-repeat; } .outline-pagelink3 { background: url(../images/outline-pagelink3-sm.png) no-repeat; } .outline-pagelink4 { background: url(../images/outline-pagelink4-sm.png) no-repeat; } .outline-pagelink5 { background: url(../images/outline-pagelink5-sm.png) no-repeat; } .outline-overview table, .outline-overview tbody, .outline-overview tr, .outline-overview td, .outline-overview th { display: block; } .outline-overview td { padding-top: 0; padding-left: 2em; border-top: none; } .evaluation-text, .evaluation-pics { float: none; width: auto; margin: 0; } .evaluation-text { margin-bottom: 1em; } .photos-group2, .photos-group3 { display: inline-block; text-align: center; } .photos-group2 div, .photos-group3 div { float: none; display: inline-block; vertical-align: top; width: auto; } } /*<<<*/ /* ___ _ _ _ */ /*|_ _|_ __ __| (_) ___ __ _| |_ ___ _ __ */ /* | || '_ \ / _` | |/ __/ _` | __/ _ \| '__|*/ /* | || | | | (_| | | (_| (_| | || (_) | | */ /*|___|_| |_|\__,_|_|\___\__,_|\__\___/|_| */ /* */ /*臨床指標>>>*/ .indicator h2 { margin: 0 0 45px 0; } .indicator-intro { margin-bottom: 145px; } .indicator-intro .next-page { padding: 40px 0 0 0; } .indicator-intro-left { float: left; width: 60%; margin-right: 4%; } .indicator-intro-right { float: left; width: 36%; } .indicator-intro-dpc { padding: 15px; background: #E6F6F0; font-size: 14px; } .indicator-docs { margin-bottom: 65px; } .indicator-docs p { margin-bottom: 25px; } .indicator-docs .next-page { padding-top: 90px; } .indicator-docs .pdf-btn { text-align: left; } .indicator-docs-left { float: left; width: 48%; padding-right: 2%; } .indicator-docs-right { float: left; width: 48%; padding-left: 2%; } .indicator-docs ul { list-style: none; margin: 0; } .indicator-docs li { margin-bottom: 25px; } .indicator-docs .pdf-btn .btn { display: block; max-width: 330px; text-align: left; } @media (max-width: 640px){ .indicator-intro-left, .indicator-intro-right { float: none; width: auto; } .indicator-docs-right, .indicator-docs-left { float: none; padding: 0; width: auto; } .indicator-docs .pdf-btn .btn { max-width: none; } } /*<<<*/ /* ____ _ */ /*| _ \ ___ _ __ ___ ___ | |_ ___ */ /*| |_) / _ \ '_ ` _ \ / _ \| __/ _ \*/ /*| _ < __/ | | | | | (_) | || __/*/ /*|_| \_\___|_| |_| |_|\___/ \__\___|*/ /* */ /*在宅サービス>>>*/ .remote-text-18 { font-size: 18px; } .remote .sep1 { height: 50px; } .remote .space1 { margin-top: 40px; } .remote .subpage-top-bg { background-image: url(../images/remote-top.jpg); } .remote-rehabilitation h2 { margin: 0 0 50px 0; } .remote-pagelinks { margin-bottom: 70px; text-align: center; } .remote-pagelinks li { display: inline; } .remote-pagelinks li span { display: none; } .remote-pagelinks li a { display: inline-block; width: 120px; height: 60px; margin: 0 5px 5px 5px; } .remote-pagelink1 { background: url(../images/remote-pagelink1.png) no-repeat; } .remote-pagelink2 { background: url(../images/remote-pagelink2.png) no-repeat; } .remote-pagelink3 { background: url(../images/remote-pagelink3.png) no-repeat; } .remote-pagelink4 { background: url(../images/remote-pagelink4.png) no-repeat; } .remote-pagelink5 { background: url(../images/remote-pagelink5.png) no-repeat; } .remote-rehabilitation-left { float: left; width: 20%; margin-top: 45px; margin-right: 5%; } .remote-rehabilitation-right { float: left; width: 75%; margin-top: 45px; } .remote-rehabilitation-right p:first-child { margin-top: 0; } h3.title-remote { margin: 45px 0 18px 0; padding: 10px 15px; border: 1px solid #4AA480; color: #4AA480; font-size: 18px; } .remote-daycare1-left { float: left; width: 47%; margin-right: 3%; line-height: 1.7; } .remote-daycare1-right { float: left; width: 47%; margin-left: 3%; } .remote-daycare1-left img { float: right; } .remote-daycare2-left { float: left; width: 255px; line-height: 1.7; } .remote-daycare2-right { box-sizing: border-box; float: left; width: calc(100% - 255px); padding-left: 5%; } .remote-daycare2-left p, .remote-daycare2-right p { margin-top: 0; } .remote-daycare2-right p:first-child { min-height: 5em; } .remote-rehabilitation .pdf-btn { margin-top: 0; padding-top: 45px; } .remote-contact { margin-top: 45px; padding: 25px 30px; border: 4px solid #DDD; } .remote-contact h4 { margin: 0 0 15px 0; text-align: center; } .remote-contact p { margin: 0; } .remote-contact img { margin: 10px; } .remote-contact-left { float: left; width: 45%; margin-right: 5%; } .remote-contact-right { float: left; width: 50%; } .remote-support { margin-top: 140px; } .remote-homecare .title-borders4, .remote-support .title-borders4, .checkup .title-borders4 { position: relative; margin-bottom: 35px; } .remote-homecare .title-borders4 small, .remote-support .title-borders4 small, .checkup .title-borders4 small { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-100%); font-size: 16px; font-weight: normal; } .remote-support-left { float: left; width: 30%; margin-top: 45px; margin-right: 4%; } .remote-support-right { float: left; width: 65%; margin-top: 45px; } .remote-support-right p:first-child { margin-top: 0; } .remote-support-blocks { text-align: center; } .remote-support-block-half { display: inline-block; vertical-align: top; margin: 0 auto 40px auto; width: 430px; text-align: left; } .remote-support-block-full { /*display: inline-block;*/ vertical-align: top; margin: 0 auto 40px auto; width: 100%; max-width: calc(430px * 2); text-align: left; } .remote-support-block-half { background: url(../images/remote-illustration1.png) top 25px right 15px no-repeat; } .remote-support-block-half.block2 { background-image: url(../images/remote-illustration2.png); } .remote-support-block-half.block3 { background-image: url(../images/remote-illustration3.png); } .remote-support-block-half.block4 { background-image: url(../images/remote-illustration4.png); } .remote-support-block-full.block5 { background: url(../images/remote-illustration5.png) top 20px right 10% no-repeat; } .remote-list.left { float: left; width: 295px; } .remote-list.right { float: left; width: 295px; } ul.remote-list { margin: 0; list-style: none; } ul.remote-list li { position: relative; margin: 7px 0 0 0; padding-left: 1.3em; } ul.remote-list li:before { position: absolute; top: 0; left: 0; content: "くろまる"; color: #4AA480; } .remote-flow { margin-top: 30px; margin-bottom: 45px; } .remote-flow-left { box-sizing: border-box; float: left; width: 47%; margin-right: 3%; padding: 20px; background: #DDFAF6; } .remote-flow-right { box-sizing: border-box; float: left; width: 47%; margin-left: 3%; padding: 20px; background: #DDFAF6; } .remote-food { margin-top: 145px; } .remote-food .title-borders4 { margin-bottom: 55px; } .remote-homecare { margin-top: 140px; } .remote-homecare-outro { clear: both; padding-top: 65px; } .remote-homecare-outro h4 { margin: 0 0 25px 0; text-align: center; font-size: 24px; } @media (max-width: 1150px) { div.remote-support-block-full { width: 435px; background-position: top 25px right 15px; } } @media (max-width: 850px) { .remote-contact-left, .remote-contact-right { float: none; width: auto; margin: 5px 0; text-align: center; } } @media (max-width: 640px){ .remote .subpage-top-bg { background-image: url(../images/remote-top-sm.jpg); } .remote-pagelinks li a.remote-pagelink1 { background: url(../images/remote-pagelink1-sm.png) no-repeat; width: 70px; } .remote-pagelinks li a.remote-pagelink2 { background: url(../images/remote-pagelink2-sm.png) no-repeat; width: 55px; } .remote-pagelinks li a.remote-pagelink3 { background: url(../images/remote-pagelink3-sm.png) no-repeat; width: 80px; } .remote-pagelinks li a.remote-pagelink4 { background: url(../images/remote-pagelink4-sm.png) no-repeat; width: 55px; } .remote-pagelinks li a.remote-pagelink5 { background: url(../images/remote-pagelink5-sm.png) no-repeat; width: 70px; } .remote-rehabilitation-left, .remote-rehabilitation-right { float: none; width: auto; } .remote-rehabilitation-left { text-align: center; } .remote-daycare1-left, .remote-daycare1-right { float: none; width: auto; } .remote-daycare1-left img { display: none; } .remote-daycare1-right { text-align: center; } .remote-daycare2-right, .remote-daycare2-left { float: none; width: auto; padding-left: 0; } .remote-support-left, .remote-support-right { float: none; width: auto; } .remote-support-left { margin-right: 0; text-align: center; } .remote-flow-left, .remote-flow-right { float: none; width: auto; margin: 0; } .remote-flow-left { margin: 0 0 25px 0; } } @media (max-width: 515px) { .remote-support-block-half, div.remote-support-block-full, .remote-support-block-full { display: block; width: auto; background: transparent !important; } .remote-list.left, .remote-list.right { float: none; width: auto; } } /*<<<*/ /* ____ _ _ */ /* / ___| |__ ___ ___| | ___ _ _ __ */ /*| | | '_ \ / _ \/ __| |/ / | | | '_ \ */ /*| |___| | | | __/ (__| <| |_| | |_) |*/ /* \____|_| |_|\___|\___|_|\_\\__,_| .__/ */ /* |_| */ /* 人間ドック>>> */ .checkup-sep1 { height: 40px; } .checkup .subpage-top-bg { background-image: url(../images/checkup-head-bg.jpg); } .checkup .subpage-top-text { max-width: 410px; } .checkup-pagelinks { margin-bottom: 70px; text-align: center; } .checkup-pagelinks li { display: inline; } .checkup-pagelinks li span { display: none; } .checkup-pagelinks li a { display: inline-block; width: 120px; height: 60px; margin: 0 5px 5px 5px; } .checkup-pagelinks li:nth-child(2) a { width: 162px; } .checkup-pagelink1 { background: url(../images/checkup-pagelink1.png) no-repeat; } .checkup-pagelink2 { background: url(../images/checkup-pagelink2.png) no-repeat; } .checkup-pagelink3 { background: url(../images/checkup-pagelink3.png) no-repeat; } .checkup-individual { margin-bottom: 175px; } .checkup-intro { margin-top: 45px; } .checkup-intro h3 { display: inline-block; margin: 0 0 15px 0; padding: 5px 30px; background: #52b98d; color: white; font-size: 16px; font-weight: normal; } p.checkup-days { margin-top: 0; line-height: 2em; margin-bottom: 1em; } .checkup-intro ul { list-style: none; font-size: 14px; } .checkup-intro-left { float: left; width: 52%; /*width: 470px;*/ } .checkup-intro-right { float: right; width: 40%; /*width: 380px;*/ } .checkup .outline-overview { margin-top: 20px; margin-bottom: 45px; } .checkup-flow { margin: auto; max-width: 640px; text-align: center; } .checkup-flow p { text-align: left; } .checkup-options { margin-bottom: 145px; } .checkup-options-intro { margin: 45px auto 40px auto; line-height: 2; max-width: 765px; } .checkup-options-intro b { color: #c00; } .checkup-options table { border-collapse: collapse; background: white; width: 100%; } .checkup-options table thead th { color: white; background: #77C699; } .checkup-options th, .checkup-options td { border: 1px solid #4AA480; padding: 13px 10px; } .checkup-options td:nth-child(3) { text-align: right; } .checkup-options th, .checkup-options td:nth-child(3) { white-space: nowrap; } .checkup-options p.kome { margin-bottom: 0; font-size: 14px; } .checkup-options p.kome.last { margin: 0; } .checkup-company-right { float: right; width: 47%; margin-left: 3%; text-align: right; } .checkup-company .nyuuin-list li { margin-bottom: 5px; } @media (max-width: 640px) { .checkup .subpage-top-bg { background-image: url(../images/checkup-head-bg-sm.jpg); } .checkup-pagelinks li a { width: 85px; } .checkup-pagelinks li:nth-child(2) a { width: 95px; } .checkup-pagelink1 { background: url(../images/checkup-pagelink1-sm.png) no-repeat; } .checkup-pagelink2 { background: url(../images/checkup-pagelink2-sm.png) no-repeat; } .checkup-pagelink3 { background: url(../images/checkup-pagelink3-sm.png) no-repeat; } .checkup-intro-left, .checkup-intro-right { float: none; width: auto; } .checkup-company-right { float: none; width: auto; margin: 0; } .checkup-intro.first .checkup-intro-right { text-align: center; } .checkup-intro.last .checkup-intro-left { margin-bottom: 25px; } .checkup-options thead { display: none; } .checkup-options table, .checkup-options tbody, .checkup-options tr, .checkup-options th, .checkup-options td { display: block; } .checkup-options th br { display: none; } .checkup-options th, .checkup-options td { padding: 5px; text-align: left; border: none; } .checkup-options table { border-bottom: 1px solid #4AA480; } .checkup-options th { border-top: 1px solid #4AA480; } .checkup-options td { padding-left: 20px; } } /* <<< */ /* * vim: foldmethod=marker */

AltStyle によって変換されたページ (->オリジナル) /