﻿@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&family=Noto+Serif+JP:wght@700&display=swap');

a[href^="tel:"], #pc_intro h2, #main_left #footer_txt h3, #contents h3, #pc_news h3, #page_title h2, .cate_title, .sub_cate_title, .box_title1, #cms_5-c .box_txt1::before, #intro_wrap h3{font-family: 'Libre Baskerville', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

/* color */
body, .txt_color_nomal{color: #333}
.txt_color1{color: #2daa3f} /* メインカラー */
.txt_color2{color: #f7f7f7} /* サブカラー */
.txt_color3{color: #1c8c26} /* アクセントカラー1 */
.txt_color4{color: #e6e6e6} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #2daa3f} /* メインカラー */
.bg_color2{background-color: #f7f7f7} /* サブカラー */
.bg_color3{background-color: #1c8c26} /* アクセントカラー1 */
.bg_color4{background-color: #e6e6e6} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #2daa3f}
.border_color2{border-color: #f7f7f7}
.border_color3{border-color: #1c8c26}
.border_color4{border-color: #e6e6e6}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color_nomal:hover{color: #333}
.hvr_txt_color1:hover{color: #2daa3f} /* メインカラー */
.hvr_txt_color2:hover{color: #f7f7f7} /* サブカラー */
.hvr_txt_color3:hover{color: #1c8c26} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e6e6e6} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #2daa3f} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f7f7f7} /* サブカラー */
.hvr_bg_color3:hover{background-color: #1c8c26} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e6e6e6} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #2daa3f}
.hvr_border_color2:hover{border-color: #f7f7f7}
.hvr_border_color3:hover{border-color: #1c8c26}
.hvr_border_color4:hover{border-color: #e6e6e6}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #1c8c26}
.linkStyle:hover{opacity: 0.7}

#main_left, #main_right, #wrap, #main_right header, #pc_intro, #contents, #pc_news, #map, #sp_info{border: none!important}
.border_rad10, #left_bar div{border-radius: 0}

h1.grid_6{width: 300px!important}
#left_bar div{z-index: 1}
header{padding-right: 0}
#main_right header, #main_right main #page_container, #page_title{padding-left: 50px;padding-right: 50px}
#left_bar #menu_bt, #left_bar #scroll{background-color: #1c8c26;box-shadow: none}
#pc_intro{padding-top: 50px;background-color: #eaf9ec;background-image: url(./Dup/bg_img1.png);background-repeat: no-repeat;background-position: top center;background-size: 100% 80px}
#pc_intro p, #contents p, .box_txt1, .cate_txt1{line-height: 1.7}
#pc_intro h3{width: 350px!important}
#pc_intro figure{width: 100%!important;margin-bottom: 0}
#pc_intro h2{text-align: center;position: relative;padding-bottom: 20px;margin-bottom: 30px;font-size: 20px}
#pc_intro h2::before{content: "INTRODUCTION";display: block;text-align: center;font-size: 16px;color: #2daa3f;margin-bottom: 30px;letter-spacing: 3px}
#pc_intro h2::after{position: absolute;content: "";width: 50px;height: 1px;left: 0;right: 0;bottom: 0;margin: auto;background-color: #2daa3f}
#pc_intro .bg_color2{background-color: #fff;width: 90%;margin-left: auto;margin-right: auto;box-sizing: border-box;position: relative;margin-top: -50px}
#intro #intro_wrap{background-color: #fff;border: none}
#intro #intro_txt{color: #333}
#intro_wrap h3{font-size: 20px}
#intro_wrap h3::after{content: "（会館整骨院内併設）";display: block;font-size: 14px;color: #fff}
#intro_wrap .tel{padding-top: 10px;border-top: solid 1px #fff;text-align: center}
#intro_wrap .tel a{font-size: 22px;color: #fff}
.news_wrap::before{position: absolute;content: "";width: 120px;height: 120px;left: 0;right: 0;top: -40px;margin: auto;background-color: #fff;background-image: url(./Dup/img1.png);background-position: center;background-size: 55%;background-repeat: no-repeat;transform: rotate(45deg)}
#pc_news{background-color: transparent}
#pc_news .txt_color2{color: #333}
#pc_news .border_color2{border-color: #e6e6e6}
#pc_news .border_rad50per{border-radius: 0}
#pc_news h3{text-align: center;font-size: 30px;padding: 0;padding-bottom: 50px}
#pc_news h3 span{padding-left: 0;display: block;color: #2daa3f}
#contents{padding: 150px 0 100px!important;margin-bottom: 0}
#contents::after{background-color: rgba(45,170,63,0.8);background-image: url(./Dup/bg_img2.png);background-repeat: no-repeat;background-position: top center;background-size: 100% 80px}
#contents .fs_wrap{padding: 0;}
#contents h3{margin-bottom: 50px!important}
#contents .box_txt{background-color: transparent;border: solid 1px #fff;border-top-width: 5px;color: #fff;box-shadow: none;position: relative;padding-top: 50px}
#contents .box_txt::before{position: absolute;content: "";width: 1px;height: 50px;left: 0;right: 0;top: -27px;background-color: #fff;margin: auto}
#contents p{opacity: 1}
#main_left #footer_txt h3{text-align: center;color: #2daa3f;line-height: 1.5}
#main_left #footer_txt h3::before{content: "INFORMATION";display: block;text-align: center;font-size: 16px;color: #ccc;margin-bottom: 10px;letter-spacing: 3px}
#main_left #footer_txt h3::after{content: "（会館整骨院内併設）";display: block;text-align: center;font-size: 14px;color: #333}
#main_left #footer_txt.bg_color1{background-color: #fff;color: #333}
#main_left #footer_txt .txt_white{color: #1c8c26}
#main_left #footer_txt .tel{padding-top: 10px;border-top: solid 1px #2daa3f;text-align: center}
#main_left #footer_txt .tel a{font-size: 24px;color: #2daa3f}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 22px;text-align: left;padding-bottom: 5px;margin-bottom: 50px;border-bottom: solid 2px #333;color: #333;font-weight: bold}

#page_title{background-repeat: no-repeat;background-position: bottom center;background-size: 100% 80px;background-color: rgba(255,255,255,0.6)!important;background-image: url(./Dup/bg_img3.png)}
#page_title h2{color: #2daa3f;padding-bottom: 20px}
#page_title h2 span{text-shadow: none}
#page_title figure img{max-width: 130px}
#page_container{background-color: #fff!important}
#cms_3-f .cate_box{width: 100%;margin: 0 0 20px}


/** tablet 780 **/
@media screen and (max-width: 768px){
#main_right header{padding-left: 0;padding-right: 0}
#contents::after{background-image: none}
#contents {padding: 100px 0!important;}
#page_title{background-size: 100% 8vw}
#pc_news h3{font-size: 24px}
#link_bt.links_bt{width: 100px!important}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
h1.grid_6{width: 50%!important}
#main_right main #page_container, #page_title{padding-left: 20px;padding-right: 20px}
.cate_title{font-size: 20px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
a[href^="tel:"], #pc_intro h2, #main_left #footer_txt h3, #contents h3, #pc_news h3, #page_title h2, .cate_title, .sub_cate_title, .box_title1, #cms_5-c .box_txt1::before{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: bold}
}