@charset "UTF-8"; /* 赤　＝　#e50012　rgb(229,0,18) */ /* 背景　＝　#fbfaf8 */ /* ベージュ　＝　#fbe6d4　rgb(251,230,212) */ /* 黒　＝　#4d4545 */ #side-bar nav > ul > li:nth-child(4) > a { background-color: #e50012; color: #fff; } #side-bar nav > ul > li:nth-child(4):hover > a { background-color: #e50012 !important; color: #fff !important; } /*=================================================================== 　↓　#policy ===================================================================*/ #policy .doctor { text-align: right; } #policy .doctor p { display: inline-block; vertical-align: middle; padding-right: 20px; font-size: 1.3rem; } #policy .doctor p span { font-size: 1.7rem; letter-spacing: 0.1rem; } #policy .doctor img { width: 160px; height: auto; vertical-align: middle; } @media screen and (max-width: 640px) { #policy .doctor p { padding-right: 10px; } #policy .doctor p span { font-size: 1.6rem; } #policy .doctor img { width: 90px; } } /*=================================================================== 　↓　#medical-content ===================================================================*/ #medical-content .simple-title { margin-bottom: 50px; /*調整*/ } #medical-content .medical-box { width: calc(50% - 20px); float: left; margin-bottom: 50px; } #medical-content .medical-box a { position: relative; border: 2px solid rgba(229, 0, 18, 0.15); box-sizing: border-box; border-radius: 10px; padding: 40px 20px 45px 30px; display: block; width: 100%; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } #medical-content .medical-box:nth-child(odd) { float: left; } #medical-content .medical-box:nth-child(even) { float: right; } #medical-content .medical-box h3 { position: absolute; font-size: 2rem; text-align: center; top: -16px; left: 0; color: #e50012; /*赤*/ width: 100%; box-sizing: border-box; } #medical-content .medical-box h3 span { background-color: #fbfaf8; padding: 0 20px; } #medical-content .medical-box .image { width: 60%; float: left; line-height: 0; position: relative; text-align: center; } #medical-content .medical-box .image img { width: 100%; height: auto; background-color: #fff; border-radius: 50%; } #medical-content .medical-box .image p { font-weight: 500; font-size: 1.3rem; line-height: 1.6em; position: absolute; width: 100%; max-width: 220px; bottom: -5px; z-index: 2; left: 0; right: 0; margin: auto; } #medical-content .medical-box .image span { padding: 3px 0; border: 1px solid #e50012; /*赤*/ border-radius: 50px; margin: auto 2%; width: 46%; text-align: center; display: inline-block; box-sizing: border-box; } #medical-content .medical-box .image span.hon { color: #fff; background-color: #e50012; /*赤*/ } #medical-content .medical-box .image span.bun { color: #e50012; /*赤*/ background-color: #fff; } #medical-content .medical-box .list { width: 40%; float: left; height: 100%; padding-left: 20px; box-sizing: border-box; display: flex; align-items: center; } #medical-content .medical-box .list ul { margin-left: 20px; position: relative; z-index: 2; color: #4d4545; } #medical-content .medical-box .list ul li { list-style-type: disc; margin-bottom: 10px; } #medical-content .medical-box .list ul li span { font-size: 0.95em; } #medical-content .medical-box a p.kwsk { /*詳しく見る*/ position: absolute; bottom: -2px; right: -2px; padding: 40px 12px 12px 90px; text-align: center; border-bottom-right-radius: 10px; z-index: 1; font-weight: 500; background-image: url(../img/base/sankaku-beige.png); background-size: 101% 101%; background-position: bottom right; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } #medical-content .medical-box a:hover { border: 2px solid #e50012; } #medical-content .medical-box a:hover p.kwsk { /*詳しく見る*/ font-weight: 500; color: #fff; background-image: url(../img/base/sankaku-red.png); } .border-radius { border-radius: 50rem; } .border_initial { border-bottom: initial !important; } .w350 { width: 100%; max-width: 350px !important; } .w320 { width: 100%; max-width: 320px !important; } .bottom55 { bottom: 55% !important; } .w-initial { width: initial !important; } .max-initial { max-width: initial !important; } .pointer-events { pointer-events: none } .arrow::before { content: ''; width: 1.2em; height: 1.2em; border-top: solid .3em #e50012; border-right: solid .3em #e50012; position: absolute; top: 130%; left: 50%; transform: translate(-50%, -50%) rotate(135deg) !important; } .arrow-bottom { position: relative; padding: 10px; display: inline-block; } .circle_gynecology { max-width: 300px !important; } .circle_gynecology:last-of-type { right: 0 !important; left: 0 !important; } .circle_gynecology::before { display: block !important; content: '' !important; padding-top: 100% !important; } @media screen and (max-width: 768px) { .circle_gynecology { width: 250px !important; max-height: initial !important; } .w500 { width: 70% !important; } .mb-5-sm-only { margin-bottom: 1.8rem !important; } .px-0-sm-only { padding-right: 0 !important; padding-left: 0 !important; } .w300 { max-width: 300px !important; } } /*カウンセリングだけ特別仕様*/ @media screen and (max-width: 1300px) { #medical-content .medical-box { width: calc(50% - 15px); } #medical-content .medical-box .image, #medical-content .medical-box .list { width: 50%; } #medical-content .medical-box .list ul li { margin-bottom: 6px; } } @media screen and (max-width: 1200px) { #medical-content .medical-box .image { width: 100%; text-align: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px dotted rgba(229, 0, 18, 0.2); } #medical-content .medical-box .image p { bottom: 20px; } #medical-content .medical-box a { padding: 40px 25px 25px 25px; } #medical-content .medical-box h3 { font-size: 1.8rem; top: -14px; } #medical-content .medical-box .image img { max-width: 240px; } #medical-content .medical-box .list { width: 100%; float: left; display: block; padding-left: 0; } } @media screen and (max-width: 640px) { #medical-content .simple-title { margin-bottom: 30px; /*調整*/ } #medical-content .medical-box { width: 100%; margin-bottom: 40px; } #medical-content .medical-box h3 { top: -12px; } #medical-content .medical-box .image img { max-width: 200px; } #medical-content .medical-box a p.kwsk { /*詳しく見る*/ padding: 50px 12px 12px 60px; } } /**** ここから下層ページ ****/ /*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 　↓　#click-btn（共通） -*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/ #click-btn { margin-top: 50px; } @media screen and (max-width: 640px) { #click-btn { margin-top: 40px; } } /*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 　↓　#foreword（はじめの文章） -*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/ #foreword { margin-bottom: 70px; } #foreword .main-image { text-align: center; position: relative; } #foreword .main-image img { width: 240px; height: auto; background-color: #fff; border-radius: 50%; } #foreword .main-image h2, #foreword .main-image p { color: #e50012; font-size: 1.8rem; font-weight: 500; position: absolute; width: 100%; top: -10px; left: 0; letter-spacing: 0.05em; } /*---------------------------------------------- 　　#foreword / #more-detail 共通 ----------------------------------------------*/ .normal-text { max-width: 860px; margin: 40px auto auto; } .normal-text p { margin-bottom: 15px; line-height: 2.4em; } /***** 太字 *****/ .normal-text p span.bold { font-weight: 700; padding: 0 5px; } /***** アンダーライン *****/ .normal-text p span.under-line { padding-bottom: 1px; border-bottom: 1px solid #4d4545; /*黒*/ } /***** リストがある場合 *****/ .normal-text ol, .normal-text ul { margin-left: 20px; margin-bottom: 15px; } .normal-text ol li, .normal-text ul li { margin-bottom: 10px; } .normal-text ol li:last-child, .normal-text ul li:last-child { margin-bottom: 0; } .normal-text ol li span.small, .normal-text ul li span.small { font-weight: 400; font-size: 1.3rem; } @media screen and (max-width: 768px) { #foreword { margin-bottom: 50px; } .normal-text { margin: 30px auto auto; } .normal-text p { line-height: 2.2em; } } @media screen and (max-width: 640px) { #foreword { margin-bottom: 30px; } #foreword .main-image img { width: 180px; } #foreword .main-image h2, #foreword .main-image p { font-size: 1.6rem; top: -12px; } .normal-text { margin: 20px auto auto; } } /*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 　↓　#white-box（白いボックス） -*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/ #white-box { max-width: 860px; margin: auto auto 90px; } @media screen and (max-width: 640px) { #white-box { margin: auto auto 30px; } } /*---------------------------------------------- 　　#foreword / #more-detail 共通 ----------------------------------------------*/ .item-box p { line-height: 2.2em; margin-bottom: 15px; } .white-item-box h3 { font-weight: 700; margin-bottom: 5px; } .white-item-box h2 span { font-size: 1.8rem; } .white-item-box ul { margin-left: 35px; margin-bottom: 15px; } .white-item-box ul li { margin-bottom: 8px; list-style-type: disc; line-height: 1.8em; } .white-item-box ul li:last-chil { margin-bottom: 0; } .white-item-box table tr th { padding: 5px 15px 5px 0; } .white-item-box table tr td { padding: 5px 0; } /*---------------------------------------------- 　　中にトグルがあるとき（#white-box） ----------------------------------------------*/ #white-box .white-item-box .toggle-box { margin-top: 15px; } #white-box .white-item-box .toggle-box .switchtoggle { color: #e50012; /*赤*/ border: 1px solid #e50012; /*赤*/ border-radius: 5px; box-sizing: border-box; padding: 15px 25px; margin-bottom: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; background-image: url(../img/base/select-down.png); background-size: 10px 6px; background-repeat: no-repeat; background-position: center right 30px; cursor: pointer; } #white-box .white-item-box .toggle-box .switchtoggle.sp-only { pointer-events: none; } /*#white-box .white-item-box .toggle-box .switchtoggle:hover { background-color: rgba(229,0,18,0.2); border: 1px solid transparent; }*/ #white-box .white-item-box .toggle-box .active { background-image: url(../img/base/select-up.png); border-bottom: 1px solid transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /*#white-box .white-item-box .toggle-box .active:hover { background-color: transparent; border-top: 1px solid #e50012; border-left: 1px solid #e50012; border-right: 1px solid #e50012; }*/ #white-box .white-item-box .toggle-box .toggleWrap { box-sizing: border-box; padding: 0px 30px 30px; border-right: 1px solid #e50012; border-left: 1px solid #e50012; border-bottom: 1px solid #e50012; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-top: -1px; } #white-box .white-item-box .toggle-box .toggleWrap p:last-child { margin-bottom: 0; } #white-box .white-item-box .toggle-box .toggleWrap ol { margin-left: 20px; margin-bottom: 15px; } #white-box .white-item-box .toggle-box .toggleWrap ol li { margin-bottom: 8px; line-height: 1.8em; } #white-box .white-item-box .toggle-box .toggleWrap ol li:last-child { margin-bottom: 0; } @media screen and (max-width: 640px) { #white-box .white-item-box .toggle-box .switchtoggle { padding: 10px 20px 10px 15px; background-position: center right 15px; } #white-box .white-item-box .toggle-box .switchtoggle.sp-only { pointer-events: auto; } #white-box .white-item-box .toggle-box .toggleWrap { padding: 0px 15px 20px; } #white-box .white-item-box .toggle-box .toggleWrap p, #white-box .white-item-box .toggle-box .toggleWrap ol li { font-size: 1.3rem; } } @media screen and (min-width: 641px) { #white-box .white-item-box .toggle-box .switchtoggle.sp-only { border-radius: 5px 5px 0 0; border-bottom: none; background-image: none; cursor: auto; font-size: 1.6rem; } /*#white-box .white-item-box .toggle-box .switchtoggle.sp-only:hover { background-color: #fff; border: 1px solid #e50012; border-bottom: none; }*/ } /*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 　↓　#more-detail -*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/ #more-detail { display: none; /*最初は非表示*/ opacity: 0; } #more-detail.active { display: block; opacity: 1; animation: contents-open 1.2s forwards; } @keyframes contents-open { 0% { opacity: 0; display: block; } 10% { opacity: 0; display: block; } 100% { opacity: 1; display: block; } } @media screen and (min-width: 641px) { #more-detail.sp-only { display: block; opacity: 1; } } /*---------------------------------------------- 　　#method（ベースは一般不妊ページ） ----------------------------------------------*/ #method { margin: 0 auto; } #method .method-box { width: 48.5%; margin-right: 3%; float: left; margin-bottom: 30px; border: 1px solid #e50012; /*赤*/ box-sizing: border-box; padding: 30px; border-radius: 10px; } #method .method-box:nth-child(2n) { margin-right: 0; } #method .method-box:nth-child(5), #method .method-box:nth-child(6) { margin-bottom: 0; } #method .method-box .title { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e50012; /*赤*/ } #method .method-box .title h3 { color: #e50012; /*赤*/ font-size: 1.7rem; margin-bottom: 10px; } #method .method-box .title h3 span { font-size: 1.4rem; padding: 5px 8px; background-color: #e50012; /*赤*/ color: #fff; border-radius: 50%; letter-spacing: 0; line-height: 1em; display: inline-block; margin-right: 5px; } #method .method-box .title p { line-height: 1.6em; } #method .method-box .naiyou h4 { font-weight: 700; margin-bottom: 8px; margin-top: 15px; } /***** 小サイズのリスト *****/ #method .method-box .naiyou ul.circle-list { margin-left: 25px; } #method .method-box .naiyou ul.circle-list li { margin-bottom: 6px; font-size: 1.2rem; list-style: circle; } #method .method-box .naiyou ul.circle-list li:last-child { margin-bottom: 0; } @media screen and (max-width: 768px) { #method { margin: 0 auto; } #method .method-box { width: 100%; margin-right: 0; margin-bottom: 25px !important; } #method .method-box:last-child { margin-bottom: 0 !important; } } @media screen and (max-width: 640px) { #method .method-box { margin-bottom: 20px !important; padding: 20px; } #method .method-box .title h3 { font-size: 1.6rem; margin-bottom: 5px; } #method .method-box .naiyou ul.circle-list { margin-left: 20px; } #method .method-box .title { padding-bottom: 10px; margin-bottom: 15px; } } /*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 　↓　#other-medical（共通）他のページへのリンク -*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/ #other-medical { margin-top: 50px; } #other-medical ul li { width: 32%; float: left; margin-right: 2%; } #other-medical ul li:last-child { margin-right: 0; } #other-medical ul li a { display: block; text-decoration: none; font-size: 1.6rem; color: #e50012; text-align: center; background-color: rgba(229, 0, 18, 0.05); border-radius: 10px; padding: 10px 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } #other-medical ul li a img { width: 80px; height: auto; background-color: #fff; border-radius: 50%; vertical-align: middle; margin-right: 10px; } #other-medical ul li a:hover { background-color: rgba(229, 0, 18, 0.2); } @media screen and (max-width: 768px) { #other-medical { margin-top: 40px; } #other-medical ul li a img { width: 60px; } } @media screen and (max-width: 640px) { #other-medical ul li a img { width: 40px; } #other-medical ul li { width: 100%; float: none; margin-right: 0 !important; margin-bottom: 10px; } } /*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 　↓　個別ページごとのスタイル＿一般不妊（#General-Infertility） -*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/ #General-Infertility #more-detail .white-item-box { max-width: 860px; margin: auto; } #General-Infertility #more-detail .white-item-box h2 { text-align: center; } /*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 　↓　個別ページごとのスタイル＿一般婦人科（#Gynecology-Department） -*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/ #Gynecology-Department .normal-text ol li { font-weight: 700; } #Gynecology-Department .normal-text ol li a { font-weight: 500; border-bottom: 2px dotted #e50012; /*赤*/ } #Gynecology-Department #method { margin-bottom: 0; } #Gynecology-Department #method .method-box { width: 100%; max-width: 860px; margin-left: auto; margin-right: auto; float: none; } #Gynecology-Department #method .method-box p { line-height: 2.2em; margin-bottom: 15px; } #Gynecology-Department #method .method-box p:last-of-type { margin-bottom: 0; } #Gynecology-Department #method .method-box ul { margin-bottom: 15px; background-color: #fff; padding: 30px; box-sizing: border-box; border-radius: 10px; } #Gynecology-Department #method .method-box ul li { list-style-type: disc; margin-bottom: 10px; margin-left: 20px; } #Gynecology-Department #method .method-box ul li:last-child { margin-bottom: 0px; } @media screen and (max-width: 640px) { #Gynecology-Department #method .method-box ul { padding: 15px; } } /*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 　↓　個別ページごとのスタイル＿サプリメント（#Supplement） -*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/ /*---------------------------------------------- 　　#tab-navi ----------------------------------------------*/ #Supplement #tab-navi { margin-top: 70px; margin-bottom: 70px; } #Supplement #tab-navi li { width: 16.666%; padding: 0 1px; float: left; box-sizing: border-box; } #Supplement #tab-navi li a { display: block; line-height: 60px; background-color: rgba(229, 0, 18, 0.1); text-align: center; font-size: 1.6rem; border-radius: 5px; } #Supplement #tab-navi li a.active { color: #fff; background-color: #e50012; /*赤*/ } #Supplement #tab-navi li a.active { color: #fff; background-color: #e50012; /*赤*/ } @media screen and (max-width: 1250px) { #Supplement #tab-navi li { width: 33.3333%; padding: 1px; } } @media screen and (max-width: 640px) { #Supplement #tab-navi { margin-top: 40px; margin-bottom: 40px; } #Supplement #tab-navi li { width: 33.3333%; padding: 0 1px 2px; } #Supplement #tab-navi li a { line-height: 46px; font-size: 1.1rem; } } #Supplement .white-item-box.pink { background: rgba(229, 0, 18, 0.05); color: #e50012; } #Supplement .dotlist li { line-height: 2.2em; }.tab_medical{
    ul{
        margin: initial!important;
        li{
            margin-bottom: initial!important;
            @media screen and (max-width: 640px) {
                width:calc(100% / 2)!important;
                a{
                    line-height: 3.5!important;
                }
            }
   
            a{
                font-size: 1.3rem !important;
                border-bottom:initial!important;  
            }
        }
    }
} 
/*---------------------------------------------- 　　#item-contents-wrap .first-box ----------------------------------------------*/ #item-contents-wrap .first-box { display: table; width: 100%; margin-bottom: 50px; } #item-contents-wrap .first-box .image-box { display: table-cell; width: 45%; vertical-align: middle; text-align: center; padding: 0 30px; } #item-contents-wrap .first-box .image-box img { max-height: 300px; width: auto; max-width: 100%; } #item-contents-wrap .first-box .image-box .sub-box { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } #item-contents-wrap .first-box .image-box .sub-box li.wide { width: 100%; } #item-contents-wrap .first-box .image-box .sub-box li.half { width: 30%; box-sizing: border-box; padding: 1rem 0.5rem; } #item-contents-wrap .first-box .image-box .sub-box li.half img { height: auto; } #item-contents-wrap .first-box .text-box { display: table-cell; width: 55%; vertical-align: middle; } #item-contents-wrap .first-box .text-box h2 { color: #e50012; font-size: 1.8rem; margin-bottom: 20px; font-weight: 700; } #item-contents-wrap .first-box .text-box p { line-height: 2.2em; margin-bottom: 10px; } /*---------------------------------------------- 　　#item-contents-wrap .toggle-box ----------------------------------------------*/ #item-contents-wrap .toggle-box { margin: auto auto 20px; max-width: 860px; } #item-contents-wrap .toggle-box:last-child { margin: auto auto 0; } #item-contents-wrap .toggle-box h4.switchtoggle, #item-contents-wrap .toggle-box h3 { font-size: 1.6rem; color: #e50012; /*赤*/ padding: 18px 50px 18px 30px; box-sizing: border-box; border: 1px solid #e50012; border-radius: 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; background-image: url(../img/base/select-down.png); background-size: 10px 6px; background-repeat: no-repeat; background-position: center right 30px; cursor: pointer; line-height: 1.6em; } #item-contents-wrap .toggle-box h4.switchtoggle { margin: 4rem 0 0; } #item-contents-wrap .toggle-box h4.switchtoggle:hover, #item-contents-wrap .toggle-box h3:hover { background-color: rgba(229, 0, 18, 0.2); border: 1px solid transparent; } #item-contents-wrap .toggle-box h4.switchtoggle.active, #item-contents-wrap .toggle-box h3.active { background-color: #fff; border: 1px solid #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: url(../img/base/select-up.png); } #item-contents-wrap .toggle-box h3.switchtoggle:first-child, #item-contents-wrap .toggle-box h4.switchtoggle:first-child { background-color: #fff; border: 1px solid #fff; border-bottom: 1px solid #eee; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: none; pointer-events: none !important; } @media (min-width: 639.98px) { #item-contents-wrap .toggle-box h3.switchtoggle, #item-contents-wrap .toggle-box h4.switchtoggle { background-color: #fff; border: 1px solid #fff; border-bottom: 1px solid #eee; border-bottom-left-radius: 0; border-bottom-right-radius: 0; pointer-events: none !important; } #item-contents-wrap .toggle-box .toggleWrap { display: block !important; } } #item-contents-wrap .toggle-box div.toggleWrap:first-of-type { display: block !important; } #item-contents-wrap .toggle-box .toggleWrap { background-color: #fff; padding: 0 30px 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #item-contents-wrap .toggle-box .toggleWrap p:first-of-type { border-top: 1px solid #eee; } #item-contents-wrap .toggle-box .toggleWrap p { line-height: 2em; padding-top: 15px; } #item-contents-wrap .toggle-box .toggleWrap table { width: 100%; font-size: 1.3rem; margin-top: 20px; } #item-contents-wrap .toggle-box .toggleWrap table tr { border-bottom: 1px dotted #ccc; } #item-contents-wrap .toggle-box .toggleWrap table tr:first-child { border-top: 1px dotted #ccc; } #item-contents-wrap .toggle-box .toggleWrap table th { width: 180px; vertical-align: middle; padding: 10px 0; } #item-contents-wrap .toggle-box .toggleWrap table td { vertical-align: middle; padding: 10px 0; } #item-contents-wrap .toggle-box .toggleWrap .price_box { padding-top: 20px; } #item-contents-wrap .toggle-box .toggleWrap table.price { width: 100%; font-size: 1.5rem; margin-top: 0; } #item-contents-wrap .toggle-box .toggleWrap table.price tr th { width: 60%; } #item-contents-wrap .toggle-box .toggleWrap table.price tr th, #item-contents-wrap .toggle-box .toggleWrap table.price tr td { padding: 15px 5px; box-sizing: border-box; border-bottom: 1px solid #ccc; } #item-contents-wrap .toggle-box .toggleWrap table.price tr td:last-child { text-align: right; } #item-contents-wrap .toggle-box .toggleWrap ul { margin-left: 35px; padding-top: 20px; } #item-contents-wrap .toggle-box .toggleWrap ul li { margin-bottom: 15px; line-height: 2em; } #item-contents-wrap .toggle-box .toggleWrap ul li:last-child { margin-bottom: 0; } #item-contents-wrap .toggle-box .toggleWrap span.bold { font-weight: 700; color: #e50012; } @media screen and (max-width: 640px) { #item-contents-wrap .first-box, #item-contents-wrap .first-box .image-box, #item-contents-wrap .first-box .text-box { display: block; width: 100%; padding: 0; } #item-contents-wrap .first-box { margin-bottom: 30px; } #item-contents-wrap .first-box .image-box img { height: 200px; margin-bottom: 20px; } #item-contents-wrap .first-box .text-box h2 { margin-bottom: 10px; font-size: 1.7rem; } #item-contents-wrap .toggle-box h3 { padding: 15px 40px 15px 20px; background-position: center right 20px; font-size: 1.4rem; } #item-contents-wrap .toggle-box .toggleWrap { padding: 0 20px 15px; } #item-contents-wrap .toggle-box .toggleWrap p { padding-top: 12px; font-size: 1.3rem; } #item-contents-wrap .toggle-box .toggleWrap table th { width: 125px; padding-right: 10px; box-sizing: border-box; } #item-contents-wrap .toggle-box .toggleWrap table.price { font-size: 1.3rem; } #item-contents-wrap .toggle-box .toggleWrap table.price tr th, #item-contents-wrap .toggle-box .toggleWrap table.price tr td { padding: 15px 0; } #item-contents-wrap .toggle-box .toggleWrap table.price tr td { width: 125px; } #item-contents-wrap .toggle-box .toggleWrap table.price tr td:last-child { width: 70px !important; } } /*---------------------------------------------- 　　#item-contents-wrap .end-comment ----------------------------------------------*/ #item-contents-wrap .end-comment { margin: 20px auto; max-width: 860px; } #item-contents-wrap .end-comment p { margin-bottom: 15px; line-height: 2.2em; } #item-contents-wrap .end-comment p:last-child { margin-bottom: 0; } #item-contents-wrap .end-comment p.end-comment-i { font-style: italic; background-color: rgba(229, 0, 18, 0.1); border-radius: 5px; padding: 20px; box-sizing: border-box; color: #666; } #item-contents-wrap .end-comment p span { color: #e50012; } #item-contents-wrap .end-comment a { border-bottom: 2px dotted #e50012; font-weight: bold; } /*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 　↓　個別ページごとのスタイル＿サプリメント（#vitamin） -*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/ /*---------------------------------------------- 　　#tab-navi ----------------------------------------------*/ #vitamin #tab-navi { margin-top: 70px; margin-bottom: 70px; } #vitamin #tab-navi li { width: 33.3333%; padding: 0 1px; float: left; box-sizing: border-box; } #vitamin #tab-navi li a { display: block; line-height: 60px; background-color: rgba(229, 0, 18, 0.1); text-align: center; font-size: 1.6rem; border-radius: 5px; } #vitamin #tab-navi li a.active { color: #fff; background-color: #e50012; /*赤*/ } #vitamin #tab-navi li a.active { color: #fff; background-color: #e50012; /*赤*/ } @media screen and (max-width: 1250px) { #vitamin #tab-navi li { width: 100%; padding: 1px; } } @media screen and (max-width: 640px) { #vitamin #tab-navi { margin-top: 40px; margin-bottom: 40px; } #vitamin #tab-navi li { width: 100%; padding: 0 1px 2px; } #vitamin #tab-navi li a { line-height: 46px; font-size: 1.1rem; } } #vitamin .white-item-box.pink { background: rgba(229, 0, 18, 0.05); color: #e50012; } #vitamin .dotlist li { line-height: 2.2em; } /*---------------------------------------------- 　　#flow-slider ----------------------------------------------*/ #flow-slider2 img, #flow-slider img { width: 100%; height: auto; border-radius: 10px; } #flow-slider2 p.number, #flow-slider p.number { position: absolute; top: 20px; right: 20px; width: 80px; height: 80px; color: #e50012; /*赤*/ background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 3rem; font-weight: 200; } #flow-slider2 p.number::before, #flow-slider p.number::before { content: ""; display: inline-block; position: absolute; top: -5px; right: -5px; width: 90px; height: 90px; border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; } /*** slick ***/ button.slick-next, button.slick-prev { /*slick-thema.cssから引き継ぎ*/ font-size: 0; line-height: 0; cursor: pointer; border: none; outline: none; position: absolute; background-color: transparent; /*オリジナル設定*/ width: 38px; height: 38px; top: 0; bottom: 0; margin: auto; z-index: 2; background-size: contain; } button.slick-next { right: -19px; background-image: url(../../common/img/base/control_next.png); } button.slick-prev { left: -19px; background-image: url(../../common/img/base/control_prev.png); } /*---------------------------------------------- 　　#flow-slider-caption ----------------------------------------------*/ #flow-slider-caption2, #flow-slider-caption { margin-top: -20px; } #flow-slider-caption2 .text, #flow-slider-caption .text { position: relative; z-index: 2; margin-left: 40px; padding: 40px 0 10px 20px; border-left: 2px solid #e50012; } #flow-slider-caption2 .text h3, #flow-slider-caption .text h3 { font-size: 1.8rem; color: #e50012; /*赤*/ margin-bottom: 10px; } #flow-slider-caption2 .text p, #flow-slider-caption .text p { line-height: 2em; } #flow-slider-caption2 .text ul, #flow-slider-caption .text ul { margin-left: 20px; } #flow-slider-caption2 .text ul li, #flow-slider-caption .text ul li { list-style-type: disc; margin-top: 10px; } #flow-slider-caption2 .text ul li span, #flow-slider-caption .text ul li span { font-weight: 700; } @media screen and (max-width: 768px) { #flow-slider-caption2 .text, #flow-slider-caption .text { margin-left: 20px; padding: 30px 0 10px 20px; } } @media screen and (max-width: 640px) { #flow-slider2 p.number, #flow-slider2 p.number::before, #flow-slider p.number, #flow-slider p.number::before { display: none; } /*** slick ***/ button.slick-next, button.slick-prev { width: 30px; height: 30px; } button.slick-next { right: 5px; } button.slick-prev { left: 5px; } #flow-slider-caption2, #flow-slider-caption { margin-top: 0; } #flow-slider-caption2 .text, #flow-slider-caption .text { margin-left: 0; padding: 15px 0 0; border-left: none; } #flow-slider-caption2 .text h3, #flow-slider-caption .text h3 { font-size: 1.6rem; } } /*=================================================================== 　↓　#reservation ===================================================================*/ #reservation-contact-link a { display: block; text-decoration: none; font-size: 1.6rem; color: #e50012; text-align: center; background-color: rgba(229, 0, 18, 0.05); border-radius: 10px; padding: 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; border-bottom: none !important; font-weight: normal !important; margin-top: 20px; } #reservation-contact-link a:hover { background-color: rgba(229, 0, 18, 0.2); } #reservation-contact-link a dl { display: flex; justify-content: center; align-items: center; } #reservation-contact-link a dl dd img { width: 80px; height: auto; background-color: #fff; border-radius: 50%; vertical-align: middle; margin-right: 15px; } #reservation-contact-link a dl dt { text-align: left; font-size: 1.8rem; } #reservation-contact-link a dl dt span.bold { font-weight: 700; } #reservation .white-item-box ul { margin-left: 15px; } #reservation .white-item-box ul li { list-style-type: disc; } @media screen and (max-width: 768px) { #reservation-contact-link a dl dd img { width: 60px; } #reservation-contact-link a dl dt { font-size: 1.6rem; } } @media screen and (max-width: 640px) { #reservation-contact-link a dl dd img { width: 40px; } } /*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 　medical pages -*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/ .red { color: #e50012; } .bg-red { background-color: #e50012; } .bg-lightestpink { background-color: #fbf2f0; } #hrt .normal-text a:not(.mybtn), #gynecology .normal-text a:not(.mybtn), #Gynecology-Department .normal-text a:not(.mybtn), #pfc-fd .normal-text a:not(.mybtn), #Premature-Ovarian-Insufficiency .normal-text a:not(.mybtn), #general-infertility .normal-text a:not(.mybtn), #culture-room .normal-text a:not(.mybtn), #vitro-fertilization .normal-text a:not(.mybtn), #menopause .normal-text a:not(.mybtn), #examination .normal-text a:not(.mybtn), #placenta .normal-text a:not(.mybtn), #vitamin .normal-text a:not(.mybtn), #dysmenorrhea .normal-text a:not(.mybtn), #std .normal-text a:not(.mybtn), #eggfreezing .normal-text a:not(.mybtn) { font-weight: 500; border-bottom: 2px dotted #e50012; } #hrt .normal-text #other-medical ul li a, #gynecology .normal-text #other-medical ul li a, #Gynecology-Department .normal-text #other-medical ul li a, #pfc-fd .normal-text #other-medical ul li a, #Premature-Ovarian-Insufficiency .normal-text #other-medical ul li a, #general-infertility .normal-text #other-medical ul li a, #culture-room .normal-text #other-medical ul li a, #vitro-fertilization .normal-text #other-medical ul li a, #menopause .normal-text #other-medical ul li a, #examination .normal-text #other-medical ul li a, #placenta .normal-text #other-medical ul li a, #vitamin .normal-text #other-medical ul li a, #dysmenorrhea .normal-text #other-medical ul li a, #std .normal-text #other-medical ul li a { border-color: transparent !important; } #hrt .normal-text h2, #gynecology .normal-text h2, #Gynecology-Department .normal-text h2, #pfc-fd .normal-text h2, #Premature-Ovarian-Insufficiency .normal-text h2, #general-infertility .normal-text h2, #culture-room .normal-text h2, #vitro-fertilization .normal-text h2, #menopause .normal-text h2, #examination .normal-text h2, #placenta .normal-text h2, #vitamin .normal-text h2, #dysmenorrhea .normal-text h2, #std .normal-text h2 { font-size: 2.4rem; text-align: center; margin-bottom: 3rem; color: #e50012; } #hrt .normal-text h3, #gynecology .normal-text h3, #Gynecology-Department .normal-text h3, #pfc-fd .normal-text h3, #Premature-Ovarian-Insufficiency .normal-text h3, #general-infertility .normal-text h3, #culture-room .normal-text h3, #vitro-fertilization .normal-text h3, #menopause .normal-text h3, #examination .normal-text h3, #placenta .normal-text h3, #vitamin .normal-text h3, #dysmenorrhea .normal-text h3, #std .normal-text h3 { font-size: 1.8rem; margin: 3rem 0 2rem; font-weight: bold; border-left: 5px solid #e50012; background: #fff; padding: 1rem; } #hrt .normal-text h4, #gynecology .normal-text h4, #Gynecology-Department .normal-text h4, #pfc-fd .normal-text h4, #Premature-Ovarian-Insufficiency .normal-text h4, #general-infertility .normal-text h4, #culture-room .normal-text h4, #vitro-fertilization .normal-text h4, #menopause .normal-text h4, #examination .normal-text h4, #placenta .normal-text h4, #vitamin .normal-text h4, #dysmenorrhea .normal-text h4, #std .normal-text h4 { font-size: 1.6rem; margin: 2rem 0 0; font-weight: bold; color: #e50012; font-size: 1.6rem; padding: 18px 50px 18px 30px; background: #fff; border-bottom: 1px solid #ddd; border-radius: 10px 10px 0 0; } #hrt .normal-text h5, #gynecology .normal-text h5, #Gynecology-Department .normal-text h5, #pfc-fd .normal-text h5, #Premature-Ovarian-Insufficiency .normal-text h5, #general-infertility .normal-text h5, #culture-room .normal-text h5, #vitro-fertilization .normal-text h5, #menopause .normal-text h5, #examination .normal-text h5, #placenta .normal-text h5, #vitamin .normal-text h5, #dysmenorrhea .normal-text h5, #std .normal-text h5 { font-size: 1.4rem; padding-top: 2rem; font-weight: bold; } #hrt .normal-text h6, #gynecology .normal-text h6, #Gynecology-Department .normal-text h6, #pfc-fd .normal-text h6, #Premature-Ovarian-Insufficiency .normal-text h6, #general-infertility .normal-text h6, #culture-room .normal-text h6, #vitro-fertilization .normal-text h6, #menopause .normal-text h6, #examination .normal-text h6, #placenta .normal-text h6, #vitamin .normal-text h6, #dysmenorrhea .normal-text h6, #std .normal-text h6 { font-size: 1.4rem; padding-top: 2rem; color: #e50012; font-weight: normal; } #hrt .normal-text table, #gynecology .normal-text table, #Gynecology-Department .normal-text table, #pfc-fd .normal-text table, #Premature-Ovarian-Insufficiency .normal-text table, #general-infertility .normal-text table, #culture-room .normal-text table, #vitro-fertilization .normal-text table, #menopause .normal-text table, #examination .normal-text table, #placenta .normal-text table, #vitamin .normal-text table, #dysmenorrhea .normal-text table, #std .normal-text table { width: 100%; } #hrt .normal-text table tr th, #hrt .normal-text table tr td, #gynecology .normal-text table tr th, #gynecology .normal-text table tr td, #Gynecology-Department .normal-text table tr th, #Gynecology-Department .normal-text table tr td, #pfc-fd .normal-text table tr th, #pfc-fd .normal-text table tr td, #Premature-Ovarian-Insufficiency .normal-text table tr th, #Premature-Ovarian-Insufficiency .normal-text table tr td, #general-infertility .normal-text table tr th, #general-infertility .normal-text table tr td, #culture-room .normal-text table tr th, #culture-room .normal-text table tr td, #vitro-fertilization .normal-text table tr th, #vitro-fertilization .normal-text table tr td, #menopause .normal-text table tr th, #menopause .normal-text table tr td, #examination .normal-text table tr th, #examination .normal-text table tr td, #placenta .normal-text table tr th, #placenta .normal-text table tr td, #vitamin .normal-text table tr th, #vitamin .normal-text table tr td, #dysmenorrhea .normal-text table tr th, #dysmenorrhea .normal-text table tr td, #std .normal-text table tr th, #std .normal-text table tr td { padding: 15px 0; } #hrt .normal-text table tr th, #hrt .normal-text table tr td, #gynecology .normal-text table tr th, #gynecology .normal-text table tr td, #Gynecology-Department .normal-text table tr th, #Gynecology-Department .normal-text table tr td, #pfc-fd .normal-text table tr th, #pfc-fd .normal-text table tr td, #Premature-Ovarian-Insufficiency .normal-text table tr th, #Premature-Ovarian-Insufficiency .normal-text table tr td, #general-infertility .normal-text table tr th, #general-infertility .normal-text table tr td, #culture-room .normal-text table tr th, #culture-room .normal-text table tr td, #vitro-fertilization .normal-text table tr th, #vitro-fertilization .normal-text table tr td, #menopause .normal-text table tr th, #menopause .normal-text table tr td, #examination .normal-text table tr th, #examination .normal-text table tr td, #placenta .normal-text table tr th, #placenta .normal-text table tr td, #vitamin .normal-text table tr th, #vitamin .normal-text table tr td, #dysmenorrhea .normal-text table tr th, #dysmenorrhea .normal-text table tr td, #std .normal-text table tr th, #std .normal-text table tr td { padding: 15px 5px; box-sizing: border-box; border-bottom: 1px solid #ccc; } @media (max-width: 640px) { #hrt .normal-text h2, #gynecology .normal-text h2, #Gynecology-Department .normal-text h2, #pfc-fd .normal-text h2, #Premature-Ovarian-Insufficiency .normal-text h2, #general-infertility .normal-text h2, #culture-room .normal-text h2, #vitro-fertilization .normal-text h2, #menopause .normal-text h2, #examination .normal-text h2, #placenta .normal-text h2, #vitamin .normal-text h2, #dysmenorrhea .normal-text h2, #std .normal-text h2 { font-size: 1.6rem; } #hrt .normal-text h3, #hrt .normal-text h4, #gynecology .normal-text h3, #gynecology .normal-text h4, #Gynecology-Department .normal-text h3, #Gynecology-Department .normal-text h4, #pfc-fd .normal-text h3, #pfc-fd .normal-text h4, #Premature-Ovarian-Insufficiency .normal-text h3, #Premature-Ovarian-Insufficiency .normal-text h4, #general-infertility .normal-text h3, #general-infertility .normal-text h4, #culture-room .normal-text h3, #culture-room .normal-text h4, #vitro-fertilization .normal-text h3, #vitro-fertilization .normal-text h4, #menopause .normal-text h3, #menopause .normal-text h4, #examination .normal-text h3, #examination .normal-text h4, #placenta .normal-text h3, #placenta .normal-text h4, #vitamin .normal-text h3, #vitamin .normal-text h4, #dysmenorrhea .normal-text h3, #dysmenorrhea .normal-text h4, #std .normal-text h3, #std .normal-text h4 { font-size: 1.4rem; } } .tbl th { text-align: center; } .tbl th.std03 { width: 30%; } .tbl td.std05 { width: 20%; text-align: left; } #vitro-fertilization #item-contents-wrap .toggle-box .toggleWrap p:first-of-type { border-top: none; } html .medical_btns a { font-size: 1.3rem !important; } #culture-room table.prof { font-size: 1.3rem; } #culture-room table.prof tr { border: none; } #culture-room table.prof tr th { width: 90px; vertical-align: top; padding: 3px; border-bottom: 1px solid #fff; } #culture-room table.prof tr td { padding: 3px; border-bottom: 1px solid #fff; vertical-align: top; } #culture-room .anc { content: " "; margin-top: -135px !important; padding-top: 135px !important; display: block; } @media screen and (max-width: 768px) { #culture-room .anc { margin-top: -75px !important; padding-top: 75px !important; } } .gal { padding: 0; position: relative; } .gal .gal_slider { position: relative; } .gal .gal_slider .slick-list { padding: 10px !important; } .gal .gal_slider .slick-track { display: flex; } .gal .gal_slider button.slick-arrow {} .gal .gal_slider .slick-slide > div { height: 100%; } .gal .gal_slider .gal_lst { width: 26rem !important; margin: 0 20px !important; padding: 20px !important; max-width: auto !important; box-sizing: border-box !important; height: 100%; background: var(--clr_white); border-radius: 10px; padding: 2.5rem 1rem; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16); position: relative; } .gal .gal_slider .gal_lst p { text-align: center; font-size: 100%; line-height: 1.4; } .gal .gal_slider#slider01 .gal_lst p { height: 4rem; } .gal .gal_slider#slider07 .gal_lst p { height: 10rem; } .gal .gal_slider#slider08 .gal_lst p { height: 12rem; } .gal .gal_slider#slider11 .gal_lst p { height: 8rem; } .gal .gal_slider .gal_lst p strong { display: block; width: 30%; margin: 0 auto 5px; font-weight: bold; background-color: #e50012; border-radius: 5px; padding: 0 10px; color: #fff; } .gal .gal_slider .gal_lst .photo { width: 100%; /*height: 180px;*/ vertical-align: bottom; } .gal .gal_slider .gal_lst img { width: 100%; height: auto; } .gal .gal_slider ul.slick-dots { margin-top: 1.3rem; margin-left: auto !important; margin-right: auto !important; width: 100%; } .gal .gal_slider ul.slick-dots li { margin: 0 .5rem; } @media screen and (min-width: 48em), print { .gal { padding: 0; overflow: hidden; } .gal .gal_slider { margin-top: 1rem; } .gal .gal_slider button.slick-prev { left: 20px; } .gal .gal_slider button.slick-next { right: 20px; } .gal .gal_slider .slick-slide { height: auto !important; } .gal .gal_slider .price_lst { width: 35rem !important; margin: 0 10px !important; padding: 20px !important; max-width: auto !important; box-sizing: border-box !important; max-width: 100%; border-radius: 10px; padding: 4rem 3rem 2.5rem; } } /*# sourceMappingURL=medical.css.map */