@charset "utf-8";
/*
Theme Name:きさま！見ているなッ！
Theme URI:
Description:WRYYYYYYYYYYーーーーッ
Author:Dio Brando
Author URI:
Version:1
Text Domain:
*/


/* --------------------------------------------------------------------------------
 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.0');
  src: url('fonts/tiktok_x_icon.eot?v=1.0#iefix') format('embedded-opentype'),
       url('fonts/tiktok_x_icon.woff?v=1.0') format('woff'),
       url('fonts/tiktok_x_icon.ttf?v=1.0') format('truetype'),
       url('fonts/tiktok_x_icon.svg?v=1.0#tiktok_x_icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/* ----------------------------------------------------------------------
 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; overflow-x:hidden; -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; -ms-box-sizing:border-box; -o-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; font-size:14px; color:#000; line-height:1; width:100%; min-width:1330px; background:#fff; overflow-x:hidden; }
a { color:#000; text-decoration:none; }
a, a .caption, input {
  -webkit-transition-property:background-color, color, border-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color, border-color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -ms-transition-property:background-color, color, border-color; -ms-transition-duration:0.2s; -ms-transition-timing-function:ease;
  -o-transition-property:background-color, color, border-color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color, border-color; transition-duration:0.2s; transition-timing-function:ease;
}
a:hover { color:#b69e84; text-decoration:none; }
.clear { clear:both; }
.hide { display:none; }

/* レイアウト */
.inner { width:100%; max-width:1200px; margin:0 auto; position:relative; }
#main_contents { width:100%; position:relative; }
#main_col {
  max-width:1200px; margin:50px auto 150px; padding:0;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#left_col { width:860px; float:left; }
#side_col { width:300px; float:right; }
#left_col > :last-child, #side_col > :last-child { margin-bottom:0; }


/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header { width:100%; }
#header_top { background:#000; }
#header_top .inner { min-height:68px; }

/* ロゴ */
#header_logo, #header_logo_fix { max-height:68px; float:left; position:relative; z-index:21; }
#header_logo a, #header_logo_fix a { color:#fff; text-decoration:none; }
#header_logo .logo, #header_logo_fix .logo { display:inline-block; margin:0; line-height:68px; font-weight:300; }
#header_logo #logo_text .logo, #header_logo_fix #logo_text_fixed .logo { font-size:36px; }
#header_logo img, #header_logo_fix img { display:inline-block; max-height:60px; vertical-align:middle; }
#header_logo .desc, #header_logo_fix .desc { padding:0 0 0 20px; font-size:14px; vertical-align:middle; }

/* グローバルメニュー */
a.menu_button { display:none; }
#global_menu { position:relative; z-index:20; margin:0 -28px 0 0; }
#global_menu a { color:#fff; text-decoration:none; }
#global_menu > ul { font-size:0; position:relative; text-align:right; margin:0 auto; }
#global_menu > ul > li { font-size:1%; position:relative; display:inline-block; }
#global_menu > ul > li > a {
  font-size:14px; text-decoration:none; height:68px; line-height:68px; display:block; padding:0 28px;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#global_menu ul ul { display:none; }

@media only screen and (min-width:1025px) {
  #global_menu { display:block !important; }
  #global_menu .child_menu_button { display:none; }
  #global_menu > ul > li:hover > a { opacity:0.5;
    -webkit-transition-property:opacity; -webkit-transition-duration:.3s;
    -moz-transition-property:opacity; -moz-transition-duration:.3s;
    -ms-transition-property:opacity; -ms-transition-duration:.3s;
    -o-transition-property:opacity; -o-transition-duration:.3s;
    transition-property:opacity; transition-duration:.3s;
  }
  #global_menu ul ul { display:block; visibility:hidden; margin:0; padding:0; width:auto; width:200px; position:absolute; top:calc(68px - 25%); left:0; z-index:2; opacity:0;
    -webkit-transition-property:opacity,visibility,top; -webkit-transition-duration:.3s; -webkit-transition-timing-function:ease;
    -moz-transition-property:opacity,visibility,top; -moz-transition-duration:.3s; -moz-transition-timing-function:ease;
    -ms-transition-property:opacity,visibility,top; -ms-transition-duration:.3s; -ms-transition-timing-function:ease;
    -o-transition-property:opacity,visibility,top; -o-transition-duration:.3s; -o-transition-timing-function:ease;
    transition-property:opacity,visibility,top; transition-duration:.3s; transition-timing-function:ease;
  }
  #global_menu > ul > li:last-child ul { left:initial; right: 0; }
  #global_menu ul ul ul { left:100%; top:-25%; bottom:auto; }
  #global_menu ul ul li { display:block; margin:0; padding:0; text-align:left;  position:relative; }
  #global_menu ul ul a { display:block; margin:0; padding:9px 28px; font-size:14px; line-height:1.6; background:#b69e84; position:relative; text-align:left; }
  #global_menu ul ul a:hover { background:#92785f; text-decoration:none; }
  #global_menu ul ul li.menu-item-has-children > a:before { margin:0; display:block; right:10px; top: 50%; transform: translateY(-50%); position:absolute; content:"\e910"; font-family:"design_plus"; font-size:86%; }
  #global_menu > ul > li:last-child > ul li.menu-item-has-children > a:before { left: 10px; content:"\e90f" }
  #global_menu > ul > li:hover > ul { visibility:visible; top:68px; opacity:1; z-index:3; }
  #global_menu > ul > li li:hover > ul { visibility:visible; opacity:1; top:0; z-index:3; }
  #global_menu > ul > li:last-child ul ul { left:initial; right: 100% ;}
  #global_menu > ul > li > ul { visibility: hidden; top: calc(68px - 25%); opacity: 0; z-index: 2; } /*マウスアウト時*/
}

/* ヘッダー固定 */
#logo_image_fixed, #logo_text_fixed { display:none; }
@media only screen and (min-width:1025px) {
  .fix_top.header_fix #header_top {
    position:fixed; width:100%; min-width:1330px; top:0px; left:0px; z-index:200; background:rgba(0,0,0,1);
    -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    -webkit-animation:slideDown 0.5s ease; -moz-animation:slideDown 0.5s ease; -ms-animation:slideDown 0.5s ease; animation:slideDown 0.5s ease;
  }

  /* ロゴ */
  .fix_top.header_fix #logo_image_fixed, .fix_top.header_fix #logo_text_fixed { display:block; }
  .fix_top.header_fix #logo_image, .fix_top.header_fix #logo_text { display:none; }

  /* グローバルメニュー */
  .fix_top.header_fix #global_menu a { color:#fff; }
  .fix_top.header_fix #global_menu > ul > li > a { height:70px; line-height:70px; }
  .fix_top.header_fix #global_menu > ul > li:hover > ul { top:70px; }
}

@-webkit-keyframes slideDown {
  0% { -webkit-transform:translate3d(0,-100%,0); -moz-transform:translate3d(0,-100%,0); -ms-transform:translate3d(0,-100%,0); -o-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); }
  100% { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
}
@keyframes slideDown {
  0% { -webkit-transform:translate3d(0,-100%,0); -moz-transform:translate3d(0,-100%,0); -ms-transform:translate3d(0,-100%,0); -o-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); }
  100% { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
}

.header_fix { padding-top:68px; }

/* アドミンバー */
.admin-bar { padding-top:32px; }
@media only screen and (min-width:1025px) {
  .fix_top.header_fix.admin-bar { padding-top:100px; }
  .fix_top.header_fix.admin-bar #header_top { top:32px; }
}
@media only screen and (max-width:1024px) {
  .mobile_fix_top.header_fix.admin-bar { padding-top:92px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:32px; }
}
@media only screen and (max-width:782px) {
  .admin-bar { padding-top:46px; }
  .mobile_fix_top.header_fix.admin-bar { padding-top:106px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:46px; }
}
@media only screen and (max-width:600px) {
  .mobile_fix_top.header_fix.admin-bar { margin-top:46px; padding-top:60px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:0; }
}

/* ヘッダー検索 */
#header_top a.search_button { display:none; }
#header_search, #index_header_search { display:block; padding:25px 0; background:#222; }
@media only screen and (min-width:1025px) {
  #header_search { display:block !important; }
}
#header_search form, #index_header_search form { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:flex-end; -webkit-justify-content:flex-end; justify-content:flex-end }
.header_search_inputs { width:25%; margin-right:1.66%; }
.header_search_button { width:20.02%; margin-right:0; }
form.columns-5 .header_search_inputs { width:20%; }
form.columns-5 .header_search_button { width:14.36%; }
.header_search_inputs input, .header_search_inputs select { width:100%; height:50px; padding:18px 16px; font-size:14px; line-height:1; color:#000; background:#fff; border:none; border-radius:3px; }
.header_search_inputs select { padding:15px 16px; }
.header_search_inputs select option { width:100%; color:#000; }
.header_search_inputs select:focus { color:#92785f; }
#header_search_submit { padding:0; color:#fff; background:transparent; border:1px solid #fff; border-radius:25px; cursor:pointer; }
#header_search_submit:hover { background-color:#92785f; }
.header_search_keywords { position:relative; }
.header_search_keywords #header_search_keywords { padding-right:57px; }
.header_search_keywords ul.search_keywords_operator { display:none; }
.header_search_keywords ul.search_keywords_operator { width:42px; height:50px; overflow:hidden; border-radius:0 3px 3px 0; position:absolute; top:0; right:0; }
.header_search_keywords ul.search_keywords_operator li { height:25px; line-height:25px; font-size:12px; text-align:center; color:#000; background:#fff; border-left:1px solid #ccc; cursor:pointer;
 -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;
}
.header_search_keywords ul.search_keywords_operator li.active { color:#fff; background:#ccc; }
.header_search_inputs .chosen-container { font-size:14px; }
.header_search_inputs .chosen-with-drop .chosen-single span { color:#92785f; }
.header_search_inputs .chosen-results li[data-option-array-index="0"] { color:#fff; background:#b69e84 !important; border-color:#b69e84; margin:-1px -1px 0 -1px; position:relative; left:-1px; }

/* for ie */
.chosen-container.chosen-container-single.chosen-container-single-nosearch{ clip:rect(0,0,0,0) !important; }
.chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop.chosen-container-active{ clip:auto !important; }
.chosen-container .chosen-drop{ clip:inherit !important; }

/* パンくずリンク */
#breadcrumb { width: 100%; height:65px; line-height:65px; overflow:hidden; border-bottom:1px solid #ddd; }
#breadcrumb ul { color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#breadcrumb li a { color:#000; }
#breadcrumb li a:hover { color:#b69e84; }
#breadcrumb li { display:inline; margin:0; padding:0; font-size:14px; color:#000; vertical-align:middle; position:relative; }
#breadcrumb li:after {
  font-family:'design_plus'; content:'\e910'; font-size:10px; display:inline; padding:0 0.3em 0 0.6em; position:relative; bottom:1px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#breadcrumb li:last-child:after { content:''; padding:0; }
#breadcrumb li.home a span { display:none; }
#breadcrumb li.home a:before { content:'\e90c'; font-family:'design_plus'; color:#000;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#breadcrumb li.home a:hover { text-decoration:none; }
#breadcrumb li.home a:hover:before { color:#b69e84; }
#breadcrumb li.last { color:#b69e84; }




/* コンテンツビルダー */
.cb_content { margin:0 0 80px 0; }
.cb_content:last-child { margin-bottom:0 !important; }
.cb_content .cb_headline { margin:-0.1em 0 10px 0; padding:0; font-size:42px; line-height:1.2; text-align:center; }
.cb_content .cb_desc { margin:0; padding:0; font-weight:300; line-height:2.2; text-align:center; }

/* 紹介コンテンツ */
.cb_content-introduce { margin-bottom:80px; }



/* カテゴリーリスト */
.cb_content-category_list { margin-bottom:68px; }
.cb_content-category_list ul { margin:72px 0 0 0; padding:0; }
.cb_content-category_list ul li { margin:0 1.3333% 12px 0; padding:0; width:32.4444%; float:left; }
.cb_content-category_list ul li:nth-child(3n) { margin-right:0; }
.cb_content-category_list ul li a { display:block; height:150px; background:#f7f7f7; overflow:hidden; position:relative; }
.cb_content-category_list ul li a:hover { background:#eee; }
.cb_content-category_list ul li .info { padding:0 22px; width:100%; line-height:1.7; color:#000; position:absolute; top:50%; left:0;
  -webkit-transform:translate3d(0,-50%,0); -mox-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.cb_content-category_list ul li .info h3 { margin:0 0 7px 0; padding:0; font-size:114.285%; font-weight:700; line-height:1.7; }
.cb_content-category_list ul li.has_image .image { display:block; float:left; width:150px; height:150px; overflow:hidden; position:relative; }
.cb_content-category_list ul li.has_image .image img { display:block; width:100%; height:100%; object-fit:cover; }
.cb_content-category_list ul li.has_image .info { left:150px; width:50%; width:-webkit-calc(100% - 150px); width:calc(100% - 150px); }

/* ブログ記事一覧 */
/*
.cb_content-blog_list #post_list { margin:72px 0 0 0; }
.cb_content-blog_list .archive_link { margin:16px 0 0 0; text-align:center; }
.cb_content-blog_list .archive_link a { display:inline-block; padding:0 42px; min-width:114px; line-height:50px; text-decoration:none; color:#fff; background:#aaa; position:relative; }
.cb_content-blog_list .archive_link a:after { content:'\e910'; font-family:'design_plus'; line-height:1; margin-top:-0.5em; position:absolute; top:50%; right:14px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.cb_content-blog_list .archive_link a:hover { background:#92785f; }
*/
.archive_link { margin:16px 0 0 0; text-align:center; }
.archive_link a { display:inline-block; padding:0 42px; min-width:114px; line-height:50px; text-decoration:none; color:#fff; background:#aaa; position:relative; }
.archive_link a:after { content:'\e910'; font-family:'design_plus'; line-height:1; margin-top:-0.5em; position:absolute; top:50%; right:14px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */
/* ヘッダー画像 */
#header_image { width:100%; margin:0; position:relative; overflow:hidden; }
#header_image img { display:block; width:100%; height:auto; }
#header_image .caption { margin:0; width:100%; padding:0 20px; line-height:1.5; text-align:center; font-size:32px; color:#fff; position:absolute; top:50%; left:0;
  -webkit-transform:translate3d(0,-50%,0); -mox-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
  -webkit-animation:headerCaptionAnimation 1s ease both 1s; animation:headerCaptionAnimation 1s ease both 1s;
}
#header_image .caption_bar { margin:0; padding:14px 20px; width:100%; line-height:1.2; text-align:center; font-size:42px; color:#fff; background:rgba(73,36,13,0.7); position:absolute; bottom:0; left:0;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}


/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
.no_post { margin:50px 0; }

#archive_headline { margin:0; padding:0; font-size:42px; line-height:1.2; color:#b69e84; text-align:center; }
#archive_desc { font-size:16px; margin:12px 0 0 0; padding:0; line-height:2.2; text-align:center; }

/* 一覧 */
#post_list { margin:70px 0 0 0; padding:0; font-size:0; }
#post_list .article { width:23.333%; margin:0 2.222% 48px 0; display:inline-block; vertical-align:top; }
#post_list .article:nth-child(4n) { margin-right:0; }
#post_list .article a { display:block; text-decoration:none; }
#post_list .article .image { width:100%; height:0; overflow:hidden; padding-top:64.285%; position:relative; }
#post_list .article .image img { display:block; width:100%; height:auto; position:absolute; top:0; left:0; }
#post_list .article .title { margin:10px 0 0 0; padding:0; font-size:16px; line-height:1.7; font-weight:400; height:3.4em; overflow:hidden; }
#post_list .article .meta { margin:10px 0 0 0; padding:0; }

/* 共通カテゴリー・日付 */
ul.meta { margin:0 6px 4px 0; padding:0; }
ul.meta li { display:inline-block; margin:0 6px 0 0; padding:0; font-size:12px; }
ul.meta li.cat a, ul.meta li.cat span { display:inline-block; margin:0 6px 4px 0; padding:0 13px; min-width:50px; line-height:26px; text-align:center; text-decoration:none; border-radius:13px; color:#fff; background:#000; }
ul.meta li.cat > :last-child { margin-right:0; }
ul.meta li.date { display:block; margin:10px 0 0 0; color:#999; line-height:1; }

/* ページング */
.page_navi { margin:0 0 50px 0; }
ul.page-numbers { margin:0; font-size:0; text-align:center; }
ul.page-numbers li { display:inline-block; margin:0 2px 0 0; padding:0; font-size:12px; float:left; }
ul.page-numbers a, ul.page-numbers span { display:inline-block; margin:0; min-width:40px; font-size:12px; line-height:40px; text-align:center; color:#fff; vertical-align:top; background:#bbb; }
ul.page-numbers a:hover { background:#000; text-decoration:none; }
ul.page-numbers span.dots {}
ul.page-numbers span.current { background:#000; }
ul.page-numbers .prev, ul.page-numbers .next { font-family:"design_plus"; font-size:12px; }
ul.page-numbers li.disable { display:none; }
.page_navi p.back { margin:0; }
.page_navi p.back a { text-decoration:none; display:inline-block; min-width:200px; height:50px; line-height:50px; text-align:center; padding:0 20px; color:#fff; background:#bbb; }
.page_navi p.back a:hover { background:#000; text-decoration:none; }
.page_navi2 { display:none; margin:10px 0 15px 0; padding:0; min-height:40px; position:relative; }
.page_navi2 p { float:left; /*margin:0 0 5px 0;*/ margin:0; padding:0 10px; line-height:38px; font-size:14px; border:1px solid #ddd; }
.page_navi2 ul.page-numbers { float:right; }
.page_navi2 ul.page-numbers li { margin:0 0 5px 2px; }


/* ----------------------------------------------------------------------
 カテゴリーアーカイブ
---------------------------------------------------------------------- */
.archive_header { padding:19px 0; border-bottom:1px solid #ddd; }
.archive_header .inner { display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.archive_header .headline { margin:0; padding:0 30px 0 0; font-size:42px; line-height:1.2; color:#b69e84; }
.archive_header .desc { font-size: 16px; margin:0; line-height:2; }

.archive_filter { display:block; margin:0 0 50px 0; padding:30px 38px; background:#f7f7f7; border:1px solid #ddd; border-radius:5px; }
.archive_filter_headline { margin:0; padding:0; font-size:24px; line-height:1.2; color:#b69e84; }
.archive_filter_headline:after { color: #888; display:inline-block; font-size: 18px; margin-left:10px; }
.archive_filter.is-open .archive_filter_headline:after { font-family:'design_plus'; content:'\e92c'; vertical-align: 1px; }
.archive_filter.is-close .archive_filter_headline:after { font-family:'design_plus'; content:'\e147'; vertical-align: 2px; }
.archive_filter.is-open .archive_filter_headline, .archive_filter.is-close .archive_filter_headline { cursor:pointer; }
.archive_filter_headline2 { margin:0 0 14px 0; }
.archive_filter_headline2 span { display:inline-block; margin:0; padding:0 18px; min-width:54px; line-height:26px; font-size:12px; text-align:center; color:#fff; background:#000; border-radius:13px; }
.archive_filter_toggle { margin:20px 0 6px; }
.archive_filter label { display:inline-block; float:left; padding:0 18px 18px 0; min-width:16.66%; line-height:1.7; cursor:pointer;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.archive_filter label input { margin:0 4px 0 0; }
.archive_filter .button { margin:10px auto 0; width:200px; position:relative; }
.archive_filter .button:after {
  font-family:'design_plus'; content:'\e910'; margin-top:-0.5em; line-height:1; color:#fff; position:absolute; top:50%; right:18px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.archive_filter .button input { width:100%; height:50px; color:#fff; background:#000; border:none; border-radius:25px; }
.archive_filter .button input:hover { background:#b69e84; }

.archive_sort { margin:0 0 50px 0;border-left:1px solid #ddd; }
.archive_sort dt{text-align:center!important;padding:10px 0!important;width:100%!important;}
.archive_sort dt, .archive_sort dd { float:left; width:5%; text-align:center; }
.archive_sort dt { color:#fff; background:#b69e84; /*line-height:52px;*/ }
.archive_sort dt a { color:#fff; }
.archive_sort dd a { display:block; line-height:50px; color:#000; text-decoration:none; border:1px solid #ddd; border-left:none; }
.archive_sort dd a.active, .archive_sort dd a:hover { background:#f7f7f7; }

.custom_search_results .page_navi2 { display:block; margin:25px 0 20px 0; }

/* 一覧 */
#post_list2 { margin:25px 0; }
#post_list2 .article { border:1px solid #ddd; border-top:none; }
#post_list2 .article:first-child { border-top:1px solid #ddd; }
#post_list2 .article a { display:block; padding:30px; text-decoration:none; }
#post_list2 .article .image { float:left; width:35.087%; overflow:hidden; position:relative; }
#post_list2 .article .image:before { content:''; display:block; padding-top:64.285%; }
#post_list2 .article .image img { display:block; width:100%; height:auto; position:absolute; top:0; left:0; }
#post_list2 .article .info { float:right; width:61.15%; color:#000; }
#post_list2 .article .meta { margin:0 0 16px 0; padding:0; }
#post_list2 .article .title { margin:0 0 12px 0; padding:0; font-size:16px; line-height:1.7; font-weight:700; }
#post_list2 .article .excerpt { margin:0 0 -0.5em 0; padding:0; line-height:2; }


/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
#article { margin:0; position:relative; }
#article > :last-child { margin-bottom:0; }
#article_header { margin:0; padding:30px 39px 25px; background:#f7f7f7; border:1px solid #ddd; /*margin-bottom:5em;*/ }

/* カテゴリー */
#post_meta_top { margin:0 0 10px 0; padding:0; width:100%; }

/* 記事タイトル */
#post_title { margin:0 0 28px; padding:0; font-size:30px; line-height:1.2; }
#article_header #post_title { margin:0; }

/* 日付 */
#post_date { margin:9px 0 4px 0; font-size:12px; color:#999; line-height:1; }

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

/* 記事本文 */
.post_content { font-size:14px; line-height:2.4;margin-top:4em; }
.post_content a { color:#b69e84; text-decoration:none; }
.post_content a:hover, .custom-html-widget a:hover { text-decoration:underline; }
.post_content > :last-child { margin-bottom:0; }

/* メタ情報 */
#post_meta_bottom { margin:50px 0; padding:25px; background:#f7f7f7; }
#post_meta_bottom li { display:inline-block; 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:-4px; left:0px; }
#post_meta_bottom li.post_tag:before { content:'\e935'; top:-3px; left:0px; }
#post_meta_bottom li.post_author:before { content:'\e90d'; top:-3px; left:0px; }
#post_meta_bottom li.post_comment:before { content:'\e916'; font-size:16px; top:-6px; left:0px; }

/* 次の記事、前の記事 */
#previous_next_post_image { margin:50px 0; }
#previous_next_post_image .prev_post { float:left; width:50%; }
#previous_next_post_image .next_post { float:right; width:50%; }
#previous_next_post_image a { display:block; height:124px; line-height:1.6; color:#000; border:1px solid #ddd; position:relative; }
#previous_next_post_image a:hover { color:#000; background:#f7f7f7; text-decoration:none; }
#previous_next_post_image .prev_post + .next_post a { border-left:none; }
#previous_next_post_image .title { padding:0 8%; max-height:4.8em; overflow:hidden; position:absolute; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
}
#previous_next_post_image .prev_post .title { padding-left:60px; }
#previous_next_post_image .next_post .title { padding-right:60px; }
#previous_next_post_image a:before {
  font-family:'design_plus'; color:#999; font-size:18px; line-height:1; display:block; margin:-0.5em 0 0 0; width:20px; position:absolute; top:50%;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#previous_next_post_image .prev_post a:before { content:'\e90f'; left:28px; text-align:left; }
#previous_next_post_image .next_post a:before { content:'\e910'; right:28px; text-align:right; }
#previous_next_post_image .image { width:100px; height:100px; overflow:hidden; position:absolute; top:12px; }
#previous_next_post_image .image img { display:block; width:100%; height:auto; min-height:100%; }
#previous_next_post_image .prev_post.has_image .title { padding-left:172px; }
#previous_next_post_image .next_post.has_image .title { padding-right:172px; }
#previous_next_post_image .prev_post.has_image .image { left:12px; }
#previous_next_post_image .next_post.has_image .image { right:12px; }
#previous_next_post_image .prev_post.has_image a:before { left:140px; }
#previous_next_post_image .next_post.has_image a:before { right:140px; }

/* 広告 */
#single_banner_area { margin:50px 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 { margin:50px 0; text-align:center; }
#single_banner_area_bottom .single_banner_left { display:inline-block; margin:0 10px 0 0; }
#single_banner_area_bottom .single_banner_right { display:inline-block; margin:0 0 0 10px; }
#single_banner_area_bottom img { max-width:100%; height:auto; display:block; }
#single_banner_area_bottom.one_banner .single_banner_left { float:none; margin:0 auto; }
#single_banner_area_bottom.one_banner img { margin:0 auto; }

/* 広告（ショートコードver） */
#single_banner_area2 { margin:0 0 50px 0; text-align:center; }
#single_banner_area2 .single_banner_left { display:inline-block; margin:0 10px 0 0; }
#single_banner_area2 .single_banner_right { display:inline-block; margin:0 0 0 10px; }
#single_banner_area2 img { max-width:100%; height:auto; display:block; }
#single_banner_area2.one_banner .single_banner_left { float:none; margin:0 auto; }
#single_banner_area2.one_banner img { margin:0 auto; }

/* 関連記事 */
/*
#related_post { margin:50px 0 0 0; }
#related_post .headline { margin:0 0 14px 0; font-size:24px; font-weight:300; line-height:1.2; color:#b69e84; }
#related_post ol { margin:0; padding:0; position:relative; font-size:0; border-left:1px solid #ddd; }
#related_post li { display:inline-block; width:33.3333%; vertical-align:top; border-bottom:1px solid #ddd; border-right:1px solid #ddd;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#related_post li:nth-child(-n+3) { border-top:1px solid #ddd; }
#related_post li a { display:block; padding:20px 8% 14px; text-decoration:none; }
#related_post li .image { margin:0 0 10px 0; display:block; width:100%; height:0; overflow:hidden; padding-top:64.2857%; position:relative; }
#related_post li .image img { width:100%; height:auto; position:absolute; top:0; left:0; }
#related_post li .title { font-size:14px; line-height:1.7; font-weight:400; height:3.4em; overflow:hidden; }
*/

/* ----------------------------------------------------------------------
 紹介
---------------------------------------------------------------------- */
/* 紹介ヘッダー */
#introduce_header { margin:72px 0 30px 0; }
#introduce_header .headline { margin:0 0 8px 0; padding:0; font-size:18px; font-weight:700; line-height:1.7; color:#b69e84; }
#introduce_header p { margin:0; line-height:2.2; }
#introduce_header .post_col { margin-bottom:29px; }
#introduce_header .post_col-3:nth-child(3n+1) { clear:both; }

/* 紹介一覧 */
#introduce_list { margin:72px 0 0 0; }
#introduce_header + #introduce_list { margin-top:42px; }
.introduce_list_row { margin:0; }
.introduce_list_col { width:23.333%; margin:0 2.222% 26px 0; float:left; overflow:hidden; position:relative;
  -webkit-transition:width 0.5s ease; -moz-transition:width 0.5s ease; -ms-transition:width 0.5s ease; -o-transition:width 0.5s ease; transition:width 0.5s ease;
}
.introduce_list_row:last-child .introduce_list_col { margin-bottom:0; }
.introduce_list_col:last-child { margin-right:0; }
.introduce_list_col a { display:block; height:280px; overflow:hidden; text-decoration:none; position:relative; }
.introduce_list_col .image { display:block; width:100%; height:0; overflow:hidden; padding-top:100%; position:relative; }
.introduce_list_col .image.disable-transition { transition:none; }
.introduce_list_col .image img { display:block; width:auto; min-width:100%; height:100%; position:absolute; top:0; left:50%;
  -webkit-transform:translate3d(-50%,0,0); -moz-transform:translate3d(-50%,0,0); -ms-transform:translate3d(-50%,0,0); -o-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0);
}
.introduce_list_col .info { display:none; height:280px; position:absolute; top:0; right:0; }
.introduce_list_col .info .meta { margin-bottom:11px; }
.introduce_list_col .info .title { margin:0 0 13px 0; padding:0; font-size:16px; font-weight:600; line-height:1.7; color:#b69e84; }
.introduce_list_col .info .excerpt { margin:0; padding:0; line-height:2; color:#000; }
.introduce_list_col .info .more { margin:0; padding:22px 0 0 0; width:100%; line-height:1; text-align:right; border-top:1px solid #ddd; position:absolute; bottom:0; right:0; }
.introduce_list_col .info .more:after { content:'\e910'; font-family:'design_plus'; display:inline-block; padding:0 0 0 8px; font-size:86%;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.introduce_list_col.show_info { width:48.888%; }
.introduce_list_col.show_info .image { width:47.728%; padding-top:47.728%; }
.introduce_list_col.show_info .info { display:block; width:47.728%; }

#infscr-loading { margin:24px 0 0 0; text-align:center; }
#infscr-loading div { display:inline-block; margin-left:1em; }
#load_post { display:none; margin:24px 0 0 0; text-align:center; }
#load_post a { display:inline-block; padding:0 20px; min-width:180px; line-height:50px; text-decoration:none; color:#fff; background:#aaa; }
#load_post a:hover { background:#92785f; }

/* 紹介詳細 */
.introduce_shoulder_copy { display:block; margin:0 0 40px 0; padding:14px 22px; font-size:16px; line-height:1.7; color:#fff; text-decoration:none;background:#000; }
#introduce_slider { margin:0 0 50px 0; position:relative; }
#introduce_slider img { width:100%; height:auto; display:block; }
#introduce_slider .item { width:100%; position:relative; }
#introduce_slider .item:nth-child(n+2) { display:none; }
#introduce_slider.slick-initialized .item:nth-child(n+2) { display:block; }
#introduce_slider .item .caption { margin:0; padding:15px 22px; line-height:1.6; background:#f7f7f7; border:1px solid #ddd; }
#introduce_slider .slick-dots { height:12px; text-align:right; position:absolute; bottom:16px; right:16px; z-index:3; opacity:0; }
#introduce_slider .slick-dots li { display:inline-block; margin:0 0 0 6px; }
#introduce_slider .slick-dots li button { display:inline-block; padding:0; width:12px; height:12px; overflow:hidden; text-indent:-400px; background:#ccc; border:none; border-radius:100%; opacity:0.6; }
#introduce_slider .slick-dots li button:hover { background:#b69e84; opacity:0.7; }
#introduce_slider .slick-dots li.slick-active button { background:#b69e84; opacity:1; }
.single-introduce #article #post_image { margin:0 0 50px 0; }
.introduce_shoulder_copy + #introduce_slider, .single-introduce #article .introduce_shoulder_copy + #post_image { margin-top:-40px; }
.single-introduce #article #post_title { margin:0 0 50px 0; }
.single-introduce #article #post_date { margin:-40px 0 46px 0; }
.introduce_archive_banner_link { margin:50px 0; }
.introduce_archive_banner_link a { display:block; color:#fff; background:#000; text-decoration:none; }
.introduce_archive_banner_link a:hover { color:#b69e84; }
.introduce_archive_banner_link span { display:block;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.introduce_archive_banner_link .catch { margin:0; padding:20px 36px; font-size:27px; line-height:1.4; font-weight:400; }
.introduce_archive_banner_link .image {}
.introduce_archive_banner_link .image img { display:block; width:100%; height:auto; }
.introduce_archive_banner_link-2col a { height:160px; overflow:hidden; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-align:center; -webkit-align-items:center; align-items:center; position:relative; }
.introduce_archive_banner_link-2col a span { width:50%; }
.introduce_archive_banner_link-2col .catch { padding:0 36px; }
.introduce_archive_banner_link-2col .image { height:100%; overflow:hidden; position:relative; }
.introduce_archive_banner_link-2col .image img { width:initial; width: auto; min-width:100%; height:100%; position:absolute; top:0; bottom:0; left:50%;
  -webkit-transform:translate3d(-50%,0,0); -moz-transform:translate3d(-50%,0,0); -ms-transform:translate3d(-50%,0,0); -o-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0);
}
.introduce_archive_banner_link-text { text-align:center; }

/* ----------------------------------------------------------------------
 お知らせ
---------------------------------------------------------------------- */
/* お知らせ一覧 */
#recent_news { margin:0 0 30px 0; }
#recent_news .headline { margin:0 0 14px 0; font-size:24px; font-weight:500; line-height:1.2; color:#b69e84; }
#recent_news ol { margin:0; padding:0; border:1px solid #ddd; border-bottom:none; }
#recent_news li { border-bottom:1px solid #ddd; }
#recent_news li a { display:block; padding:18px 24px 17px 24px; line-height:1.7; color:#000; text-decoration:none; position:relative; }
#recent_news li a:hover { color:#b69e84; text-decoration:none; }
#recent_news li .title { font-weight:300; }
#recent_news .show_date li a { padding-right:108px; }
#recent_news .show_date li .date { display:block; margin:-0.5em 0 0 0; color:#999; font-size:12px; line-height:1; position:absolute; top:50%; right:18px; }
.post-type-archive-news ul.page-numbers { text-align:left; }

/* お知らせ詳細 */
.article_inner { padding:44px 36px; border:1px solid #ddd; }
.single-news #article #post_date { margin:-20px 0 28px 0; }
.single-news #article #single_share_top { margin-top:0; }
.single-news #recent_news { margin-top:50px; }
.single-news #recent_news .archive_link { margin:28px 0 0 0; text-align:right; }
.single-news #recent_news .archive_link a { text-decoration:none; }
.single-news #recent_news .archive_link a:after { content:'\e910'; font-family:'design_plus'; display:inline-block; padding:0 0 0 8px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

/* 次の記事、前の記事 */
#previous_next_post { margin:50px 0; }
#previous_next_post .prev_post { float:left; width:50%; }
#previous_next_post .next_post { float:right; width:50%; }
#previous_next_post a { display:block; height:92px; line-height:1.6; color:#000; border:1px solid #ddd; position:relative; }
#previous_next_post a:hover { color:#000; background:#f7f7f7; text-decoration:none; }
#previous_next_post .prev_post + .next_post a { border-left:none; }
#previous_next_post .title { padding:0 8%; max-height:4.8em; overflow:hidden; position:absolute; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
}
#previous_next_post .prev_post .title { padding-left:14%; }
#previous_next_post .next_post .title { padding-right:14%; }
#previous_next_post a:before {
  font-family:'design_plus'; color:#999; font-size:18px; line-height:1; display:block; margin:-0.5em 0 0 0; width:20px; position:absolute; top:50%;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#previous_next_post .prev_post a:before { content:'\e90f'; left:6.5%; text-align:left; }
#previous_next_post .next_post a:before { content:'\e910'; right:6.5%; text-align:right; }


/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
.side_widget { margin:0 0 48px 0; font-size:14px; line-height:1.7; position:relative; }
.side_widget:last-child, .side_widget:only-child { margin:0; }
.side_headline { margin:0 0 14px 0; font-size:24px; font-weight:300; line-height:1.4; color:#b69e84; }
.side_widget + .side_widget .side_headline { margin-top:-6px; }
.side_widget ul { margin:0; }
.side_widget li { margin:0 0 10px 0; padding:0; line-height:1.7; }
.side_widget li:last-child { margin-bottom:0; }
.side_widget li ul { margin:10px 0 0 10px; }
.side_widget a { }
.side_widget a:hover { }
.side_widget img { display:block; height:auto; width:100%; }

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

/* カレンダー */
.widget_calendar { border:1px solid #ddd; padding:15px; }
.widget_calendar .side_headline { font-size:20px; position:relative; text-align:center; }
#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 { margin:0; padding:0; display:none; background:#fff; border:1px solid #ddd; border-bottom:none; }
.styled_post_list1 li { margin:0; padding:10px; border-bottom:1px solid #ddd; }
.styled_post_list1 li a { display:block; text-decoration:none; position:relative; }
.styled_post_list1 .image { float:left; width:100px; height:100px; overflow:hidden; }
.styled_post_list1 .image img { display:block; width:100%; min-width:100%; }
.styled_post_list1 .info { margin:0 0 0 120px; padding:5px 0 0 0; height:95px; overflow:hidden; position:relative; }
.styled_post_list1 .title { font-size:1em; margin:0; padding:0; display:block; font-weight:400; text-decoration:none; max-height:5.1em; overflow:hidden; }
.styled_post_list1 .date { font-size:0.86em; color:#999; display:block; position:absolute; left:0; bottom:0; }
.styled_post_list1_tabs { margin:0 0 -1px 0; padding:0; display:-ms-flexbox; display:-webkit-flex; display:flex; border-left:1px solid #ddd; position:relative; }
.styled_post_list1_tabs li { margin:0; padding:0; width:50%; line-height:1.4; background:#f7f7f7; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.styled_post_list1_tabs li label { display:flex; margin:0; padding:18px 9px; text-align:center; cursor:pointer; align-items:center; height:100%; box-sizing:border-box; }
.styled_post_list1_tabs li label span{ width:100%; text-align:center; }
.styled_post_list1_widget .tab-radio { display:none; }
.styled_post_list1_widget .tab-radio-recent_post:checked ~ .styled_post_list1_tabs .tab-label-recent_post,
.styled_post_list1_widget .tab-radio-recommend_post:checked ~ .styled_post_list1_tabs .tab-label-recommend_post,
.styled_post_list1_widget .tab-radio-recommend_post2:checked ~ .styled_post_list1_tabs .tab-label-recommend_post2 { background:#fff; border-bottom:1px solid #fff; }
.styled_post_list1_widget .tab-radio-recent_post:checked ~ .styled_post_list1_tabs .tab-label-recent_post label,
.styled_post_list1_widget .tab-radio-recommend_post:checked ~ .styled_post_list1_tabs .tab-label-recommend_post label,
.styled_post_list1_widget .tab-radio-recommend_post2:checked ~ .styled_post_list1_tabs .tab-label-recommend_post2 label { border-bottom-color:#fff; }
.styled_post_list1_widget .tab-radio-recent_post:checked ~ .tab-content-recent_post,
.styled_post_list1_widget .tab-radio-recommend_post:checked ~ .tab-content-recommend_post,
.styled_post_list1_widget .tab-radio-recommend_post2:checked ~ .tab-content-recommend_post2 { display:block; }

/* 検索 */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s, .widget.google_search #s { width:85%; height:40px; margin:0; border:1px solid #ddd; background:#fff; padding:0 10px; }
.widget_search #search-btn input, .widget_search #searchsubmit { width:15%; height:40px; background:#f7f7f7 url(img/common/icon_search.png) no-repeat center; border:1px solid #ddd; border-left:none; cursor:pointer; display:block; float:right; text-indent:-300%; overflow:hidden; }
.widget.google_search #searchsubmit { font-family:'design_plus'; color:#aaa; font-size:14px; border:none; width:15%; height:40px; background:#f7f7f7; border:1px solid #ddd; border-left:none; cursor:pointer; display:block; float:right; overflow:hidden; }
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .widget.google_search #searchsubmit:hover { background-color:#000; border-color:#000; }

/* アーカイブ、カテゴリードロップダウンメニュー */
.widget_archive select, .widget_categories select, .tcdw_archive_list_widget select { margin:0; padding:12px 10px; width:100%; background:#fff; border:1px solid #ddd; border:1px solid #ddd; }
.widget_archive select { padding:12px; }
.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; }

/* バナーリスト */
ul.banner_list, .widget ul.banner_list { margin:0; padding:0; }
ul.banner_list li, .widget ul.banner_list li { margin:0 0 14px 0; padding:0; width:100%; position:relative; }
ul.banner_list li:last-child, .footer_widget ul.banner_list li:last-child { margin-bottom:0; }
ul.banner_list li img { display:block; width:100%; height:auto; }
ul.banner_list li .caption { width:100%; padding:0 16px; font-size:22px; font-weight:600; line-height:1.4; text-align:center; color:#fff !important; position:absolute; top:50%; left:0; z-index:2;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
ul.banner_list li a:hover .caption { color:#b69e84; }

/* ランキング */
.tcdw_ranking_list_widget ol { margin:0; padding:0; }
.tcdw_ranking_list_widget li { margin:0; padding:18px 0; border-bottom:1px solid #ddd; }
.tcdw_ranking_list_widget li:first-child { padding-top:0; }
.tcdw_ranking_list_widget li:last-child { padding-bottom:0; border-bottom:none; }
.tcdw_ranking_list_widget li a { display:block; text-decoration:none; position:relative; }
.tcdw_ranking_list_widget .image { float:left; width:100px; height:100px; overflow:hidden; }
.tcdw_ranking_list_widget .image img { display:block; width:100%; min-width:100%; }
.tcdw_ranking_list_widget .info { margin:0 0 0 118px; height:100px; overflow:hidden; }
.tcdw_ranking_list_widget .title { font-size:1em; margin:0; padding:0; display:block; font-weight:400; text-decoration:none; max-height:5.1em; overflow:hidden; }
.tcdw_ranking_list_widget .rank { margin:0 0 7px; width:80px; height:26px; line-height:26px; font-size:0.86em; color:#fff; text-align:center; background:#aaa; border-radius:13px; overflow:hidden; }

/* アイコンメニュー */
.tcdw_icon_menu_list_widget ol { margin:1px 0 0 0; padding:0; border-left:1px solid #ddd; font-size:0; }
.tcdw_icon_menu_list_widget li { display:inline-block; margin:-1px 0 0 0; padding:0; width:100%; height:48px; line-height:48px; font-size:14px; overflow:hidden; border:1px solid #ddd; border-left:none; position:relative;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.tcdw_icon_menu_list_widget li a { display:block; padding:0 12px 0 18px; text-decoration:none; }
.tcdw_icon_menu_list_widget li a:hover { color:#000; background:#f7f7f7; }
.tcdw_icon_menu_list_widget li.width-half { width:50%; }
.tcdw_icon_menu_list_widget li.has-menu-icon a { padding-left:42px; }
.tcdw_icon_menu_list_widget li.has-menu-icon:before { font-family:'design_plus'; display:inline-block; width:42px; text-align:center; position:absolute; top:0; left:0; }
.tcdw_icon_menu_list_widget li.menu-icon-spa:before { content:'\e929'; }
.tcdw_icon_menu_list_widget li.menu-icon-crown:before { content:'\e926'; }
.tcdw_icon_menu_list_widget li.menu-icon-users:before { content:'\e91e'; }
.tcdw_icon_menu_list_widget li.menu-icon-add_circle:before { content:'\e147'; }
.tcdw_icon_menu_list_widget li.menu-icon-marker2:before { content:'\e8b4'; }
.tcdw_icon_menu_list_widget li.menu-icon-loyalty:before { content:'\e89a'; }
.tcdw_icon_menu_list_widget li.menu-icon-notifications:before { content:'\e7f4'; }
.tcdw_icon_menu_list_widget li.menu-icon-restaurant:before { content:'\e56c'; }
.tcdw_icon_menu_list_widget li.menu-icon-smile:before { content:'\e813'; }
.tcdw_icon_menu_list_widget li.menu-icon-work:before { content:'\e8f9'; }
.tcdw_icon_menu_list_widget li.menu-icon-flag2:before { content:'\e902'; }
.tcdw_icon_menu_list_widget li.menu-icon-clock:before { content:'\e94e'; }
.tcdw_icon_menu_list_widget li.menu-icon-chat:before { content:'\e0b7'; }
.tcdw_icon_menu_list_widget li.menu-icon-mode_edit:before { content:'\e254'; }
.tcdw_icon_menu_list_widget li.menu-icon-favorite:before { content:'\e87d'; }
.tcdw_icon_menu_list_widget li.menu-icon-star:before { content:'\f005'; }
.tcdw_icon_menu_list_widget li.menu-icon-star-o:before { content:'\f006'; }
.tcdw_icon_menu_list_widget li.menu-icon-tag:before { content:'\f02b'; }
.tcdw_icon_menu_list_widget li.menu-icon-lightbulb:before { content:'\f0eb'; }
.tcdw_icon_menu_list_widget li.menu-icon-live_help:before { content:'\e0c6'; }
.tcdw_icon_menu_list_widget li.menu-icon-spinner:before { content:'\f110'; }
.tcdw_icon_menu_list_widget li.menu-icon-cube:before { content:'\f1b2'; }
.tcdw_icon_menu_list_widget li.menu-icon-check:before { content:'\f00c'; }
.tcdw_icon_menu_list_widget li.menu-icon-search-plus:before { content:'\f00e'; }

.footer_widget.tcdw_icon_menu_list_widget li{ margin: 0; line-height: 48px; }


/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer_contents { background:#222; color:#fff; text-align:center; }
#footer_contents a { color:#fff; }
#footer_contents a:hover { color:#92785f; text-decoration:none; }

#footer_info { padding:43px 30% 44px; position:relative; }

/* logo */
#footer_logo { margin:0; }
#footer_logo .logo { display:inline-block; margin:0; font-size:36px; line-height:1.2; }

/* footer bottom menu */
#footer_bottom_menu { display:inline-block; margin:12px 0 0 0; }
#footer_bottom_menu ul { display:inline; font-size:0; }
#footer_bottom_menu li { display:inline-block; font-size:12px; line-height:2; }
#footer_bottom_menu li:after { content:"|"; display:inline-block; padding:0 0.5em; }
#footer_bottom_menu li:last-child:after { content:""; }

/* SNSボタン */
#footer_social_link { width:30%; text-align:left; position:absolute; left:0; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
}
#footer_social_link li { display:inline-block; margin:0 8px 0 0; position:relative; z-index:1; }
#footer_social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:14px; height:14px; position:relative; z-index:2;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
}
#footer_social_link li:before {
  font-family:'design_plus'; color:#fff; font-size:14px; display:block; position:absolute; top:0; left:0; z-index:1;
  width:14px; height:14px; line-height:14px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#footer_social_link li:hover:before { color:#fff; }

#footer_social_link li.rss:before { content:'\e90b'; }

/* コピーライト */
#copyright { width:30%; font-size:12px; line-height:1.6; text-align:right; position:absolute; right:0; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
}

/* ページ上部へ戻るボタン */
#return_top { display:none; position:fixed; bottom:20px; right:20px; z-index:990; }
#return_top a { display:block; width:55px; height:55px; text-decoration:none; background:#b69e84; border-radius:50%; opacity:0.8; }
#return_top a:before {
  font-family:'design_plus'; color:#fff; font-size:16px; line-height:1; display:block; position:absolute; top:50%; left:50%; margin:-0.5em 0 0 -0.5em;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#return_top a:before { content:'\e911'; }
#return_top a:hover { opacity:1; }
#return_top a span { display:none; }



/* エリア・カテゴリーメニュー */
#footer_nav { padding:50px 0 40px 0; background:#f7f7f7; }
#footer_nav .footer_nav_cols .footer_nav_1 { width:49%; float:left; }
#footer_nav .footer_nav_cols .footer_nav_2 { width:49%; float:right; }
#footer_nav .headline { display:inline-block; margin:0 0 15px 0; padding:0 18px; min-width:54px; font-size:12px; line-height:26px; text-align:center; color:#fff; background:#000; border-radius:13px; }
#footer_nav a { text-decoration:none; }
#footer_nav a:hover { color:#92785f; text-decoration:none; }
#footer_nav ul { margin:0; padding:0; }
#footer_nav li { margin:0; padding:0; font-size:12px; line-height:2.4; }
#footer_nav li ul { display:inline; }
#footer_nav li li { display:inline-block; }
#footer_nav li li:before { content:'|'; padding:0 0.5em; }
#footer_nav .footer_nav_type1 li { display:inline-block; float:left; padding-right:1.5em; min-width:12.5%;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#footer_nav .footer_nav_cols .footer_nav_type1 li { min-width:25%; }
#footer_nav .footer_nav_type2 > ul > li > a { font-weight:700; }




/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */
/* alignment */
.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }

/* text and headline */
.post_content p { line-height:2.4; margin:0 0 1.5em 0; }
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.2; font-weight:400; margin:0 0 10px 0; padding:10px 0 0 0; }
.post_content h1 { font-size:150%; }
.post_content h2 { font-size:140%; }
.post_content h3 { font-size:130%; padding-top:20px;margin-bottom:1.5em; }
.post_content h4 { font-size:120%; }
.post_content h5 { font-size:110%; }
.post_content h6 { font-size:100%; }

/* image */
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img
 { height:auto; max-width:100%; }

/* list */
.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; }
.post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:circle outside none; margin-left:1.3em; }
.post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; }

/* table */
.post_content table { margin:0 0 24px 0; /*width:100% !important;*/ }
.post_content td, .post_content th { border:1px solid #bbb; padding:10px 15px; line-height:2.2; }
.post_content th { background:#ddd; font-weight:normal; }
/* table style */
.post_content table.table_no_border th, .post_content table.table_no_border td { border:none; padding-left:0; }
.post_content table.table_border_horizontal th, .post_content table.table_border_horizontal td { border-left:none; border-right:none; padding-left:0; }

/* block quote */
.post_content blockquote { margin:0 0 25px 0; padding:27px 30px 0; border:1px solid #ccc; box-shadow:0px 4px 0px 0px #f2f2f2; position:relative; }
.post_content blockquote:before { content:'"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; }
.post_content blockquote:after { content:'"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; }
.post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }

/* captions */
.post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }

/* gallery */
.gallery { margin-bottom:20px; }
.gallery a img { border:0 !important; }
.gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
.gallery-columns-1 .gallery-item { max-width:100%; }
.gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px); max-width:calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width:9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); }
.gallery-columns-10 .gallery-item { max-width:7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; }
.gallery-caption { background-color:rgba(0, 0, 0, 0.7); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; }
.gallery-caption:before { content:""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
.gallery-item:hover .gallery-caption { opacity:1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display:none; }

/* etc */
.post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0 0 24px 0; line-height:2.2; }
.post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url(img/common/pre.gif) repeat left top; padding:0 17px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin:12px 0 25px; }

/* パスワード保護 */
.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; background:#999; }
.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; }
.post_content .c-pw__btn, .post_content .c-pw__btn:hover { color:#fff; }
.u-center { text-align:center; }


.top_cat {
    display: inline-block;
    margin: 0 6px 4px 0;
    padding: 0 13px;
    min-width: 50px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    border-radius: 13px;
    color: #fff;
    background: #000;
}

.top_l {
	font-size:2em;
}

.active {
background: #b69e84;
}
.active a{
color: #ffffff !important;
}




/* ----------------------- TCD Advanced Style -------------------------- */


@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-display: swap;

}
/*
@font-face {
  font-family: 'tiktok_x_icon';
  src: url('../fonts/tiktok_x_icon.eot?v=1.0');
  src: url('../fonts/tiktok_x_icon.eot?v=1.0#iefix') format('embedded-opentype'),
       url('../fonts/tiktok_x_icon.woff?v=1.0') format('woff'),
       url('../fonts/tiktok_x_icon.ttf?v=1.0') format('truetype'),
       url('../fonts/tiktok_x_icon.svg?v=1.0#tiktok_x_icon') format('svg');
  font-weight: normal;
  font-style: normal;
    font-display: swap;

}
*/
/* ----------------------------------------------------------------------
 Column layout - カラムレイアウト
---------------------------------------------------------------------- */
.post_content .post_row { margin-left:-15px; margin-right:-15px; }
.post_content .post_col, .post_content .post_col-2, .post_content .post_col-3 { position:relative; min-height:1px; width:100%; padding-right:15px; padding-left:15px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:2em; }
.post_content .post_col-2 { margin-bottom:0; }
@media screen and (min-width:768px){
	.post_content .post_col-2 { width:50%; /* 2カラム */ }
	.post_content .post_col-3 { width:33.33333%; }
}
@media screen and (min-width:1024px){
	.post_content .post_col-2 { width:50%; /* 2カラム */ }
	.post_content .post_col-3 { width:33.33333%; }
}
.post_content .post_row:before, .post_content .post_row:after { content: " "; display: table; }
.post_content .post_row:after { clear: both; }


/* ----------------------------------------------------------------------
 headline - 見出しのスタイル
---------------------------------------------------------------------- */
.post_content .style3a, .post_content .style3b, .post_content .style4a, .post_content .style4b, .post_content .style5a, .post_content .style5b, .post_content .style6 { line-height:1.6; } 
/* h3 */
.post_content .style3a { margin:3em 0 1.5em; padding:1.1em .2em 1em; font-size:22px; font-weight:400; border-top:1px solid #222; border-bottom:1px solid #222; }
.post_content .style3b { margin:3em 0 1.5em; padding:1.1em .9em 1em; font-size:22px; font-weight:400; border-top:2px solid #222; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }
/* h4 */
.post_content .style4a { margin:2.5em 2px 1.2em; padding:.3em 0 .3em .8em; font-size:18px; font-weight:400; border-bottom:none; border-left:2px solid #222; }
.post_content .style4b { margin:2.5em 0 1.2em; padding:.9em 0 .8em; font-size:18px; font-weight:400; border-bottom:1px dotted #aaa; }
/* h5 */
.post_content .style5a { margin:2em 0 1em; padding:.5em .8em .3em 1em; font-weight:700; font-size:18px; background:#f5f5f5; box-shadow:0px 2px 0px 0px #f2f2f2; }
.post_content .style5b { margin:2em 0 1em; padding:.5em .8em .4em 1em; font-weight:400; font-size:18px; color:#fff; background:#222; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }
/* h6 */
.post_content .style6 { position:relative; margin:2em 0 1em; padding:.5em .8em .8em 1.3em; color:#222; font-weight:bold; font-size:16px; }
.post_content .style6:before { position:absolute; width:12px; height:12px; top:.5em; left:.2em; background:#222; content:""; }
.post_content .news_headline1{ position:relative; margin:80px 0 25px 0; padding:.5em; border-left:8px solid #444; line-height:1.2; font-size:1.2em; }
.post_content .news_headline1:after { content:""; position:absolute; bottom:0px; left:0; height:0; width:100%; border-bottom:1px dotted #ddd; }
.post_content .news_headline2{ margin:40px 0 20px 0; padding:0 .5em; border-left:6px solid #545454; line-height:26px; font-size:1.1em;}
.post_content .balloon { clear:both; display:block; position:relative; margin:50px 0 22px; padding:.5em 18px .5em; width:auto; min-width:115px; color:#fff; text-align:left; font-size:20px; font-weight:400; background:#222; z-index:0; border-bottom:0; }
.post_content .balloon:after { content:""; position:absolute; bottom:-10px; left:30px; margin-left:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#222 transparent transparent transparent; }


/* ----------------------------------------------------------------------
 flame - 囲み枠
---------------------------------------------------------------------- */
.well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); line-height:1.8; }
.well2 { margin:1em 0 30px; padding:1em 1.5em; line-height:1.8; border:1px solid #cdcdcd; background:#fcfcfc; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.well3 { margin:2em 0 2.5em; padding:1em 1.5em;line-height:1.8; border:1px dashed #cdcdcd; background:#fcfcfc;  box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.wl_red { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.wl_yellow { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.wl_blue { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.wl_green { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }


/* ----------------------------------------------------------------------
 ol - 番号付きリスト
---------------------------------------------------------------------- */
.post_content .styled_ol { counter-reset: item; list-style-type: none; margin-left:0; margin-bottom:2em; }
.post_content .styled_ol li { display:-webkit-box; display:-webkit-flex; display:flex; margin-bottom:0.4em; }
.post_content .styled_ol li:before {
  counter-increment: item; content: counter(item);
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  width:1.5em; min-width: 1.5em; height: 1.5em; background:#000;
  color: #fff; border-radius: 50%; line-height: 1; margin-top: 0.3em; margin-right: 0.7em;
}


/* ----------------------------------------------------------------------
 button - CSSボタンのスタイル
---------------------------------------------------------------------- */
.post_content .q_button { min-width:200px; max-width:90%; background-color:#535353; display:inline-block; vertical-align:middle; padding:.6em 1.3em .5em; font-weight:400; font-size:100%; color:#fff !important; margin:0; text-decoration:none; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; transition:all 0.3s ease-in-out 0s; box-shadow:0 1px 3px rgba(0,0,0,.15); }
.post_content .q_button:hover, .post_content .q_button:focus { text-decoration:none; color:#fff; background-color:#7d7d7d; box-shadow:0 2px 2px rgba(0,0,0,.15) inset; }
.q_button_wrap{ text-align:center; margin: 2em auto; }
/* Button option */
.post_content .rounded { border-radius:6px; }
.post_content .pill { border-radius:50px; }
.post_content .sz_full { min-width:100px; max-width:100%; display:block; font-size:110%; padding:1em 1.5em .9em; }
.post_content .sz_l { min-width:350px; max-width:90%; font-size:110%; padding:.8em 1.5em .7em; }
@media screen and (max-width: 479px) {
 .post_content .sz_l { min-width:320px; max-width:95%; }
}
.post_content .sz_s { min-width:100px; max-width:90%; font-size:85%; padding:.4em 1em .3em; }
.post_content .bt_red{ background:#c01f0e; color:#fff; }
.post_content .bt_red:hover, .post_content .bt_red:focus { background-color:#d33929; color:#fff; }
.post_content .bt_yellow{ background:#f1c40f; color:#fff; }
.post_content .bt_yellow:hover, .post_content .bt_yellow:focus { background-color:#f9d441; color:#fff; }
.post_content .bt_blue{ background:#2980b9; color:#fff; }
.post_content .bt_blue:hover, .post_content .bt_blue:focus { background-color:#3a91c9; color:#fff; }
.post_content .bt_green{ background:#27ae60; color:#fff; }
.post_content .bt_green:hover, .post_content .bt_green:focus { background-color:#39c574; color:#fff; }


/* ----------------------------------------------------------------------
Youtube responsive - Youtube動画のレスポンシブ表示
---------------------------------------------------------------------- */
.ytube { position:relative; height:0; margin-top:20px; margin-bottom:20px; padding-bottom:56.25%; padding-top:30px; overflow:hidden; }
.ytube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }


/* ----------------------------------------------------------------------
Table responsive - テーブルのレスポンシブ表示
---------------------------------------------------------------------- */
.rps_table { line-height:2.0; }
@media only screen and (max-width:480px) {
  .rps_table tr { display:block; margin-bottom:1.5em; }
  .rps_table th, .rps_table td{ display:list-item; list-style-type:none; border:none; }
}


/* ----------------------------------------------------------------------
 Cardlink style - カードリンクのスタイル
---------------------------------------------------------------------- */
.cardlink { padding:12px 12px 12px 12px; margin:10px 0; border:1px solid #ddd; word-wrap:break-word; max-width:100%; background:#fafafa; }
.cardlink_thumbnail { float:left; margin-right:20px; }
.cardlink_content { line-height:1.6; }
.cardlink .timestamp { display-inline; margin:0; padding:0; vertical-align:top; color:#666; line-height:1.6; font-size:12px; }
.cardlink .timestamp:before {
  font-family:'design_plus'; content:'\e94e';
  font-size:12px; color:#222; display:block; float:left; margin:0 8px 0 0;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.cardlink_title { font-size:16px; margin:0 0 5px; }
.cardlink_title a { font-weight:bold; color:#000; text-decoration:none; }
.cardlink_title a:hover { text-decoration:underline; }
.cardlink_excerpt { color:#333; font-size:13px; overflow:hidden; line-height:1.8; }
.cardlink_footer { clear:both; }
.clear { clear:both; }
@media screen and (max-width: 767px) {
  .cardlink_thumbnail { float:none; }
}
@media screen and (max-width: 479px) {
  .cardlink_excerpt { float:none; }
}


/* ----------------------------------------------------------------------
 Contactform - お問い合わせフォーム
---------------------------------------------------------------------- */
.wpcf7 { width:100%; border:1px solid #ddd; background:#fafafa; padding:0; margin:0 0 2.5em !important; font-size:14px;}
.wpcf7 form{ margin:1.5em 1.5em 0;}
.wpcf7 p { margin-bottom:1em; font-size:12px; }
.wpcf7 input, .wpcf7 textarea { width:auto; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:1px solid #ccc; line-height:1.2; padding:8px;  }
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { width:auto; max-width:97%; border:1px solid #ccc; padding:8px; }
.wpcf7 select, .wpcf7 .wpcf7-list-item-label { line-height:1.2; font-size:14px; }
.wpcf7-list-item { display:block; }
.wpcf7 textarea { height:300px; }
.wpcf7 input:focus, .wpcf7 textarea:focus { outline:none; border:1px solid #bbb; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow:inner 0 0 5px rgba(0, 0, 0, 0.5); }
.wpcf7 input.wpcf7-submit, .wpcf7 .wpcf7-previous { position:relative; display:block; width:225px; height:48px; margin:30px auto 0; background-color:#333333; cursor:pointer; border:none !important; color:#fff; text-align:center; text-decoration:none; font-size:14px; line-height:1.5; outline:none; -webkit-transition: all .3s; transition: all .3s; }
.wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit::before, .wpcf7 input.wpcf7-submit::after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.wpcf7 input.wpcf7-submit:hover, .wpcf7 .wpcf7-previous:hover { background-color:#666666; }
.wpcf7 .wpcf7-not-valid { background:pink; }
.wpcf7 .wpcf7-response-output { margin:10px 0 0; padding:8px 35px 8px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.wpcf7 .wpcf7-validation-errors { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; }
.wpcf7 .wpcf7-mail-sent-ok { color:#3A87AD; background-color:#D9EDF7; border:1px solid #BCE8F1; }
.wpcf7 .wpcf7-previous + br { display: none; }
.wpcf7 form .wpcf7-response-output{ margin: 2em 0.5em 2em; padding:0; border: none; text-align:center; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{ color:#dc3232; font-size: 1em; }


/* ----------------------------------------------------------------------
 font-size - フォントサイズ
---------------------------------------------------------------------- */
.text70{font-size:70%}      /* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.b{font-weight:700}     /* 太字 */
.u{text-decoration:underline}     /* 下線 */
.del{text-decoration:line-throug} /* 打ち消し線 */


/* ----------------------------------------------------------------------
 font-color - フォントカラー
---------------------------------------------------------------------- */
.red{color:red}     /* 赤色 */
.blue{color:#2ca9e1}    /* 青色 */
.green{color:#82ae46}   /* 緑色 */
.orange{color:#ff7d00}    /* 橙色 */
.yellow{color:#fff000}    /* 黄色 */
.pink{color:#ff0084}    /* ピンク */
.gray{color:#999999}    /* グレー */


/* ----------------------------------------------------------------------
 background-color - 背景色
---------------------------------------------------------------------- */
.bg-yellow{padding:2px;background-color:#ff0} /* 黄色の文字背景 */
.bg-blue{padding:2px;background-color:#4ab0f5}  /* 青色の文字背景 */
.bg-red{padding:2px;background-color:red} /* 赤色の文字背景 */


/* ----------------------------------------------------------------------
 text-align - 配置
---------------------------------------------------------------------- */
.align1{text-align:center !important} /* 中央寄せ */
.align2{text-align:right !important}  /* 右寄せ */
.align3{text-align:left !important} /* 左寄せ */


/* ----------------------------------------------------------------------
 float - 回り込み
---------------------------------------------------------------------- */
.r-flo{float:right;margin:10px} /* 右に回り込み */
.l-flo{float:left;margin:10px}  /* 左に回り込み */
.f-clear{clear:both}      /* 回り込みの解除 */


/* ----------------------------------------------------------------------
 hover - 画像リンクマウスオーバー時の不透明度
---------------------------------------------------------------------- */
a img.fade { background:none !important; outline:none; -webkit-transition:all .3s; transition:all .3s; }
a:hover img.fade { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; background:none !important; }


/* ----------------------------------------------------------------------
 text-style - テキストスタイル
---------------------------------------------------------------------- */
.att {padding-left:1em;text-indent:-1em;} /* 注意書き等で二行目以降を字下げ */
.att_box { margin:2em 0 2.5em; padding:1em 1.2em; line-height:2.0; border:1px dotted #cccccc; background:#fcfcfc; box-shadow:0px 4px 0px 0px #f7f7f7; } /* テキストボックス */


/* ----------------------------------------------------------------------
 margin - 要素の外側の余白
---------------------------------------------------------------------- */
.m0{margin:0 !important}    /* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}   /* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}   /* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}  /* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}    /* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}
.ml55{margin-left:55px !important}

.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mt70{margin-top:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}


/* ----------------------------------------------------------------------
 padding - 要素の内側の余白
---------------------------------------------------------------------- */
.p0{padding:0 !important}   /* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}    /* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}  /* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important} /* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}   /* padding-left0px を指定するクラス */

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}

.p15{padding:15px !important}
.pt15{padding-top:15px !important}
.pr15{padding-right:15px !important}
.pb15{padding-bottom:15px !important}
.pl15{padding-left:15px !important}

.p20{padding:20px !important}
.pt20{padding-top:20px !important}
.pr20{padding-right:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}

.p25{padding:25px !important}
.pt25{padding-top:25px !important}
.pr25{padding-right:25px !important}
.pb25{padding-bottom:25px !important}
.pl25{padding-left:25px !important}

.p30{padding:30px !important}
.pt30{padding-top:30px !important}
.pr30{padding-right:30px !important}
.pb30{padding-bottom:30px !important}
.pl30{padding-left:30px !important}

.p35{padding:35px !important}
.pt35{padding-top:35px !important}
.pr35{padding-right:35px !important}
.pb35{padding-bottom:35px !important}
.pl35{padding-left:35px !important}

.p40{padding:40px !important}
.pt40{padding-top:40px !important}
.pr40{padding-right:40px !important}
.pb40{padding-bottom:40px !important}
.pl40{padding-left:40px !important}

.p45{padding:45px !important}
.pt45{padding-top:45px !important}
.pr45{padding-right:45px !important}
.pb45{padding-bottom:45px !important}
.pl45{padding-left:45px !important}

.p50{padding:50px !important}
.pt50{padding-top:50px !important}
.pr50{padding-right:50px !important}
.pb50{padding-bottom:50px !important}
.pl50{padding-left:50px !important}

.p55{padding:55px !important}
.pt55{padding-top:55px !important}
.pr55{padding-right:55px !important}
.pb55{padding-bottom:55px !important}
.pl55{padding-left:55px !important}

.p60{padding:60px !important}
.pt60{padding-top:60px !important}
.pr60{padding-right:60px !important}
.pb60{padding-bottom:60px !important}
.pl60{padding-left:60px !important}

.p65{padding:65px !important}
.pt65{padding-top:65px !important}
.pr65{padding-right:65px !important}
.pb65{padding-bottom:65px !important}
.pl65{padding-left:65px !important}

.p70{padding:70px !important}
.pt70{padding-top:70px !important}
.pr70{padding-right:70px !important}
.pb70{padding-bottom:70px !important}
.pl70{padding-left:70px !important}

.p75{padding:75px !important}
.pt75{padding-top:75px !important}
.pr75{padding-right:75px !important}
.pb75{padding-bottom:75px !important}
.pl75{padding-left:75px !important}

.p80{padding:80px !important}
.pt80{padding-top:80px !important}
.pr80{padding-right:80px !important}
.pb80{padding-bottom:80px !important}
.pl80{padding-left:80px !important}

/* クイックタグ追加分 */
h2.style_h2 { font-size:26px; font-weight:600; line-height:1.4; margin: 3em 0 1.3em 0; text-align:center; }
h3.style_h3 { font-size:22px; font-weight:600; line-height:1.6; margin: 3em 0 1.3em 0; }
h4.style_h4 { font-size:20px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; }
h5.style_h5 { font-size:18px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; }
h6.style_h6 { font-size:16px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; }
@media screen and (max-width: 800px) {
  h2.style_h2 { font-size:20px; margin: 2.5em 0 1em 0; }
  h3.style_h3 { font-size:18px; margin: 2.3em 0 1em 0; }
  h4.style_h4 { font-size:16px; margin: 2.2em 0 1em 0; }
  h5.style_h5 { font-size:16px; margin: 2.2em 0 1em 0; }
  h6.style_h6 { font-size:14px; margin: 2.2em 0 1em 0; }
}
@media screen and (max-width: 600px) {
  h2.style_h2 { margin: 2.3em 0 1em 0; }
  h3.style_h3 { margin: 2em 0 1em 0; }
  h4.style_h4 { margin: 2em 0 1em 0; }
  h5.style_h5 { margin: 2em 0 1em 0; }
  h6.style_h6 { margin: 2em 0 1em 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;
}


#tcd_user_profile_widget-2 {
    border: 1px solid #ddd;
    padding: 30px 30px 30px;
text-align:center;
}

#tcd_user_profile_widget-3 {
    border: 1px solid #ddd;
    padding: 30px 30px 30px;
text-align:center;
}

@media not all and (max-width: 767px) {

.rpwe-thumb { width:100%;}

}

