@charset 'UTF-8';@-webkit-keyframes gNavAnime{0%{color:#fff}100%{color:#f27405}}@keyframes gNavAnime{0%{color:#fff}100%{color:#f27405}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:YuGothic,'Yu Gothic',sans-serif}a{color:#333;text-decoration:none}ul li{list-style-type:none}body header{position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transition:all .3s;transition:all .3s}.description{display:none}body header .header-inner{max-width:1200px;width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:14px;padding-bottom:28px}body header .header-inner .header-left a img{max-width:100%}body header .header-inner .header-left a:hover{opacity:.5;-webkit-transition:.5s all;transition:.5s all}body header .header-inner .header-right #gNav{display:-webkit-box;display:-ms-flexbox;display:flex}body header .header-inner .header-right #gNav .gNav-item{list-style:none;font-size:16px;margin-right:30px;font-weight:700}body header .header-inner .header-right #gNav .gNav-item:last-child{margin-right:0}body header .header-inner .header-right #gNav .gNav-item a{color:#000;text-decoration:none;position:relative}body header .header-inner .header-right #gNav .gNav-item a:hover{-webkit-animation:gNavAnime .5s forwards;animation:gNavAnime .5s forwards}body header .header-inner .header-right #gNav .gNav-item a:hover:after{-webkit-transform:scale(1,1);transform:scale(1,1)}body header .header-inner .header-right #gNav .gNav-item a:after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:#f27405;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:left top;transform-origin:left top}body header .header-inner #mobile-nav{display:none;position:fixed;z-index:-1000;opacity:0;top:0;width:100%;height:100vh;background:#fffef8;-webkit-transition:all .3s;transition:all .3s}body header .header-inner #mobile-nav.panelactive{display:block;opacity:1;z-index:999}body header .header-inner #mobile-nav.panelactive #mobile-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:hidden;overflow:auto;-webkit-overflow-scrolling:touch}body header .header-inner #mobile-nav.panelactive ul{display:block}body header .header-inner #mobile-nav ul{display:none;position:absolute;z-index:999;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body header .header-inner #mobile-nav ul li{list-style:none;text-align:center}body header .header-inner #mobile-nav ul li a{color:#f27405;text-decoration:none;padding:16px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700}body header .header-inner .openbtn{position:fixed;z-index:9999;top:10px;right:10px;cursor:pointer;width:50px;height:50px;display:none}body header .header-inner .openbtn span{display:inline-block;-webkit-transition:all .4s;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background-color:#f27405;width:45%}body header .header-inner .openbtn span:nth-of-type(1){top:15px}body header .header-inner .openbtn span:nth-of-type(2){top:23px}body header .header-inner .openbtn span:nth-of-type(3){top:31px}body header .header-inner .openbtn.active span:nth-of-type(1){top:18px;left:18px;-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg);width:30%}body header .header-inner .openbtn.active span:nth-of-type(2){opacity:0}body header .header-inner .openbtn.active span:nth-of-type(3){top:30px;left:18px;-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg);width:30%}.tel-number{display:none}body main .ceramic-mv{width:100%;height:560px;background:url(//www.odate-dc.jp/wp-content/themes/odate-dental/css/../img/aesthetic-2/whitening_bg.png);background-size:cover;background-repeat:no-repeat;position:relative}body main .ceramic-mv .ceramic-mv-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}body main .ceramic-mv .ceramic-mv-title h2{font-family:"Oswald",sans-serif;color:#f27405;font-size:55px;font-weight:400;margin-bottom:20px}body main .ceramic-mv .ceramic-mv-title p{font-size:30px;font-weight:700}body main .ceramic-contents{max-width:1200px;width:100%;margin:120px auto 0}body main .ceramic-contents .ceramic-contents-heading{font-size:30px;text-align:center;color:#f28705;font-weight:700;position:relative;margin-bottom:120px}body main .ceramic-contents .ceramic-contents-heading:after{content:'';position:absolute;bottom:-20px;left:50%;width:70px;height:2px;background-color:#f28705;transform:translateX(-50%)}body main .ceramic-contents .ceramic-feature{max-width:1150px;width:100%;margin:120px auto 0}body main .ceramic-contents .ceramic-feature .ceramic-feature-title{text-align:center}body main .ceramic-contents .ceramic-feature .ceramic-feature-title .ceramic-feature-title-inner{display:inline-block;font-size:25px;font-weight:700;color:#404040;position:relative;margin-bottom:80px}body main .ceramic-contents .ceramic-feature .ceramic-feature-title .ceramic-feature-title-inner:after{position:absolute;z-index:-1;content:'';width:100%;height:15px;background-color:#fff5dd;bottom:-7.5px;left:0}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail{display:flex;justify-content:space-between;align-items:flex-end}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail .ceramic-feature-left{width:700px;margin-right:20px;flex-shrink:0}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail .ceramic-feature-left ul{color:#404040}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail .ceramic-feature-left ul li{padding:16px 0;display:block;text-align:center;font-size:18px;margin-bottom:15px;border-bottom:2px solid #f28705;box-shadow:0px 3px 6px rgba(0,0,0,.16)}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail .ceramic-feature-left ul li:last-child{margin-bottom:0;flex-shrink:1}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail .ceramic-feature-right{width:100%;max-width:400px}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail .ceramic-feature-right img{width:100%;vertical-align:bottom}body main .ceramic-contents .kind-of-ceramic{margin-top:140px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-title{text-align:center}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-title .kind-of-ceramic-title-inner{display:inline-block;font-size:25px;font-weight:700;color:#404040;position:relative;margin-bottom:80px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-title .kind-of-ceramic-title-inner:after{position:absolute;z-index:-1;content:'';width:100%;height:15px;background-color:#fff5dd;bottom:-7.5px;left:0}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item{background:#ffe7ba;margin-bottom:20px;max-width:1150px;margin-left:auto;margin-right:auto}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item:last-child{margin-bottom:0}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner{max-width:910px;width:100%;margin:0 auto;padding:40px 0;color:#404040}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner h3{font-size:22px;font-weight:700;color:#f28705;padding-bottom:10px;margin-bottom:26px;border-bottom:1px solid #bababa}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner p{font-size:18px;line-height:1.94}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner p .bold{font-weight:700}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner p .pink{color:#f08fb8;font-weight:700}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-table{max-width:1150px;width:100%;margin:80px auto 0}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-table img{width:100%}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-table p{margin-top:10px;color:red;font-size:16px}body main .dentures{margin-top:140px}body main .dentures .dentures-heading{font-size:30px;text-align:center;color:#f28705;font-weight:700;position:relative;margin-bottom:120px}body main .dentures .dentures-heading:after{content:'';position:absolute;bottom:-20px;left:50%;width:70px;height:2px;background-color:#f28705;transform:translateX(-50%)}body main .dentures .dentures-detail{max-width:1000px;width:100%;margin:0 auto}body main .dentures .dentures-detail .dentures-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-txt{width:500px}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-txt p{color:#404040;font-size:18px;line-height:1.72}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-txt p .bold{font-weight:700}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-pic{width:400px}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-pic img{width:100%}body main .dentures .dentures-detail .dentures-item-lists{width:1000px;display:flex;justify-content:space-between;flex-wrap:wrap}body main .dentures .dentures-detail .dentures-item-lists .dentures-item{width:450px;color:#404040;margin-bottom:70px}body main .dentures .dentures-detail .dentures-item-lists .dentures-item:nth-child(3),body main .dentures .dentures-detail .dentures-item-lists .dentures-item:nth-child(4){margin-bottom:0}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-title{font-size:20px;padding-bottom:10px;margin-bottom:20px;border-bottom:2px solid #f28705}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-pic{width:430px;margin-bottom:30px}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-pic img{width:100%}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-pic.item1{display:flex}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-pic .dentures-1,body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-pic .dentures-2{width:50%}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-txt{font-size:18px;line-height:1.72}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-txt p .pink{color:#f08fb8;font-weight:700}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-txt p .bold{font-weight:700}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-pic.item2{width:450px}footer{margin-top:120px;height:auto;font-weight:700;background-color:#ffe7ba;padding-top:40px;font-size:14px}.footer-flex{display:flex;justify-content:center}.footer-nav-list{display:flex;width:230px;height:200px;flex-flow:column wrap}.f-nav-list-item{padding-bottom:20px;padding-right:4vw}.f-nav-list2{margin-left:3vw}.f-nav-list2 p{padding-bottom:20px}.footer-nav-list2{display:flex;flex-flow:column wrap;width:600px;height:120px;padding-left:40px}.f-nav-list-item2{padding-bottom:14px;padding-right:3vw}.f-nav-list-item2 a{color:#797979}.copyright{font-size:12px;text-align:center}@media (max-width:1023px){.footer-nav-list2{width:300px;height:260px}.f-nav-list-item2{padding-bottom:20px}.f-nav-list2{margin-left:0}.copyright{margin-top:40px}}@media (max-width:1000px){body main .ceramic-contents .ceramic-feature .ceramic-feature-detail{align-items:center;justify-content:center}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail .ceramic-feature-left{width:80%;margin-right:0;margin:0 20px}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail .ceramic-feature-left ul li{font-size:14px;line-height:1.4;padding:16px 8px}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail .ceramic-feature-right{display:none}body main .dentures .dentures-detail .dentures-item-lists{flex-wrap:wrap;gap:20px;width:100%;justify-content:center}body main .dentures .dentures-detail .dentures-item-lists .dentures-item{margin-bottom:40px}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-title{text-align:center}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-txt p{font-size:16px}body main .dentures .dentures-detail .dentures-item-lists .dentures-item:nth-child(3){margin-bottom:40px}body main .dentures .dentures-detail .dentures-item-lists:last-child{margin-bottom:0}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item{margin-left:20px;margin-right:20px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner{padding:30px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner h5{margin-bottom:16px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner p{font-size:16px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-table p{text-align:center;font-size:14px}}@media (max-width:768px){body header .header-inner .openbtn{display:block !important}body header .header-inner .header-right{display:none}body main .dentures .dentures-detail .dentures-item-top{flex-direction:column-reverse;margin:20px 20px 40px}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-txt{margin-top:20px}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-txt p{font-size:16px}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-txt{font-size:16px}.dental-table{width:100%}.footer-nav-list{width:130px;height:auto}body main .ceramic-mv .ceramic-mv-title h2{font-size:30px}body main .ceramic-mv .ceramic-mv-title p{font-size:24px}}@media (max-width:500px) and (min-width:0px){.description{background-color:#ffebaa;text-align:center;display:block}.description p{font-size:10px;padding-top:7px;padding-bottom:7px}body header .header-inner{background-color:#fff5dd;justify-content:center;padding-top:5px;padding-bottom:5px}body header .header-inner .header-left a img{width:180px;height:40px}body header .header-inner .openbtn{top:37px;right:15px}.tel-number{display:block;background-color:#ffe1aa;padding-bottom:20px;padding-top:20px}.tel-number img{width:310px;height:60px;display:block;margin:0 auto}body main .ceramic-mv{width:100%;height:200px;margin-top:185px}body main .ceramic-mv .ceramic-mv-title{text-align:center;padding-top:50px}body main .ceramic-mv .ceramic-mv-title h2{font-size:30px;margin-bottom:15px}body main .ceramic-mv .ceramic-mv-title p{font-size:15px; }body main .ceramic-contents{margin-top:25px}body main .ceramic-contents .ceramic-contents-heading{font-size:18px;margin-bottom:40px}body main .ceramic-contents .ceramic-contents-heading:after{width:50px;bottom:-15px}body main .ceramic-contents .ceramic-feature{margin-top:40px}body main .ceramic-contents .ceramic-feature .ceramic-feature-title .ceramic-feature-title-inner{font-size:16px}body main .ceramic-contents .ceramic-feature .ceramic-feature-detail .ceramic-feature-left ul li{font-size:12px}body main .ceramic-contents .kind-of-ceramic{margin-top:40px}body main .ceramic-contents .kind-of-ceramic{font-size:16px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-title .kind-of-ceramic-title-inner{font-size:16px;margin-bottom:40px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner h3{font-size:14px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner p{font-size:13px;margin-top:-10px}body main .dentures{margin-top:40px}body main .dentures .dentures-heading{margin-bottom:40px;font-size:18px}body main .dentures .dentures-heading:after{width:50px;bottom:-15px}body main .dentures .dentures-detail .dentures-item-top{margin-bottom:0}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-txt p{font-size:14px}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-title{font-size:16px}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-txt{font-size:14px;text-align:justify}}@media (min-width:481px) and (max-width:520px){body main .ceramic-contents .ceramic-feature .ceramic-feature-title .ceramic-feature-title-inner{margin-bottom:40px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-title .kind-of-ceramic-title-inner{margin-bottom:40px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner h5{font-size:18px}body main .ceramic-contents .kind-of-ceramic .kind-of-ceramic-detail .kind-of-ceramic-item .kind-of-ceramic-item-inner p{line-height:1.6}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-txt{width:100%;margin:20px 20px 40px}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-pic{width:100%}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-pic{width:100%}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-pic.item2{width:100%}.footer-nav-list2{padding-left:0}.f-nav-list-item2{padding-right:0}}@media (max-width:480px){body main .ceramic-contents .ceramic-feature .ceramic-feature-title .ceramic-feature-title-inner{margin-bottom:40px}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-txt{width:100%;margin:20px 20px 40px}body main .dentures .dentures-detail .dentures-item-top .dentures-item-top-pic{width:100%}body main .dentures .dentures-detail .dentures-item-lists .dentures-item{width:100%;margin:0 20px}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-pic{width:100%}body main .dentures .dentures-detail .dentures-item-lists .dentures-item .dentures-item-pic.item2{width:100%}footer{margin-top:40px}.footer-flex{flex-direction:column}.f-nav-list2{margin:0 auto}.footer-nav-list2{padding-left:0;width:240px}.footer-nav-list{width:280px;height:180px;margin:0 auto;text-align:center}.f-nav-list-item2{font-size:12px}.copyright{font-size:10px}}