@charset "utf-8";
/*
Theme Name:ANGEL
Theme URI:https://tcd-theme.com/tcd047
Description: WordPress theme "Angle" is developed for individuals who need to attract customers. It can be used as a simple blog, and can be optimized for media with a lot of content by using two types of header sliders.
Author:TCD
Author URI:https://tcd-theme.com/
Version:2.1.4
Text Domain:tcd-angel
*/


/* ------------------------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
------------------------------------------------------------------------------------ */
@font-face {
  font-family: 'design_plus';
  src: url('fonts/design_plus.eot?v=1.4');
  src: url('fonts/design_plus.eot?v=1.4#iefix') format('embedded-opentype'),
       url('fonts/design_plus.woff?v=1.4') format('woff'),
       url('fonts/design_plus.ttf?v=1.4') format('truetype'),
       url('fonts/design_plus.svg?v=1.4#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.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;
}



/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */




/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; color:#333; line-height:1; width:100%; }
.pc .admin-bar { padding-top:33px; }
a { color:#333; text-decoration:none; }
a, a:before, a:after, input {
  -webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -o-transition-property:background-color, color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color; transition-duration:0.2s; transition-timing-function:ease;
}
a:hover { text-decoration:underline; }
.clear { clear:both; }
.hide { display:none; }


/* レイアウト */
#main_contents { background:#fff; width:100%; position:relative; z-index:10; margin-bottom:150px; }
#main_col {
  width:1200px; min-width:1200px; margin:0 auto; overflow:hidden;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#left_col { width:790px; float:left; }
#side_col { width:380px; float:right; }
.layout2 #left_col { float:right; }
.layout2 #side_col { float:left; }
.pc .no_side_content #left_col { width:auto; float:none; }


/* ----------------------------------------------------------------------
 上付き文字、下付き文字
---------------------------------------------------------------------- */
sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller; }

/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */

/* スライダー */
#header_slider_wrap {
  width:1200px; height:500px; overflow:hidden; min-width:1200px; margin:0 auto 50px; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#header_slider { width:820px; height:500px; float:left; position:relative; background:#000; }
#header_slider_wrap.no_banner_content #header_slider { width:100%; float:none; }
#header_slider .item { width:820px; height:500px; position:relative; }
#header_slider_wrap .slick-vertical .slick-slide { border:none !important; }
#header_slider .item img { width:100%; height:auto; display:block; }
#header_slider .caption {
  width:375px; position:absolute; z-index:5; left:30px; top:30px;
}
#header_slider .caption .title {
  font-size:16px; font-weight: 400; line-height:1.6; padding:25px; -ms-word-wrap: break-word; word-wrap: break-word; background:#fff;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#header_slider .caption .title a { display:block; text-decoration:none; }
#header_slider .caption .button {
  display:block; font-size:14px; text-decoration:none; padding:0 25px; height:45px; line-height:45px; text-decoration:none; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#header_slider .caption .button:after {
  font-family:'design_plus'; content:'\e910'; color:#fff; font-size:15px; display:block; position:absolute; top:1px; right:20px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#header_slider .caption .button:hover:after { }
#header_slider .meta { font-size:12px; color:#aaa; padding:0 25px; height:40px; margin-top:-10px; background:#fff; }
#header_slider .date { float:left; }
#header_slider .category { float:left; }
#header_slider .category a { color:#aaa; background:none !important; }
#header_slider .meta p:last-child { border-left:1px solid #ddd; margin:0 0 0 10px; padding:0 0 0 10px; }


/* 丸いナビゲーション */
.pc #header_slider .slick-dots {
  width:13px; position:absolute; z-index:2;
  top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:20px;
}
#header_slider .slick-dots li { width:13px; height:13px; margin:0 0 10px 0; position:relative; }
#header_slider .slick-dots li:last-child { margin:0; }
#header_slider .slick-dots button { cursor:pointer; border:none; color:transparent; width:13px; height:13px; display:block; font-size:0; background:none; }
#header_slider_wrap.no_banner_content #header_slider .slick-dots button { display:inline-block; }
#header_slider .slick-dots button::before { content:''; display:block; width:13px; height:13px; line-height:13px; background:#ddd; border-radius:20px; position: absolute; top:0; left:0; }
#header_slider .slick-dots button:hover::before, #header_slider .slick-dots .slick-active button::before { background:#000; }
#header_slider_wrap.no_banner_content #header_slider .slick-dots {
  top:auto; bottom:20px; left:0; right:0; margin:auto; width:auto; text-align:center;
}
#header_slider_wrap.no_banner_content #header_slider .slick-dots li { display:inline-block; margin:0 5px; }


/* 右側のバナー */
#header_banner_content { width:380px; height:500px; position:relative; float:right; }
#header_banner_content .item { width:380px; height:250px; position:relative; }
#header_banner_content .item .overlay { width:100%; height:100%; display:block; }
#header_banner_content .button {
  width:100%; display:block; padding:12px 20px; font-size:14px; line-height:2; text-decoration:none; position:absolute; z-index:2; bottom:0; right:0px;
  -ms-word-wrap: break-word; word-wrap: break-word;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}


/* スライダーのキャッチコピーのアニメーション */
.pc #header_slider .caption {
  opacity:0;
}
.pc #header_slider .slick-active .caption {
  -webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
  animation: opacityAnimation 1.0s ease forwards 1.0s;
}
.pc #header_slider .first_active .caption {
  -webkit-animation: opacityAnimation 1.0s ease forwards 2.0s !important;
  animation: opacityAnimation 1.0s ease forwards 2.0s !important;
}
@-webkit-keyframes opacityAnimation {
  0% { }
  100% { opacity: 1; }
}
@keyframes opacityAnimation {
  0% { }
  100% { opacity: 1; }
}




/* ----------------------------------------------------------------------
 記事一覧
---------------------------------------------------------------------- */
#index_featured_post { margin:0 0 50px 0; padding:0; border-bottom:1px solid #ddd; }
#index_recent_post, #archive_post { overflow:hidden; position:relative; margin-right:-30px; }
.post_list_headline { font-size:20px; margin:0 0 30px 0; font-weight:400; }
.post_list { font-size:0; }
.post_list article { display:inline-block; vertical-align:top; width:380px; position:relative; margin:0 30px 50px 0; }
#index_featured_post .post_list article:nth-child(3n) { margin-right:0; }


/* 小さいサイズ */
.post_list .item { font-size:12px; }
.post_list .item .image { width:380px; height:200px; display:block; overflow:hidden; position:relative; z-index:2; }
.post_list .item .image img {
  display:block;
  -webkit-backface-visibility:hidden; backface-visibility:hidden; max-width:none;
}
.post_list .item .title { font-size:18px; line-height:1.6; font-weight:700; min-height:85px; -ms-word-wrap: break-word; word-wrap: break-word; }
.post_list .item .title a { display:block; padding:20px 0 5px; color:#000; }
.post_list .item .title a:hover { text-decoration:none; }
.post_list .excerpt { font-size:14px; line-height:2.3; }
.post_list .meta { margin:10px 0 0 0; }
.post_list .meta li { font-size:14px; line-height:1; color:#aaa; float:left; }
.post_list .meta li a { color:#aaa; }
.post_list .meta li:first-child { border-right:1px solid #ccc; margin:0 10px 0 0; padding:0 10px 0 0; }
.post_list .meta li:only-child { border:none; margin:0; padding:0; }
.post_list .meta li.child_category:after { content:','; padding:0 5px 0 0px; }
.post_list .meta li:last-child:after { display:none; }
.post_list .category { display:inline-block; position:absolute; top:0px; left:0px; z-index:3; }
.post_list .category a { font-size:12px; color:#fff; display:block; height:40px; line-height:40px; padding:0 22px; text-decoration:none; }
.post_list .category a:hover { background:#333 !important; color:#fff; }


/* 大きいサイズ */
.post_list .large_item { float:none; clear:both; width:790px; overflow:hidden; }
.post_list .large_item .image_area { position:relative; margin:0 0 20px 0; }
.post_list .large_item .image { width:100%; height:417px; display:block; overflow:hidden; position:relative; z-index:2; }
.post_list .large_item .title { font-size:18px; line-height:1.6; position:absolute; bottom:0px; z-index:999; width:100%; font-weight:500; }
.post_list .large_item .title a {
  display:block; color:#fff; padding:18.5px 20px; width:100%; background:rgba(0,0,0,0.8);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.post_list .large_item .title a:hover { text-decoration: none; }
.post_list .item .title a:hover { text-decoration:none; }
.post_list .large_item .excerpt { font-size:14px; line-height:2.5; }

/* 広告 */
.post_list .post_list_banner {
  display:block; width:auto; text-align:center; border:1px solid #ddd; padding:25px; margin-bottom:60px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.post_list .post_list_banner img { display:block; margin:0 auto; max-width:100%; height:auto; }
.post_list .post_list_banner.no_border { border:none; padding:0; }


/* ajaxロード */
#load_post { text-align:center; padding:0; height:50px; position:relative; }
#load_post a { font-size:14px; color:#fff; display:inline-block; background:#bbb; text-decoration:none; height:50px; line-height:50px; padding:0 45px; }
#load_post a:hover { color:#fff; background:#e48898; }

#infscr-loading { text-align:center; z-index:100; position:absolute; bottom:0; width:100%; font-size:14px; }
#infscr-loading img { display:block; margin:0 auto 12px; }





/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
#page_header { margin:0 0 40px 0; border-top:1px solid #ddd; padding:40px 0 0 0; position:relative; }
#page_header .headline { font-size:20px; margin:0; }
#page_header .desc { font-size:14px; line-height:2.2; margin:10px 0 0 0; }
.page_header_cat_parent {
	color:#999; font-size:14px; position:absolute; top:46px; right:0;
}


/* ページング */
.page_navi { margin:0; }
.page_navi ul { margin:0; text-align:center; font-size:0; }
.page_navi li { display:inline; margin:0 -1px -1px 0; }
.page_navi a, .page_navi a:hover, .page_navi span { font-size:12px; padding:14px 16px; line-height:1; margin:0; background:#fff; display:inline-block; border:1px solid #ccc; }
.page_navi a:hover { color:#fff; background:#222; text-decoration:none; }
.page_navi span.dots { background:none; }
.page_navi span.current { color:#fff; background:#333; border-color:#333; }
.page_navi p.back { margin:0; text-align:center; }
.page_navi p.back a { background:#bbb; color:#fff; text-decoration:none; display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; font-size:12px; position:relative; padding:0; }
.page_navi p.back a:hover { color:#fff; }
.page_navi p.back a:hover:before { color:#fff; }




/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
#article { position:relative; border:1px solid #ddd; margin-bottom:50px; }
.post_content a:hover, .custom-html-widget a:hover { text-decoration:underline; }


/* アイキャッチ画像・カテゴリー */
#post_header { position:relative; }
#post_header.no_thumbnail { min-height:40px; }
#post_header .category { display:inline-block; position:absolute; top:0px; left:0px; z-index:3; }
#post_header .category a { font-size:12px; background:#333; color:#fff; display:block; height:40px; line-height:40px; padding:0 22px; text-decoration:none; }
#post_header .category a:hover { background:#333 !important; color:#fff; }
#post_image { padding:0; margin:0; position:relative; }
#post_image img { width:100%; height:auto; display:block; margin:0; z-index:1; }


/* 記事タイトル */
#post_title_area { padding:40px 45px 20px; }
#post_title { margin:0; font-size:32px; line-height:1.6; font-weight:500; color:#000; word-wrap: break-word;}
.pc .no_side_content #post_title { text-align:center; }
#post_title_area .meta { margin:10px 0 0 0; }
#post_title_area .meta li { font-size:14px; line-height:1; color:#aaa; float:left; }
#post_title_area .meta li a { color:#aaa; }
#post_title_area .meta li:first-child { border-right:1px solid #ccc; margin:0 10px 0 0; padding:0 10px 0 0; }
#post_title_area .meta li:only-child { border:none; margin:0; padding:0; }
#post_title_area .meta li.child_category:after { content:','; padding:0 5px 0 0px; }
#post_title_area .meta li:last-child:after { display:none; }


/*  記事本文*/
#article .post_content { padding:44px 45px 0; }
.single #article .post_content { padding:15px 45px 0; }


/* SNSボタン */
#single_share_top { margin:0 45px 0; }
#single_share_top #share_top1 { padding-top:0; }
#single_share_bottom { margin:25px 45px 40px; }
#single_share_bottom .share-btm { margin-bottom:0; padding:0; }
#single_share_bottom .mb45 { margin-bottom:35px !important; }


/* ページ分割 */
#post_pagination { margin:0 0 30px 0; clear:both; font-size:0; text-align:center; }
#post_pagination h5 { margin:0 0 10px 0; font-size:12px; }
#post_pagination a, #post_pagination p { font-size:12px; display:inline-block; background:#fff; margin:0 -1px 0 0; width:40px; height:40px; line-height:40px; text-align:center; text-decoration:none; color:#333; border:1px solid #ccc; }
#post_pagination p { background:#000; color:#fff; border-color:#000; }
#post_pagination a:hover { color:#fff; }


/* メタ情報 */
#post_meta_bottom { margin:0 45px 40px; background:#fafafa; padding:25px; }
#post_meta_bottom li { display:inline; margin:0 10px 0 0; padding:0 15px 0 20px; border-right:1px solid #ddd; font-size:12px; line-height:1.8; position:relative; }
#post_meta_bottom li:last-child { border:none; margin:0; }
#post_meta_bottom li:before { font-family:'design_plus'; color:#aaa; font-size:13px; display:block; position:absolute; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#post_meta_bottom li.post_category:before { content:'\e92f'; top:-2px; left:0px; }
#post_meta_bottom li.post_tag:before { content:'\e935'; top:-1px; left:0px; }
#post_meta_bottom li.post_author:before { content:'\e90d'; top:-2px; left:0px; }
#post_meta_bottom li.post_comment:before { content:'\e916'; font-size:16px; top:-2px; left:0px; }


/* 次の記事、前の記事 */
#previous_next_post { margin:0; border-top:1px solid #ddd; }
#previous_next_post .prev_post, #previous_next_post .next_post { float:left; width:50%; }
#previous_next_post a { width:100%;
  display:block; border-right:1px solid #ddd; padding:0 25px 0 60px; color:#333; font-size:14px; line-height:1.8; height:97px; color:#333; text-decoration:none; position:relative; display:table;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#previous_next_post .next_post a { border-right:none; }
#previous_next_post a span { display:table-cell; vertical-align:middle; ; height:50px; overflow:hidden; }
#previous_next_post span.nav { display:none; }
#previous_next_post .next_post a { padding:0 60px 0 25px; }
#previous_next_post a:hover { background:#f7f7f7; color:#333; }
#previous_next_post .prev_post a:before {
  content:''; width:15px; height:20px;
  font-family:'design_plus'; color:#aaa; font-size:16px; display:block;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:'\e90f'; position:absolute; top:-6px; bottom:0px; left:20px; margin:auto;
}
#previous_next_post .next_post a:before {
  content:''; width:15px; height:20px;
  font-family:'design_plus'; color:#aaa; font-size:16px; display:block;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:'\e910'; position:absolute; top:-6px; bottom:0px; right:20px; margin:auto;
}


/* 広告 */
#single_banner_area_top { margin:18px 0 12px; text-align:center; }
#single_banner_area_bottom {
  margin:0 0 50px 0; text-align:center; border:1px solid #ddd; padding:25px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#single_banner_area_bottom.no_border { border:none; padding:0; }
#single_banner_shortcode { margin:0 0 30px 0; padding:10px 0 0 0; text-align:center; }

.single_banner_area .single_banner_left { display:inline-block; margin:0 10px 0 0; }
.single_banner_area .single_banner_right { display:inline-block; margin:0 0 0 10px; }
.single_banner_area img { max-width:100%; height:auto; display:block; }
.single_banner_area.one_banner .single_banner_left { float:none; margin:0 auto; }
.single_banner_area.one_banner img { margin:0 auto; }
#single_banner_area_bottom img { max-width:100%; height:auto; display:inline-block; }


/* 関連記事 */
#related_post { margin:0; }
#related_post .headline { font-size:20px; margin:0 0 30px 0; font-weight:400; }
#related_post ol { margin:0 0 -30px 0; position:relative; font-size:0; }
#related_post li { width:180px; display:inline-block; vertical-align:top; margin:0 23px 30px 0; }
#related_post li:nth-child(4n) { margin-right:0; }
#related_post li .image_area { position:relative; width:100%; margin:0 0 15px 0; }
#related_post li .image_area:before { content:""; display:block; padding-top:100%; }
#related_post li .image_area:before { padding-top:100%; }
#related_post li .image { display:block; overflow:hidden; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; }
#related_post li a.image img { display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; max-width:none; }
#related_post li .title { font-size:14px; line-height:1.7; font-weight:400; }
#related_post li .title a { display:block; }
#related_post li .title a:hover { text-decoration:none; }




/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */
.page #post_title_area { padding:40px 45px 0; margin-bottom:-10px; }
.page #article { margin-bottom:0; }

/* プロフィールページ */
#profile_page_top { padding:50px 0 0 0; }
#profile_page_top .user_avatar { overflow:hidden; width:200px; height:200px; display:block; margin:0px auto 30px; border-radius:130px; }
#profile_page_top .user_avatar img { width:100%; height:auto; display:block; }
#profile_page_top .user_name { font-size:21px; margin:0 0 25px 0; text-align:center; font-weight:400; }
#profile_page_top .user_sns { text-align:center; margin-bottom:33px; padding:0; font-size:0; }
#profile_page_top li { display:inline-block; vertical-align:top; margin:0; padding:0; line-height:100%; font-size:11px; background:none; width:30px; }
#profile_page_top li a { position:relative; text-decoration:none; display: block; }
#profile_page_top li a span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#profile_page_top li a:before {
  font-family:'design_plus'; color:#333; font-size:12px; display:block; position:absolute; top:10px;    right: 0;
  left: 0;
  margin: auto;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#profile_page_top li.twitter_button a:before { font-family: 'tiktok_x_icon'; content: "\e901";}
#profile_page_top li.facebook_button a:before { content:"\e902"; }
#profile_page_top li.insta_button a:before { content:"\ea92"; top:10px; }
#profile_page_top li.pint_button a:before { content:"\e905"; }
#profile_page_top li.mail_button a:before { content:"\f0e0"; }
#profile_page_top li.tiktok_button a:before { font-family: 'tiktok_x_icon'; content: "\e900"; }
#profile_page_top li.line_button a:before { content: "\e909"; }
#profile_page_top li.note_button a:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  transition: background-color 0.3s ease;
}

#profile_page_top li.twitter_button a:hover:before { color:#000; }
#profile_page_top li.facebook_button a:hover:before { color:#3B5998; }
#profile_page_top li.insta_button a:hover:before { color:#8a3ab9; }
#profile_page_top li.pint_button a:hover:before { color:#c92228; }
#profile_page_top li.mail_button a:hover:before { color:#16b9dc; }
#profile_page_top li.tiktok_button a:hover:before { color:#999; }
#profile_page_top li.line_button a:hover:before { color:#00B900; }
#profile_page_top li.note_button a:hover:before { color:#999; }

/* 404ページ */
#header_image_for_404 { width:100%; max-width:1200px; margin:0 auto 20px; position:relative; overflow:hidden; }
#header_image_for_404 img { width:100%; height:auto; display:block; }
#header_image_for_404 .caption { margin:0; width:100%; padding:0 30px; line-height:1.5; text-align:center; color:#fff; position:absolute; top:50%; left:50%;
  -webkit-transform:translate(-50%, -50%); -mox-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translateY(-50%, -50%);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#header_image_for_404 .caption p + p {
	margin-top: 0.5em;
}


/* 広告 */
#page_banner { margin:50px 0; text-align:center; font-size:0; }
#page_banner img { max-width:100%; height:auto; display:block; margin:0 auto; }
#page_banner .page_banner {
  width:50%; display:inline-block; border:1px solid #ddd; padding:40px; text-align:center; font-size:14px;
  width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#page_banner .banner_left { margin:0 15px 0 0; }
#page_banner .banner_right { margin:0 0 0 15px; }
#page_banner.one_banner .banner_left, #page_banner.one_banner .banner_right { margin:0; }


/* 記事一覧 */
.page #article + .page_post_list{
  margin-top: 30px;
}
.page_post_list { overflow:hidden; }
.page_post_list .headline { margin:0 0 30px 0; font-weight:400; }
.page_post_list ol { position:relative; list-style-type:none;  margin:0 -20px -20px 0; padding:0; font-size:0; }
.page_post_list li {
  background:none; display:inline-block; vertical-align:top; position:relative;
  width:25%; margin:0 20px 20px 0; padding:0;
  width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px);
}
.page_post_list li:nth-child(4n) { margin-right:0px; }
.page_post_list .image_area { position:relative; width:100%; margin:0 0 15px 0; }
.page_post_list .image_area:before { content:""; display:block; padding-top:100%; }
.page_post_list .image_area:before { padding-top:100%; }
.page_post_list .image { display:block; overflow:hidden; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; }
.page_post_list .image img { display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; max-width:none !important; }
.page_post_list .title { font-size:14px; margin:0; padding:0; display:block; font-weight:400; line-height:1.6; }
.page_post_list .title a:hover { text-decoration:none; }
.page_post_list .category { display:inline-block; position:absolute; top:0px; left:0px; z-index:3; }
.page_post_list .category a { font-size:12px; background:#333; color:#fff; display:block; height:40px; line-height:40px; padding:0 22px; text-decoration:none; }
.page_post_list .category a:hover { background:#333 !important; color:#fff; }
.page_post_list .meta { margin:10px 0 0 0; padding:0; }
.page_post_list .meta li { display:inline; margin:0; padding:0; width:auto; line-height:1.5; color:#aaa; font-size:12px; }
.page_post_list .meta li:last-child { margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px solid #ccc; }
.page_post_list .meta li:only-child { margin:0; padding:0; border:none; }
.page_post_list .meta a { color:#aaa; }




/* ----------------------------------------------------------------------
 LP
---------------------------------------------------------------------- */
body.page-template-lp #bread_crumb { width:initial; max-width:1000px; }
body.page-template-lp #main_col { width:initial; min-width:initial; max-width:1000px; }
body.page-template-lp #article { border:none; }
body.page-template-lp #article .post_content { padding:0; }

.lpb_font_family_type1 { font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; font-weight:normal; }
.lpb_font_family_type2 { font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:400; }
.lpb_font_family_type3 { font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight:500; }
.lpb_content { margin:0 0 80px; line-height:2.5; }
.lpb_content:last-child { margin-bottom:0 !important; }
.lpb_content .lpb_content_headline { margin:0; padding:0; line-height:55px; color:#fff; font-size:20px; text-align:center; background:#000; }
.lpb_content .post_row { line-height:2.5 !important; }
.lpb_content table.lbp_table { margin-bottom:0 !important; width: 100%; }
.lpb_content table.lbp_table th, .lpb_content table.lbp_table td { padding:9px 20px; line-height:2.5; background:#fbfbfb; border:1px solid #ddd; }
.lpb_content table.lbp_table th { padding:9px 16px; text-align:center; font-weight:normal; white-space:nowrap; }

.lpb_content-catch_and_desc { margin-bottom:68px; }
.lpb_content-catch_and_desc h2 { margin:0; padding:0; }
.lpb_content-catch_and_desc p { margin:0 !important; }
.lpb_content-image { overflow:hidden; position:relative; }
.lpb_content-image img { display:block; margin:0 auto; max-width:100%; height:auto; }
.lpb_content-image .lpb_image_caption { width:100%; text-align:center; position:absolute; left:0; top:50%;
  -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
}
.lpb_content-image .lpb_image_caption .lpb_image_caption_catchcopy { margin:0; padding:0; }
.lpb_content-image .lpb_image_caption .lpb_image_caption_subcopy { margin:0; padding:0; line-height:1.4; }
.lpb_content-image .lpb_image_caption .lpb_image_caption_catchcopy + .lpb_image_caption_subcopy { margin-top:1em; }
.lpb_content-link_button { text-align:center; }
.lpb_content-link_button .lpb_link_button { display:inline-block; margin:0; padding:20px; min-width:300px; max-width:80%; color:#fff; font-size:18px; line-height:1.6; text-decoration:none !important;  }
.lpb_content-wysiwyg { margin-bottom:68px; }
.lpb_content-border_box { padding:32px 48px; background:#fbfbfb; border:1px solid #ddd; }
.lpb_content-border_box .lpb_content_headline { margin:-33px -49px 32px; }
.lpb_content-border_box p { margin:0 !important; }
.lpb_content-voice { background:#fbfbfb; border:1px solid #ddd; }
.lpb_content-voice .lpb_content_headline { margin:0 0 48px; }
.lpb_content-voice ul { margin:0 !important; padding:0 !important; list-style:none !important; font-size:0; }
.lpb_content-voice ul li { display:inline-block; vertical-align:top; width:27.3333%; margin:0 0 48px 4.5%; padding:0; font-size:14px; line-height:2.5; }
.lpb_content-voice .voice_user { margin:0 0 0.5em; }
.lpb_content-voice .voice_user_image { display:block; margin:0 auto; width:120px; height:120px; overflow:hidden; border-radius:50%; }
.lpb_content-voice .voice_user_image img { width:100%; height:100%; object-fit:cover; }
.lpb_content-voice .voice_user_image.noimage { background:#eee; position:relative; }
.lpb_content-voice .voice_user_image.noimage:before { content:'\e971'; font-family:'design_plus'; font-size:120px; line-height:1; color:#fff; position:absolute; left:50%; bottom:-5px;
  -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);
}
.lpb_content-voice .voice_user_name { margin:0.75em 0 0; text-align:center; font-weight:600; }
.lpb_content-voice .voice_comment { margin:0 !important; }
.lpb_content-access iframe { display:block; width:100%; }




/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header { width:100%; position:relative; z-index:20; margin:0 0 60px 0; }
#header_inner {
  height:265px; width:1200px; max-width:1200px; margin:0 auto ; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}


/* 固定ヘッダー */
.pc .header_fix { padding-top:325px; }/* #header_inner height + #header margin bottom */
.pc .header_fix #header {
  position:fixed; top:0px; left:0px; z-index:200; border-bottom:1px solid #ddd; background:#fbfbfb;
  animation: slideDown 0.5s ease; -ms-animation: slideDown 0.5s ease; -webkit-animation: slideDown 0.5s ease; -moz-animation: slideDown 0.5s ease;
}
.pc .header_fix #header_inner { height:53px; }
@-webkit-keyframes slideDown {
  0% { top:-54px; }
  100% { top:0px; }
}
@keyframes slideDown {
  0% { top:-54px; }
  100% { top:0px; }
}


/* ロゴ */
.pc #logo_text, .pc #logo_image {
  position:absolute; display:inline; margin:auto; text-align:center;
  left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
}
#logo_image .logo { display:inline-block; }
.pc #logo_image img.pc_logo_image { display:block; margin:0 auto; }
.pc #logo_image img.mobile_logo_image { display:none; }
.pc #logo_text .tagline { margin:15px 0 0 0; font-size:14px; font-weight:normal; }
.pc #logo_text a { text-decoration:none; }
.pc .header_fix #header #logo_text, .pc .header_fix #header #logo_image { display:none; }


/* グローバルメニュー */
.pc #global_menu { text-align:center; position:absolute; bottom:0px; left:0; right:0; margin:auto; }
.pc #global_menu > ul { height:55px; font-size:0; position:relative; }
.pc #global_menu > ul > li { font-size:1%; position:relative; display:inline-block; }

.pc #global_menu > ul > li > a {
  font-size:14px; text-decoration:none; height:55px; line-height:54px; display:block; padding:0 20px; width:150px;
  border:1px solid #ddd; border-right:0; background:#fbfbfb; margin:0; overflow:hidden;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.pc #global_menu > ul > li:last-child > a { border-right:1px solid #ddd; }
.pc #global_menu > ul > li.active > a { color:#fff !important; }
.pc #global_menu a:hover { color:#fff !important; }
.pc .home #global_menu > ul > li.current-menu-item > a { }

.pc #global_menu ul ul { display:none; width:200px; position:absolute; top:55px; left:0px; margin:0; padding:0; }
.pc #global_menu ul ul ul { left:100%; top:0; margin:0; border:none; }
.pc #global_menu ul ul li { line-height:1.5; padding:0; margin:0; text-align:left; position:relative; display:block; }
.pc #global_menu ul ul a { background:#222; color:#fff; display:block; font-size:14px; border:none; position:relative; padding:14px 20px; height:auto; line-height:1.6; margin:0; text-align:left; box-shadow:none; }
.pc #global_menu ul ul a:hover { text-decoration:none; border:none; }

.pc #global_menu ul ul li.menu-item-has-children > a:before { margin:0; display:block; top:23px; right:10px; position:absolute; content:""; width:0; height:0; border-style:solid; border-width:4px 0px 4px 4px; border-color:transparent transparent transparent #fff; }
.pc #global_menu li li.current-menu-item > a {  }
.pc .header_fix #header #global_menu { bottom:-1px; }
.pc a.menu_button { display:none; }

.pc #global_menu ul li:last-child ul ul {
  left: -100%;
}

.pc #global_menu ul li:last-child ul li.menu-item-has-children > a:before {
  left: 10px;
  transform: rotate(180deg);
}

.pc #global_menu ul li:last-child ul a {
  text-align: center;
}


/* 右上のメニュー */
#header_menu { position:absolute; right:0px; top:35px; }
#header_menu li { float:left; font-size:14px; margin:0 0 0 30px; }
.pc .header_fix #header #header_menu { display:none; }
#header_menu a:hover { text-decoration: none; }


/* SNSボタン */
#header_social_link { position:absolute; left:0px; top:20px; }
.social_link li { float:left; margin:0; position:relative; }
.social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:25px; height:30px; position:relative;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
}
.social_link li:before {
  font-family:'design_plus'; color:#333; font-size:12px; display:block; position:absolute; top:10px; left:9px; width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; right: 0;left: 0;margin: auto;
}
.social_link li.twitter:before { font-family: 'tiktok_x_icon'; content: "\e901";}
.social_link li.facebook:before { content:'\e902'; }
.social_link li.insta:before { content:'\ea92'; top:10px; }
.social_link li.pint:before { content:'\e905'; }
.social_link li.tiktok:before { font-family: 'tiktok_x_icon'; content: "\e900"; }
.social_link li.line:before { content: "\e909"; }
.social_link li.note { width: 18px; }
.social_link li.note:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 12px;
  left: -3px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  transition: background-color 0.3s ease;
}
.social_link li.mail:before { content:'\f0e0'; }
.social_link li.rss:before { content:'\e90b'; }
.social_link li.twitter:hover:before { color:#000; }
.social_link li.facebook:hover:before { color:#3B5998; }
.social_link li.insta:hover:before { color:#8a3ab9; }
.social_link li.pint:hover:before { color:#c92228; }
.social_link li.rss:hover:before { color:#ffcc00; }
.social_link li.tiktok:hover:before { color:#999; }
.social_link li.line:hover:before { color:#00B900; }
.social_link li.note:hover:before { color:#999; }
.social_link li.mail:hover:before { color:#16b9dc; }
.pc .header_fix #header #header_social_link { display:none; }
#footer_social_link { display:none; }


/* パンくずリンク */
#bread_crumb { width:1200px; margin:0 auto 26px; }
#bread_crumb ul { margin:0 auto; width:1200px; }
#bread_crumb li.home { padding:0; }
#bread_crumb li.home a {
  float:left; height:15px; width:13px; line-height:15px; display:block; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#bread_crumb li.home a span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#bread_crumb li.home a:before {
  font-family:'design_plus'; color:#666; font-size:14px; display:block; position:absolute; top:1px; left:0px; width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li.home:after { display:none; }
#bread_crumb li.home a:before { content:'\e90c'; }
#bread_crumb li.home a:hover:before { color:#fff; }
#bread_crumb li { color:#666; font-size:14px; display:inline; padding:0 15px 0 0; margin:0 0 0 15px; line-height:1.8; position:relative; word-wrap: break-word;}
#bread_crumb li:after {
  font-family:'design_plus'; content:'\e910'; color:#666; font-size:9px; display:block; position:absolute; left:-20px; top:3px; height: 9px; margin: auto; line-height: 1;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li a { color:#666; }




/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
/* スライダー */
#footer_slider_wrap {
  width:1200px; margin:0 auto 10px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#footer_slider_wrap .headline { font-size:20px; margin:0 0 30px 0; font-weight:400; }
#footer_slider { width:1200px; position:relative; }
#footer_slider .item {
  position:relative; width:200px; height:199px; border:none; border-right:1px solid #fff; /*background:#000;*/
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#footer_slider .image {
  display:block; opacity:1;
	-webkit-transition: opacity 0.5s; transition: opacity 0.5s;
}
#footer_slider .image img { display:block; width:100%; height:auto; }
#footer_slider .title {
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
	justify-content: center;
	-webkit-transition: opacity 0.5s; transition: opacity 0.5s;
	opacity: 0;
	text-decoration: none;
}
#footer_slider .item:hover .title {
	opacity: 1;
}
#footer_slider .title span {
  display:block; padding:15px; width:100%; font-size:14px; line-height:1.7; color:#fff; text-decoration:none; box-sizing:border-box;
}

/* arrow */
#footer_slider .slick-arrow { width:30px; height:30px; overflow:hidden; cursor:pointer; background:none !important; }
#footer_slider .slick-arrow span { text-indent:-200px; display:block; }
#footer_slider .slick-arrow:before {
  font-family:'design_plus'; color:#aaa; font-size:30px; display:block; position:absolute; top:0px; left:0px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#footer_slider .slick-prev:before { content:'\e90f'; }
#footer_slider .slick-next:before { content:'\e910'; }
#footer_slider .slick-prev { position:absolute; top:90px; left:-40px; }
#footer_slider .slick-next { position:absolute; top:90px; right:-40px; }
#footer_slider .slick-arrow:hover:before { }
@media screen and (max-width:1300px) {
  #footer_slider .slick-arrow { display:none !important; }
}


/* フッターウィジェット */
#footer {
  width:1200px; min-width:1200px; padding:50px 0px 30px; margin:0 auto; overflow:hidden;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#footer_left_widget { width:300px; float:left; margin:0 80px 0 0; }
#footer_center_widget { width:300px; float:left; margin:0 80px 0 0; }
#footer_right_widget { width:440px; float:left; }
#footer .side_widget { margin:0 0 30px 0; }
.footer_headline { font-size:16px; margin:0 0 30px 0; display:none; }


/* フッター下部 */
#footer_bottom {
  width:1200px; margin:0 auto;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#footer_bottom_inner { width:1200px; height:70px; border-top:1px solid #ddd; }
#footer_bottom a { text-decoration:none; }


/* メニュー */
#footer_menu { float:left; margin:30px 0 0 0; }
#footer_menu ul { }
#footer_menu li { float:left; border-right:1px solid #ddd; padding:0 10px 0 0; margin:0 10px 0px 0; font-size:12px; }
#footer_menu li:last-child { margin:0; padding:0; border:none; }
#footer_menu a { display:block; }
#footer_menu a:hover { }


/* コピーライト */
#copyright { float:right; font-size:12px; margin:30px 0 0 0; }


/* ページ上部へ戻るボタン */
#return_top {
  position:fixed; right:20px; bottom:10px; z-index:10;
  -webkit-transform: translate3d(0,120%,0); transform: translate3d(0,120%,0);
  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
#return_top.active { -webkit-transform: translate3d(0px,-20px,0); transform: translate3d(0px,-20px,0); }
#return_top a { display:block; height:60px; width:60px; text-decoration:none; background:#ccc; border-radius:60px; z-index:100; }
#return_top span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#return_top a:before {
  font-family:'design_plus'; color:#fff; font-size:18px; display:block; position:absolute; width:18px; height:18px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#return_top a:before { content:'\e911'; top:0; bottom:0; left:0; right:0; margin:auto; }




/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
.side_widget { margin:0 0 50px 0; position:relative; }
.side_widget:last-child, .side_widget:only-child  { margin:0; }
.side_headline, .widget_block .wp-block-heading { font-size:20px; margin:0 0 30px 0; font-weight:400; }
.side_widget ul { margin:0; }
.side_widget li { line-height:2; padding:2px 0; margin:0 0 10px 0; }
.side_widget a { text-decoration:none; }
.side_widget a:hover { }
.side_widget img { height:auto; max-width:100%; }


/* 広告 */
.ml_ad_widget { margin:0 0 50px 0; border:none; padding:0; background:none; }
.ml_ad_widget img { height:auto; max-width:100%; margin:0 auto; display:block; }
#side_col .ml_ad_widget { border:1px solid #ddd; padding:40px; }


/* カレンダー */
.widget_calendar { }
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { color:#333; padding:2px; line-height:3.4; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#eee; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; background:#ccc; }
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:2; }
#wp-calendar #prev, #wp-calendar #next { line-height:3; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { color:#fff; background:#ccc; }
#wp-calendar td#today { font-weight:bold; }


/* デザインされた記事一覧１ */
.styled_post_list1_widget { }
.styled_post_list1 { margin:0; padding:0; }
.styled_post_list1 li { margin:0 0 20px 0; padding:0; background:none; }
.styled_post_list1 li:last-child { border:none; padding:0; margin:0; }
.styled_post_list1 .image { float:left; display:block; margin:0 20px 0 0; overflow:hidden; width:100px; height:100px; position:relative; z-index:2; }
.styled_post_list1 .image img {
  display:block;
  -webkit-backface-visibility:hidden; backface-visibility:hidden; max-width:none;
}
.styled_post_list1 .info { }
.styled_post_list1 .title { font-size:14px; margin:0; padding:0; display:block; font-weight:400; line-height:1.7; color:#000; }
.styled_post_list1 .title:hover { text-decoration:none; }
.styled_post_list1 .date { margin:10px 0 0 0; position:relative; display:block; line-height:1; color:#aaa; }


/* デザインされた記事一覧２ */
.styled_post_list2_widget { }
.styled_post_list2 { margin:0 -20px -20px 0; padding:0; font-size:0; }
.styled_post_list2 li {
  background:none; display:inline-block; vertical-align:top; position:relative;
  width:50%; margin:0 20px 20px 0; padding:0;
  width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px);
}
.styled_post_list2 li:nth-child(2n) { margin-right:0px; }
.styled_post_list2 .image_area { position:relative; width:100%; margin:0 0 15px 0; }
.styled_post_list2 .image_area:before { content:""; display:block; padding-top:100%; }
.styled_post_list2 .image_area:before { padding-top:100%; }
.styled_post_list2 .image { display:block; overflow:hidden; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; }
.styled_post_list2 .image img { display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; max-width:none; }
.styled_post_list2 .title { font-size:14px; margin:0; padding:0; display:block; font-weight:400; line-height:1.6; color:#000; }
.styled_post_list2 .title:hover { text-decoration:none; }
.styled_post_list2 .category { display:inline-block; position:absolute; top:0px; left:0px; z-index:3; }
.styled_post_list2 .category a { font-size:12px; background:#333; color:#fff; display:block; height:40px; line-height:40px; padding:0 22px; text-decoration:none; }
.styled_post_list2 .category a:hover { background:#333 !important; color:#fff; }
.styled_post_list2 .meta { margin:10px 0 0 0; padding:0; }
.styled_post_list2 .meta li { display:inline; margin:0; padding:0; width:auto; line-height:1.5; color:#aaa; font-size:12px; }
.styled_post_list2 .meta li:first-child { border-right:1px solid #ccc; margin:0 10px 0 0; padding:0 10px 0 0; }
.styled_post_list2 .meta li:only-child { border:none; margin:0; padding:0; }
.styled_post_list2 .meta li.child_category:after { content:','; padding:0 5px 0 0px; }
.styled_post_list2 .meta li:last-child:after { display:none; }
.styled_post_list2 .meta a { color:#aaa; }
.pc #footer .styled_post_list2 .category a { font-size:11px; height:30px; line-height:30px; padding:0 15px; }
.pc #footer_right_widget .styled_post_list2 > li {
  width:33.33333%; margin:0 20px 20px 0; padding:0;
  width:-webkit-calc(100% / 3 - 20px); width:-moz-calc(100% / 3 - 20px); width:calc(100% / 3 - 20px);
}
.pc #footer_right_widget .styled_post_list2 > li:nth-child(3n) { margin-right:0px; }
.pc #footer_right_widget .styled_post_list2 .category a { font-size:12px; height:40px; line-height:40px; padding:0 22px; }


/* デザインされた記事一覧３ */
.styled_post_list3 li { position:relative; background:none; padding:0; margin:0 0 20px 0; }
.styled_post_list3 li:last-child, .styled_post_list3 li:only-child { margin:0; }
.styled_post_list3 .image { display:block; margin:0; overflow:hidden; width:100%; height:200px; position:relative; z-index:2; }
.styled_post_list3 .image img {
  display:block;
  -webkit-backface-visibility:hidden; backface-visibility:hidden; max-width:none;
}
.styled_post_list3 .category { display:inline-block; position:absolute; top:0px; left:0px; z-index:3; }
.styled_post_list3 .category a { font-size:12px; background:#333; color:#fff; display:block; height:40px; line-height:40px; padding:0 22px; text-decoration:none; }
.styled_post_list3 .category a:hover { background:#333 !important; color:#fff; }
.styled_post_list3 .meta {
  border:1px solid #ddd; border-top:none; background:#fff; padding:20px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.styled_post_list3 .title { font-weight:700; font-size:18px; line-height:1.6; display:block; text-decoration:none; }
.styled_post_list3 .meta ul { margin:10px 0 0 0; padding:0; }
.styled_post_list3 .meta li { display:inline; margin:0; padding:0; width:auto; line-height:1.5; color:#aaa; font-size:12px; }
.styled_post_list3 .meta li:first-child { border-right:1px solid #ccc; margin:0 10px 0 0; padding:0 10px 0 0; }
.styled_post_list3 .meta li:only-child { border:none; margin:0; padding:0; }
.styled_post_list3 .meta li.child_category:after { content:','; padding:0 5px 0 0px; }
.styled_post_list3 .meta li:last-child:after { display:none; }
.styled_post_list3 .meta li a { color:#aaa; }


/* カスタムメニュー */
.tcdw_menu_widget .menu1, .tcdw_menu_widget .menu2 { width:50%; float:left; }
.tcdw_menu_widget .menu_headline { margin:0 0 15px 0; font-size:16px; }
.tcdw_menu_widget li:last-child { margin-bottom:0; }


/* タブ記事 */
.tab_post_list_widget .styled_post_list1 li { padding:20px 20px 20px; margin:0; border-bottom:1px solid #ddd; }
.tab_post_list_widget .styled_post_list1 li:last-child { border:none; }
.widget_tab_post_list_button a {
  display:inline-block; padding:15px 0; width:50%; text-align:center; border:1px solid #ddd; float:left; margin-bottom:-1px; font-size:16px; position:relative; background:#f7f7f7; text-decoration:none;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.widget_tab_post_list_button a.tab1 { border-right:0; }
.widget_tab_post_list_button a.active { background:#fff; border-bottom:1px solid #fff;}
.widget_tab_post_list { border:1px solid #ddd; }
.widget_tab_post_list2 { display:none; }
.tab_post_list_widget .date { margin:0 0 10px 0; }


/* プロフィール */
.tcd_user_profile_widget { border:1px solid #ddd; padding:40px 40px 50px; }
.tcd_user_profile_widget .user_avatar { overflow:hidden; width:130px; height:130px; display:block; margin:0px auto 30px; border-radius:130px; }
.tcd_user_profile_widget .user_avatar img { width:100%; height:auto; display:block; }
.tcd_user_profile_widget .user_desc { font-size:14px; line-height:2.3; margin:0 0 30px 0; }
.tcd_user_profile_widget .button { text-align:center; margin:0 0 30px 0;  }
.tcd_user_profile_widget .button a {
  display:inline-block; height:45px; line-height:45px; min-width:160px; padding:0 25px; background:#222; color:#fff; font-size:14px; text-decoration:none;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.tcd_user_profile_widget .user_sns { text-align:center; margin:0; padding:0; font-size:0; }
.tcd_user_profile_widget li { display:inline-block; vertical-align:top; margin:0; padding:0; line-height:100%; font-size:11px; background:none; width:30px; }
.tcd_user_profile_widget li a { position:relative; text-decoration:none; display: block; }
.tcd_user_profile_widget li a span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
.tcd_user_profile_widget li a:before {
  font-family:'design_plus'; color:#333; font-size:12px; display:block; position:absolute; top:10px; right: 0; left:0; margin: auto;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.tcd_user_profile_widget li.twitter_button a:before { font-family: 'tiktok_x_icon'; content: "\e901";}
.tcd_user_profile_widget li.facebook_button a:before { content:"\e902"; }
.tcd_user_profile_widget li.insta_button a:before { content:"\ea92"; top:10px; }
.tcd_user_profile_widget li.pint_button a:before { content:"\e905"; }
.tcd_user_profile_widget li.mail_button a:before { content:"\f0e0"; }
.tcd_user_profile_widget li.tiktok_button a:before { font-family: 'tiktok_x_icon'; content: "\e900"; }
.tcd_user_profile_widget li.line_button a:before { content: "\e909"; }
.tcd_user_profile_widget li.note_button a:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  transition: background-color 0.3s ease;
}

.tcd_user_profile_widget li.twitter_button a:hover:before { color:#000; }
.tcd_user_profile_widget li.facebook_button a:hover:before { color:#3B5998; }
.tcd_user_profile_widget li.insta_button a:hover:before { color:#8a3ab9; }
.tcd_user_profile_widget li.pint_button a:hover:before { color:#c92228; }
.tcd_user_profile_widget li.mail_button a:hover:before { color:#16b9dc; }
.tcd_user_profile_widget li.tiktok_button a:hover:before { color:#999; }
.tcd_user_profile_widget li.line_button a:hover:before { color:#00B900; }
.tcd_user_profile_widget li.note_button a:hover:before { color:#999; }

/* ドロップダウンカテゴリーメニュー */
.tcdw_category_list_widget .side_headline { margin-bottom:30px; }
.tcd_category_list { margin:0; padding:0; }
.tcd_category_list > li { float:left; width:50%; margin:0; padding:0; background:none; position:relative; }
.tcd_category_list a {
  display:block; padding:0 15px; height:55px; line-height:55px; overflow:hidden; border:1px solid #ddd; margin:-1px 0 0 0; font-size:12px; text-decoration:none; text-align:center; background:#fff;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.tcd_category_list > li:nth-child(odd) > a { margin-right:-1px; }
.tcd_category_list a:hover { background:#f4f4f4; color:#333 !important; }
.tcd_category_list > li.active > a { background:#f4f4f4; }

.tcd_category_list ul {
  display:none; margin:0 !important; padding:0 !important; background:none;
  width:200%; z-index:9; position:relative;
}
.tcd_category_list li:nth-child(2n) ul { left:-100%; }
.tcd_category_list li:nth-child(2n) ul ul { left:0; }
.tcd_category_list ul ul { width:100%; position:relative;}
.tcd_category_list ul li { float:none; width:100%; margin:0; padding:0; }
.tcd_category_list ul li a { height:auto; line-height:1.5; padding:12px 25px; text-align:left; }
.tcd_category_list ul ul li a { padding:12px 25px 12px 32px; }
.tcd_category_list ul ul ul li a { padding:12px 25px 12px 44px; }
.tcd_category_list ul ul ul ul li a { padding:12px 25px 12px 56px; }


/* 検索 */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s, .side_widget.google_search #s {
  margin:0; background:#fbfbfb; padding:0 10px; border:1px solid #ddd; border-right:none; width:calc(100% - 40px); height:40px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
/*
.widget_search #search-btn input, .widget_search #searchsubmit {
  border:1px solid #ddd; border-left:none; width:40px; height:40px;
  cursor:pointer; display:block; float:right; text-indent:-300%; overflow:hidden;
}
.side_widget.google_search #searchsubmit { font-family: 'design_plus'; color:#ddd; font-size:18px; border:none; width:40px; height:40px; background:#222; cursor:pointer; display:block; float:right; overflow:hidden; position:absolute; top:0; right:0; }
*/

.widget_search #searchsubmit, .side_widget.google_search #searchsubmit {
  border: none;
  width: 40px;
  height: 40px;
  background: #000 url(img/common/icon_search.png) no-repeat center;
  cursor: pointer;
  display: block;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
}

/* アーカイブ、カテゴリードロップダウンメニュー */
.widget_archive, .widget_categories, .tcdw_archive_list_widget { }
.widget_archive { }
.widget_archive ul  { margin:0; padding:0; }
.widget_archive ul li { }
.widget_archive select, .widget_categories select, .tcd_archive_dropdown select { border:1px solid #ddd; padding:12px 10px; width:100%; margin:0; font-size:14px; }
.widget_archive select { border:1px solid #ddd; padding:12px; }
.widget_archive label, .widget_categories label { display:none; }
.widget_archive select option, .widget_categories select option, .tcd_archive_dropdown option { background:#fff; color:#333; }
.widget_categories li { font-size:14px; }

.tcd_archive_dropdown { border:1px solid #ddd; padding:0; height:70px; position:relative; }
.tcd_archive_dropdown .side_headline {
  position:absolute; left:15px; line-height:1 !important; padding:0 !important; margin:0 !important;
  top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 45%;text-align: left;
}
.tcd_archive_dropdown select {
  width:45%; position:absolute; right:15px;
  top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}



/* デフォルトの最近の記事 */
.widget_recent_entries li { border-bottom:1px dotted #ccc; padding:0 0 15px 0; }
.widget_recent_entries li:last-child { border:none; padding:0; }

/* デフォルトのRSS */
.widget_rss  .rss-widget-feed { display:none; }
.widget_rss  .rss-widget-title { text-decoration: none; color: inherit;}
.widget_rss li { border-bottom:1px solid #ddd; margin:0 0 -1px 0; padding:20px 30px 15px; font-size:14px;}
.widget_rss li:last-of-type { border:none; }
.widget_rss ul li { padding:20px 0px; border-bottom:1px solid #ddd; margin-top:-1px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.widget_rss ul li:not(:first-child) { border-top:1px solid #ddd; }
.widget_rss ul li .rss-date { -ms-flex-order:1; order:1; color:#999; font-size:13px; line-height:1; margin-right:10px; padding:0 0 0 22px; position:relative; }
.widget_rss ul li .rss-date:before {font-family: 'design_plus';
  content: '\e94e';font-size:16px; position:absolute; top:-2px; left:0px; -webkit-font-smoothing: antialiased; }
.widget_rss ul li cite { -ms-flex-order:2; order:2; color:#999; font-size:13px; line-height:1; }
.widget_rss ul li .rsswidget { -ms-flex-order:3; order:3; display:block; width:100%; margin:0; }
.widget_rss ul li .rssSummary { -ms-flex-order:4; order:4; color:#999; font-size:13px; margin: -0.35em 0; }
.widget_rss .rss-date { position:relative; font-family:Arial; }
.widget_rss .rsswidget ~ .rss-date, .widget_rss .rsswidget ~ cite { margin-bottom:10px; }
.widget_rss .rsswidget ~ .rssSummary { margin-top:calc(10px - 0.35em); }

/* デフォルトのタグ一覧 */
.widget_tag_cloud .tagcloud {
	margin:0 0 -6px 0; padding:0; position:relative;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.widget_tag_cloud .tagcloud a { margin:0 6px 6px 0; font-size:14px !important; display:block; background:#fff; padding:0px 20px; border-radius:5px; height:36px; line-height:36px; border: 1px solid #ddd;}
.widget_tag_cloud .tagcloud a:hover { background:#000; color:#fff; }

/* デフォルトの最近の記事 */
.widget_recent_entries li { border-bottom:1px solid #ddd; padding:0 0 15px 0; margin-bottom:15px; }
.widget_recent_entries li:last-child { border:none; padding:0; margin:0; }
.widget_recent_entries li a { display:block; }
.widget_recent_entries .post-date { position:relative; color:#999; font-size:14px; display:block; margin-top:3px; }
.widget_recent_entries .post-date:before {
  font-family:'design_plus'; content:'\e94e'; font-size:13px; display:inline-block; margin:0 7px 0 0; vertical-align:-1px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

/* デフォルトのカテゴリー */
.category_list_widget ul { margin:0; }
.category_list_widget ul ul { margin-left:1em; }
.category_list_widget ul li { margin:0; padding:0; line-height:1; }
.category_list_widget ul li a { display:block; line-height:1.6; padding:10px 0; }
.category_list_widget .widget_headline + ul { margin:-12px 0 -14px; }
.widget_categories ul { margin:0; }
.widget_categories ul ul { margin-left:1em; }
.widget_categories ul li { margin:0; padding:0; line-height:1; }
.widget_categories ul li a { display:inline-block; line-height:1.6; padding:10px 0; }
.widget_categories ul li { color:#999; }
.widget_categories .widget_headline + ul { margin:-12px 0 -14px; }

/* デフォルトの固定ページ */
.widget_pages ul { margin:0; }
.widget_pages ul ul { margin-left:1em; }
.widget_pages ul li { margin:0; padding:0; line-height:1; }
.widget_pages ul li a { display:block; line-height:1.6; padding:10px 0; }
.widget_pages .widget_headline + ul { margin:-12px 0 -14px; }


/* デフォルトのナビ　*/
.widget_nav_menu ul { margin:0; }
.widget_nav_menu ul ul { margin-left:1em; }
.widget_nav_menu ul li { margin:0; padding:0; line-height:1; }
.widget_nav_menu ul li a { display:block; line-height:1.6; padding:10px 0; }
.widget_nav_menu .widget_headline + ul { margin:-12px 0 -14px; }

/* デフォルトのコメントウィジェット */
.widget_recent_comments li { color:#999; }

/* デフォルトのテキストウィジェット */
.widget_text .post_content { line-height: 1.6; }

/* デフォルトのブロック */
.widget_block { line-height:1.6; }

/* デフォルトのメタウィジェット */
.widget_meta ul { margin-bottom:-8px; }


/* デフォルトのアーカイブとカテゴリー　ドロップダウンメニュー */
.widget_archive select, .widget_categories select {
	border:1px solid #ddd; background:#fff;  width:100%; height:60px; padding:0 18px; font-size:14px; cursor:pointer;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-appearance:none; appearance:none;
}
.widget_archive .screen-reader-text, .widget_categories .screen-reader-text  {
	display:block; clip:auto; clip-path:none; pointer-events:none;
	height:60px; width:50px; margin:0;
	left:calc(100% - 50px); text-indent:-100vw;
}
.widget_archive .select_wrap,.widget_categories .select_wrap{
  position: relative;
}
.widget_archive .select_wrap:before, .widget_categories .select_wrap:before {
  font-family:'design_plus'; content:'\e90e'; text-align:center; text-indent:0;
  display:block; font-size:14px; width:14px; height:14px; line-height:14px;
  position:absolute; right:15px; top:25px;
}

/* カレンダー */
#calendar_wrap { padding:0; margin:-6px 0 -20px; }
#wp-calendar { margin:0 auto; width:100%; font-size:14px; border-collapse:collapse; table-layout:fixed;}
#wp-calendar caption { padding:12px 0; font-size:16px; font-weight:600; }
#wp-calendar thead th, #wp-calendar tfoot td { padding:12px 10px; line-height:2; }
#wp-calendar thead th { font-weight:500; }
#wp-calendar tbody th, #wp-calendar tbody td { padding:0; margin:0; line-height:1; text-align:center; }
#wp-calendar tbody span { display:block; padding:15px 10px; }
#wp-calendar tbody a { display:block; width:30px; height:30px; line-height:30px; border-radius:30px; margin:0 auto; text-decoration:none; background-color:#000; color:#fff; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; background:#aaa; }
#wp-calendar #today { font-weight:600; }
.wp-calendar-nav { font-size:14px; padding:20px 0; width:100%; font-size:14px; }
.wp-calendar-nav .wp-calendar-nav-prev { width:40%; float:left; }
.wp-calendar-nav .wp-calendar-nav-next { width:40%; float:right; text-align:right; }


/* デフォルトのギャラリー */
.widget_media_gallery .gallery-caption {
  background-color:#000; color:#fff; font-size:12px; line-height:1.5; margin:0 0 2px; max-height:50%;  transform: translateY(50%);
  opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.widget_media_gallery .gallery-item { margin-top:0 !important; }
.widget_media_gallery .gallery-item img{border: none!important;}
.widget_media_gallery .gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%;  }
.widget_media_gallery .gallery-item:hover .gallery-caption { opacity: .7; transition: all .25s ease; transform: translateY(0%);}

/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
/* 基本設定 */
#comments { font-size:14px; margin:0; }
#comment_headline { font-size:16px; margin:40px 0 30px; }
#comment_area, #trackback_area { margin:15px 0 20px; padding:0 0 5px 0; }
#trackback_area { display:none; }


/* コメント・トラックバックのタブ */
#comment_header { position:relative; margin:0 0 25px; }
#comment_header ul { margin:0; }
#comment_header ul li { float:left; text-align:center; margin:0; width:50%; }
#comment_header ul li a, #comment_header ul li p { font-size:13px; padding:15px 15px; line-height:1.8; display:block; color:#333; text-decoration:none; border:1px solid #ccc; }
#comment_header ul li a:hover { color:#fff !important; background:#333; }
#comment_header ul li.comment_switch_active a, #comment_header #comment_closed p { color:#fff; position:relative; background:#333; }
#comment_header ul li.comment_switch_active a:after, #comment_header #comment_closed p:after { position:absolute; bottom:-17px; left:195px; content:""; width:0; height:0; border-width:10px; border-style:solid; border-color:#333 transparent transparent transparent; }


/*  コメントの基本部分 */
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:1px solid #ccc; color:#777; margin:0 0 15px; padding:15px 20px 0; background:#fff; }
#comments .post_content { margin:20px 0 0; padding:0; background:none; }
.admin-comment { }


/* コメントの情報部分 */
.comment-meta { position:relative; margin:0 0 10px 0; }

.comment-meta-left { float:left; width:400px; }
#comments .avatar { float:left; margin:0 10px 0 0; background:#fff; width:40px; height:40px; }
.comment-name-date { padding:3px 0 0 0; height:37px; }

a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-name-date { margin:0; }
.comment-date { font-size:14px; color:#757676; margin:10px 0 0 0; }

.comment-act { background:url(img/common/arrow3.gif) no-repeat left; font-size:13px; position:absolute; right:0px; padding:0 0 0 10px; margin:5px 0 0 0; }
.comment-act li { display:inline; margin:0; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; }


/* コメント本文 */
#comments .post_content p { margin:0 0 15px 0; }
#comments .post_content blockquote span { margin:0 0 -1em 0; display:block; }


/* メッセージ、警告文 */
.comment-note { display:block; font-size:13px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; }
.comment_closed { border:1px solid #ccc; text-align:center; margin:0 35px 15px 0; padding:15px; background:#fefefe; }
.no_comment { padding-bottom:15px; }


/* トラックバック */
.trackback_time { font-size:13px; color:#757676; margin:0 0 7px 0px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 0px; line-height:1.6; }

#trackback_url_area { margin:0; }
#trackback_url_area label { display:block; margin:0 0 10px 0; font-size:13px; }
#trackback_url_area input { border:1px solid #ccc; background:#fafafa; padding:10px; width:100%; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }


/* ページナビ */
#comment_pager { margin:0 0 10px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; }


/* コメントフォーム */
.comment_form_wrapper { border:1px solid #ccc; margin:0 0 0px; padding:15px; background:#fff; }
.comment .comment_form_wrapper { margin:0 0 20px; }

#cancel_comment_reply  { background:url(img/common/arrow3.gif) no-repeat left center; margin:0 0 1em 0; padding:0 0 0 10px; }

#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:1; }
#comment_user_login span { margin:0 0 0 40px; }

#comment_login { margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:1; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(img/common/arrow3.gif) no-repeat 10px 3px; }

#guest_info { padding:0; width:100%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; padding:5px 0; border:1px solid #ccc; width:100%; background:#fff; color:#777; }
#guest_info input:focus { border:1px solid #e48898; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:13px; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }

#comment_textarea textarea { margin:15px 0 0; width:100%; height:150px; border:1px solid #ccc;
                             background:#fff; color:#777; font-size:13px; overflow:auto; }
#comment_textarea textarea:focus { border:1px solid #e48898; }

#submit_comment_wrapper { text-align:center; }
#submit_comment {
  background:#aaa; border:none; cursor:pointer; color:#fff; font-size:14px; width:200px; height:50px; margin:15px auto 0; display:block;
  -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out;
}
#submit_comment:hover { background:#e48898; }

#input_hidden_field { display:none; }


/* パスワード保護 */
.password_protected { text-align:center; margin:0 38px 30px; padding:10px 20px; color:#fff; background:#3db4b2; border-radius:5px; }
.password_protected p { font-size:14px; margin:0; line-height:1.6; }


/* パスワード保護 */
.c-pw__desc, .c-pw__desc p { line-height:2.5; }
.c-pw__desc p { margin-bottom:16px; }
.c-pw__btn { box-sizing: border-box; color: #fff; display: inline-block; padding: 13px 20px; font-size:14px; text-align:center; line-height:1; }
.c-pw__btn:hover { background: #333; color: #fff; }
.c-pw__btn--register { min-width: 160px; margin-bottom:32px; }
.c-pw__btn--submit { min-width: 100px; border:0; cursor:pointer; }
.c-pw .c-pw__btn:hover { text-decoration: none; }
.c-pw__box { border:1px solid #ddd; background:#f5f5f5; padding: 25px 36px; display:inline-block; margin-bottom:40px; box-sizing: border-box; }
.c-pw__box .c-pw__box-desc { line-height:1.2; margin-bottom: 20px; }
.c-pw__box-label { margin-right: 14px; }
.c-pw__box-input { border:1px solid #ddd; box-shadow:none; height:40px; width:250px; margin-right: 13px; flex: 1; box-sizing: border-box; padding: 0 10px; }
.u-center{ text-align:center; }

.post_content .c-pw__btn, .post_content .c-pw__btn:hover { color: #fff; }

/* ----------------------------------------------------------------------
埋め込みコンテンツの余白調整
---------------------------------------------------------------------- */
.wp-block-embed { margin:0 0 2em 0; }

/** ブロックエディターのテーブルブロックの調整 **/
.wp-block-table.is-style-stripes td,
.wp-block-table .has-background td{
  background-color: transparent;
}

.entry-date {
  font-family: 'Arial';
}

/* スクロール */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 30px;
}
html:has(.fix_top) {
	scroll-padding-top: 80px;
}
@media (max-width: 1199px) {
  html {
	scroll-padding-top: 20px !important;
}
	html:has(.mobile_header_fix) {
		scroll-padding-top: 70px !important;
	}
}

body.single-post  #main_col {
  display: flex;
  gap: 15px;
  overflow: clip;
}

body.page-template-page-notitle  #main_col {
  display: flex;
  gap: 15px;
  overflow: clip;
}

body.page-template-page-profile  #main_col {
  display: flex;
  gap: 15px;
  overflow: clip;
}

body.page-template-default  #main_col {
  display: flex;
  gap: 15px;
  overflow: clip;
}

body.single-post.layout2 #left_col { 
  order: 2;
}

body.page-template-page-notitle.layout2 #left_col { 
  order: 2;
}

body.page-template-page-profile.layout2 #left_col { 
  order: 2;
}

body.page-template-default.layout2 #left_col { 
  order: 2;
}