@charset "utf-8";
/*
Theme Name:IZM
Theme URI:https://tcd-theme.com/tcd034
Description:WordPress theme "IZM" is developed for web magazines, suitable for media sites that publish a lot of content. It has plenty of advertising space for monetization, and a ranking function that allows you to make use of past popular articles.
Author:TCD
Author URI:https://tcd-theme.com/
Version:4.1.3
Text Domain:tcd-izm
*/

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


/* アイコンフォント */
.icon-arrow-right:before {
  content: "\e910";
}

.icon-file-text:before {
  content: "\f15c";
}

.icon-share-alt:before {
  content: "\f1e0";
}

.icon-phone:before {
  content: "\f095";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-close:before {
  content: "\e91a";
}




/* ----------------------------------------------------------------------
 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; min-width:1200px; }
.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;
}
a:hover { text-decoration:underline; }
.clear { clear:both; }
.hide { display:none; }


/* レイアウト */
#header {
  height:80px; min-width:1200px; width:100%; background:#fff; border-bottom:1px solid #ddd;
 -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_inner { height:80px; width:1200px; margin:0 auto; position:relative; }
#main_contents { width:1200px; margin:0 auto; padding:0 0 150px; }
#main_col { width:520px; float:left; margin:0 0 0 340px; }
#left_col { width:300px; float:left; margin:0 0 0 -860px; }
#right_col { width:300px; float:right; }

.pc .single_layout #main_col { width:640px; }
.pc .single_layout #left_col { margin:0 0 0 -980px; }
.pc .single_layout #right_col { width:180px; float:right; }

.pc .layout4 #main_col { margin:0 40px 0 0; }
.pc .layout4 #left_col { float:left; margin:0; }
.pc .layout4 #right_col { float:right; }

.pc .two_column #main_col { width:860px; float:left; margin:0; }
.pc .two_column #left_col { width:300px; float:right; margin:0; }

.pc .two_column.layout2 #main_col { float:right; }
.pc .two_column.layout2 #left_col { float:left; }

.no_header_slider #main_contents { padding-top:60px; }
.pc .page-template-page-noside #main_col, .pc .error404 #main_col { width:1200px !important; float:none !important; margin:0 auto; }

.pc .page-template-page-noside_900 #main_col{ width:900px !important; float:none !important; margin:0 auto; }
.pc .page-template-page-noside_900 #bread_crumb{ width:900px !important; }

@media screen and (max-width: 1024px) and (min-width: 771px) {
  #header{min-width: 1170px; padding: 0 15px;}
  #header_inner{width: 1170px;}
  .recommend_slider_area {min-width: 1170px !important;padding: 60px 15px 50px !important;}
  .recommend_slider_wrap {width: 1170px !important;margin:0 auto;}
  .recommend_slider {width: 1170px !important;}
  #main_contents {width: 1170px;margin:0 auto;padding: 0 15px 150px;}
  #main_col {width:520px;float:left;margin: 0 0 0 325px;}
  #left_col {width:300px;float:left;margin: 0 0 0 -845px;}
  #footer{min-width: 1170px !important;}
  #footer_inner{width: 1170px !important; padding: 60px 15px 35px !important;}
  #footer_banner_area{width: 705px !important;}
  #footer_banner_area img{max-width: 100% !important;}
}
/* ローディングアイコン */
#site_wrap { display:none; }
#site_loader_overlay {
  position: fixed; background:#fff; background:rgba(255,255,255,1);
	top:0px; left:0px; bottom:0px; right:0px;
	z-index: 99999; opacity:1;
	-webkit-transition: opacity 0.3s; transition: opacity 0.3s;
}
#site_loader_spinner {
  width:60px; height:60px; border-radius:100%; margin-top:-30px; margin-left:-30px;
  border:4px solid #ccc; border-top-color:#666; box-sizing:border-box;
  position:absolute; top:50%; left:50%;
  animation:loading 1.2s linear infinite;
  -webkit-animation:loading 1.2s linear infinite;
}
@keyframes loading{
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
@-webkit-keyframes loading{
  0% {-webkit-transform:rotate(0deg); }
  100% {-webkit-transform:rotate(360deg); }
}




/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */

/* ヘッダーをページ上部に固定 */
.pc .header_fixed #header { position:relative; top:0px; z-index:9; }

.pc .header_slide_down #header {
  position:fixed; width:100%; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); top:0px; z-index:9;
  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_slide_down { padding-top:80px; }

@keyframes slideDown {
  0% { top:-80px; }
  100% { top:0px; }
}
.pc .header_slide_up #header {
  position:fixed; width:100%; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); top:-80px; z-index:9;
  animation: slideUp 0.5s ease; -ms-animation: slideUp 0.5s ease; -webkit-animation: slideUp 0.5s ease; -moz-animation: slideUp 0.5s ease;
}
@keyframes slideUp {
  0% { top:0px; }
  100% { top:-80px; }
}


/* ロゴ */
.pc #logo_text { position:absolute; top:25px; left:0px; }
.pc #logo_text #logo { font-size:26px; font-weight:normal; margin:0 0 10px 0; }
.pc #logo_text #logo a { display:block; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; }
.pc #logo_text #logo a:hover { }
.pc #logo_text #tagline { font-size:11px; font-weight:normal; }
.pc #logo_image #logo { position:absolute; margin:0; padding:0; line-height:100%; }
.pc #logo_image #logo img { display:block; }


/* グローバルメニュー */
.pc #global_menu { position:absolute; right:0px; top:0px; }
.pc #global_menu > ul { height:80px; margin:0 auto; text-align:center; font-size:0; position:relative; z-index:2; }
.pc #global_menu > ul > li { float:left; font-size:1%; position:relative; margin:0 0 0 70px; }
.pc #global_menu > ul > li:first-child { margin:0; }
.pc #global_menu > ul > li a {
  font-size:12px; font-weight:bold; text-decoration:none; height:80px; line-height:80px; display:block; text-align:center;
  -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 li a:hover { text-decoration:none; border-bottom:4px solid #333; }
.pc #global_menu > ul > li.active > a { border-bottom:4px solid #333; }

.pc #global_menu ul ul { display:none; width:200px; position:absolute; top:80px; right:0px; margin:0; padding:0; }
.pc #global_menu ul ul ul { right:100%; top:0; margin:0 0 0 -1px; border:none; }
.pc #global_menu ul ul li { width:200px; line-height:150%; padding:0; margin:0; text-align:left; position:relative; }
.pc #global_menu ul ul a { display:block; font-size:11px; background:#6bb8e4; position:relative; padding:14px 20px 12px 20px; height:auto; line-height:160%; margin:0; text-align:left; box-shadow:none; color:#fff; }
.pc #global_menu ul ul a:hover { background:#457694; color:#fff; text-decoration:none; border:none; }

.pc #global_menu li.hide_menu { display:none; }

.menu_button { display:none; }


/* ピックアップスライダー */
.recommend_slider_area { min-width:1200px; padding:60px 0 50px; background:#f3f3f3; }
.home .recommend_slider_area { background:#fff; }
.home.paged .recommend_slider_area { background:#f3f3f3; }
.recommend_slider_wrap { width:1200px; margin:0 auto; }
.recommend_slider_wrap .headline { border-left:5px solid #000; padding:15px 25px; margin:0 0 20px 0; font-size:20px; }
.recommend_slider { width:1200px; }
.recommend_slider .item { width:206px; position:relative; }/* スペースは36px */
.recommend_slider .image { width:170px; height:170px; overflow:hidden; display:block; }
.recommend_slider .image img {
  width:170px; height:170px; display:block;
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.recommend_slider .image:hover img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
.recommend_slider .category { height:35px; width:170px; overflow:hidden; position:absolute; top:135px; left:0px; font-size:12px; z-index:2; }
.recommend_slider .category a { height:35px; line-height:35px; display:block; text-align:center; color:#fff; background:#111; background:rgba(0,0,0,0.6); text-decoration:none; }
.recommend_slider .category a:hover { background:#222; color:#fff; }
.recommend_slider .title { font-size:12px; font-weight:bold; width:170px; display:block; line-height:160%; max-height:80px; overflow:hidden; margin:15px 0 0 0; }

.recommend_slider .slick-arrow {
  -webkit-transition-property:background color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -o-transition-property:background color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
}
.recommend_slider .slick-prev { border:none; background:#ddd url(img/common/arrow_left.png) no-repeat 15px 13px; height:50px; width:50px; overflow:hidden; text-indent:-400px; position:absolute; left:-70px; top:60px; z-index:3; cursor:pointer; border-radius:100%; }
.recommend_slider .slick-next { border:none; background:#ddd url(img/common/arrow_right.png) no-repeat 18px 13px; height:50px; width:50px; overflow:hidden; text-indent:-400px; position:absolute; right:-70px; top:60px; z-index:3; cursor:pointer; border-radius:100%; }
.recommend_slider .slick-prev:hover, .recommend_slider .slick-next:hover { background-color:#333; }
@media screen and (max-width:1300px) {
  .recommend_slider .slick-prev { display:none !important; }
  .recommend_slider .slick-next { display:none !important; }
}


/* パンくずリンク */
#bread_crumb { padding:0 0 20px; width:1125px; margin:20px 0px; }
#bread_crumb li.home a {
  float:left; height:15px; width:0px; 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:#888; font-size:14px; display:block; position:absolute; top:2px; 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:#6BB8E4; }
#bread_crumb li { color:#aaa; font-size:12px; display:inline; padding:0 15px 0 0; margin:0 0 0 15px; line-height:160%; position:relative; }
#bread_crumb li:after {
  font-family:'design_plus'; content:'\e910'; color:#aaa; font-size:9px; display:block; position:absolute; left:-20px; top:-1px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li a { color:#888; }
.pc .no_side #bread_crumb, .pc .error404 #bread_crumb { width:900px; }



/* ----------------------------------------------------------------------
 トップページ、アーカイブページ
---------------------------------------------------------------------- */

/* ホームスライダー */
#home_slider_area { min-width:1200px; background:#fff; }
#home_slider { width:100%; min-width:1200px; }
#home_slider .item { width:100%; position:relative; }
#home_slider .item img { width:100%; height:auto; }
#home_slider .info { width:100%; height:60px; background:#222; background:rgba(0,0,0,0.6); position:absolute; bottom:0px; left:0px; }
#home_slider .info_inner { width:1200px; height:60px; margin:0 auto; font-size:16px; }
#home_slider .info_inner .date { float:left; color:#fff; border:1px solid #fff; padding:11px 0; margin:12px 20px 0 0; font-size:14px; width:120px; text-align:center; }
#home_slider .info_inner .title_link { float:left; display:block; width:1055px; color:#fff; line-height:60px; font-weight:500; }
#home_slider .info_inner .title_link a{ color:#fff; }
#home_slider .info_inner .title { float:left; display:block; width:1055px; color:#fff; line-height:60px; font-weight:500; }


/* タブ */
#index_post_list_tab { border-bottom:5px solid #222; margin:0 0 25px 0; }
#index_post_list_tab li { float:left; }
#index_post_list_tab li a { margin:0 5px 0 0; display:block; background:#ccc; width:170px; height:46px; line-height:46px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; }
#index_post_list_tab li:last-child a { margin:0; }
#index_post_list_tab li a.active { background:#222 !important; }
#index_post_list_tab li a:hover { background:#222; }
.pc #index_post_list_tab.num1 { border:none; }
.pc #index_post_list_tab.num1 li a { width:480px; text-align:left; font-size:14px; margin:0; padding:0 20px; }
.pc #index_post_list_tab.num2 li a { width:258px; font-size:14px; margin:0 4px 0 0; }
.pc #index_post_list_tab.num2 li:last-child a { margin:0; }
.pc #index_post_list_tab.num3 li a { width:170px; font-size:14px; margin:0 5px 0 0; }
.pc #index_post_list_tab.num3 li:last-child a { margin:0; }
.pc #index_post_list_tab.num4 li a { width:127px; font-size:12px; margin:0 4px 0 0; }
.pc #index_post_list_tab.num4 li:last-child a { margin:0; }
.pc .two_column #index_post_list_tab.num1 li a { width:820px; margin:0; }
.pc .two_column #index_post_list_tab.num2 li a { width:428px; margin:0 4px 0 0; }
.pc .two_column #index_post_list_tab.num2 li:last-child a { margin:0; }
.pc .two_column #index_post_list_tab.num3 li a { width:284px; margin:0 4px 0 0; }
.pc .two_column #index_post_list_tab.num3 li:last-child a { margin:0; }
.pc .two_column #index_post_list_tab.num4 li a { width:212px; }
.pc .two_column #index_post_list_tab.num4 li:last-child a { margin:0; }


/* スタイル１ */
.post_list li.type1 { position:relative; margin:0 0 25px 0; }
.post_list li.type1 .meta { background:#222; padding:10px 20px; }
.post_list li.type1 .meta li { display:inline; color:#fff; line-height:1.8; font-size:11px; border-right:1px solid #888; margin:0 8px 0 0; padding:0 10px 0 0; }
.post_list li.type1 .meta li:last-child, .post_list li.type1 .meta li:only-child { border:none;  margin:0; padding:0; }
.post_list li.type1 .meta li a { color:#fff; }
.post_list li.type1 .image { width:520px; height:265px; display:block; overflow:hidden; }
.pc .two_column .post_list li.type1 .image { width:860px; height:430px; }
.post_list li.type1 .image img {
  width:100%; height:auto; display:block;
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.post_list li.type1 .image:hover img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
.post_list li.type1 .title { font-size:14px; font-weight:bold; position:absolute; bottom:0px; left:0px; width:100%; line-height:1.6; }
.post_list li.type1 .title a { display:block; padding:15px 20px; background:#222; background:rgba(0,0,0,0.6); color:#fff; text-decoration:none; }
.post_list li.type1 .title a:hover { background:#222; color:#fff; }


/* スタイル２ */
.post_list li.type2 { margin:0 0 25px 0; width:100%; height:190px; background:#f3f3f3; overflow:hidden; }
.post_list li.type2 .image { width:190px; height:190px; display:block; overflow:hidden; float:left; }
.post_list li.type2 .image img {
  width:100%; height:auto; display:block;
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.post_list li.type2 .image:hover img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
.post_list li.type2 .info { float:left; margin:19px 20px; width:290px; height:155px; overflow:hidden; }
.pc .two_column .post_list li.type2 .info {
  width:630px; height:auto; margin:0 20px; position:relative;
  top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.post_list li.type2 .meta { margin:0 0 15px 0; overflow:hidden; }
.post_list li.type2 .meta li { display:inline; color:#888; line-height:1.8; font-size:11px; border-right:1px solid #aaa; margin:0 8px 0 0; padding:0 10px 0 0; }
.post_list li.type2 .meta li:last-child, .post_list li.type1 .meta li:only-child { border:none;  margin:0; padding:0; }
.post_list li.type2 .meta li a { color:#888; }
.post_list li.type2 .title { font-size:14px; line-height:1.8; font-weight:bold; }
.post_list li.type2 .title a { display:block; }


/* 次のページリンク */
.next_page_link { text-align:center; }
.next_page_link a { display:inline-block; background:#ddd url(img/common/arrow_right3.png) no-repeat right 15px top 16px; height:52px; line-height:52px; color:#fff; font-size:15px; font-weight:bold; padding:0 50px 0 50px; text-decoration:none; }
.next_page_link a:hover { background-color:#222; color:#fff; }


/* ページング */
.page_navi { margin:0; }
.page_navi ul { margin:0; }
.page_navi li { float:left; }
.page_navi a, .page_navi a:hover, .page_navi span
 { font-size:12px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#f3f3f3; display:block; }
.page_navi a:hover { color:#fff; background:#222; text-decoration:none; }
.page_navi span.dots { background:none; }
.page_navi span.current { color:#fff; background:#222; }
.page_navi p.back { margin:0; }
.page_navi p.back a, .page_navi p.back a:hover { display:inline-block; padding:15px; }


/* アーカイブの見出し */
.archive_headline { background:#222; color:#fff; font-size:16px; padding:15px 20px; margin:0 0 25px 0; position:relative; }
.archive_headline:before { position:absolute; bottom:-17px; left:20px; content:""; width:0; height:0; border-width:10px; border-style:solid; border-color:#222 transparent transparent transparent; }
#category_desc { margin:0 0 25px 0; }
#category_desc p { line-height:160%; font-size:14px; }


/* 検索結果 */
.search-no-results .no_post { margin-bottom: 30px; }



/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */

#article { }


/* 日付 */
#post_meta_top { background:#222; padding:10px 20px; margin:0 0 40px 0; position:relative; }
#post_meta_top:before { position:absolute; bottom:-17px; left:20px; content:""; width:0; height:0; border-width:10px; border-style:solid; border-color:#222 transparent transparent transparent; }
#post_meta_top li { display:inline; color:#fff; line-height:1.8; font-size:11px; border-right:1px solid #888; margin:0 8px 0 0; padding:0 10px 0 0; }
#post_meta_top li:last-child, #post_meta_top li:only-child { border:none;  margin:0; padding:0; }
#post_meta_top li a { color:#fff; }


/* 記事タイトル */
#post_title { padding:0; margin:0 0 40px 0; font-size:21px; line-height:160%; }
#page_title { background:#222; color:#fff; padding:15px 20px; margin:0 0 40px 0; position:relative;}
#page_title:before { position:absolute; bottom:-17px; left:20px; content:""; width:0; height:0; border-width:10px; border-style:solid; border-color:#222 transparent transparent transparent; }


/* SNSボタン */
#single_share { margin:0 0 10px 0; }


/* アイキャッチ画像 */
#post_image { padding:0; margin:0 0 25px 0; height:430px; overflow:hidden; }
#post_image img { width:100%; height:auto; display:block; margin:0; }


/* 記事エリア */
.post_content { }


/* ページ分割 */
#post_pagination { margin:0 0 50px 0; clear:both; }
#post_pagination h5 { margin:0 0 10px 0; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:35px; height:35px; line-height:35px; text-align:center; text-decoration:none; color:#333; font-size:12px; }
#post_pagination p { background:#666; color:#fff; }
#post_pagination a:hover { color:#fff; }


/* メタ情報 */
#post_meta_bottom { margin:0 0 30px 0; background:#fafafa; padding:20px; }
#post_meta_bottom li { display:inline; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ddd; font-size:12px; line-height:160%; }
#post_meta_bottom li:last-child { border:none; margin:0; padding:0; }
#post_meta_bottom li.post_category { background:url(img/common/icon_category2.png) no-repeat left top; padding-left:20px; }
#post_meta_bottom li.post_tag { background:url(img/common/icon_tag.png) no-repeat left 1px; padding-left:20px; }
#post_meta_bottom li.post_author { background:url(img/common/icon_author.png) no-repeat left 1px; padding-left:20px; }
#post_meta_bottom li.post_comment { background:url(img/common/icon_comment.png) no-repeat left 1px; padding-left:18px; }


/* 投稿者プロフィール */
#single_author_profile { margin:0 0 50px 0; }
.author_profile { margin:0 0 20px; padding:35px 25px 30px; background:#f3f3f3; }
.author_info_avatar { float:left; margin:0 30px 0 0; }
.author_info_avatar img { width:150px; height:150px; display:block; border:none; padding:0; border-radius:100%; }
.author_info_meta { float:left; width:380px; position:relative; }
.pc .two_column .author_info_meta { width:600px; }
.author_info_name { margin:0 0 20px 0; font-size:15px; font-weight:600; }
.author_info_desc { padding:0 0 0 0; font-size:14px; }
.author_info_desc p { margin:0 0 10px 0; line-height:160%; }
.author_profile .author_social_link { margin:20px 0 0 0; padding:0; }
.author_profile .author_social_link li { float:left; font-size:11px; margin:0 20px 0 0; list-style-type:none; padding:0; }
.author_profile .author_social_link li + li{
  margin-left: 1em;
}
.author_profile .author_social_link li a {
color: #222;
  border: 1px solid transparent;
  border-radius: 100%;
  position: relative;
  display: block;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
}
.author_profile .author_social_link a:before {
  font-family: 'design_plus';
  color: #888;
  font-size: 18px;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 11px;
  height: 11px;
  line-height: 11px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.author_profile .author_social_link li span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  font-size: 0;
}

.author_profile .author_social_link li.twitter a:before {
  font-family: 'tiktok_x_icon';
  content: "\e901";
}

.author_profile .author_social_link li.twitter a:hover:before{
  color: #000;
}

.author_profile .author_social_link li.facebook a:before {
 content: '\e902';
}

.author_profile .author_social_link li.facebook a:hover:before{
  color: #3B5998;
}
/*.author_profile .author_social_link li.twitter a { width:19px; height:15px; background:url(img/footer/icon_twitter.png) no-repeat left top; }
.author_profile .author_social_link li.facebook a { width:12px; height:21px; background:url(img/footer/icon_facebook.png) no-repeat left top; top:-3px; position:relative; }*/
.author_profile .author_social_link li a:hover { background-position:left bottom; }


/* 次の記事、前の記事 */
.pc #previous_next_post { margin:70px 0; height:76px; background:url(img/common/dot1.gif) repeat-y 315px 0; }
.pc .two_column #previous_next_post { background:url(img/common/dot1.gif) repeat-y 428px 0; }
.pc #previous_next_post p { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.pc #previous_next_post p { width:50%; font-size:14px; line-height:180%; float:left; }
.pc #previous_next_post p#next_post { float:right; }
.pc #previous_next_post a { display:block; max-height:75px; overflow:hidden; }
.pc #previous_post a { background:url(img/common/arrow_left2.png) no-repeat left; padding:0 30px 0 30px; }
.pc #next_post a { background:url(img/common/arrow_right2.png) no-repeat right; padding:0 30px 0 30px; }


/* 広告 */
#single_banner_area { margin:0 -15px 50px; position:relative; text-align:center; }
#single_banner_area > div { display:inline; margin:0 15px; }
#single_banner_area img { max-width:100%; height:auto; }


/* 広告（ショートコードver） */
#single_banner_area2 { margin:0 -15px 30px; position:relative; text-align:center; }
#single_banner_area2 > div { display:inline; margin:0 15px; }
#single_banner_area2 img { max-width:100%; height:auto; }


/* 関連記事 */
#related_post { overflow:hidden; margin:0 0 25px 0; }
#related_post .headline { background:#222; color:#fff; height:50px; line-height:50px; font-size:14px; padding:0 20px; margin:0 0 20px 0; }
#related_post ol { margin:0 -42px 0 0; position:relative; }
#related_post li { display:inline-block; vertical-align:top; width:185px; margin:0 38px 20px 0; position:relative; background:#fff; }
.pc .two_column #related_post li { margin:0 34px 20px 0; }
#related_post li .image { margin:0 0 10px 0; display:block; width:185px; height:130px; overflow:hidden; }
#related_post li a.image img {
  width:185px; height:130px;
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
#related_post li .image:hover img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
#related_post li .title { font-size:12px; line-height:150%; margin:0; text-decoration:none; }
#related_post li .title a { display:block; }




/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */

/* 基本設定 */
.side_widget { margin:0 0 25px 0; font-size:12px; position:relative; }
.side_widget:last-child, .side_widget:only-child  { margin:0; }
.side_headline { border-left:5px solid #222; font-size:16px; line-height:160%; margin:0 0 20px 0; padding:12px 0px 12px 15px; font-weight:bold; }
.side_widget ul { margin:0; }
.side_widget li ul { margin:10px 0 0 0; }
.side_widget li { line-height:200%; padding:2px 0; margin:0 0 10px 0; }
.side_widget a { }
.side_widget a:hover { }
.side_widget img { height:auto; max-width:100%; }


/* 広告 */
.ml_ad_widget { margin:0 0 25px 0; border:none; padding:0; background:none; }
.ml_ad_widget img { height:auto; max-width:100%; width:auto; margin:0 auto; display:block; }


/* カレンダー */
#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:340%; 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:200%; }
#wp-calendar #prev, #wp-calendar #next { line-height:300%; }
#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 { margin:0; }
.styled_post_list1 li { margin:0 0 20px 0; padding:0; background:none; }
.styled_post_list1 li:last-child { margin:0; padding:0; border:none; }
.styled_post_list1 ul li { display:inline; line-height:160%; border:none; }
.styled_post_list1 ul li:last-child { border-left:1px solid #ccc; margin:0 0 0 5px; padding:0 0 0 7px; }
.styled_post_list1 ul li:only-child { border:none; margin:0; padding:0; }
.styled_post_list1 .title { font-size:13px; margin:0 0 5px 0; padding:2px 0 0 0; display:block; font-weight:bold; max-height:50px; overflow:hidden; line-height:180%; }
.styled_post_list1 .excerpt { font-size:11px; max-height:40px; overflow:hidden; line-height:190%; }
.styled_post_list1 .excerpt a { display:block; }
.styled_post_list1 .image { float:left; display:block; margin:0 15px 0 0; overflow:hidden; width:100px; height:100px; }
.styled_post_list1 .image img {
  width:100px; height:100px;
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.styled_post_list1 .image:hover img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
.pc .single_layout #right_col .styled_post_list1 .image { float:none; width:180px; height:180px; margin:0 0 5px 0; }
.pc .single_layout #right_col .styled_post_list1 .image img { width:100%; height:auto; }


/* デザインされた記事一覧２ */
.styled_post_list2 { margin:0; }
.styled_post_list2 li { margin:0 0 20px 0; padding:0; }
.styled_post_list2 li:last-child { margin:0; padding:0; border:none; }
.styled_post_list2 li.style1 { background:#222; padding:5px; }
.styled_post_list2 li a.image { width:290px; height:170px; overflow:hidden; display:block; }
.styled_post_list2 li a.image img {
  display:block;
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.styled_post_list2 li a.image:hover img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
.styled_post_list2 li.style1 a.title { color:#fff; display:block; line-height:180%; padding:15px 10px 11px; }
.styled_post_list2 li.style2 { border-bottom:1px dotted #444; padding:0 0 15px 0; margin:0 0 15px 0; }
.styled_post_list2 li.style2:last-child { border:none; padding:0; }
.styled_post_list2 li.style2 .image { display:none; }
.pc .single_layout #right_col li.style1 { background:none; padding:0; }
.pc .single_layout #right_col .styled_post_list2 li a.image { width:180px; height:auto; overflow:none; display:block; margin:0 0 10px 0;  }
.pc .single_layout #right_col .styled_post_list2 li a.image img { display:block; }
.pc .single_layout #right_col .styled_post_list2 li.style1 a.title { color:#333; padding:0; }
.pc .single_layout #right_col .styled_post_list2 li.style2 .image { display:block; }
.pc .single_layout #right_col .styled_post_list2 li.style2 { border:none; padding:0; margin:0 0 20px 0;         }


/* 人気の記事一覧 */
.popular_post_list { margin:0; }
.popular_post_list li { margin:0 0 20px 0; padding:0; background:none; position:relative; }
.popular_post_list li:last-child { margin:0; padding:0; border:none; }
.popular_post_list ul li { display:inline; line-height:160%; border:none; }
.popular_post_list ul li:last-child { border-left:1px solid #ccc; margin:0 0 0 5px; padding:0 0 0 7px; }
.popular_post_list ul li:only-child { border:none; margin:0; padding:0; }
.popular_post_list .title { font-size:12px; display:block; font-weight:bold; max-height:60px; overflow:hidden; line-height:170%; }
.popular_post_list .image { float:left; display:block; margin:0 15px 0 0; overflow:hidden; width:100px; height:100px; }
.popular_post_list .image img {
  width:100px; height:100px;
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.popular_post_list .image:hover img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
.popular_post_list .rank { display:inline-block; background:#222; width:80px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px; font-weight:bold; position:relative; margin:0 0 10px 0; }
.popular_post_list .rank:before { position:absolute; bottom:-17px; left:30px; content:""; width:0; height:0; border-width:10px; border-style:solid; border-color:#222 transparent transparent transparent; }
.pc .single_layout #right_col .popular_post_list .image { float:none; width:180px; height:180px; margin:0 0 10px 0; }
.pc .single_layout #right_col .popular_post_list .image img { width:100%; height:auto; }
.pc .single_layout #right_col .popular_post_list .rank { position:absolute; top:0px; left:0px; width:40px; height:40px; line-height:40px; font-size:12px; }
.pc .single_layout #right_col .popular_post_list .rank:before { display:none; }


/* 開閉式カテゴリー一覧 */
.collapse_category_list { /*border-bottom:1px solid #ccc;*/ }
.collapse_category_list ul { margin:0; padding:0; }
.collapse_category_list li ul { margin:0; padding:0; }
.collapse_category_list li { margin:0; padding:0; }
.collapse_category_list li li { margin:0; padding:0; }
.collapse_category_list li a { color:#fff; background:#222; display:block; padding:10px 15px; margin:0 0 1px 0; text-decoration:none; border-bottom:none; }
.collapse_category_list li a:hover { color:#fff; }
.collapse_category_list .parent_category > a { background:#222 url(img/common/arrow_bottom2.gif) no-repeat 15px 21px; padding-left:27px; }
.collapse_category_list li .parent_category > a { background:#222 url(img/common/arrow_bottom2.gif) no-repeat 26px 21px; padding-left:39px; }
.collapse_category_list .parent_category > a:hover, .collapse_category_list li .parent_category > a:hover { background-image:url(img/common/arrow_bottom3.gif); background-repeat:no-repeat; }
.collapse_category_list .children { display:none; }
.collapse_category_list .children a { padding-left:25px; }
.collapse_category_list ul .children a { padding-left:50px; }


/* 検索 */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s, .side_widget.google_search #s { width:260px; height:40px; margin:0 -2px 5px 0; border:1px solid #ccc; background:#f2f2f2; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; }
.widget_search #search-btn input, .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:-300%; overflow:hidden; }
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .side_widget.google_search #searchsubmit:hover { background-color:#666; }
.pc .single_layout #right_col .widget_search #search-box, .pc .single_layout #right_col .widget_search #s, .pc .single_layout #right_col .side_widget.google_search #s { width:140px; }


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


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




/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */

/* フッターのスライダーはヘッダーのスライダーと同じスタイル */
#featured_slider_area { background:#f3f3f3; }


/* フッター上部 */
#footer { width:100%; min-width:1200px; background:#222; }
#footer_inner { width:1200px; margin:0 auto; padding:60px 0 35px; }


/* 広告 */
#footer_banner_area { float:right; }


/* メニュー */
#footer_menu { width:465px; float:left; }
#footer_menu li { font-size:11px; line-height:160%; margin:0 50px 20px 0; display:inline-block; vertical-align:top; width:100px; }
#footer_menu li a { color:#fff; display:block; }
#footer_menu.no_footer_banner { float:none; width:auto; overflow:hidden; }
#footer_menu.no_footer_banner ul { margin:0 -30px 0 0; position:relative; }
#footer_menu.no_footer_banner li { margin:0 20px 20px 0; width:149px; }


/* ページ最下部 */
#footer_bottom { height:64px; width:100%; min-width:1200px; background:#f1f2f4; }
#footer_bottom_inner { height:64px; width:1200px; margin:0 auto; position:relative; }


/* ソーシャルボタン */
#footer_social_link { float:left; margin:27px 38px 0 0; }
#footer_social_link li { float:left; margin:0 15px 0 0; position: relative; }
#footer_social_link li a {
  display:block; text-indent:-200px; overflow:hidden;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
}
/*#footer_social_link li.twitter a { width:19px; height:15px; background:url(img/footer/icon_twitter.png) no-repeat left top; }
#footer_social_link li.facebook a { width:12px; height:21px; background:url(img/footer/icon_facebook.png) no-repeat left top; top:-3px; position:relative; }
#footer_social_link li.rss a { width:17px; height:17px; background:url(img/footer/icon_rss.png) no-repeat left top; }
#footer_social_link li a:hover { background-position:left bottom; }*/
#footer_social_link li:before {
  font-family:'design_plus'; color:#ccc; font-size:17px; display:block; position:absolute; top:5px; left:5px;
  width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#footer_social_link li.twitter:before { font-family: 'tiktok_x_icon'; content: "\e901"; }
#footer_social_link li.facebook:before { content:'\e902'; }
#footer_social_link li.insta:before { content:'\ea92'; }
#footer_social_link li.pint:before { content:'\e905'; }
#footer_social_link li.flickr:before { content:'\eaa4'; }
#footer_social_link li.tumblr:before { content:'\eab9'; }
#footer_social_link li.rss:before { content:'\e90b'; }
#footer_social_link li.twitter:hover:before { color:#000; }
#footer_social_link li.facebook:hover:before { color:#3B5998; }
#footer_social_link li.insta:hover:before { color:#8a3ab9; }
#footer_social_link li.rss:hover:before { color:#ffcc00; }
#footer_social_link li.pint:hover:before { color:#cb2027; }
#footer_social_link li.flickr:hover:before { color:#ff0084; }
#footer_social_link li.tumblr:hover:before { color:#34526f; }



/* メニュー */
#footer_bottom_menu { float:left; margin:28px 0 0 0; }
#footer_bottom_menu li { float:left; margin:0; font-size:11px;  }
#footer_bottom_menu li a { display:block; border-right:1px solid #aaa; padding:0 15px 0 0; margin:0 15px 0 0; }
#footer_bottom_menu li a:hover { }
#footer_bottom_menu li:last-child a { border:none; margin:0; }


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


/* ページ上部へ戻るボタン */
#return_top { }
#return_top a { position:fixed; right:0px; bottom:0px; text-indent:-200px; display:block; width:100%; height:64px; width:64px; margin:0; padding:0; text-decoration:none; background:rgba(200,200,200,0.7) url(img/footer/return_top.png) no-repeat center; overflow:hidden; z-index:10; }
#return_top:hover { opacity:1; }




/* news sns btn */
.user_sns { text-align:center; padding:0 12px; position:relative; margin:0 0; }
.user_sns li { display:inline; margin:0 2px; line-height:100%; }
.pc .user_sns.type2 { text-align:left; margin:0 -10px 0 0; }
.pc .user_sns.type2 li { display:block; float:left; margin:0 8px 0 0; }
.user_sns li a { color:#222; border:1px solid transparent; border-radius:100%; width:23px; height:23px; position:relative; display:inline-block; overflow:hidden; }
.user_sns li a:hover { /* background:#432000;*/ }
.user_sns li span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
.user_sns li a:before { font-family:'design_plus'; color:#222; font-size:11px; display:block; position:absolute; top:5px; left:5px; width:11px; height:11px; line-height:11px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.user_sns li.twitter a:before { font-family: 'tiktok_x_icon'; content: "\e901";}
.user_sns li.facebook a:before { content:'\e902'; }
.user_sns li.insta a:before { content:'\ea92'; }
.user_sns li.pint a:before { content:'\f231'; font-size:13px; top:6px; }
.user_sns li.tumblr a:before { content:'\eab9'; }
.user_sns li.flickr a:before { content:'\eaa4'; }
.user_sns li a:hover:before { color:#fff; }



/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
#comment_headline { background:#222; color:#fff; height:50px; line-height:50px; font-size:14px; padding:0 20px; margin:0; }

#comments { font-size:12px; }

#comment_area, #trackback_area { margin:15px 0px 20px; padding:0 0 5px 0; }
#trackback_area { display:none; }


/*  ------ コメントのヘッダー部分 ----------------------------------------------------------------------------------------------------------------------- */
#comment_header { position:relative; }
#comment_headline { }
#comment_header ul { position:absolute; right:15px; top:-30px; margin:0; }
#comment_header ul li { float:left; text-align:center; margin:0; }
#comment_header ul li a, #comment_header ul li p
 { font-size:11px; padding:0; margin:0; text-decoration:none; display:block; font-weight:bold; color:#fff; }
#comment_header ul li.comment_switch_active a, #comment_header ul li#comment_closed p
 {  }
#comment_header ul li a:hover { text-decoration:underline; }
#comment_header ul li.comment_switch_active a { color:#fff; text-decoration:underline; }
#comment_header ul li.comment_switch_active a:hover { text-decoration:underline; }
#comment_header ul li#comment_switch, #comment_header ul li#comment_closed { border-left:1px dotted #fff; padding:0 0 0 15px; margin:0 0 0 15px; }

/*  ------ コメントの基本部分 ------------------------------------------------------------------------------------------------------------------------------ */
.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:#fafafa; }
#comments .post_content { margin:20px 0 0; padding:0; background:none; }
.even_comment, .odd_comment_children { background:#fafafa; }
.odd_comment, .even_comment_children { background:#fefefe; }
.admin-comment { }

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

.comment-meta-left { float:left; width:400px; }
.avatar { float:left; margin:0 10px 0 0; border:1px solid #ccc; background:#fff; width:37px; height:37px; padding:2px; }
.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:11px; color:#757676; margin:10px 0 0 0; }

.comment-act { background:url(img/common/arrow3.gif) no-repeat left; font-size:11px; 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; }

/* ----- コメント本文 ----- */
.comment-content { padding:0; margin:0; }
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }
.comment-content a:hover { }
.comment-content p { margin:0 0 10px 0; }
.comment blockquote span { margin:0 0 -1em 0; display:block; }

.comment-note { display:block; font-size:11px; 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:5px; }

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

#trackback_url_area { }
#trackback_url_area label { display:block; margin:0 0 10px 0; font-size:11px; }
#trackback_url_area input { border:1px solid #ccc; background:#fafafa; padding:10px; width:100%; font-size:11px; -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:100%; }
#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:100%; }
#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:11px; 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:11px; 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:12px; margin:0; line-height:160%; }


/* デフォルトウィジェットのスタイル調整*/
.p-widget { font-size:14px; }
.p-widget ul { list-style:none; }

/* フッター */
.p-footer-widget { font-size:14px; line-height:1.7; }
.p-footer-widget ul { list-style:none; }
.p-footer-widget a { color:#000; }

.widget_rss a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_text a:hover,
.widget_meta a:hover,
.widget_pages a:hover,
.widget_recent_comments a:hover,
.widget_recent_entries a:hover
{ color:#999; }

/* RSS */
.widget_rss .rss-widget-icon { display:none; }
.widget_rss .p-widget__title .rsswidget { color:#fff; }
.widget_rss .p-widget__title .rsswidget:first-of-type:before { content: "\e90b"; font-family: 'design_plus'; font-size:0.85em;  }
.widget_rss ul li {
	display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:15px;
}
.widget_rss ul li .rss-date { -ms-flex-order:1; order:1; color:#999; font-size:0.85em; margin-right:10px; }
.widget_rss ul li cite { -ms-flex-order:2; order:2; color:#999; font-size:0.85em; }
.widget_rss ul li .rsswidget { -ms-flex-order:3; order:3; display:block; width:100%; }
.widget_rss ul li .rssSummary { -ms-flex-order:4; order:4; color:#999; font-size:0.85em; margin-top:3px; }

/* ナビゲーションメニュー & メタ情報 & 固定ページ & アーカイブ & カテゴリー リスト形式 */
.l-secondary .widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_archive ul, .widget_categories ul { margin:0; }
.l-secondary .widget_nav_menu ul ul, .widget_meta ul ul, .widget_pages ul ul, .widget_archive ul ul, .widget_categories ul ul { margin-left:1em; }
.l-secondary .widget_nav_menu ul li, .widget_meta ul li, .widget_pages ul li, .widget_archive ul li, .widget_categories ul li { font-size:1em; margin:0; padding:0; line-height:1; }
.l-secondary .widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_categories ul li a { display:inline-block; line-height:1.6; padding:0.7em 0; }
.l-secondary .widget_nav_menu ul li, .widget_meta ul li, .widget_pages ul li, .widget_archive ul li, .widget_categories ul li { color:#999; }
.l-secondary .widget_nav_menu .p-widget__title + div, .widget_meta .p-widget__title + ul, .widget_pages .p-widget__title + ul, .widget_archive .p-widget__title + ul, .widget_categories .p-widget__title + ul { margin:-0.1em 0 -0.7em; }
/* フッター用 */
.p-footer-widget.widget_meta ul li a, .p-footer-widget.widget_pages ul li a, .p-footer-widget.widget_archive ul li a, .p-footer-widget.widget_categories ul li a { padding:0.2em 0; }


/* アーカイブ & カテゴリー　ドロップダウン形式 */
.widget_archive, .widget_categories { position:relative; }
.widget_archive select, .widget_categories select {
	border:1px solid #ddd; background:#fff;  width:100%; height:60px; padding:0 18px; cursor:pointer; outline:none;
  -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:100%; margin:0;
	position:relative; right:0; bottom:-60px; text-indent:-100vw; margin-top:-60px;
}
.widget_archive .screen-reader-text:before, .widget_categories .screen-reader-text:before {
  font-family:'design_plus'; content:'\e90e'; text-align:center; text-indent:0;
  display:block; width:14px; height:14px; line-height:14px;
  position:absolute; right:15px; top:23px;
}

/* カレンダー */
#calendar_wrap { padding:0; margin:-6px 0 -20px; }
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:collapse; table-layout:fixed;}
#wp-calendar caption { padding:7px 0; font-size:14px; 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 td { padding: 15px 0px; position:relative; }
#wp-calendar tbody a {
	display:block; width:30px; height:30px; line-height:30px; border-radius:30px; margin:0 auto; text-decoration:none;
	color:#fff; background-color:#999;
	position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;
}
#wp-calendar td a:hover {
	text-decoration:none; color:#fff; background-color:#000;
}
#wp-calendar #today { font-weight:600; }
.wp-calendar-nav { font-size:14px; padding:20px 0; width:100%; font-size:12px; }
.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-item { margin-top:0 !important; }
.widget_media_gallery .gallery-item img { max-width:100%; height:auto; }
.widget_media_gallery .gallery-caption { opacity:1; font-size:0.85em; }

/* タグ一覧 */
.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:0.85em !important; display:block; background:#eaeaea; line-height:1; padding:1em; border-radius:5px; }
.widget_tag_cloud .tagcloud a:hover { background:#000; color:#fff; }

/* テキスト */
.widget_text .textwidget { font-size:1em; }
.widget_text .textwidget p { line-height:2; margin-bottom:1.5em; }
.widget_text .textwidget ul { list-style: circle; }
.widget_text .textwidget ol { list-style: auto; }
.widget_text .textwidget ul, .widget_text .textwidget ol { padding-left:1.5em; }

/* コメント */
.widget_recent_comments li { color:#999; margin-bottom:15px; }
.widget_recent_comments li > a { display:block; }
.widget_recent_comments li > span > a { color:#999; text-decoration:underline; }

/* 最近の記事 */
.widget_recent_entries li {
	border-bottom:1px solid #ddd; padding:0 0 15px 0; margin-bottom:15px;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;
}
.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:0.85em; display:block; margin-bottom:3px; }

/* 検索フォーム */
.widget_search label { display:none; }
.widget_search > form { height:60px; border:1px solid #ddd; }
.widget_search > form > div { display:-webkit-box; display:-webkit-flex; display:flex; height:100%; position:relative; }
.widget_search > form > div:before {
	content:'\e915'; font-family:'design_plus'; text-indent:0; display:block; width:50px; height:60px; line-height:60px;
	text-align:center; color:#333; font-size:18px; z-index:1; position:absolute; right:0px; top:0px; pointer-events:none;
}
.widget_search > form input[type="text"] { border:none; outline: none; background:none; padding-left:25px; margin:0; width:calc(100% - 50px); height:100%; }
.widget_search > form input[type="submit"] {
	border:none; background:none; width:50px; height:100%; z-index:200; position:relative;
  cursor:pointer; display:block; text-indent:-300px; overflow:hidden;
}

/* 画像 */
.widget_media_image .wp-caption { max-width:100%; text-align:center; }
.widget_media_image .wp-caption-text { margin-top:0.5em; }

/* ----------------------------------------------------------------------
 ソーシャルボタン
---------------------------------------------------------------------- */

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'design_plus' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-feedly:before {
    content: "\e907";
}
.icon-hatebu:before {
    content: "\e908";
}
.icon-line:before {
    content: "\e909";
}
.icon-pocket:before {
    content: "\e90a";
}
.icon-google-plus:before {
    content: "\e900";
}
.icon-google-plus2:before {
    content: "\e901";
}
.icon-facebook:before {
  font-family: 'tiktok_x_icon';  content: "\e902";
}
.icon-facebook2:before {
    content: "\e903";
}
.icon-twitter:before {
  font-family: 'tiktok_x_icon'; content: "\e901";
}
.icon-rss:before {
    content: "\e90b";
}
.icon-rss2:before {
    content: "\e906";
}
.icon-pinterest:before {
    content: "\e905";
}
.icon-line:before {
    content: "\e909";
}
.icon-note:before {
  content: '';
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' 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");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; top:0px;
}

/*--------------------------------
share_top1（Style1）
---------------------------------*/
#share_top1 { width:100%; margin:30px 0 20px; }
#share_top1 h2 { color:#666; font-weight:400; }
#share_top1 ul { display: flex; gap: 5px; }
#share_top1 ul li { flex: 1 1 0%; max-width: 80px; }
#share_top1 ul li a { width: 100%; display:flex; justify-content: center; align-items: center; min-width:27px; height:30px; border-radius:3px; text-decoration:none; font-size:12px; font-weight:400; color:#fff !important; text-align:center; box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top1 ul li a i { color:#fff; font-size:1.3em; text-shadow:1px 1px 0 rgba(255, 255, 255, .1); }
#share_top1 ul li a .ttl { margin-left: 3px; }
#share_top1 ul li a .share-count { font-size:9px; color:#fff; margin-left: 3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top1 ul li > a:hover { -webkit-transform:translate3d(0, 1px, 0); transform:translate3d(0, 1px, 0) }
@media screen and (max-width:480px) {
	#share_top1 { width:100%; margin:0; }
	#share_top1 ul { margin-bottom:15px; }
	#share_top1 ul li { max-width: 30px; }
	#share_top1 ul li a { height:25px; min-width:18px; }
	#share_top1 ul li>a span.ttl { display:none; }
	#share_top1 ul li a .share-count { margin-left:3px; }
}

/*--------------------------------
share_btm1（Style3）
---------------------------------*/
#share_btm1 { }
#share_btm1 .sns { margin:0; text-align:center; }
#share_btm1 ul { display: flex; flex-wrap: wrap; gap: 5px; }
#share_btm1 li { width: calc(50% - 5px); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.post #share_btm1 ul li { list-style:none; background-image:none; padding:0; }
#share_btm1 ul li a { display: flex; justify-content: center; align-items: center; font-size:13px; border-radius:3px; height:35px; color:#fff; text-align:center; text-decoration:none; vertical-align:middle; }
#share_btm1 ul li a i { font-size:140%; }
#share_btm1 ul li a .ttl { margin-left: 4px; font-size:12px; }
#share_btm1 ul li a .share-count { color:#fff; margin-left: 3px; font-size:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_btm1 ul li a:hover { -webkit-transform: translate3d(0px, 2px, 1px); -moz-transform: translate3d(0px, 2px, 1px); transform: translate3d(0px, 2px, 1px); }
@media only screen and (min-width:480px) {
	#share_btm1 { width:100%; margin:20px 0; }
	#share_btm1 ul li { width: calc(25% - 5px); }
	#share_btm1 ul li a { font-size:12px; height: 40px; }
}

/*------------- share_top1 & share_btm1 button_color -------------*/
/* X */
#share_top1 ul li.twitter a, #share_btm1 ul li.twitter a { color:#fff; background-color:#000; }
#share_top1 ul li.twitter a:hover, #share_btm1 ul li.twitter a:hover { background-color:#222; }
/* Facebook */
#share_top1 ul li.facebook a, #share_btm1 ul li.facebook a { background-color:#35629a; }
#share_top1 ul li.facebook a:hover, #share_btm1 ul li.facebook a:hover { background-color:#1f3669; }
/* Google+ */
#share_top1 ul li.googleplus a, #share_btm1 ul li.googleplus a { background-color:#dd4b39;}
#share_top1 ul li.googleplus a:hover, #share_btm1 ul li.googleplus a:hover { background-color:#b94031;}
#share_top1 ul li.googleplus a i { top:4px; }
/* Hatena */
#share_top1 ul li.hatebu>a, #share_btm1 ul li.hatebu a { background-color:#3c7dd1;}
#share_top1 ul li.hatebu>a:hover, #share_btm1 ul li.hatebu a:hover { background-color:#0270ac;}
/* Pocket */
#share_top1 ul li.pocket a, #share_btm1 ul li.pocket a { background-color:#ee4056; }
#share_top1 ul li.pocket a:hover, #share_btm1 ul li.pocket a:hover { background-color:#c53648; }
/* rss */
#share_top1 ul li.rss a, #share_btm1 ul li.rss a { background-color:#ffb53c; }
#share_top1 ul li.rss a:hover, #share_btm1 ul li.rss a:hover { background-color:#e09900; }
/* Feedly */
#share_top1 ul li.feedly a, #share_btm1 ul li.feedly a { background-color:#6cc655; }
#share_top1 ul li.feedly>a:hover, #share_btm1 ul li.feedly>a:hover { background-color:#5ca449; }
/* Pinterest */
#share_top1 ul li.pinterest a, #share_btm1 ul li.pinterest a { background-color:#d4121c; }
#share_top1 ul li.pinterest a:hover, #share_btm1 ul li.pinterest a:hover { background-color:#a42f35; }

#share_top1 ul li.line_button a, #share_btm1 ul li.line_button a { background-color:#00B900; }
#share_top1 ul li.line_button a:hover, #share_btm1 ul li.line_button a:hover { background-color:#009100; }
#share_top1 ul li.note_button a, #share_btm1 ul li.note_button a { background:#fff; border:1px solid #ddd; color:#000; box-sizing:content-box; top: -1px; }
#share_top1 ul li.note_button a:hover, #share_btm1 ul li.note_button a:hover { background:#eee; border-color:#ddd; color:#000; }
#share_top1 ul li.note_button a .ttl, #share_btm1 ul li.note_button a .ttl { color:#000; }
#share_top1 ul li.note_button a:hover .ttl, #share_btm1 ul li.note_button a:hover .ttl { color:#000; }


/*--------------------------------
share_top2（Style2）
---------------------------------*/
#share_top2 { width:100%; margin:30px 0 20px; }
#share_top2 h2 { color:#444; font-weight:400; }
#share_top2 ul.type2 { display: flex; gap: 5px; }
#share_top2 ul.type2 li { flex: 1 1 0%; max-width: 80px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top2 ul.type2 li a { width: 100%; display:flex; justify-content: center; align-items: center; min-width:25px; height:30px; text-decoration:none; border-radius:3px; font-size:12px; font-weight:400; color:#222 !important; text-align:center; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; }
#share_top2 ul.type2 li a i { color:#222; font-size:1.3em; text-shadow:1px 1px 0 rgba(255, 255, 255, .1); }
#share_top2 ul.type2 li a .ttl { margin-left: 4px; }
#share_top2 ul.type2 li a .share-count { color:#444; font-size:9px; margin-left: 3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top2 ul.type2 li a:hover, #share_top2 ul.type2 li a:hover i, #share_top2 ul.type2 li a:hover .share-count  { color:#fff !important; }
#share_top2 ul.type2 li a:hover { border-color:rgba(255,255,255,.1); }
@media screen and (max-width:480px) {
	#share_top2 { width:100%; margin:0; }
	#share_top2 ul.type2 { margin-bottom:15px; }
	#share_top2 ul.type2 li>a span.ttl { display:none; }
	#share_top2 ul.type2 li a .share-count { margin-left:3px; }
}

/*--------------------------------
share_btm2（Style4）
---------------------------------*/
#share_btm2 { text-align:center; }
#share_btm2 .sns { margin:0; }
#share_btm2 ul.type4 { display: flex; flex-wrap: wrap; gap: 5px; }
#share_btm2 ul.type4 li { width: calc(50% - 5px); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.post #share_btm2 ul li { list-style:none; background-image:none; padding:0; }
#share_btm2 ul.type4 li a { display: flex; justify-content: center; align-items: center; border-radius: 3px; font-size:13px; height: 35px; text-decoration:none; color:#222 !important; text-align:center; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; }
#share_btm2 ul.type4 li a i { font-size:140%; color:#222 !important; }
#share_btm2 ul.type4 li a .ttl { margin-left: 4px; font-size:12px; }
#share_btm2 ul.type4 li a .share-count { margin-left: 8px; font-size:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; color:#222 !important; }
#share_btm2 ul.type4 li a:hover, #share_btm2 ul.type4 li a:hover i, #share_btm2 ul.type4 li a:hover .share-count  { color:#fff !important; }
@media only screen and (min-width:480px) {
	#share_btm2 { width:100%; margin:20px 0; }
	#share_btm2 ul.type4 li { width: calc(25% - 5px); }
	#share_btm2 ul.type4 li a { font-size:12px; height: 40px; }
}
/*------------- share_top2 & share_btm4 button_color -------------*/
/* X */
#share_top2 ul.type2 li.twitter a, #share_btm2 ul.type4 li.twitter a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.twitter a:hover, #share_btm2 ul.type4 li.twitter a:hover { color:#fff !important; background-color:#000 !important; }
/* Facebook */
#share_top2 ul.type2 li.facebook a, #share_btm2 ul.type4 li.facebook a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.facebook a:hover, #share_btm2 ul.type4 li.facebook a:hover { color:#fff !important; background-color:#35629a !important; }
/* Google+ */
#share_top2 ul.type2 li.googleplus a, #share_btm2 ul.type4 li.googleplus a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.googleplus a:hover, #share_btm2 ul.type4 li.googleplus a:hover { color:#fff !important; background-color:#dd4b39 !important;}
#share_top2 ul.type2 li.googleplus a i, #share_btm2 ul.type4 li.googleplus a i { top:4px; }
/* Hatena */
#share_top2 ul.type2 li.hatebu a, #share_btm2 ul.type4 li.hatebu a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.hatebu a:hover, #share_btm2 ul.type4 li.hatebu a:hover { color:#fff !important; background-color:#3c7dd1 !important;}
/* Pocket */
#share_top2 ul.type2 li.pocket a, #share_btm2 ul.type4 li.pocket a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.pocket a:hover, #share_btm2 ul.type4 li.pocket a:hover { color:#fff !important; background-color:#ee4056 !important; }
/* rss */
#share_top2 ul.type2 li.rss a, #share_btm2 ul.type4 li.rss a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.rss a:hover, #share_btm2 ul.type4 li.rss a:hover { color:#fff !important; background-color:#ff8c00 !important; }
/* Feedly */
#share_top2 ul.type2 li.feedly a, #share_btm2 ul.type4 li.feedly a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.feedly a:hover, #share_btm2 ul.type4 li.feedly a:hover { color:#fff !important; background-color:#6cc655 !important; }
/* Pinterest */
#share_top2 ul.type2 li.pinterest a, #share_btm2 ul.type4 li.pinterest a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.pinterest a:hover, #share_btm2 ul.type4 li.pinterest a:hover { color:#fff !important; background-color:#d4121c !important; }

#share_top2 ul.type2 li.line_button a, #share_btm2 ul.type4 li.line_button a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.line_button a:hover, #share_btm2 ul.type4 li.line_button a:hover { color:#fff !important; background-color:#00B900 !important; }
#share_top2 ul.type2 li.note_button a, #share_btm2 ul.type4 li.note_button a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.note_button a:hover, #share_btm2 ul.type4 li.note_button a:hover { color:#fff !important; background-color:#000 !important; }
#share_top2 ul.type2 li.note_button a:hover .icon-note:before, #share_btm2 ul.type4 li.note_button a:hover .icon-note:before {
    content: '';
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; top:0px;
}


/*--------------------------------
share_top5（公式ボタン）
---------------------------------*/
#share5_top,#share5_btm { margin:20px 0; }
.sns_default_top { padding:0; overflow:hidden; list-style:none; }
.sns_default_top ul li { display:inline-block; margin:0 5px 5px 0; line-height:1!important; overflow:hidden; vertical-align:top; }
.sns_default_top ul li.twitter_button { width:77px; }
.sns_default_top ul li.fbshare_button:hover { text-decoration:none; }
.sns_default_top ul li.google_button { width:58px; }
.sns_default_top ul li.pocket_button { width:88px; }
@media only screen and (max-width: 480px) {
	.sns_default_top {}
	.sns_default_top ul li { margin-bottom:6px; }
	.sns_default_top ul li.twitter_button { margin-left:0; }
}

/* ----------------------------------------------------------------------
 汎用スタイルの追加
 https://tcd-theme.com/2023/09/utility-classes.html
---------------------------------------------------------------------- */
.post_content .a_break { display: inline-block; }
@media (max-width: 767px) {
  .post_content .is-pc { display:none!important; }
}
@media not all and (max-width: 767px) {
  .post_content .is-sp { display:none!important; }
}
.post_content .e_link {
  display: inline-block; position: relative; padding-right:1em;
}
.post_content .e_link:after {
  font-family: 'design_plus'; content: '\e92a'; font-size: 100%; display: block;
  position: absolute; transition:none; margin-top:-0.1em;
  right:0; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.post_content img.frame {
  border: 1px solid #d2d2d2;
  -webkit-box-shadow: 0 6px 6px -6px #cccccc;
  -moz-box-shadow: 0 6px 6px -6px #cccccc;
  box-shadow: 0 6px 6px -6px #cccccc;
}

/* ----------------------------------------------------------------------
 ブロックエディターのYotutubeのレスポンシブ対応
---------------------------------------------------------------------- */
.wp-block-embed { margin-bottom:2em; }

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

  /* ----------------------------------------------------------------------
 長いURLなどがはみ出る現象
---------------------------------------------------------------------- */
.post_content p { word-wrap: break-word; }

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

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

.rich_font_logo {
  transition: color 0.3s ease !important;
}

.rich_font_logo:hover {
  text-decoration: none !important;
}

#home_slider .info_inner .date {
  font-family: 'Arial';
}

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

body.single-post .flex_layout {
  display: flex;
  gap: 20px;
}

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

body.single-post.layout3 #main_col {
  order:1;
}

body.single-post.layout3 #left_col {
  order:-1;
}

body.single-post.layout3 #right_col {
  order:2;
}


body.single-post.layout4 #main_col {
  order:-1;
}

body.page-template-default .flex_layout {
  display: flex;
  gap: 20px;
}

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

body.page-template-default.layout3 #left_col {
  order:-1;
}

body.page-template-default.layout3 #right_col {
  order:2;
}

body.page-template-default.layout4 #main_col {
  order:-1;
}

.flex_layout #main_col {
  margin: 0 !important;
}

.flex_layout #left_col {
  margin: 0 !important;
}

.flex_layout #right_col {
  margin: 0 !important;
}