@charset "utf-8";
 @media print {
@page {
size: A4 portrait; margin: 15mm;
}
#side_menu,
#side_col,
#bread_crumb,
#header_search,
#main_contents:before,
#main_contents:after,
#post_title .date:before,
.addtoany_content,
#tcd_toc.styled,
#single_copy_title_url_top,
#post_meta_bottom,
#next_prev_post,
.author_profile>.tab,
#author_info>.avatar_area,
#footer_banner,
#footer_sns,
#related_post,
#footer_menu_bottom,
#return_top {
display: none;
}
#header_logo {
margin-left: 60px;
}
#container {
margin-left: 0;
}
#main_contents {
padding: 0 60px;
margin: 0 auto;
position: relative;
background: #fff;
display: block;
}
#main_col {
max-width: 740px;
width: auto;
padding: 0;
margin: auto;
}
#post_title {
margin-top: 30px;
margin-bottom: 30px;
}
#footer_top {
width: auto;
padding: 50px;
}
#post_title .title {
font-size: 20pt !important;
}
.post_content h2 {
font-size: 16pt !important;
}
.post_content p {
font-size: 13pt !important;
line-height: 1.8 !important;
}
.post_content .wp-caption-text {
font-size: 10pt !important;
}
.design_content .item {
height: auto;
display: block;
}
}   sup {
font-size: 0.5em;
vertical-align: top;
} .flex {
display: -webkit-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -moz-flex;
-js-display: flex;
display: flex;
}
.flex_wrap {
display: -webkit-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -moz-flex;
-js-display: flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px 0px;
} html,
body {
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
font-size: 16px;
}
@media screen and (max-width: 750px) {
html,
body {
font-size: 14px;
}
}
.title {
font-family: YakuHanMP, '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}
.rich_font,
h2 {
font-family: YakuHanMP, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.rich_font_type3 { font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.fw600 {
font-weight: 600;
}
time {
font-family: Arial;
} @media screen and (min-width: 651px) {
.sp {
display: none !important;
}
}
@media screen and (max-width: 650px) {
.dt {
display: none !important;
}
}  a:focus,
*:focus {
outline: none !important;
}   @media screen and (min-width: 1202px) {
#main_col {
width: calc(100% - 350px);
}
#side_col {
width: 300px;
}
}
#main_contents:after {
right: 409px;
}  #one_col {
padding: 0 0 100px;
}
@media screen and (max-width: 750px) {
#main_col {
margin: 0 12px;
}
} .post_carousel {
padding: 80px 0 150px;
}
@media screen and (max-width: 750px) {
.post_carousel {
padding: 50px 0 80px;
}
}  #site_desc {
font-size: 16px;
font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
letter-spacing: 5px;
}  .tcdw_tag_list_widget ol a:before {
content: "# ";
} #header.active {
background-color: rgba(255, 255, 255, 0.9) !important;
backdrop-filter: blur(15px);
}
#side_menu nav ul li:nth-of-type(-n+5) { padding-bottom: 10px; }
#side_menu nav ul li:nth-of-type(6) { padding-top: 30px;
}
#side_menu nav ul li:nth-of-type(n+5) { font-size: 14px;
}
#side_menu_content {
background: #e2e2e2;
left: -280px;
width: 280px;
}
#side_menu .sub-menu.active {
left: 360px !important;
}
#side_menu>.sub-menu {
background: #ececec;
}
#side_menu>.sub-menu a {
font-size: 0.95em;
}
#side_menu a {
color: #000;
}
#side_menu a:hover {
color: #828282;
}
#side_menu .menu-item-has-children:after,
#side_menu .menu-item-has-children:before {
background-color: #dd8500;
margin-top: 0;
}
#side_menu nav ul li a {
padding: 0 0 0 50px;
}
#side_menu nav ul li#menu-item-217 a { padding: 0 0 0 20px;
}
#side_menu nav ul li#menu-item-961 a { padding: 0 0 0 20px;
}
#side_menu .sub-menu a {
padding: 0 30px;
}
#menu-item-945 a:before { background-image: url(//think-miyakonojo.jp/images/icon/icon_article.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
#menu-item-946 a:before { background-image: url(//think-miyakonojo.jp/images/icon/icon_media.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
#menu-item-944 a:before { background-image: url(//think-miyakonojo.jp/images/icon/icon_local.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
#menu-item-218 a:before { background-image: url(//think-miyakonojo.jp/images/icon/icon_about.svg); background-size: contain;
background-position: center;
background-repeat: no-repeat; }
#menu-item-8751 a:before { background-image: url(//think-miyakonojo.jp/images/icon/icon_key.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
#side_menu nav ul li a:before {
position: absolute;
content: "";
top: 50%;
left: 15px;
width: 28px;
height: 28px;
transform: translateY(-50%);
margin-top: -5px;
}
#drawer_menu {
color: #0a0a0a;
background: #dddddd;
}
@media screen and (max-width:1201px) {
#mobile_menu>li:nth-of-type(-n+5):after {
background-image: url(//think-miyakonojo.jp/images/icon/icon_article.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
content: "";
top: 50%;
left: 17px;
width: 28px;
height: 28px;
transform: translateY(-50%);
margin-top: 0px;
}
#mobile_menu>li:nth-of-type(3):after {
background-image: url(//think-miyakonojo.jp/images/icon/icon_local.svg);
top: 30px;
}
#mobile_menu>li:nth-of-type(2):after {
background-image: url(//think-miyakonojo.jp/images/icon/icon_media.svg);
}
#mobile_menu>li:nth-of-type(4):after { background-image: url(//think-miyakonojo.jp/images/icon/icon_key.svg);
}
#mobile_menu>li:nth-of-type(5):after {
background-image: url(//think-miyakonojo.jp/images/icon/icon_about.svg);
}
#mobile_menu a {
color: #000;
border-color: #adadad;
font-size: 14px;
padding: 0 60px;
}
#mobile_menu li li a {
background: #eeeeee;
}
#mobile_menu .menu-item-217 a,
#mobile_menu .menu-item-961 a {
padding-left: 22px;
}
#footer_search {
background: rgb(255 255 255 / 80%);
border-radius: 50px;
}
#footer_search .button label:before {
color: #444;
}
#footer_search .input_area input {
color: #000;
}
} #page_header {
height: 350px;
}
#page_header .catch span {
margin: 0 auto 0.7em;
}
.tag #page_header .catch span:after {
background-color: #f4a004;
}
#page_header .desc {
background-color: rgba(0, 0, 0, 0.3);
width: fit-content;
margin: 0 auto !important;
padding: 18px; font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#page_header.simple .desc {
background-color: initial;
}
@media screen and (max-width: 750px) {
#page_header_inner {
padding: 0 20px;
}
} #lp_page_content+#footer_banner { display: none;
}
#footer_menu ul li a {
line-height: 2;
}
@media screen and (max-width:950px) {
#footer_menu ul li {
margin: 0;
}
#footer_top {
padding: 50px 0 80px;
}
} .content_inner .category,
.content .category,
#post_title .category {
font-weight: 600;
}
.name {
line-height: 1.5!important;
}
@media screen and (min-width: 1201px) {
.blog_list .content.no_author+.date,
.blog_list .content.no_author+*+.update {
bottom: 50px!important;
left: 50px!important;
}
}
@media screen and (min-width: 751px) {
#header_content_post_list .item .category {
font-size: 18px!important;
}
}
@media screen and (max-width: 950px) { .blog_list .content.no_author+.date,
.blog_list .content.no_author+*+.update {
bottom: 30px!important;
}
}  #header_content_post_list .item .content_inner {
padding: 10px 10px 10px 30px;
background-color: rgba(0, 0, 0, 0.4);
}
#header_content_post_list .item .title {
font-size: 25px;
}
@media screen and (max-width: 1201px) {
#header_content_post_list .item .title {
font-size: 25px !important;
}
}
#header_slider_wrap.index_slider_type3 #header_slider .caption {
padding: 0 30px;
}
#header_slider_wrap .carousel_arrow { opacity: 1;
}
#header_slider_wrap .carousel_arrow:hover:before { color: #FFF !important;
opacity: 0.6;
}
#header_slider_wrap .carousel_arrow:before { font-size: 22px;
}
video.video_wrap.video_media {
height: 100%;
width: 100%;
object-fit: cover;
}
@media screen and (max-width: 750px) {
#header_content_post_list .item .content {
width: calc(100% - 30px);
top: 61%;
}
#header_slider_wrap .carousel_arrow.next_item,
#header_slider_wrap .carousel_arrow.prev_item { display: block;
}
} div#cb_content_1 {
background-image: url(//think-miyakonojo.jp/images/2022/10/topAbout_bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
margin-bottom: 0; }
.cb_free_space p.more {
text-align: center;
font-size: 16px;
}
.topFree.archive_link:after,
.about.archive_link:after {
font-family: 'design_plus';
content: '\e94a';
font-size: smaller;
top: 0px;
right: 0px;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.topFree .owl-next {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit;
}
.topFree .owl-next {
font-family: 'design_plus';
font-size: 18px;
}
.topFree.owl-nav {
text-align: center;
}
.cb_content_header {
margin: 24px;
}
.cb_free_space.num1 h3 {
line-height: 3.5;
}  .cb_featured .button_list .item {
border: 4px solid #fcc969;
font-family: sans-serif;
font-weight: normal;
}
.cb_featured .button_list .item.active {
background: #f4a004;
}
.cb_featured .button_list {
flex-wrap: nowrap;
}
.cb_featured .featured_main_content {
width: 100%;
}
.featured_content {
padding-top: 100px;
}
.featured_post .content {
padding: 17px 0 20px 20px;
}
@media screen and (min-width: 651px) {
.featured_content {
padding: 120px 30px 150px 60px;
}
}
@media screen and (min-width: 1202px) {
.cb_featured .button_list_wrap {
width: calc(100% - 30px);
}
.featured_post .item {
width: calc(100% / 3 - 30px);
}
.featured_post .date {
left: 50px;
}
}
@media screen and (max-width: 445px) {
.cb_featured .button_list {
width: AUTO;
}
.cb_featured .button_list .item:last-child {
margin: 0;
}
.cb_featured .button_list_wrap {
margin: 0 0 25px 0;
}
} @media screen and (max-width: 1201px) {
.featured_widget {
justify-content: center;
}
.featured_post:after {
display: none;
}
}
@media screen and (max-width: 750px) {
.cb_featured.featured_content { padding-bottom: 50px;
}
} .cb_content.cb_free_space.type2 .post_content { max-width: 90%;
margin: 0 auto;
} .ranking_post_list_widget .meta li,
.ranking_post_list_widget .meta li a {
color: #000; }
.ranking_post_list_widget .meta li { margin: 8px 0 0 0;
font-size: 12px;
}
.ranking_post_list_widget .title a {
line-height: 1.4;
max-height: 2.8em;
}
.ranking_post_list_widget .rank {
background: #f4a004;
font-size: 20px;
font-family: inherit;
top: -3px;
}
.rank_headline .slide_item {
background: #f4a004;
} .googleMap {
position: relative;
width: 100%;
height: 480px;
} .cb_category_post .catch {
line-height: 1.2;
}
.cb_category_post .desc {
line-height: 1.6;
}
.cb_category_post .title span { display: inline;
}
.cb_category_post .date {
color: #fff;
}
.cb_category_post .post_list article.item:nth-child(n+3) { display: none;
}
@media screen and (min-width: 1202px) {
.cb_category_post .headline {
font-size: 26px !important;
}
.cb_category_post .archive_link { bottom: -40px;
}
}
@media screen and (max-width: 1201px) {
.cb_category_post .headline {
font-size: 26px !important;
}
}
@media screen and (max-width: 750px) {
.cb_category_post .headline {
font-size: 18px !important;
}
} .cb_category_post .content_wrap {
flex-direction: column;
align-items: center;
}
.cb_category_post .headline_area {
text-align: center;
}
.cb_category_post .archive_link {
display: inline-block;
position: relative;
left: 0;
}
.cb_category_post .headline_area {
width: 100%;
}
.cb_category_post .post_list {
width: 100%;
}
@media screen and (min-width: 1202px) {
.cb_category_post .headline_area {
margin-bottom: 100px;
}
}   .design_content .desc p.more { text-align: right;
padding-top: 10px;
font-size: 0.9em;
}
@media screen and (max-width: 750px) {
.design_content .item .image {
height: 230px;
}
.design_content .catch {
font-size: 20px;
}
#page_header.simple {
padding: 65px 0;
}
.lp_free_space.num3 .lp_free_space_inner {
padding-left: 20px;
padding-right: 20px;
}
} @media screen and (min-width: 751px) {
.blog #page_header h1,
.page-id-942 #page_header h1,
.page-id-93 #page_header h1,
.page-id-122 #page_header h1,
.page-id-3 #page_header h1 {
font-size: 36px!important;
}
}
@media screen and (max-width: 750px) {
.blog #page_header h1,
.page-id-942 #page_header h1,
.page-id-93 #page_header h1,
.page-id-122 #page_header h1,
.page-id-3 #page_header h1 {
font-size: 24px!important;
}
}  #lp_content_1 div.item:nth-child(even) {
background: #fff!important;
}
@media screen and (min-width: 751px) {
.design_content .item .image {
width: 40%;
}
.design_content .item .content {
width: 60%;
}
}
@media screen and (min-width: 1202px) {
.page-id-93 .design_content .item .content_inner {
padding: 0;
max-width: 600px;
}
}
.design_content.num1 .item .catch {
font-size: 32px;
margin-bottom: 0.5em;
}
@media screen and (max-width: 750px) {
.design_content.num1 .item .catch {
font-size: 22px;
}
} #lp_content_1 .post_content {
max-width: 100%;
}
#lp_content_2 div.item:nth-child(odd) { background: #f3f3f3;
}
.local-theme .image img,
.about .image img {
object-fit: cover;
width: 100%;
height: 100%!important;
}
.post_content .local-theme p {
font-size: 16px;
}
.local-theme .content {
border-bottom: 1px solid #f3f3f3;
}
#lp_content_2.num2 p { margin: 0;
}
#lp_content_2.num2 {
counter-reset: num;
} .item.local-theme .image a:hover,
.about .image a:hover {
opacity: 0.8;
transition-duration: 0.3s;
}
.design_content.num2 .item .content_inner {
top: 53%;
max-width: none;
}
@media screen and (min-width: 751px) {
.design_content .item.local-theme {
height: 400px;
}
.design_content .item.local-theme .image {
width: 35%;
}
.design_content .item.local-theme .content {
width: 65%;
}
}
@media screen and (max-width: 750px) {
.design_content .item .content_inner {
padding: 25px 25px 45px; }
#lp_content_2.num2 h4::before {
top: -40px;
}
.post_content .local-theme p {
font-size: 15px;
}
}
@media screen and (max-width: 1201px) {
.lp_free_space_inner {
padding: 0;
}
} .tayori-contact {
width: 100%;
height: 1300px;
overflow-y: hidden;
}  .tayori-enquete {
width: 100%;
overflow-y: hidden;
text-align: center;
} .post_carousel .date {
left: initial;
}
@media screen and (min-width: 651px) {
#blog_archive {
padding: 100px 30px 150px;
}
}
@media screen and (min-width: 751px) {
.post_carousel .content,
.blog_list .content {
padding: 20px 5px 20px 20px;
}
#blog_archive {
padding: 100px 30px 150px;
}
}
@media screen and (max-width: 750px) {
#no_post { line-height: 2;
}
}
@media screen and (max-width: 650px) {
#blog_archive {
padding: 70px 20px 100px;
}
}  #post_image {
width: calc(100% + 110px);
margin: 0 -50px 25px -60px;
} @media screen and (min-width: 1202px) {
body.single-post #main_col {
padding: 0px 50px 0 0;
}
}
@media screen and (max-width: 1201px) {
body.single-post #main_col {
padding: 0 0 50px;
}
}
@media screen and (max-width: 750px) {
body.single-post #main_col {
padding: 0 0 40px;
}
}
@media screen and (max-width: 750px) { #post_image {
object-fit: cover;
height: 100vmin;
}
} #post_title .title {
font-size: 34px;
}
#post_title .title>span {
display: block;
font-size: 0.83em;
}
#post_title .title>span::before {
content: "\A";
}
@media screen and (max-width: 750px) {
#post_title .title {
font-size: 28px;
}
}
@media screen and (max-width: 550px) {
#post_title .title {
font-size: 22px;
} } #post_title .date:before {
vertical-align: -0.5px;
} .share_like.flex {
margin: 20px 0;
} .description { max-width: 748px;
margin: 0 auto 40px;
padding: 20px 20px 10px 30px; border-left: solid 10px #f0a265;
background: #f7ebd6;
line-height: 1.8;
text-align: justify;
font-family: YakuHanMP, Arial, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; }
.description>span {
font-size: 0.9em;
}
@media screen and (max-width: 750px) {
.description {
font-size: 15px;
}
.description>span {
font-size: 0.9em;
}
}
.description>a {
color: #00699e;
}
.description>a:hover {
color: #5396b2;
} .description>ul { list-style: none;
margin-left: 0.5em;
}
.description>ul li { position: relative;
line-height: 1.5;
margin-bottom: 0.5em;
}
.description>ul li::after { content: '';
display: block;
position: absolute;
top: .5em;
left: -1.5em;
width: 10px;
height: 5px;
border-left: 3px solid #f0a265;
border-bottom: 3px solid #f0a265;
transform: rotate(-45deg);
}  #tcd_toc:not(.themeBox) { display: none;
} #tcd_toc.styled {
padding: 30px 0 30px 30px;
}
@media screen and (max-width: 750px) {
#tcd_toc.styled {
padding: 30px 10px;
}
} #article .post_content { max-width: 780px;
margin: 0 auto;
}
#article .post_content p {
font-size: 18px;
text-align: justify;
margin: 0 0 1.8em 0;
} @media screen and (max-width: 750px) {
#article .post_content p {
font-size: 17px;
margin: 0 0 1.5em 0;
}
} .post_content h2 {
font-size: 23px;
padding-top: 30px;
margin-bottom: 40px;
border-bottom: 1px solid #555;
}
@media screen and (max-width: 750px) {
.post_content h2 {
font-size: 20px; line-height: 1.5; }
} p.question {
font-size: 17px !important;
font-weight: 600;
color: #5d5d5d;
font-family: "遊ゴシック", "ヒラギノ角ゴ ProN", "メイリオ", sans-serif;
} span.anser {
color: #db722a;
font-weight: bold;
}
span.anser2 {
color: #944da1;
font-weight: bold;
}
span.anser3 {
color: #009688;
font-weight: bold;
} .boxed {
padding: 0.5em 1em;
margin: 2em 0;
background: #fffaf2;
border: dashed 2px #888; }
.boxed p {
margin: 0;
padding: 0;
}
.well,
.well2,
.well3 {
font-family: "遊ゴシック", "ヒラギノ角ゴ ProN", "メイリオ", sans-serif;
}
#article p.well2 {
font-size: 17px;
padding: 27px 30px;
background: #fffaf2;
line-height: 1.8;
text-align: justify;
margin: 0 auto 2.8em;
width: 80%;
font-feature-settings: "palt";
}
@media screen and (max-width: 750px) {
#article p.well2 {
font-size: 16px;
}
}
p.well3 { font-size: 0.9em!important;
} #article .post_content blockquote {
margin: 0 0 2em 0;
}
#article .post_content blockquote>p {
font-size: 16px;
line-height: 2;
margin: 0 0 1.2em 0;
font-feature-settings: "palt";
font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#article .post_content blockquote li {
line-height: 2;
font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-seriff;
}
#article .post_content>blockquote>p:last-child {
margin: 0;
}
.ta_right {
text-align: right;
}
@media screen and (max-width: 750px) {
#article .post_content blockquote>p {
line-height: 1.7;
margin: 0 0 1em 0;
}
} .speech_balloon_left2 .speach_balloon_text {
border-color: #ddd!important;
font-family: "遊ゴシック", "ヒラギノ角ゴ ProN", "メイリオ", sans-serif!important;
background-color: #f9f9f9;
}
.speech_balloon_left2 .speach_balloon_text p {
font-size: 17px!important;
}
.speech_balloon_left2 .speach_balloon_text::before {
border-right-color: #ddd!important;
}
.speach_balloon_user {
margin-right: 16px!important;
}
@media screen and (max-width: 750px) {
.speech_balloon_left2 .speach_balloon_text p {
font-size: 16px!important;
}
} .post_col {
margin-bottom: 0;
}
.post_col-2 {
margin-right: 0;
}
.post_content .wp-caption {
background: unset;
border: none;
padding: 0;
} #article .post_content .chart .wp-caption { background: #f3f3f3;
border: none;
padding: 0;
}
.post_content blockquote.aligncenter,
.post_content img.aligncenter,
.post_content .wp-caption.aligncenter {
margin-top: unset;
margin-bottom: 50px;
}
#article .post_content .wp-caption.alignright {
margin: 10px 0 0 40px;
}
#article .post_content .wp-caption.alignleft {
margin: 10px 40px 0 0;
}
#article .post_content .wp-caption.alignright,
#article .post_content .wp-caption.alignleft {
padding: 0;
}
@media screen and (max-width: 750px) {
#article .post_content .wp-caption {
padding: 0;
}
.post_content .chart .wp-caption.aligncenter { margin-top: 0;
}
.post_content blockquote.aligncenter,
.post_content img.aligncenter,
.post_content .wp-caption.aligncenter { margin-top: 30px;
margin-bottom: 30px;
}
.post_content .alignleft,
.post_content .alignright {
float: none !important;
display: block;
margin: 30px auto !important;
}
}
@media screen and (max-width: 750px) { .post_content p img[class*="wp-image-"][width="740"]:not(.noTrim),
.post_content>div.aligncenter img[class*="wp-image-"][width="740"]:not(.noTrim) {
width: 100%;
height: 75vmin;
object-fit: cover;
}
.post_content>div.aligncenter img.size-full {
width: 100%;
height: 75vmin;
object-fit: cover;
}
} #article .post_content .wp-caption-text {
line-height: 1.5;
font-size: 15px;
font-style: normal;
font-weight: 600; text-align: initial;
padding-top: 8px;
padding-left: 5px;
font-family: "遊ゴシック", "ヒラギノ角ゴ ProN", "メイリオ", sans-serif;
color: #4e4e4e;
}
#article .post_content .wp-caption-text span {
font-size: 14px;
font-weight: 400;
padding-left: 0; }
@media screen and (max-width: 750px) {
#article .post_content .wp-caption-text {
font-size: 14px;
padding-left: 2px;
line-height: 1.4;
}
} @media screen and (min-width: 1341px) {
.wp-video {
max-width: 740px!important;
margin: 0 auto;
}
} .iframe_wrap {
margin-bottom: 2.5em;
text-align: center;
padding-top: 56.25%; width: 100%; position: relative; }
.iframe_wrap iframe,
.iframe_wrap_gmap iframe { width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
} .iframe_wrap_gmap {
margin-bottom: 2.5em;
text-align: center;
padding-top: 66%;
max-width: 660px; position: relative;
margin: 0 auto 2.5em;
} @media screen and (max-width: 750px) {
.iframe_wrap_gmap {
padding-top: 100%;
}
} .iframe_wrap_fb {
margin-bottom: 2.5em;
text-align: center;
max-width: 660px;
position: relative;
margin: 0 auto 2.5em;
}
iframe[ID*="instagram-embed-"] {
margin: 0 auto!important;
} body.single #main_col .author_profile .desc {
max-height: max-content;
text-align: justify;
}
body.single #main_col .author_profile .desc span {
-webkit-line-clamp: initial;
}
#author_info {
padding: 35px 25px 25px;
pointer-events: none;
justify-content: space-evenly;
}
.author_profile .avatar_area {
width: 80px;
height: 80px;
}
@media screen and (min-width: 751px) {
#post_title .category {
font-size: 19px;
}
.author_profile .info_inner {
padding: 0 0 0 15px;
}
}
@media screen and (max-width: 750px) {
#post_title .category {
font-size: 15px;
}
}  .post_content .chart {
width: 100%;
margin: auto;
}
.post_content .chart_title {
font-size: 16px;
font-weight: 600;
font-family: "遊ゴシック", "ヒラギノ角ゴ ProN", "メイリオ", sans-serif;
color: #4e4e4e;
caption-side: top;
text-align: left;
padding-bottom: 7px;
padding-left: 5px;
line-height: 1.5;
}
.post_content .chart_title:before { font-family: 'footer_bar';
content: '\e902';
font-size: 22px;
display: inline-block;
margin: 0 7px 0 0;
vertical-align: -1px;
-webkit-font-smoothing: antialiased;
top: 0px;
position: relative;
}
.post_col-2 .chart_title {
line-height: 1.2;
}
@media screen and (min-width: 751px) {
.l-flo { margin-right: 40px!important;
}
.r-flo { margin-left: 40px!important;
}
.post_content .chart_50 {
width: 50%;
margin: auto;
}
.post_content .chart_70 {
width: 70%;
margin: auto;
}
}
@media screen and (max-width: 750px) {
.r-flo,
.l-flo { float: none;
}
}
@media screen and (min-width: 610px) { .post_content .chart.w600 {
width: 600px;
}
.post_content .chart.w550 { width: 550px;
}
.post_content .chart.w500 { width: 500px;
}
.post_content .chart.w400 { width: 400px;
}
}  .post_content table {
border-collapse: collapse;
margin: 0; font-family: "ヒラギノ角ゴ ProN", "遊ゴシック", "メイリオ", sans-serif
}
.post_content th,
.post_content td {
padding: 8px;
font-size: 15px;
line-height: 1.3em;
border: none;
vertical-align: middle;
text-align: center;
}
.post_content th {  font-weight: 600;
border-bottom: none;
}
.post_content td.td_l,
.post_content th.th_l {
text-align: left;
}
.post_content td.td_r,
.post_content th.th_r {
text-align: right;
} table td.nowrap,
table th.nowrap { white-space: nowrap!important;
}
.post_content td>ul {
margin-bottom: 0;
}
@media screen and (max-width: 750px) {
.post_content table {
max-width: 100%!important;
}
.post_content th,
.post_content td {
font-size: 14px;
line-height: 1em;
padding: 5px;
}
} .post_content td .font_l,
.post_content th .font_l {
font-size: 1.1em;
}
.post_content td .font_b,
.post_content th .font_b {
font-weight: 600;
}
.post_content td .font_lb,
.post_content th .font_lb {
font-size: 1.1em;
font-weight: 600;
}
.post_content td .font_s,
.post_content th .font_s {
font-size: 0.9em;
}
.post_content td.font_red {
color: #d74747;
}
.post_content td.txt_cen,
.post_content th.txt_cen {
text-align: center;
} .post_content table.shibushi th {
background: #408b78;
color: #fff;
}
.post_content table.shibushi td:first-child {
background: #007356;
color: #fff;
}
.post_content table.theme_tourism th {
background: #559683;
}
.post_content table.theme_tourism td:first-child {
background: #dbeae6;
}
.post_content table.theme_child th {
background: #faaaa5;
}
.post_content table.theme_child td:first-child {
background: #fff2f2;
} table td.td_red { color: #cc4107;
font-weight: bold;
}
table td.bg-orange { background-color: #fff2cc;
}
table td.bg-gray { background-color: #f3f3f3;
}
table tr.lastLine { border-top: 2px solid;
} table.tb_baseA th,
table.tb_baseA td {
padding: 8px;
font-size: 15px;
line-height: 1.3em;
}
table.tb_baseA th {
color: #222;
font-weight: 600;
border-bottom: 2px solid #999;
}
table.tb_baseA tr {
border-bottom: 1px solid #999!important;
}
@media screen and (max-width: 750px) {
.post_content table.tb_baseA {
margin: 0 auto;
max-width: 100%!important;
}
table.tb_baseA td,
table.tb_baseA th {
font-size: 14px!important;
}
table.tb_baseA td,
th {
padding: 6px;
}
} .post_content table.furusato-data2 {
width: 50% !important;
}
.post_content table.furusato-data th,
.post_content table.furusato-data td {
padding: 5px 10px;
font-size: 15px;
line-height: 1.7;
text-align: right;
border-bottom: 1px solid #ddd!important;
}
.post_content table.furusato-data2 th,
.post_content table.furusato-data2 td {
padding: 5px;
font-size: 14px;
line-height: 1.5;
text-align: right;
}
.post_content table.furusato-data2 td.num {
font-size: 0.8rem;
}
.post_content table.furusato-data2 td.longname {
font-size: 0.76rem;
}
.post_content table.furusato-data2 td.longname2 {
font-size: 0.68rem;
}
.post_content table.furusato-data td.td_high {
background-color: #fff7eb;
font-weight: 600;
color: #394535;
}
.post_content .chart .wp-caption-text,
.post_content .chart_50 .wp-caption-text,
.post_content .chart_70 .wp-caption-text {
font-size: 14px;
font-weight: 400;
margin: 0 0 3em;
}
.post_content table.furusato-data2 td.mj,
.post_content table.furusato-data td.mj {
background-color: #faebd7;
}
.post_content table.furusato-data th,
.post_content table.furusato-data2 th {
background-color: #88a37f;
font-size: 0.7em!important;
text-align: center!important;
vertical-align: middle;
font-weight: 600;
color: #fff;
}
.post_content table.furusato-data th {
font-size: 15px!important;
}
.post_content table.furusato-data2 th.rank {
background-color: #ffffff;
color: #65795e;
padding: 0;
}
@media screen and (max-width: 750px) {
.post_content .chart_title {
font-size: 15px;
padding-left: 2px;
line-height: 1.4;
} .post_content .chart .wp-caption-text,
.post_content .chart_50 .wp-caption-text {
margin: 0 0 3em;
font-size: 13px; }
.post_content table.furusato-data2 th,
.post_content table.furusato-data2 td {
padding: 2px 4px;
}
.post_content table.furusato-data2 {
width: 100% !important;
}
}
@media screen and (max-width: 550px) { .post_content .chart {
width: 100% !important;
}
}  .post_content table.tb_media01 {
border-collapse: collapse;
font-family: "遊ゴシック", "ヒラギノ角ゴ ProN", "メイリオ", sans-serif;
font-size: 15px;
margin: 0 auto;
}
.tb_media01 td,
.tb_media01 th {
border: NONE;
line-height: 1.5;
vertical-align: middle;
}
.tb_media01 th {
white-space: nowrap;
color: #fff;
font-weight: 600;
}
th.media-li {
background-color: #7eabc2;
}
td.media-li {
background-color: #def1fb;
color: #50768a;
}
th.info-li {
background-color: #90ba9c;
}
td.info-li {
background-color: #e4f8e9;
color: #588964;
}
td.media-li,
td.info-li {
font-weight: 600;
}
.tb_media01 ul {
margin-bottom: 0;
list-style: disc;
}
.tb_media01 ul li {
line-height: 1.5;
padding: 5px 0;
}
.tb_media01 small {
font-weight: normal;
font-size: 0.75em;
text-align: right;
word-break: break-all;
} .post_content table.tb_media02 tr {
border-bottom: 1px solid #bbb;
}
table.tb_media02 th,
table.tb_media02 td {
padding: 12px 16px;
}
table.tb_media02 th.media-li,
table.tb_media02 th.info-li {
text-align: center;
width: 49%;
}
table.tb_media02 td.media-li {
background-color: #fff;
;
color: #375767;
font-weight: normal;
}
table.tb_media02 td.info-li {
background-color: #fff;
;
color: #355f3f;
font-weight: normal;
}
table.tb_media02 td.num {
background-color: #faebd7;
} .tb_media03 th {
font-size: 2.5em;
}
.tb_media03 td {
line-height: 1;
}
@media screen and (max-width: 750px) {
table.tb_media02 th,
table.tb_media02 td {
padding: 7px 10px;
}
} .post_content table.myna-data.furusato-data2 th {
background-color: #5396b2;
text-align: center!important;
font-size: 14px!important;
vertical-align: middle;
font-weight: 600;
color: #fff;
}
.post_content table.myna-data th,
.post_content table.myna-data td {
padding: 5px 8px;
font-size: 15px;
line-height: 1.7;
text-align: right;
border-bottom: 1px solid #ddd!important;
}
.post_content table.myna-data th.rank {
background-color: #ffffff;
color: #5396b2;
padding: 0;
} .post_content table.regional-data th,
.post_content table.regional-data td {
padding: 5px 10px;
font-size: 15px;
line-height: 1.7;
text-align: right;
border-bottom: 1px solid #ddd!important;
}
.post_content table.regional-data th {
background-color: #88a37f;
font-size: 0.7em!important;
text-align: center!important;
vertical-align: middle;
font-weight: 600;
color: #fff;
} .post_content table.change-data th,
.post_content table.change-data td {
padding: 5px 10px;
font-size: 15px;
line-height: 1.7;
}
.post_content table.change-data th {
background-color: #5396b2;
font-size: 0.9em!important;
text-align: right; vertical-align: middle;
font-weight: 600;
color: #fff;
white-space: nowrap;
}
.post_content table.change-data tr { border-bottom: 1px solid #b1d8e9;
border-top: 1px solid #b1d8e9;
} .tb_women01 th {
white-space: initial!important;
}
.tb_women01 th.jg02 {
background-color: #c9e5ea; color: #222; }
.tb_women01 th.jg01 {
background-color: #5396b2; color: #fff; font-weight: 600; }
.post_content table.tb_women01 tr {
border-bottom: 1px solid #5396b2!important; }
table.tb_women01 th,
table.tb_women01 td {
padding: 8px;
font-size: 15px;
line-height: 1.3em;
}
@media screen and (max-width: 750px) {
.post_content table.tb_women01 {
margin: 0 auto;
max-width: 100%!important;
}
table.tb_women01 td,
table.tb_women01 th {
font-size: 14px!important;
}
} table.tb_women01.tb_stym02 th,
table.tb_women01.tb_stym02 td {
padding: 8px!important;
vertical-align: middle!important;
}
@media screen and (min-width: 751px) {
.tb_stym02.tb_women01 th {
white-space: nowrap!important;
}
}
@media screen and (max-width: 750px) {
.tb_women01.tb_stym02 th,
.tb_women01.tb_stym02 td {
padding: 8px!important;
}
} .post_content table.furusato-data.food th {
border-right: 1px solid #ddd!important;
}
.post_content table.furusato-data.food th.rank {
background-color: #ffffff;
color: #65795e;
}
.post_content table.furusato-data.food th.mj {
background-color: #faebd7!important;
}
@media screen and (max-width: 750px) {
.post_content table.furusato-data.food th,
.post_content table.furusato-data.food td {
padding: 5px;
}
} .post_content table.tb_child tr,
.post_content table.tb_child_2 tr {
border-bottom: 1px solid #999!important;
} #post_meta_bottom li:before {
color: #f4a004;
}
#post_meta_bottom li {
font-size: 14px;
}
.single_copy_title_url_btn {
border: 3px solid #f4a004;
} .widget_headline:before {
font-family: 'footer_bar';
content: '\e902';
font-size: 26px;
color: #f0bd5e;
display: inline-block;
margin: 0 7px 0 0;
vertical-align: -1px;
-webkit-font-smoothing: antialiased;
top: 2px;
position: relative;
}
.widget_headline {
font-size: 22px;
margin: -2px 0 20px 0;
} .tcdw_tag_list_widget ol a:hover {
background: #ccc;
}
@media screen and (max-width: 1201px) {
.tcdw_tag_list_widget.widget_content:last-of-type {
margin-top: 50px;
padding-top: 50px;
width: inherit;
}
}  .twitter-tweet.twitter-tweet-rendered {
margin: 0 auto;
} .su-spoiler {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background: #fbfbfb;
clear: both;
color: #333;
border: 1px solid #d0d0d0;
padding: 7px;
margin: 0;
}
.su-spoiler-title {
font-weight: 600 !important; }
.su-spoiler-content {
font-size: 0.95em !important;
font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; padding-right: 20px !important;
text-align: justify;
line-height: 1.8;
-webkit-transition: all .5s;
transition: all .5s;
-ie-transition: all .5s;
}
.su-spoiler-style-fancy>.su-spoiler-title {
background: #fff !important;
}
.su-box.box-town {
margin: 0 0 3em;
}
.su-box.box-town>.su-box-title {
font-size: 1.1em;
font-weight: 600;
font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.su-box.box-town>.su-box-content {
background-color: #fbf7f0;
font-feature-settings: "palt";
font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#article .post_content .su-box.box-town>.su-box-content>p {
font-size: 17px;
}
@media screen and (max-width: 750px) {
#article .post_content .su-box.box-town>.su-box-content>p {
font-size: 16px;
}
} .st-tag-cloud {
line-height: normal;
padding-top: 20px;
}
#index_content_builder .st-tag-cloud {
line-height: normal;
padding-top: 20px;
position: relative;
top: -50px;
background-color: #fff;
}
.termDisplay:first-line {
font-size: 22px;
font-weight: 600;
}
.termDisplay:before {
font-family: 'footer_bar';
content: '\e902';
font-size: 26px;
color: #f0bd5e;
display: inline-block;
margin: 0 7px 0 0;
vertical-align: -1px;
-webkit-font-smoothing: antialiased;
top: 2px;
position: relative;
font-weight: 600;
} .w_b_name {
font-size: 18px !important;
font-weight: unset !important;
font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.w_b_quote {
font-size: 18px;
font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
line-height: 1.4;
}
.w_b_box {
margin: -10px 0 !important;
}
@media screen and (max-width: 750px) {
.w_b_name {
font-size: 16px !important;
}
.w_b_quote {
font-size: 16px !important;
}
.w_b_size_M {
width: 66px !important;
height: 66px !important;
}
.w_b_box {
margin: 10px 0 !important;
}
.w_b_flex {
align-items: flex-end;
}
.w_b_talk {
padding: 8px 6px 2px 8px !important;
}
}  @keyframes newAnime {
0% {
color: #fcc969; }
}  .update a::after {
display: inline-block;
content: "UP!";
color: #f47904;
font-family: "遊ゴシック", "ヒラギノ角ゴ ProN", "メイリオ", sans-serif;
position: absolute;
top: 14%;
font-weight: bold;
font-size: 16pt;
letter-spacing: 0px;
line-height: 1;
vertical-align: top;
margin: 0px;
padding: 0px;
transform: scale(0.6) translateX(-10%);
animation: newAnime .7s infinite alternate;
} .new_post_icon {
padding: 2px 5px;
margin-right: 10px;
color: #ffffff;
background: #f4a004;
font-weight: bold; position: relative;
top: -1.5px; border-radius: 3px;
font-family: "遊ゴシック", "ヒラギノ角ゴ ProN", "メイリオ", sans-serif;
font-size: 0.75em;
}
.new_post_icon::before {
content: "NEW";
}  #lp_content_2.num2 .item.local-theme h4 span:before {
content: "";
position: relative;
display: block; background: url(//think-miyakonojo.jp/wp-content/themes/code_tcd090/img/common/grunge_bg.png);
background-blend-mode: color-dodge;
filter: blur(1px);
border-radius: 4px;
height: 5px;
bottom: -1.5em;
}
#lp_content_2.num2 #category-townhistory h4 span:before {
background-color: #b43936;
}
#lp_content_2.num2 #category-shibushi h4 span:before {
background-color: #007356;
}
#lp_content_2.num2 #category-sports h4 span:before {
background-color: #b43936;
}
#lp_content_2.num2 #category-satoyama h4 span:before,
#lp_content_2.num2 #category-hometown-tax h4 span:before {
background-color: #ade3ff;
}
#lp_content_2.num2 #category-mallmall h4 span:before,
#lp_content_2.num2 #category-population h4 span:before {
background-color: #fcf523;
}
#lp_content_2.num2 #category-youth h4 span:before {
background-color: #6fedcb;
}
#lp_content_2.num2 #category-women h4 span:before {
background-color: #c69dc8;
}
#lp_content_2.num2 #category-change h4 span:before,
#lp_content_2.num2 #category-food h4 span:before,
#lp_content_2.num2 #category-livestock h4 span:before {
background-color: #f7b138;
}
#lp_content_2.num2 #category-regional h4 span:before,
#lp_content_2.num2 #category-tourism h4 span:before {
background-color: #a3db9b;
}
#lp_content_2.num2 #category-mynumber-card h4 span:before,
#lp_content_2.num2 #category-child h4 span:before {
background-color: #ffa5a5;
}
@media screen and (max-width: 750px) {
#lp_content_2.num2 .item.local-theme h4 span:before {
top: 30px;
height: 3px;
}
}
.design_content .catch { display: inline-block;
} .search #page_header .catch span:after,
.tag #page_header .catch span:after,
.blog #page_header .catch span:after,
.page-id-942 #page_header .catch span:after,
.page-id-93 #page_header .catch span:after,
.page-id-122 #page_header .catch span:after,
.page-id-3 #page_header .catch span:after { display: none;
} .page-id-942 #page_header_inner h1.catch::before { position: absolute;
content: '';
top: -90%;
left: 50%;
display: block;
width: 260px;
height: 200px;
background-image: url(//think-miyakonojo.jp/images/icon/icon_localBG.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-left: -130px;
opacity: 0.2;
transform: scale(0); animation-name: icon;
animation-duration: 4s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
z-index: -1;
}
.page-id-93 #page_header_inner h1.catch::before,
.page-id-122 #page_header_inner h1.catch::before,
.page-id-3 #page_header_inner h1.catch::before { position: absolute;
content: '';
top: -90%;
left: 50%;
display: block;
width: 200px;
height: 200px;
background-image: url(//think-miyakonojo.jp/images/icon/icon_aboutBG.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-left: -100px;
opacity: 0.2;
transform: scale(0);
animation-name: icon;
animation-duration: 4s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
z-index: -1;
}
.tag #page_header_inner h1.catch::before,
.search #page_header_inner h1.catch::before { position: absolute;
content: '';
top: -50%;
left: 50%;
display: block;
width: 140px;
height: 150px;
background-image: url(//think-miyakonojo.jp/images/icon/icon_articleBG.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-left: -70px;
opacity: 0.2;
transform: scale(0);
animation-name: icon;
animation-duration: 4s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
z-index: -1;
}
@media screen and (max-width: 750px) {
.tag #page_header_inner h1.catch::before,
.search #page_header_inner h1.catch::before { height: 110px;
}
}
@keyframes icon {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
} .design_button2 a { min-width: 200px;
}
p.more a {
display: inline-block;
min-width: auto;
max-width: 100%;
height: 50px;
line-height: 50px;
padding: 0 20px;
position: relative;
overflow: hidden;
z-index: 3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
border: 1px solid #a3cfe4;
background: #fff;
}
p.more a:hover {
color: #000000 !important;
border-color: rgb(217 217 217 / 30%);
}
p.more a:before {
transform: skewX(45deg);
width: calc(100% + 70px);
left: calc(-100% - 70px);
transform-origin: bottom left;
}
p.more a:before {
background: #a3cfe4;
}
p.more a:before {
content: '';
display: block;
width: 150%;
height: calc(100% + 2px);
position: absolute;
top: -1px;
left: -150%;
z-index: -1;
-webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
p.more a:hover:before {
left: 0;
} .cb_category_post .archive_link { color: #000;
}
.cb_category_post .archive_link:after { top: 0;
position: relative;
}
.cb_category_post .archive_link {
display: inline-block;
min-width: auto;
max-width: 100%;
height: 50px;
line-height: 50px;
padding: 0 20px;
position: relative;
overflow: hidden;
z-index: 3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
background: #fff;
}
.cb_category_post .archive_link:hover {
color: #000000 !important;
border-color: rgb(217 217 217 / 30%);
opacity: 1;
}
.cb_category_post .archive_link:before {
transform: skewX(45deg);
width: calc(100% + 70px);
left: calc(-100% - 70px);
transform-origin: bottom left;
}
.cb_category_post .archive_link:before {
background: #a3cfe4;
}
.cb_category_post .archive_link:before {
content: '';
display: block;
width: 150%;
height: calc(100% + 2px);
position: absolute;
top: -1px;
left: -150%;
z-index: -1;
-webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
.cb_category_post .archive_link:hover:before {
left: 0;
}
@media screen and (max-width: 750px) {
p.more a:before {
display: none;
}
}  a.category span:nth-child(2) {
color: #e68233;
font-size: 1.2em;
vertical-align: -2px;
}
#header_content_post_list a.category span:nth-child(2) {
color: #ffffff;
}   #header_content_post_list .item .category:after {
width: calc(100% - 40px);
}
#post_title .category:after {
width: calc(100% - 45px);
}
.blog_list .category:after,
.featured_post .category:after,
.post_carousel .category:after,
.post_slider_widget .category:after {
width: calc(100% - 35px);
}
_:lang(x)::-internal-media-controls-overlay-cast-button,
.post_slider_widget .category:after {
width: calc(100% - 30px);
}
#post_title .category,
.blog_list .category,
.featured_post .category,
#header_content_post_list .item .category,
.post_carousel .category,
.post_slider_widget .category {
padding: 0px;
}
#post_title .category:after,
.blog_list .category:after,
.featured_post .category:after,
#header_content_post_list .item .category:after,
.post_carousel .category:after,
.post_slider_widget .category:after {
left: -1px;
top: -3px;
}
@media screen and (max-width: 750px) {
#header_content_post_list .item .category:after,
#post_title .category:after {
width: calc(100% - 35px);
}
} .cardlink {
font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
border: 1px solid #e1e1e1;
box-shadow: 2px 2px #ddd;
display: block;
padding: 20px;
position: relative; -webkit-transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
-o-transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out; transition: all 0.2s ease-in-out;
width: 100%;
}
.cardlink::before {
background-color: #ffc107;
color: #000!important;
content: '合わせて読みたい';
font-size: 14px;
font-weight: 500;
display: block;
padding: 6px 20px;
position: absolute;
top: -10px;
left: 15px;
border-radius: 12px;
}
.cardlink:hover { opacity: 1;
box-shadow: 0 6px 16px rgba(0,0,0,0.08);
transform: translateY(-1px);
}
.cardlink-box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.cardlink-title {
font-size: 18px;
font-weight: 600;
color: #428bca;
padding-bottom: 5px;
}
.cardlink_thumbnail {
flex: 1;
margin-right: 15px;
padding-top: 5px;
}
.cardlink_content {
flex: 2.5;
}
.cardlink_excerpt {
color: #333;
font-size: 13px; }
.cardlink-site {
color: #b2b2b2;
font-size: 11px;
padding-left: 5px;
}
.cardlink-site img {
margin-right: 5px;
vertical-align: bottom;
width: 20px;
}
span.cardlink_timestamp {
display: none;
} @media (max-width: 980px) {
.cardlink_excerpt {
border: none;
}
}
@media (max-width: 750px) {
.cardlink {
padding: 10px 10px 20px 10px;
}
.cardlink::before {
font-size: 13px;
padding: 5px 10px 4px;
top: -10px;
left: 10px;
}
.cardlink_thumbnail {
margin-right: 10px;
}
}
@media screen and (max-width: 750px) {
.cardlink {
padding: 15px 11px 10px 13px !important;
height: auto;
overflow: visible;
}
.cardlink::after {
display: block;
position: static;
margin-top: 8px;
padding: 0;
border: none;
background: none;
text-align: right;
color: #b95a4a;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
box-shadow: none;
}
} .wp-embedded-content {
margin: 0 auto -20px;
width: 100%;
height: 100%;
}
.cardlink {
max-width: 80%;
padding: 25px 10px 13px 15px;
margin: 50px auto !important;
}
.cardlink_content {
line-height: 1.4em;
padding-top: 10px;
}
.cardlink_excerpt {
line-height: 1.4em;
}
.cardlink_title {
line-height: 1.4em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-weight: bold; }
.cardlink_excerpt span { }
@media screen and (max-width: 750px) {
.wp-embedded-content {
margin: 0 auto -100px;
}
.cardlink {
max-width: 100%;
height: 114px; padding: 15px 11px 0px 13px !important;
box-sizing: border-box; }
.cardlink_excerpt {
clear: none;
}
.cardlink_excerpt span {
font-size: 90%;
-webkit-line-clamp: 2;
overflow: hidden;
}
.cardlink_thumbnail img { width: 100px;
height: 80px;
}
} .cta_type1,
.cta_type2,
.cta_type3 {
margin: 40px auto!important;
}
.cta_writer2312 {
font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
a#js-cta__btn span.cta_click {
background-color: #d9f2f8;
border-radius: 13px;
padding: 6px 10px;
color: #363636;
}
.cta_writer2312 {
margin-top: 35px;
}
.cta_type3 .cta_writer2312 { margin-top: 5px;
}
#js-cta .animate_background:hover .image {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.cta_type1,
.cta_type2,
.cta_type3 {
height: 280px;
}
.cta_type3 .link { border: none;
}
.cta_type3 .image_wrap { height: 40%;
}
@media screen and (max-width: 750px) {
.cta_type1,
.cta_type2,
.cta_type3 {
height: 350px;
}
.cta_writer2312 a#js-cta__btn span.cta_tit,
.cta_writer2312 a#js-cta__btn span.cta_desc {
color: #fff!important;
}
#js-cta .animate_background:hover .image {
-webkit-transform: none;
transform: none;
}
.cta_type3 .cta_writer2312 { margin-top: 35px;
}
}
@media screen and (min-width: 1401px) {
.cta_type1,
.cta_type2,
.cta_type3 {
max-height: 450px;
max-width: 780px;
}
}
@media screen and (min-width: 380px) {
span.cta_desc {
line-height: 1.8;
}
}  .blog_list .cat_id380:before,
#header_content_post_list .item .category.cat_id380:before,
.category-keyword #page_header .catch span:before { position: absolute;
content: '';
top: -90%; display: block;
width: 34px;
height: 50px;
background-image: url(//think-miyakonojo.jp/images/icon/icon_key_theme.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center; opacity: 0.3;
transform: scale(0);
animation-name: icon;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
z-index: -1;
}
.blog_list .cat_id10:before,
#header_content_post_list .item .category.cat_id10:before,
.category-media-literacy #page_header .catch span:before,
#post_title .cat_id10:before,
.featured_post .category.cat_id10:before,
.literacy .su-spoiler-title span:not(.su-spoiler-icon):before { position: absolute;
font-family: 'footer_bar';
content: "\e911";
top: -60%;  font-size: 36px;
color: #f0bd5e;
display: block;
-webkit-font-smoothing: antialiased;
opacity: 0.3;
transform: scale(0);
animation-name: icon;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
z-index: -1;
}
.literacy .su-spoiler-title span:not(.su-spoiler-icon):before { top: 0%;
left: 0%; z-index: 0;
}
#header_content_post_list .item .category.cat_id380:before,
.category-keyword #page_header .catch span:before { opacity: 0.8;
}
#header_content_post_list .item .category.cat_id10:before { opacity: 0.7;
}
.category-keyword #page_header .catch span:before { top: -30%;
left: 5%;
width: 80px;
height: 80px;
}
.category-media-literacy #page_header .catch span:before {
left: 5%;
opacity: 0.8;
font-size: 80px;
}
#post_title .cat_id10:before { top: -70%;  font-size: 50px;
}
.featured_post .category.cat_id380:before { position: absolute;
content: '';
top: -90%;
left: 50%;
display: block;
width: 34px;
height: 50px;
background-image: url(https://think-miyakonojo.jp/images/2023/12/key_icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-left: -80px;
opacity: 0.3;
transform: scale(0);
animation-name: icon;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
z-index: -1;
}
.blog_list .category,
.featured_post .category { margin: 0 0 10px 0px;
}
#post_title .cat_id380:before { position: absolute;
content: '';
top: -60%;
left: 50%;
display: block;
width: 50px;
height: 50px;
background-image: url(https://think-miyakonojo.jp/images/2023/12/key_icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-left: -48%;
opacity: 0.3;
transform: scale(0);
animation-name: icon;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
z-index: -1;
}
#post_title .cat_id380:after,
#header_content_post_list .item .category.cat_id380:after,
.blog_list .category.cat_id380:after { display: none;
}
#post_title .cat_id10:after,
#header_content_post_list .item .category.cat_id10:after,
.blog_list .category.cat_id10:after,
.literacy .su-spoiler-title span:not(.su-spoiler-icon):after { display: none;
}
.category-keyword #page_header .catch span:after,
.category-media-literacy #page_header .catch span:after { display: none;
}
.featured_post .category.cat_id380:after,
.featured_post .category.cat_id10:after { display: none;
}
@media screen and (max-width: 750px) {
#post_title .cat_id380:before {
top: -80%;
width: 40px;
height: 40px;
}
#post_title .cat_id10:before {
font-size: 40px;
}
.category-media-literacy #page_header .catch span:before { font-size: 60px;
}
.category-keyword #page_header .catch span:before { top: -60%;
width: 60px;
height: 80px;
}
} .keyword_box {
position: relative;
width: 90%;
top: -710px;
}
#article .post_content .keyword_box>p {
color: white;
font-size: 3em;
text-align: right; line-height: 1;
color: #ffffff;
text-shadow: 0px 20px 8px rgba(0, 0, 0, 0.4);
font-weight: bold;
}
img#post_image[src$="keyword.jpg"] { height: auto!important;
}   .info_box {
overflow: hidden;  position: relative;
align-items: center!important;
}
.well.info_box::before {
background-color: #ffc107;
color: #333;
content: '取材先情報';
font-size: 14px;
font-weight: bold;
display: block;
padding: 6px 20px;
position: absolute;
top: -10px; border-radius: 12px;
}
.well.info_box .contents1,
.well.info_box .contents2 {
font-family: YakuHanMP, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
text-align: justify;
line-height: 1.6;
-webkit-transition: all .5s;
transition: all .5s;
-ie-transition: all .5s;
}
span.sample_box_title {
display: inline-block;
line-height: 2;
font-size: 0.9em;
}
.well.info_box {
position: relative;
margin: 2em 0;
border: solid 1px #ffc107;
overflow: visible;
border-radius: 0;
}
.well.info_box .sample_box_title {
top: 10px;
left: 10px;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.6em;
}
.well.info_box ul {
list-style: none;
margin: 0;
}
.well.info_box ul li {
line-height: 1.6;
text-indent: -0.5em;
}
.well.info_box table td a.insta:before {
font-family: 'design_plus';
font-size: 18px;
display: block;
position: absolute;
top: 84%;
-moz-osx-font-smoothing: grayscale;
}
a.insta:before {
content: '\ea92';
color: #e4405f;
}
.well.info_box img {
position: relative;
width: 130px;
height: 130px;
border-radius: 100%;
overflow: hidden;
z-index: 0;
object-fit: cover;
}
@media screen and (min-width: 751px) {
.well.info_box {
display: flex;
} .well.info_box .contents1,
.well.info_box .contents2 {
font-size: 0.85em !important;
}
.well.info_box .contents1 {
flex-grow: 1;
display: flex;
justify-content: center;
}
.well.info_box .contents2 {
flex-grow: 2;
}
}
@media screen and (max-width: 750px) {
.well.info_box img {
margin: 10px auto!important;
}
.well.info_box table td a.insta:before {
top: 91%;
}
} .post_content .well.info_box .contents2 td,
.post_content .well.info_box .contents2 th {
padding: 3px 10px;
background-color: #fafafa;
line-height: 1.5;
}
.post_content .well.info_box .contents2 th {
padding-bottom: 15px;
}
.post_content .well.info_box .contents2 td.item {
white-space: nowrap;
text-align-last: justify;
font-weight: 600;
width: 25%;
} .su-spoiler-icon-plus:has(.lcp_catlist) { border: none;
border-top: 1px solid #f4a004!important;
border-bottom: 1px solid #f4a004!important;
border-radius: initial;
}
.su-spoiler-title:first-child { font-size: 15px!important;
}
.su-spoiler-icon-plus .lcp_catlist li {
counter-increment: title;
line-height: 2.4;
font-family: 'YakuHanMP';
font-size: 14px;
text-indent: -2.4em;
padding-left: 2.4em;
line-height: 1.4;
margin-top: calc(20px - 0.4em);
}
.su-spoiler-icon-plus .lcp_catlist li::before {
content: "0"counter(title);
font-family: serif;
margin: 0 7px 0 0;
padding: 0 7px 0 0;
color: #f4a004;
border-right: 1px solid #f4a004;
}
.su-spoiler-icon-plus .lcp_catlist li.current a {
color: #999;
pointer-events: none;
}
ul.lcp_catlist {
list-style: none;
margin-left: 0;
}
@media screen and (max-width: 750px) {
.su-spoiler-icon-plus {
padding: 10px 0;
}
.su-spoiler-title {
font-size: 14px!important;
}
} @media screen and (min-width: 751px) {
.cardlink {
overflow: visible;
margin-bottom: 78px !important;
}
.cardlink::after {
content: 'この記事を読む';
display: block;
position: absolute;
right: 0;
bottom: -36px;
padding: 0;
border: none;
background: none;
text-align: right;
color: #b95a4a;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
box-shadow: none;
width: auto;
max-width: 70%;
}
.cardlink-box {
align-items: center;
}
.cardlink_content {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 120px;
padding-top: 0;
}
.cardlink-title,
.cardlink_title {
margin-bottom: 6px;
}
.cardlink_excerpt {
margin-bottom: 0;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.cardlink_excerpt span {
display: inline;
-webkit-line-clamp: unset;
overflow: visible;
}
}