@charset "utf-8";
/* CSS Document */
/*
Theme Name: 北海道薬剤師会日高支部2026
Theme URI: 
Description: 
Version: 1.0
Author: SUDA WEB TEAM and WEB PROJECT
Author URI: http://www.suda.co.jp
Tags:
*/

/*commonにない共通もの*/

body { background: #F3F3E6; }

.borderRadiusA30 { border-radius: 30px; }
.borderRadiusA20 { border-radius: 20px; }

.fs13 { font-size: 1.3rem!important; }
.fs14 { font-size: 1.4rem!important; }
.fs16 { font-size: 1.6rem!important; }
.fs20 { font-size: 2.0rem!important; }
.fs24 { font-size: 2.4rem!important; }
.fs30 { font-size: 3.0rem!important; }
.fs36 { font-size: 3.6rem!important; }
.fs60 { font-size: 6.0rem!important; }
@media only screen and (max-width: 766px) {
    .fs16 { font-size: 1.4rem!important; }
    .fs24 { font-size: 1.8rem!important; }
    .fs30 { font-size: 2.0rem!important; }
    .fs36 { font-size: 2.4rem!important; }
}

.fcOrange { color: #fa7e00; }
.fcBlue1 { color: #47BEE2; }
.fcBlue2 { color: #49A5BA; }
.fcBlue3 { color: #335E68; }
.fcBlue4 { color: #103784; }
.fcDeepPink { color: #cb5050; }
.fcPink { color: #ed5f81; }
.fcGreen { color: #39B54A; }
.fcRed { color: #C71A1A; }
.fcWhite { color: #fff; }
.fcBlack { color: #000; }

.fw900 { font-weight: 900;}

.bgBlue1 { background: #47BEE2; }
.bgBlue2 { background: #49A5BA; }
.bgBlue3 { background: #335E68; }
.bgWhite { background: #fff; }
.bgOrange { background: #fa7e00; }
.bgGreen { background: #39B54A; }
.bgRed { background: #C71A1A; }

.btn { display: block; text-align: center; padding: 15px 10px; margin: 1.5rem auto; cursor: pointer; width: 80%; max-width: 500px; font-size: 1.6rem; font-weight: 600; border-radius: 40px; }
.btn:hover { opacity: 0.5;}

.w100per { width: 100%; }
.w90per { width: 90%; }


.table01 { border-collapse: collapse; border: solid 1px #999; }
.table01 tr th { padding: 2rem; line-height: 1.6; font-size: 1.6rem; border: solid 1px #ccc; color: #fff; background: #0088b8; font-weight: 700; text-align: center; }
.table01 tr td { padding: 2rem; line-height: 1.6; font-size: 1.6rem; border: solid 1px #ccc; color: #333; background: #fff; text-align: center; }



/*BasicLayout*/
#contentsWrap { width: 100%; height: auto; }
.sideMenu { width: 320px; padding: 2rem 2.5rem; border-right: solid 1px #E6E6E6; background: #2F6F5E;; }
.mainCont { width: calc(100% - 320px); padding-top: 60px; }
.cont { padding-right: 60px; padding-left: 60px; }
.visualArea { width: 100%; background: linear-gradient(to bottom, #F3F3E6 0%, #F3F3E6 40%, #F5FFED 40%, #F5FFED 100%); padding-bottom: 30px; }
.visualInner { width: calc(100% - 60px); margin: 0 0 0 60px; height: 100%; position: relative; }
.visualInner h2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 3vw; font-weight: 600; color: #fff; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); width: max-content; }
.visualInner img { border-radius: 20px 0 0 0; width: 100%; }
@media only screen and (max-width:768px){
    .visualArea { padding: 0; }
    .visualInner { width: 100%; margin: 0 auto; height: 100%; position: relative; }
    .visualInner h2 { font-size: 5vw; }

}

/*override*/
.inner { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 2rem; }
@media only screen and (max-width:768px){
    .inner { width: 100%;}
}




/** parts **/

.linkBtn { border: solid 1px #ccc; border-radius: 5px; margin: 1rem; padding: 1rem; background:#fff; }
.linkBtn:hover { background:#91c9dd; }
.linkBtn a { width: 100%; height: 100%; }


.headerEmb { width: 100%; margin: 0 auto 2rem; display: block; border-bottom: solid 2px #fff; }
.headerEmb img { width: 100%; height: auto; }
@media only screen and (max-width:768px){
    .headerEmb { width: 80%; }
}


.sideMenuInner .contTit { padding: 10px 0 20px 60px; font-size: 2.0rem; font-weight: 600; width: 100%; height: 80px; background:url(assets/images/sidebarH2Bg.svg) no-repeat; }
.sideMenuInner h6 { font-size: 1.8rem; font-weight: 700; color: #fff; margin-bottom: 1rem; }
.sideMenuInner p { color: #fff; }
.sideMenuInner p.copy { margin: 4rem auto; }
.sideMenuInner #g-navi { margin: 4rem auto; }
.sideMenuInner ul li { background: #fff; position: relative; margin: 2rem auto; border-radius: 3px; }
.sideMenuInner ul li a { width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; font-size: 1.6rem; font-weight: 600; color: #3D3232; padding: 1.2rem 1.2rem 1.2rem 3.6rem; }
.sideMenuInner ul li:before { content: ''; display: inline-block; position: absolute; left: 5%; top: -20%; width: 13px; height: 19px; background: url(assets/images/icon01.svg) no-repeat; background-size: cover; }
.sideMenuInner ul li a { font-size: 1.6rem; font-weight: 600; }
.sideMenuInner ul li a:hover { background: #FEB8E6; opacity: 1; border-radius: 3px; }
.sideMenuInner .hidaka-info { margin:2rem auto; padding: 3rem 0; border-top: solid 2px #fff; }

@media only screen and (max-width:768px){
    .sideMenu { display: none; }
    .mainCont { width: 100%; padding-top: 0; }
    .mainMenuBlock { display: none; }
    .cont { padding: 10px; }
    .topColumn .contBody { display: block; }
    .sphead { max-width: 100%; background: #2F6F5E; }
    .sphead p { color: #fff; margin: 1rem; font-size: 1.2rem; }
}


.columnDay { font-size: 1.5rem; font-weight: 500; color: #2F6F5E; }
.columnTitle { font-size: 2rem; font-weight: 600; color: #333; line-height: 1.1; margin-bottom: 1rem; }
@media only screen and (max-width:768px){
    .columnTitle { font-size: 1.6rem; }

}


.headerMenuBlock { padding: 0.5rem 6rem 0 0; }
.headerMenuSub { display: flex; justify-content: flex-end; }
.headerMenuSub li { border-right: solid 1px #999; margin-right: 10px; }
.headerMenuSub li a { padding: 1rem 2rem 1rem 1rem; }
.headerMenuSub li:nth-last-of-type(1) { border: none; }


footer { background: #EBEBEB; padding: 6rem 0; }
.footerLogo { display: block; margin: 0 auto 30px; }
.footerMenuSub { display: flex; justify-content: center; }
.footerMenuSub li { border-right: solid 1px #999; margin-right: 10px; }
.footerMenuSub li a { padding: 1rem 2rem 1rem 1rem; }
.footerMenuSub li:nth-last-of-type(1) { border: none; }


@media only screen and (max-width:768px){
    footer { padding: 6rem 0 10rem!important; }
    .footerMenuSub { display: none; }

}


main .contTit { display: block; margin: 4rem auto; line-height: 1.4; padding: 10px 0 20px 30px; font-size: 3.0rem; font-weight: 600; color: #475342; text-align: center; }
main .contTit span { position: relative; display: inline-block; }
main .contTit span::before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(-60%, -50%); width: 60px; height: 60px; background: url(assets/images/icon01.svg) no-repeat center/contain; z-index: -1; }


@media only screen and (max-width: 766px) {
    main .contTit { width: 100%; font-size: 2.0rem; margin: 2rem auto; }

}


main section { padding-top: 60px; padding-bottom: 60px; }
.cat { width: auto; padding: 5px 10px; color: #fff; font-size: 1.3rem; font-weight: 600; background: #2F6F5E; }
.columnCat-column { background: #2F6F5E; }
.columnCat-info { background: #C71A1A; }
@media only screen and (max-width: 766px) {
    .cat { margin: 0 0 0.5rem 0!important; }
}






.homeNews { padding-top: 20px; }
.homeNews article { display: block; width: 100%; padding: 2rem; background: #fff; }
.homeNews article .thumb { width: 150px; height: 130px; margin-right: 2%; background: #D3E9EF; }
.homeNews article .columnCasettleText { width: calc(97% - 150px); }
@media only screen and (max-width:768px){
    .homeNews article .flex { display: block;  }
    .homeNews .columnCasettle { height: 250px; width: 100%; margin-bottom: 20px; }
    .homeNews article .columnCasettleText { width: 100%; }
    .homeNews article .thumb { display: block; width: 100%; }
    .homeNews article p { font-size: 1.2rem; }
}

.homeBannerArea { width: 100%; padding: 0; margin: 4rem auto; }
.homeBannerArea a { width: 50%; margin: 0 auto; display: block; border: solid 1px #2F6F5E; }
.homeBannerArea a img { width: 100%; }
@media only screen and (max-width:768px){
    .homeBannerArea { margin: 2rem auto; }
}

.homeColumnArea { width: 100%; margin: 4rem auto; }
.homeColumnArea article { display: block; width: 100%; padding: 2rem; margin: 2rem auto; border-radius: 10px; }
.homeColumnArea article a { background: rgba(255,255,255,0.8); padding: 2rem; margin-top: 20rem; display: block; }
.homeColumnArea article h3 { font-size: 2.0rem; font-weight: 600; color: #333; }
.homeColumnArea article .columnDay { font-size: 1.8rem; font-weight: 600; color: #333; }
.homeColumnArea article .columnTitle { font-size: 2.2rem; font-weight: 600; color: #2F6F5E; }
.homeColumnArea article .columnArea { font-size: 1.6rem; font-weight: 600; color: #333; }

@media only screen and (max-width:768px){
    .homeColumnArea { margin: 2rem auto; }
}




/*single*/
.single .visualArea { width: 100%; height: 260px; overflow: hidden; background: linear-gradient(to bottom, #F3F3E6 0%, #F3F3E6 40%, #F5FFED 40%, #F5FFED 100%); margin: 0 auto; padding-bottom: 30px; }
.single .visualInner { width:90%; margin: 0 auto; height: 100%; position: relative; }
.single .visualInner img { border-radius: 20px 20px 0 0; }
.single .singleCont { width: 100%; background: linear-gradient(to bottom, #F5FFED 0%, #F5FFED 20%, #F3F3E6 20%, #F3F3E6 100%); padding: 0; }
.single .singleContInner { width:90%; margin: 0 auto; padding: 4rem 10%; height: 100%; position: relative; background-color: #fff; }
.single .newsBody * { word-wrap: break-word; }
.single .newsBody p { font-size: 1.6rem; color: #333; font-weight: 500; line-height: 2.0; margin: 0 0 2rem 0; letter-spacing: 0.1em; /*text-indent: 1em;*/ }
.single .newsBody h2 { font-size: 3.0rem; color: #103784; font-weight: 500; line-height: 1.8; margin: 6rem 0 2rem; }
.single .newsBody h3 { font-size: 2.6rem; color: #333; font-weight: 500; line-height: 1.8; margin: 3rem 0 1rem; padding: 0 0 1rem 0; border-bottom: solid 1px #47BEE2; }
.single .newsBody ul { list-style-type: circle; padding: 2rem; }
.single .newsBody ol { list-style-type: decimal; padding: 2rem; }
.single .newsBody li { font-size: 1.9rem; color: #333; font-weight: 400; line-height: 2.0; margin: 3rem 0; }
.singleMetaBox { background: #f5f5f5; padding: 2rem; margin: 2rem auto; }
.singleMetaBox h5 { display: flex; justify-content: flex-start; }
.singleMetaBox h5 span { margin:1rem; }
.singleTag p { margin: 1rem; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.singleTag p span { background: #f5f5f5; padding: 0.7rem 2rem; border-radius: 40px; }

@media only screen and (max-width:768px){
    .single .visualArea { height: auto; }
    .single .visualInner { width:100%; }
    .single .visualInner img { border-radius: 0; }
    .single .newsBody p { font-size: 1.4rem; }
    .single .newsBody h2 { font-size: 2.0rem; }
    .single .newsBody h3 { font-size: 1.6rem;  }
    .single .newsBody ul { list-style-type: circle; padding: 2rem; }
    .single .newsBody ol { list-style-type: decimal; padding: 2rem; }
    .single .newsBody li { font-size: 1.4rem; color: #333; font-weight: 400; line-height: 2.0; margin: 3rem 0; }


}

/*コラムの文字装飾*/
.single .newsBody .nami { text-underline-offset: .1em; text-decoration-line: underline; text-decoration-style: wavy; }
.single .newsBody .kasen { text-decoration: underline; }
.single .newsBody .mokuji { padding: 2rem 2rem 2rem 4rem!important; background: #fff; border-radius: 10px; }
.single .newsBody .mokuji li { margin: 1rem 0!important; }
.single .newsBody .mokuji a { text-decoration: underline!important; }
.single .newsBody .red { color: #CC0000; }
.single .newsBody .bold { font-weight: 800; }







/*category*/
.category .visualArea { width: 100%; height: 260px; overflow: hidden; background: linear-gradient(to bottom, #F3F3E6 0%, #F3F3E6 40%, #F5FFED 40%, #F5FFED 100%); margin: 0 auto; padding-bottom: 30px; }
.category .visualInner { width:90%; margin: 0 auto; height: 100%; position: relative; }
.category .visualInner img { border-radius: 20px 20px 0 0; }
.category .categoryCont { width: 100%; background: linear-gradient(to bottom, #F5FFED 0%, #F5FFED 20%, #F3F3E6 20%, #F3F3E6 100%); padding: 0; }
.category .categoryContInner { width:90%; margin: 0 auto; padding: 4rem 10%; height: 100%; position: relative; background-color: #fff; }
.category .columnCasettle { height: 300px; width: 30%; position: relative; margin: 1%; }
.category .columnCasettle .columnCasettleText { background:rgba(255,255,255,0.8); padding: 15px; width: 100%; height: 120px; position: absolute; bottom: 0; }
.category .columnCasettle .columnCasettleText .columnTitle { font-size: 1.6rem; }
@media only screen and (max-width:768px){
    .category .columnCasettle { width: 100%; position: relative; margin: 1%; display: block; }
    .category .contBody { display: block; }
    .category .visualArea { height: auto; }
    .category .visualInner { width:100%; }
    .category .visualInner img { border-radius: 0; }
    .category article { margin: 4rem auto!important; }
}






/*pagenation*/
.pagenation { width: 100%; margin: 2rem auto; padding: 2rem; background: rgba(255,255,255,0.6); text-align: center; }
.pagenation .wp-pagenavi { text-align: center; font-size: 1.6rem; }
.pagenation .wp-pagenavi .pages { padding: 0.7rem 2.1rem; color: #333; border: solid 1px #999; }
.pagenation .wp-pagenavi .page { padding: 0.7rem 2.1rem; }
.pagenation .wp-pagenavi .current { padding: 0.7rem 2.1rem; background: #1aa5cf; color: #fff; border: none; }
.pagenation .wp-pagenavi .larger { padding: 0.7rem 2.1rem; border: solid 1px #0088b8; color: #0088b8; }
.pagenation .wp-pagenavi .smaller { padding: 0.7rem 2.1rem; border: solid 1px #0088b8; color: #0088b8; }
.pagenation .wp-pagenavi .previouspostslink { padding: 0.7rem 2.1rem; border: solid 1px #0088b8; color: #0088b8; }
.pagenation .wp-pagenavi .nextpostslink { padding: 0.7rem 2.1rem; border: solid 1px #0088b8; color: #0088b8; }


/*page*/
.page .visualArea { width: 100%; height: 260px; overflow: hidden; background: linear-gradient(to bottom, #F3F3E6 0%, #F3F3E6 40%, #F5FFED 40%, #F5FFED 100%); margin: 0 auto; padding-bottom: 30px; }
.page .visualInner { width:90%; margin: 0 auto; height: 100%; position: relative; }
.page .visualInner img { border-radius: 20px 20px 0 0; }
.page .pageCont { width: 100%; background: linear-gradient(to bottom, #F5FFED 0%, #F5FFED 20%, #F3F3E6 20%, #F3F3E6 100%); padding: 0; }
.page .pageContInner { width:90%; margin: 0 auto; padding: 4rem 10%; height: 100%; position: relative; background-color: #fff; }
.page .pageBody { background: url(assets/images/bg.png) no-repeat bottom right; }
.page .pageBody h2 { display: block; margin: 4rem auto; line-height: 1.4; padding: 10px 0 20px 30px; font-size: 3.0rem; font-weight: 600; color: #475342; text-align: center; }
.page .pageBody h2 span { position: relative; display: inline-block; z-index: 1; }
.page .pageBody h2 span::before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(-60%, -50%); width: 60px; height: 60px; background: url(assets/images/icon01.svg) no-repeat center/contain; z-index: -1; }
.page .pageBody h3 { display: block; margin: 4rem auto; line-height: 1.4; padding: 10px 0 10px 30px; font-size: 2.0rem; font-weight: 600; color: #2F6F5E; text-align: center; }

.page .pageBody p { font-size: 1.8rem; color: #3E3030; font-weight: 500; line-height: 1.8; margin: 2rem 0; }

.page .pageBody ul { list-style-type: circle; padding: 2rem; }
.page .pageBody ol { list-style-type: decimal; padding: 2rem; }
.page .pageBody li { font-size: 1.8rem; color: #3E3030; font-weight: 500; line-height: 1.8; margin: 2rem 0; }

.page .pageBody table { width: 100%; margin: 2rem auto; }
.page .pageBody table thead th { text-align: center; font-size: 1.4rem; font-weight: 600; }
.page .pageBody table th,.page .pageBody table td { padding: 1rem; font-size: 1.4rem; color: #3D3232; border: none; border-bottom: solid 1px #999; }
.page .pageBody table a { font-size: 1.4rem; text-decoration: underline; }
@media only screen and (max-width: 766px) {
    .page .visualArea { height: auto; }
    .page .visualInner { width:100%; }
    .page .visualInner img { border-radius: 0; }
    .page .pageBody h2 { margin: 2rem auto; padding: 10px 0 20px 30px; font-size: 2.0rem; }
    .page .pageBody p { font-size: 1.4rem; margin: 1.4rem 0!important; }
    .page .pageBody table { display: block; }
    .page .pageBody table thead { display: none; }
    .page .pageBody table tbody { width: 100%; display: block; }
    .page .pageBody table tr { width: 100%; display: block; }
    .page .pageBody table td { width: 100%; display: block; position: relative; display: flex; justify-content: space-between; }
    .page .pageBody table td::before { content: attr(data-label); font-weight: bold; margin-right: 8px; }
    .page .pageBody table tr td:nth-of-type(1) { font-weight: bold; background: #2F6F5E; color: #fff; margin-top: 4rem; }
    .page .pageBody table tr td a { color: #fff; }
}

/*breadcrumb*/
#breadcrumbs { padding:1rem 0; }
#breadcrumbs ul { display: flex; justify-content: flex-start; }
@media only screen and (max-width: 766px) {
    #breadcrumbs ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
    #breadcrumbs ul li { font-size: 1.4rem!important; }
}


/*固定ページ差分*/
.about .pageBody p { line-height: 2.0; margin: 6rem auto; }
.member .pageBody h2 { margin: 12rem auto 1rem; height: 80px; text-align: left; background: url(assets/images/icon01.svg) no-repeat; }
.inquiry .pageBody .wp-block-group { width: 80%; margin: 2rem auto; padding: 4rem; border: solid 1px #ccc; background: rgba(255,255,255,0.5); }
.inquiry .pageBody h6 { font-size: 2.0rem; font-weight: 600; }