/* ---- style.css ---- */
@font-face{font-family: 'design_plus';
  src: url('../fonts/design_plus.eot?v=1.1');
  src: url('../fonts/design_plus.eot?v=1.1#iefix') format('embedded-opentype'),
       url('../fonts/design_plus.woff?v=1.1') format('woff'),
       url('../fonts/design_plus.ttf?v=1.1') format('truetype'),
       url('../fonts/design_plus.svg?v=1.1#design_plus') format('svg');
  font-weight: normal;
  font-style: normal;}
@font-face{font-family: 'footer_bar';
  src: url('../fonts/footer_bar.eot?v=1.2');
  src: url('../fonts/footer_bar.eot?v=1.2#iefix') format('embedded-opentype'),
       url('../fonts/footer_bar.woff?v=1.2') format('woff'),
       url('../fonts/footer_bar.ttf?v=1.2') format('truetype'),
       url('../fonts/footer_bar.svg?v=1.2#footer_bar') format('svg');
  font-weight: normal;
  font-style: normal;}
@font-face{font-family: 'update_icon';
  src: url('../fonts/update_icon.eot?v=1.0');
  src: url('../fonts/update_icon.eot?v=1.0#iefix') format('embedded-opentype'),
       url('../fonts/update_icon.woff?v=1.0') format('woff'),
       url('../fonts/update_icon.ttf?v=1.0') format('truetype'),
       url('../fonts/update_icon.svg?v=1.0#update_icon') format('svg');
  font-weight: normal;
  font-style: normal;}
@font-face{font-family: 'tiktok_x_icon';
  src: url('../fonts/tiktok_x_icon.eot?v=1.1');
  src: url('../fonts/tiktok_x_icon.eot?v=1.1#iefix') format('embedded-opentype'),
       url('../fonts/tiktok_x_icon.woff?v=1.1') format('woff'),
       url('../fonts/tiktok_x_icon.ttf?v=1.1') format('truetype'),
       url('../fonts/tiktok_x_icon.svg?v=1.1#tiktok_x_icon') format('svg');
  font-weight: normal;
  font-style: normal;}
html,body,div,span,iframe,h1,h2,h3,h4,p,a,img,strong,ol,ul,li,table,tbody,thead,tr,th,td,article,figure,footer,header,nav,section,time,mark{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
article,figure,footer,header,nav,section{display:block;}
html{overflow-y: scroll; -webkit-text-size-adjust:100%;}
ul,ol{list-style:none;}
a:focus{outline:none;}
mark{font-weight:bold;}
table{border-collapse:collapse; border-spacing:0; width:100%;}
button{outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:100%;}
button::-moz-focus-inner{border:0; padding:0;}
iframe{max-width:100%;}
.clearfix::after{display:block; clear:both; content:"";}
html{scroll-padding-top:100px;}
body{overflow:hidden; font-family:Arial,sans-serif; font-size:14px; line-height:1; width:100%; position:relative; -webkit-font-smoothing:antialiased;}
a{text-decoration:none;}
a,a:before,a:after{-webkit-transition-property:background-color, color,opacity; -webkit-transition-duration:0.25s; -webkit-transition-timing-function:ease;
  transition-property:background-color, color,opacity; transition-duration:0.25s; transition-timing-function:ease;}
#container{position:relative; height:100%;}
#main_contents{width:1000px; margin:0 auto; position:relative;}
#main_col{width:700px; float:left; margin:0 0 150px 0;}
#side_col{width:250px; float:right; margin:0 0 150px 0;}
#page_header{width:1200px; height:400px; margin:0 auto; position:relative; overflow:hidden;}
#page_header_inner{width:100%; height:400px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -ms-align-items:center; -webkit-align-items:center; align-items:center;
  -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;}
#page_header .sub_title{position:absolute; top:0px; left:0px; width:150px; height:150px; background:#00a7ce; color:#fff; z-index:10; text-align:center;}
#page_header .sub_title span{display:block; line-height:1.5; padding:0 15px; word-wrap: break-word;
  position:relative; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#page_header .title{z-index:10; font-weight:500; line-height:1.5; padding:0; text-align:center; color:#fff; font-size:28px;}
#page_header .image{width:100%; height:100%; z-index:1; position:absolute; top:0px; left:0px;}
#page_header .overlay{width:100%; height:100%; z-index:1; position:absolute; top:0px; left:0px;}
#page_header .title{opacity:0; display:block; position:relative;}
#blog_archive{padding:0 0 150px;}
#blog_archive>div:first-child:not(#content_header){padding-top:120px;}
#blog_list .item{width:calc(100% / 3); float:left; margin-bottom:-1px; height:369px; position:relative;}
#blog_list .image_link{display:block; background:none;}
#blog_list .image_wrap{display:block; width:100%; height:210px; position:relative; z-index:1; overflow:hidden;}
#blog_list .image{width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2;}
#blog_list .title_area{padding:25px 30px; background:#fff; height:159px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
#blog_list .item:nth-child(3n + 1) .title_area{border-left:1px solid #ddd;}
#blog_list .title{font-weight:500; font-size:14px; line-height:1.6; max-height:4.8em; overflow:hidden; visibility:visible;}
#blog_list .title span{display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-width: 100%;}
#blog_list .category a{display:inline-block; font-size:12px; padding:0 20px; min-width:110px; height:35px; line-height:35px; text-align:center;
  position:absolute; top:175px; left:30px; z-index:10;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
#blog_list .date{position:absolute; bottom:30px; left:30px; color:#999; font-size:14px;}
.page_navi{margin:60px 0 0; z-index:10; position:relative;}
.page_navi ul{margin:0; font-size:0; text-align:center;}
.page_navi li{display:inline-block; margin:0 -1px 0 0;}
.page_navi a,.page_navi a:hover,.page_navi span{color:#000; background:#fff; border:1px solid #ddd; font-size:14px; width:45px; height:45px; line-height:45px; display:inline-block; text-align:center;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
.page_navi a:hover{color:#fff;}
.page_navi span.current{color:#fff; background:#000; border-color:#000; position:relative;}
.page_navi .next span{display:none;}
.page_navi .next:before{font-family:'design_plus'; font-size:11px; top:1px; position:relative;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.page_navi .next:before{content:'\e910';}
.page_navi .next:hover:before{color:#fff;}
#news_list{position:relative;}
#news_list .item{position:relative;}
#news_list a{display:block;}
#news_list .image_wrap{display:block; width:333px; height:210px; float:left; position:relative; z-index:1; overflow:hidden;}
#news_list .image{width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2;}
#news_list .title_area{border:1px solid #ddd; border-left:none; border-bottom:none;
  width:calc(100% - 333px); float:left; background:#fff; height:210px; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
#news_list .item:last-of-type .title_area{border-bottom:1px solid #ddd;}
#news_list .title_area_inner{padding:0 60px; position:absolute; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#news_list .date{font-size:14px; color:#999; margin:0 0 10px 0;}
#news_list .title{font-weight:500; line-height:1.8; max-height:3.6em; font-size:18px; overflow:hidden; visibility:visible; width:100%;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
#news_list .title span{display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.post_content a:hover{text-decoration:none;}
#post_title_area{margin:0 0 32px 0; position:relative;}
#post_title_area .image{margin:0 0 47px 0; width:100%; height:440px; z-index:1;}
#post_title_area .title{font-size:24px; line-height:1.6; font-weight:600;}
#post_title_area .date{font-size:14px; color:#999; margin:12px 0 0 0;}
#post_title_area li{float:left; color:#999;}
#post_title_area .category a{position:absolute; top:405px; left:0px; z-index:2;
  padding:0 16px; font-size:13px; font-weight:500; text-align:center; min-width:88px; height:28px; line-height:28px; display:inline-block;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
#post_title_area.no_image .category a{position:relative; top:0; margin:0 0 18px 0;}
#related_post{margin:100px 0 0; position:relative;}
#related_post .headline{border-top:3px solid #00a7ce; display:table; margin:0 auto 48px; font-weight:500; font-size:22px; padding:25px 0 0 0;}
#related_post .item{width:calc(100% / 3); float:left; margin-bottom:-1px; height:269px; position:relative;}
#related_post .image_link{display:block; background:none;}
#related_post .image_wrap{display:block; width:100%; height:148px; position:relative; z-index:1; overflow:hidden;}
#related_post .image{width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2;}
#related_post .title_area{padding:17px 30px; background:#fff; height:121px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
#related_post .item:nth-child(3n + 1) .title_area{border-left:1px solid #ddd;}
#related_post .title{font-weight:500; font-size:14px; line-height:1.6; max-height:4.8em; overflow:hidden; visibility:visible;}
#related_post .title span{display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#related_post .date{position:absolute; bottom:18px; left:30px; color:#999; font-size:12px;}
#related_post .category a{display:inline-block; font-size:10px; padding:0 20px; min-width:90px; height:30px; line-height:30px; text-align:center;
  position:absolute; top:118px; left:30px; z-index:10;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
#next_prev_post{margin:50px 0 0 0;}
#next_prev_post .item{float:left; height:120px; width:50%; position:relative;}
#next_prev_post a{display:block; position:relative; width:100%; height:100%; border:1px solid #ddd; background:#fff;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
#next_prev_post a:before{content:''; font-family:'design_plus'; color:#111; font-size:12px; display:block;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:'\e90f'; position:absolute; left:23px; margin-top:2px;
  top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#next_prev_post .next_post a:before{content:'\e910'; left:auto; right:23px;}
#next_prev_post .title{font-size:16px; line-height:1.6; max-height:3.2em; overflow:hidden; position:absolute; width:100%; padding:0 30px 0 57px; visibility:visible;
  top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
  -webkit-box-sizing:border-box; box-sizing:border-box;}
#next_prev_post .title span{display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#next_prev_post .nav{display:none;}
#next_prev_post .next_post{float:right; left:-1px; position:relative;}
#next_prev_post .next_post .title{padding:0 57px 0 30px;}
#side_button{position:absolute; top:149px; z-index:100; opacity:0;
  -webkit-transition: left 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s; transition: left 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;}
#side_button.fixed{position:fixed; top:149px !important;}
#side_button a{font-size:14px; display:block; height:60px; line-height:60px; padding:0 40px 0 62px; color:#fff; background:#529eaa; position:relative;}
#side_button a:hover{background:#37828e;}
#side_button .item{position:relative;}
#side_button .item:before{font-family: "footer_bar"; font-size:18px; color:#fff; font-weight:normal;
  position:absolute; left:0px; text-align:center; z-index:1;
  width:60px; height:60px; line-height:62px;}
#side_button .side_button_icon_tel:before{content: "\e90b";}
#side_button .side_button_icon_calendar:before{content: "\e908";}
body.home #side_button.right{margin-left:60px;}
#bread_crumb{margin:0 auto;}
body.single-post #bread_crumb,body.single-news #bread_crumb{width:1000px; margin:40px auto 18px;}
#bread_crumb ul{margin:0 auto; padding:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; visibility:visible;}
#bread_crumb li{display:inline; font-size:13px; margin:0; padding:0; position:relative;}
#bread_crumb li:after{font-family:'design_plus'; content:'\e910'; font-size:10px; color:#000;
  display:inline-block; line-height:70px; height:69px; margin:0 12px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#bread_crumb li:last-of-type:after{display:none;}
#bread_crumb,#bread_crumb li.last{color:#999;}
#bread_crumb li a{height:69px; line-height:70px; display:inline-block;}
#bread_crumb li.category a{display:none;}
#bread_crumb li.category a:first-of-type,#bread_crumb li.category a:only-of-type{display:inline-block;}
#bread_crumb li.home a{position:relative; width:16px;}
#bread_crumb li.home a span{opacity:0;}
#bread_crumb li.home a:before{font-family:'design_plus'; content:'\e90c'; font-size:12px;
  display:inline-block; height:100%; line-height:1; top:0px; position:relative;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.widget_content{margin:0 0 50px 0;}
.widget_content:last-of-type{margin-bottom:0;}
.widget_content ul{margin:0;}
.widget_content li{line-height:2; padding:2px 0; margin:0 0 10px 0;}
.widget_content a{text-decoration:none; color:#000;}
.widget_content img{height:auto; max-width:100%;}
.widget_headline{font-weight:500; display:inline-block; font-size:16px; border-top:3px solid #00a7ce; padding:20px 0 0 0;  margin:0 0 20px 0;}
.tcd_ad_widget{border:none; padding:0; background:none;}
.tcd_ad_widget img{height:auto; max-width:100%; margin:0 auto; display:block;}
.styled_post_list1 li{margin:0; padding:0;}
.styled_post_list1 li:last-child{margin:0;}
.styled_post_list1 a{display:block; width:100%; height:100px; overflow:hidden; background:#fff !important; position:relative;}
.styled_post_list1 .image_wrap{float:left; display:block; width:100px; height:100px; position:relative; z-index:1; overflow:hidden;}
.styled_post_list1 .image{width:100%; height:100px !important; display:block; overflow:hidden; position:relative; z-index:2;}
.styled_post_list1 .image img{width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.styled_post_list1 .title_area{width:calc(100% - 100px); height:100px; float:left; border:1px solid #ddd; border-left:none; border-bottom:none; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
.styled_post_list1 li:last-of-type .title_area{border-bottom:1px solid #ddd;}
.styled_post_list1 .title_area_inner{position:absolute; padding:0 18px;
  top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.styled_post_list1 .title{margin:3px 0 0 0; font-size:14px; line-height:1.6; max-height:4.8em; font-weight:500; word-break:break-all; overflow:hidden;
  -webkit-transition-property:color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  transition-property:color; transition-duration:0.2s; transition-timing-function:ease;}
.styled_post_list1 .title span{display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.styled_post_list1 .date{font-size:12px; color:#999;
  -webkit-transition-property:color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  transition-property:color; transition-duration:0.2s; transition-timing-function:ease;}
.styled_post_list1 a:hover .title{color:#666;}
.tcd_category_list_widget .widget_headline{z-index:2;}
.tcd_category_list{position:relative; margin:0; top:-1px;}
.tcd_category_list li{margin:0; padding:0; background:none; position:relative;}
.tcd_category_list a{display:block; padding:0 24px; height:50px; line-height:50px; overflow:hidden; margin:0 0 -1px 0; text-decoration:none; position:relative; background:#fff; border:1px solid #ddd;
  -webkit-box-sizing:border-box; box-sizing:border-box;}
.tcd_category_list a:hover{color:#fff;}
.tcd_category_list li li a{padding-left:38px;}
.tcd_category_list li li li a{padding-left:52px;}
.tcd_category_list li li li li a{padding-left:66px;}
.tcd_category_list ul{display:none; margin:0 !important; padding:0 !important; background:none;
  z-index:9; position:relative;}
.tcd_category_list ul ul{width:100%; position:relative;}
.tcd_category_list ul li{margin:0; padding:0;}
.p-dropdown{font-size:14px;}
.p-dropdown__title{-webkit-box-sizing:border-box; box-sizing:border-box; position: relative; height:50px; line-height:50px; padding:0 18px; border:1px solid #ddd; background:#fff; color:#000; z-index:10;}
.p-dropdown__title::after{position:absolute; right:17px; top:2px; font-family:"design_plus"; content:"\e90e"; color:#000;}
.p-dropdown__title:hover{cursor:pointer;}
.p-dropdown__title:hover:after{color:#ccc;}
.p-dropdown__list{display:none; top:-1px; position:relative;}
.p-dropdown__list li{line-height:1.5; margin:0; padding:0; position:relative;}
.p-dropdown__list li ul{margin:0; position:relative; display:none;}
.p-dropdown__list li a{display:block; padding:0px 18px; height:47px; line-height:47px; margin:-1px 0 0 0; background:#fff; color:#000; border:1px solid #ddd;}
.p-dropdown__list li li a{padding-left:32px;}
.p-dropdown__list li li li a{padding-left:46px;}
.p-dropdown__list li li li li a{padding-left:60px;}
.post_content .aligncenter{display:block; margin-left:auto; margin-right:auto; margin-bottom:40px;}
.post_content img.aligncenter{margin-top:7px; margin-bottom:7px;}
.post_content p{line-height:1.8; margin:0 0 2em 0; word-wrap: break-word;}
.post_content p:last-child{margin:0;}
.post_content h1,.post_content h2,.post_content h3,.post_content h4{clear:both; line-height:1.4; margin:0 0 15px 0; padding:0; font-weight:600;}
.post_content h2{font-size:140%;}
.post_content h3{font-size:130%;}
.post_content h4{font-size:120%;}
.post_content img[class*="align"],.post_content img[class*="wp-image-"],.post_content img[class*="attachment-"],.post_content img.size-full,.post_content img.size-large,.post_content img{height:auto; max-width:100%;}
.post_content li{line-height:2.4;}
.post_content ul,.post_content ol{margin-bottom:24px;}
.post_content ol{list-style:decimal outside none; margin-left:1.5em;}
.post_content ul{list-style:circle outside none; margin-left:1.3em;}
.post_content li > ul,.post_content li > ol{margin-bottom:0;}
.post_content table{margin:0 0 24px 0; width:100% !important;}
.post_content td,.post_content th{border:1px solid #ccc; padding:10px 15px; line-height:2.4; background:#fff;}
.post_content th{background:#f2f2f2; font-weight:normal;}

/* ---- design-plus.css ---- */
@font-face{font-family: 'design_plus';
    src: url('../fonts/design_plus.eot?v=1.5');
    src: url('../fonts/design_plus.eot?v=1.5#iefix') format('embedded-opentype'),
         url('../fonts/design_plus.woff?v=1.5') format('woff'),
         url('../fonts/design_plus.ttf?v=1.5') format('truetype'),
         url('../fonts/design_plus.svg?v=1.5#design_plus') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face{font-family: 'tiktok_x_icon';
  src: url('../fonts/tiktok_x_icon.eot?v=1.0');
  src: url('../fonts/tiktok_x_icon.eot?v=1.0#iefix') format('embedded-opentype'),
       url('../fonts/tiktok_x_icon.woff?v=1.0') format('woff'),
       url('../fonts/tiktok_x_icon.ttf?v=1.0') format('truetype'),
       url('../fonts/tiktok_x_icon.svg?v=1.0#tiktok_x_icon') format('svg');
  font-weight: normal;
  font-style: normal;}
@media screen and (min-width: 769px){
.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h2,.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h3,.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h4{margin-top: 40px !important;}
}
@media screen and (max-width: 768px){
.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h2,.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h3,.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h4{margin-top: 30px !important;}
}
@media screen and (max-width: 600px){
.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h2,.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h3,.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h4{margin-top: 20px !important;}
}
.post_content h2{font-size:24px;}
.post_content h3{font-size:22px;}
.post_content h4{font-size:20px;}
@media screen and (max-width: 767px){
.post_content h2{font-size:20px;}
.post_content h3{font-size:18px;}
.post_content h4{font-size:18px;}
}

/* ---- sns-botton.css ---- */


/* ---- responsive.css ---- */
#main_contents{width:auto !important; margin:0; padding:0 100px 100px;}
body.post-type-archive-news #main_contents,body.single #main_contents{padding-bottom:0px;}
#main_col{width:calc(100% - 300px); margin:0 0 100px 0;}
#side_col{width:250px; margin:0 0 100px 0;}
@media screen and (max-width:1050px){
body.post-type-archive-news #main_contents{padding-bottom:50px;}
#main_col{float:none !important; width:auto; margin:0 0 100px 0;}
#side_col{float:none !important; width:auto; margin:0;}
}
@media screen and (max-width:950px){
#main_contents{padding:0 50px 50px;}
body.post-type-archive-news #main_contents{padding-bottom:0px;}
#main_col{margin:0 0 50px 0;}
}
@media screen and (max-width:750px){
#main_contents{padding:0 20px 40px;}
#main_col{margin:0 0 40px 0;}
}
_::-webkit-full-page-media,_:future{background:rgba(0,0,0,0.6); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}
#page_header{width:auto !important; height:400px;}
#page_header_inner{width:auto !important; height:400px;}
@media screen and (max-width:950px){
#page_header{height:300px;}
#page_header_inner{height:300px;}
#page_header .sub_title{width:120px; height:120px;}
#page_header .sub_title span{padding:0 10px;}
}
@media screen and (max-width:550px){
#page_header{height:200px;}
#page_header_inner{height:200px;}
#page_header .sub_title{width:80px; height:80px;}
}
#blog_archive{padding:0;}
#blog_archive>div:first-child:not(#content_header){padding-top:0;}
@media screen and (max-width:950px){
#blog_list .item{width:50%;}
#blog_list .item:nth-child(3n + 1) .title_area{border-left:none;}
#blog_list .item:nth-child(2n + 1) .title_area{border-left:1px solid #ddd;}
}
@media screen and (max-width:750px){
#blog_list{margin:0 -21px;}
}
@media screen and (max-width:550px){
#blog_list .item{height:236px;}
#blog_list .image_wrap{height:115px;}
#blog_list .title_area{height:121px; padding:16px 20px;}
#blog_list .category a{top:85px; left:20px; height:30px; line-height:30px; font-size:12px; min-width:90px; padding:0 15px;}
#blog_list .date{font-size:12px; left:20px; bottom:20px;}
}
.page_navi{margin:50px 0 0; z-index:10; position:relative;}
@media screen and (max-width:750px){
.page_navi{margin:40px 0 0;}
body.post-type-archive-news .page_navi{margin-top:40px;}
}
#news_list .image_wrap{width:50%;}
#news_list .title_area{width:50%;}
#news_list .title_area_inner{padding:0 40px;}
@media screen and (max-width:750px){
#news_list{margin:0 -21px;}
#news_list .image_wrap{height:150px;}
#news_list .title_area{height:150px;}
#news_list .title_area_inner{padding:0 20px; margin-top:3px;}
#news_list .title{line-height:1.5; max-height:4.5em;}
#news_list .title span{-webkit-line-clamp:3;}
#news_list .date{font-size:12px; margin:0 0 5px 0;}
}
@media screen and (max-width:550px){
#news_list .image_wrap{height:115px;}
#news_list .title_area{height:115px;}
}
#side_button{top:157px;}
#side_button.fixed{top:157px !important;}
@media screen and (max-width:950px){
#side_button{display:none;}
}
#bread_crumb{width:auto !important; height:auto; padding:1px 20px 0px !important; border-bottom:1px solid #ddd;}
body.single-post #bread_crumb,body.single-news #bread_crumb{width:auto; border-top:1px solid #ddd;}
#bread_crumb ul{width:auto !important;}
#bread_crumb li{font-size:13px;}
#bread_crumb li a{height:43px; line-height:43px;}
#bread_crumb li:after{height:43px; line-height:43px; margin:0 5px;}
#bread_crumb li.home a:before{font-size:12px;}
@media screen and (max-width:750px){
body.single-post #bread_crumb,body.single-news #bread_crumb{margin-bottom:-1px; margin-top: 30px;}
}
#post_title_area{margin-bottom:38px;}
#post_title_area .image{height:400px;}
#post_title_area .category a{top:365px;}
@media screen and (max-width:750px){
#post_title_area{margin:0 -20px 30px;}
#post_title_area .image{height:300px; margin-bottom:35px;}
#post_title_area .title{padding:0 20px;}
#post_title_area .date{margin: 7px 11px 0px 20px;}
#post_title_area .category a{top:265px; left:0px;}
}
@media screen and (max-width:550px){
#post_title_area{margin:0 -20px 20px;}
#post_title_area .image{height:226px; margin-bottom:25px;}
#post_title_area .category a{top:196px; min-width:90px; height:30px; line-height:30px; font-size:12px;}
#post_title_area.no_image .category a{margin:0 0 28px 0;}
}
@media screen and (max-width:1100px){
#next_prev_post{margin:50px 0 0;}
#next_prev_post .item{height:50px;}
#next_prev_post a{background:#fff; color:#000; border:1px solid #ddd;}
#next_prev_post .title_area{font-size:12px; margin:0; text-align:center; width:100%; height:50px;}
#next_prev_post .title{display:none;}
#next_prev_post .nav{display:block; position:relative; height:50px; line-height:50px; text-align:center;}
#next_prev_post .image_wrap{display:none;}
#next_prev_post a:before{content:''; font-family:'design_plus'; color:#111; font-size:12px; display:block;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    content:'\e90f'; position:absolute; left:18px; margin-top:2px;
    top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#next_prev_post .next_post a:before{content:'\e910'; left:auto; right:15px;}
#next_prev_post .next_post{float:right; margin:0; width:50%; position:relative; left:-1px;}
#next_prev_post .next_post .title_area{margin:0;}
body.single-news #next_prev_post .item:last-of-type a{border-left:1px solid #ddd;}
}
@media screen and (max-width:750px){
#next_prev_post{margin-top:40px;}
}
@media screen and (max-width:550px){
#next_prev_post{margin-top:30px;}
}
#related_post{margin:50px 0 1px 0;}
@media screen and (max-width:750px){
#related_post{margin:40px 0 1px 0;}
#related_post .headline{margin:0 auto 40px; padding-top:15px;}
}
@media screen and (max-width:650px){
#related_post .post_list{margin:0 -21px;}
#related_post .item{width:50%; height:236px;}
#related_post .item:nth-child(3n + 1) .title_area{border-left:none;}
#related_post .image_wrap{height:114px;}
#related_post .title_area{height:122px; padding:17px 20px;}
#related_post .category a{top:84px; left:20px;}
#related_post .date{left:20px; font-size:12px;}
}
@media screen and (max-width:1050px){
.widget_content{float:left; width:calc(50% - 25px); margin:0 50px 50px 0;}
.widget_content:nth-child(2n){margin-right:0px;}
.widget_content:last-of-type{margin-bottom:50px;}
}
@media screen and (max-width:750px){
.widget_content{float:none; width:auto; margin:0 0 40px;}
.widget_content:nth-child(2n){margin-right:0;}
.widget_content:last-of-type{margin-bottom:40px;}
.widget_headline{display:table; margin:0 auto 35px; padding-top:17px;}
}
@media screen and (max-width:750px){
.post_content p{line-height:1.8;}
.post_content li{line-height:1.8;}
.post_content td,.post_content th{line-height:1.8;}
}

/* ---- footer-bar.css ---- */
@font-face{font-family: 'footer_bar';
  src: url('../fonts/footer_bar.eot?v=1.2');
  src: url('../fonts/footer_bar.eot?v=1.2#iefix') format('embedded-opentype'),
       url('../fonts/footer_bar.woff?v=1.2') format('woff'),
       url('../fonts/footer_bar.ttf?v=1.2') format('truetype'),
       url('../fonts/footer_bar.svg?v=1.2#footer_bar') format('svg');
  font-weight: normal;
  font-style: normal;}

/* ---- simplebar.css ---- */
[data-simplebar]{position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;}

/* ---- slick.css ---- */
.slick-list{position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;}
.slick-list:focus{outline: none;}
.slick-track{position: relative;
    top: 0;
    left: 0;

    display: block;}
.slick-track:before,.slick-track:after{display: table;

    content: '';}
.slick-track:after{clear: both;}
.slick-slide{display: none;
    float: left;

    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-initialized .slick-slide{display: block;}

/* ---- wp-custom-css.css ---- */
h2.wp-block-heading{padding: 0.3em 0.5em;
    color: #ffffff;
    background: #964e73;
    margin: 40px 0 32px;
    font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif, serif;
    font-size: 22px;
    font-weight: 400;
	border-radius:4px}
h3.wp-block-heading{padding: 0.4em 0.5em;
    color: #964e73;
    background: #fbe9ee;
    border-left: solid 5px #c39aaf; 
    margin: 32px 0 24px 0;
	    font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif, serif;
    font-size: 1.2em;
    font-weight: 500;}
h4.wp-block-heading{padding: 0.2em 0.6em;
    color: #964e73;
    background: #f6eef2;
    border-bottom: dotted 2px #c39aaf;
    margin: 12px 0;
    font-size: 1.1em;
    font-weight: 500;}
.case-table{width: 100%;
    border-collapse: collapse;
    margin-top: 20px;}
.case-table th,.case-table td{padding: 16px;
    border: 1px solid #964e73; 
    font-size: 1rem;
    word-wrap: break-word;}
.case-table th{background-color: #fbe9ee; 
    color: #666;
    font-weight: bold;
    width: 25%;}
.case-table td{width: 75%;}
@media (max-width: 768px){
.case-table{font-size: 0.9rem;}
.case-table th,.case-table td{padding: 10px; 
        display: block; 
        width: 95%;}
.case-table th{font-weight: normal;
        color: #666; 
        font-size: 1.1rem;
        margin-bottom: 5px;}
.case-table td{margin-bottom: 15px;}
}

/* ---- current-page-styles.css ---- */
#page_header .title{font-size:28px; color:#ffffff;}
#page_header .sub_title{font-size:16px; color:#ffffff; background:#00a7ce;}
#main_contents{font-size:16px;}
@media screen and (max-width:750px){
#page_header .title{font-size:18px;}
#page_header .sub_title{font-size:14px;}
#main_contents{font-size:14px;}
}
#post_title_area .title{font-size:26px;}
#article .post_content{font-size:16px;}
#related_post .headline{font-size:18px; border-color:#964e73;}
@media screen and (max-width:750px){
#post_title_area .title{font-size:18px;}
#article .post_content{font-size:14px;}
#related_post .headline{font-size:15px;}
}
#page_header .title{font-size:28px; color:#FFFFFF;}
#page_header .sub_title{font-size:16px; color:#FFFFFF; background:#964e73;}
#blog_list .title{font-size:16px;}
@media screen and (max-width:750px){
#page_header .title{font-size:24px;}
#page_header .sub_title{font-size:14px;}
#blog_list .title{font-size:14px;}
}
#page_header .title{font-size:28px; color:#FFFFFF;}
#page_header .sub_title{font-size:16px; color:#FFFFFF; background:#964e73;}
#news_list .title{font-size:18px;}
@media screen and (max-width:750px){
#page_header .title{font-size:24px;}
#page_header .sub_title{font-size:14px;}
#news_list .title{font-size:15px;}
}
#page_header .title{font-size:28px; color:#FFFFFF;}
#page_header .sub_title{font-size:16px; color:#FFFFFF; background:#964e73;}
#post_title_area .title{font-size:24px;}
#article .post_content{font-size:16px;}
@media screen and (max-width:750px){
#page_header .title{font-size:24px;}
#page_header .sub_title{font-size:14px;}
#post_title_area .title{font-size:18px;}
#article .post_content{font-size:14px;}
}

/* =======================================================
   コラム一覧・詳細 リニューアル（2026-09）
   ブランドカラー #964e73 / 補助 #fbe9ee #c39aaf
   ======================================================= */

/* コラム詳細・お知らせ詳細は #page_header が無いため、固定ヘッダー分だけ本文を下げる。
   これをしないとパンくずが固定ヘッダー(.header-container PC約125px/.header SP約69px)の下に隠れて見えなくなる（一覧は帯があるので不要）。
   ※single-news.php にあったインライン margin-top:120px はこの方式に統一して撤去済み */
body.single-post,body.single-news{padding-top:125px;}
@media screen and (max-width:1024px){body.single-post,body.single-news{padding-top:69px;}}
body.single-post #bread_crumb,body.single-news #bread_crumb{margin-top:24px;}
@media screen and (max-width:750px){
body.single-post #bread_crumb,body.single-news #bread_crumb{margin-top:20px;}
}

/* ---- カテゴリー絞り込みタブ ---- */
.column_filter{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 0 48px;}
.column_filter__item{display:inline-block; padding:10px 22px; border:1px solid #e0cdd7; border-radius:999px; background:#fff; color:#964e73; font-size:14px; line-height:1.4; letter-spacing:.02em; white-space:nowrap;
  -webkit-transition:background .2s,color .2s,border-color .2s; transition:background .2s,color .2s,border-color .2s;}
.column_filter__item:hover{background:#fbe9ee; border-color:#964e73;}
.column_filter__item.is-active{background:#964e73; border-color:#964e73; color:#fff;}

/* ---- 一覧カード ---- */
#blog_archive{padding:56px 0 120px;}
#blog_list{display:grid; grid-template-columns:repeat(3,1fr); gap:30px 26px; margin:0;}
#blog_list .item{width:auto; float:none; height:auto; margin:0; position:relative; background:#fff; border:1px solid #eee; border-radius:12px; overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.04); -webkit-transition:box-shadow .25s,transform .25s; transition:box-shadow .25s,transform .25s;}
#blog_list .item:hover{box-shadow:0 12px 26px rgba(150,78,115,.15); transform:translateY(-4px);}
#blog_list .image_link{display:block; background:none; height:100%;}
#blog_list .image_wrap{width:100%; height:190px;}
#blog_list .item .category{margin:0;}
#blog_list .item .category a{position:absolute; top:14px; left:14px; bottom:auto; z-index:10; display:inline-block; min-width:0; width:auto; height:auto; line-height:1; padding:7px 14px; border-radius:999px; background:#964e73; color:#fff; font-size:12px; letter-spacing:.02em;}
#blog_list .item .category a:hover{background:#7a3d5c;}
#blog_list .title_area{height:auto; min-height:130px; padding:20px 22px 52px; background:#fff; border:none;}
#blog_list .item:nth-child(2n + 1) .title_area,#blog_list .item:nth-child(3n + 1) .title_area{border-left:none;}
#blog_list .title{font-weight:600; font-size:16px; line-height:1.7; max-height:none; color:#3a3a3a;}
#blog_list .title span{-webkit-line-clamp:3;}
#blog_list .date{position:absolute; bottom:18px; left:22px; color:#a08; color:#aa8ea0; font-size:13px; letter-spacing:.03em;}
@media screen and (max-width:950px){
#blog_list{grid-template-columns:repeat(2,1fr); gap:24px 20px; margin:0;}
#blog_list .item{width:auto;}
}
@media screen and (max-width:520px){
#blog_list{grid-template-columns:1fr; gap:20px;}
#blog_list .item{width:auto; height:auto;}
#blog_list .image_wrap{height:200px;}
#blog_list .title_area{min-height:0; padding:18px 20px 46px;}
#blog_list .item .category a{top:12px; left:12px;}
#blog_list .date{left:20px; bottom:16px;}
.column_filter{gap:8px; margin:0 0 36px;}
.column_filter__item{padding:8px 16px; font-size:13px;}
}

/* ---- 詳細：記事ヘッダー ---- */
#post_title_area{border-bottom:1px solid #f0e6ec; padding-bottom:22px; margin-bottom:36px;}
#post_title_area.no_image .category a{display:inline-block; background:#964e73; color:#fff; border-radius:999px; padding:6px 16px; font-size:12px; letter-spacing:.02em; margin:0 0 16px;}
#post_title_area.no_image .category a:hover{background:#7a3d5c;}
#post_title_area .title{color:#3a3a3a; line-height:1.55; letter-spacing:.02em;}
#post_title_area .date{color:#999;}

/* ---- 詳細：本文タイポグラフィ ---- */
#article .post_content{color:#444; line-height:1.95; letter-spacing:.02em;}
.post_content p{line-height:1.95; margin:0 0 1.8em;}

/* ---- 目次 ---- */
.post_toc{background:#fbf6f8; border:1px solid #ead7e0; border-radius:12px; padding:24px 28px; margin:0 0 40px;}
.post_toc__ttl{font-size:17px; font-weight:700; color:#964e73; text-align:center; letter-spacing:.1em; margin:0 0 14px; padding:0 0 12px; border-bottom:1px dashed #d8bccb;}
.post_toc__list{counter-reset:toc; margin:0; padding:0;}
.post_toc__item{list-style:none; line-height:1.7; margin:0 0 9px;}
.post_toc__item:last-child{margin-bottom:0;}
.post_toc__item a{display:inline-block; color:#555;}
.post_toc__item a:hover{color:#964e73; text-decoration:underline;}
.post_toc__item.lv2{counter-increment:toc; position:relative; padding-left:28px; font-weight:600;}
.post_toc__item.lv2::before{content:counter(toc); position:absolute; left:0; top:2px; width:20px; height:20px; line-height:20px; text-align:center; background:#964e73; color:#fff; border-radius:50%; font-size:11px;}
.post_toc__item.lv3{position:relative; padding-left:42px; font-size:.95em;}
.post_toc__item.lv3::before{content:""; position:absolute; left:30px; top:.85em; width:7px; height:1px; background:#c39aaf;}

/* ---- 詳細：一覧へ戻る ---- */
.back_to_column{text-align:center; margin:56px 0 0;}
.back_to_column a{display:inline-block; min-width:260px; padding:15px 32px; border:1px solid #964e73; border-radius:999px; color:#964e73; font-size:15px; letter-spacing:.05em;
  -webkit-transition:background .2s,color .2s; transition:background .2s,color .2s;}
.back_to_column a:hover{background:#964e73; color:#fff;}

/* ---- 詳細：前後リンク ---- */
#next_prev_post a:hover{border-color:#964e73; color:#964e73;}

/* ---- 詳細：関連記事 ---- */
#related_post .headline{border-color:#964e73;}
#related_post .post_list{display:grid; grid-template-columns:repeat(3,1fr); gap:26px 22px;}
#related_post .item{width:auto; float:none; height:auto; margin:0; position:relative; background:#fff; border:1px solid #eee; border-radius:12px; overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.04); -webkit-transition:box-shadow .25s,transform .25s; transition:box-shadow .25s,transform .25s;}
#related_post .item:hover{box-shadow:0 12px 26px rgba(150,78,115,.15); transform:translateY(-4px);}
#related_post .image_wrap{width:100%; height:150px;}
#related_post .title_area{height:auto; min-height:100px; padding:18px 20px; border:none;}
#related_post .item:nth-child(3n + 1) .title_area{border-left:none;}
#related_post .title{color:#3a3a3a; line-height:1.6;}
#related_post .date{position:static; margin:12px 0 0; color:#aa8ea0; font-size:12px;}
@media screen and (max-width:650px){
#related_post .post_list{grid-template-columns:repeat(2,1fr); gap:20px 16px; margin:0;}
#related_post .item{width:auto; height:auto;}
#related_post .image_wrap{height:120px;}
#related_post .title_area{min-height:0; padding:16px;}
}
