@charset "UTF-8";
/*
Theme Name:Avalon
Theme URI:https://tcd-theme.com/tcd040
Description:WordPress theme "Avalon" was developed for a stylish bar. The up and down scrolling content is impressive from the first view. The two-column design is easy to use and tells the story of yours effectively.
Author:TCD
Author URI:https://tcd-theme.com/
Text Domain:tcd-avalon
Version:4.1.4
*/

/* ----------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
---------------------------------------------------------------------- */
@font-face {
  font-family: "design_plus";
  src: url("fonts/design_plus.eot?v=1.0");
  src: url("fonts/design_plus.eot?v=1.0#iefix") format("embedded-opentype"),
    url("fonts/design_plus.woff?v=1.0") format("woff"),
    url("fonts/design_plus.ttf?v=1.0") format("truetype"),
    url("fonts/design_plus.svg?v=1.0#design_plus") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tiktok_x_icon';
  src: url('fonts/tiktok_x_icon.eot?v=1.1');
  src: url('fonts/tiktok_x_icon.eot?v=1.1#iefix') format('embedded-opentype'),
       url('fonts/tiktok_x_icon.woff?v=1.1') format('woff'),
       url('fonts/tiktok_x_icon.ttf?v=1.1') format('truetype'),
       url('fonts/tiktok_x_icon.svg?v=1.1#tiktok_x_icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
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, 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(rgba(255, 255, 255, 0), rgba(255, 255, 255, 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 */


.hide { display:none; }


/* ローディングアイコン */
#site_wrap { display: none; }

#site_loader_overlay {
  background: #fff;
  opacity: 1;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
}

#site_loader_spinner {
  font-size: 10px;
  position: fixed;
  top: 50%;
  top: -webkit-calc(50% - 33px);
  top: calc(50% - 33px);
  top: calc(50% - 33px);
  left: 50%;
  left: -webkit-calc(50% - 33px);
  left: calc(50% - 33px);
  left: calc(50% - 33px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loading-anime 1.1s infinite linear;
  animation: loading-anime 1.1s infinite linear;
}

#site_loader_spinner,
#site_loader_spinner:after {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

@-webkit-keyframes loading-anime {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-anime {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { color: #333; line-height: 1; /* min-width:1200px; */ }
.pc .admin-bar { padding-top: 33px; }
img { vertical-align: bottom; }
a { color: #333; text-decoration: none; }
a, .menu-item a, a:before, a:after, input {
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: background-color, color;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-property: background-color, color;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-in-out;
}
a:hover { color: #000; text-decoration:none !important; }
.clear { clear: both; }
.hide { display: none; }
.show { display: block; }

@media screen and (min-width: 1025px) {
  .pc-none {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .sp-none {
    display: none !important;
  }
}

/* レイアウト */
#main_col { border-left: 1px solid #efefef; background: #fafafa; float: right; }
#main_col.main_col_left { border-left: none; border-right: 1px solid #efefef; }
#main_col .container--no-img {
	margin-top: 47px;
}
@media screen and (min-width: 1025px) {
  .index #main_col .container { max-width: 1200px; width: auto; padding-left: 30px; padding-right: 30px;}
  .index #main_col .top-freespace_wrap .container{
    padding-top: 90px;
  }
  .index #main_col .scroll_no_animation .container{
    padding-top: 90px;
  }
  .index #main_col .row, .index #main_col .row { margin-left: -15px; margin-right: -15px; }
}
@media screen and (max-width: 1024px) {
  .index #main_col .top-freespace_wrap .container{
    padding-top: 40px;
  }
}
@media screen and (min-width: 1025px) {
  #main_col .container { width: 100%; max-width: 950px; }
  #main_col .row { margin-left: -25px; margin-right: -25px; }
  #main_col #footer .row,
  #main_col #edit-area .row,
  #main_col .container.single_wrap .row { margin-left: 0; margin-right: 0; }
  #main_col .news-item .row { margin-left: 0; margin-right: 0; }
  #main_col .row .col-md-6,
  #main_col .row .col-md-8,
  #main_col .row .col-md-4,
  #main_col .row .col-md-3,
  #main_col .row .col-sm-6 { padding-left: 0px !important; padding-right: 25px !important; }
  #main_col .row .col-md-4 { margin-left: 10px; padding-left: 0 !important; padding-right: 0 !important; width: 300px; }
  #main_col .row .col-md-4.entry-sidebar { margin-left: 0; width: 33.33333333%; max-width: 300px; }
  .side_col_right+#main_col .row .col-md-4.entry-sidebar { padding-left: clamp(0px, calc((100vw - 1025px) * (25 / (1160 - 1025))), 25px) !important; padding-right: 25px !important; }
}
.no-gutters { margin-left: 0; margin-right: 0; }
.no-gutters > [class*='col-'] { padding-left: 0; padding-right: 0; }
.fr { float: right; }
.bb { -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 { display: table; position: relative; width: 100%; }
@media screen and (min-width: 1025px) {
  #header { margin-bottom: 100px; }
}
#header img { width: 100%; height: auto; }
.header-title {
  color: #fff;
  display: block;
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 48px;
  line-height: 1.6;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  transform: translate3d(0,-50%,0);
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .header-title { padding-left: 40px; padding-right: 40px; }
}
.header-title--no-img {
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 48px;
  line-height: 1.6;
	margin-top: 28px;
	margin-bottom: 33px;
}
.header-title h1, .header-title div,.header-title span{
  display: block;
  max-width: 950px;
  margin: 0 auto;
}
.header_notfound { height: 200px; background-color: #000000; color: white; text-align: center; display: block; position: relative; margin: 0 0 50px; padding: 0}
.header_notfound div {
  position: absolute;
  line-height: 1;
  width:100%;
  top:50%; left:0;
  -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}

@media screen and (min-width: 1025px) {
  .header-about {/* background: url(img/header-about.jpg) no-repeat left top/cover; */}
  .header-access {/* background: url(img/header-access.jpg) no-repeat left top/cover; */}
  .header-blog {/* background: url(img/header-blog.jpg) no-repeat left top/cover; */}
  .header-menu {/* background: url(img/header-menu.jpg) no-repeat left top/cover; */}
  .header-news {/* background: url(img/header-news.jpg) no-repeat left top/cover; */}
  .header-staff {/* background: url(img/header-staff.jpg) no-repeat left top/cover; */}
}
/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
#side_col { background: #fff; height: 100%; position: fixed; top: 0; z-index: 10; padding-top: 60px;}
@media screen and (max-width: 1024px) {
  #side_col {float:none; height: 60px;}
}
#side_col .menu_button { height: 60px; top: 0; }
#side_col .store-information,
#side_col .store-information02
  { position: absolute; bottom: 30px; margin: 0 5%; width: 90%; line-height: 1.6; }
.store-information_access { color: #222; font-size: 14px; text-align: left; }
.store-information,
.store-information02
  { font-size: 12px; text-align: center; }
.store-information02 .store-address { margin-bottom:-5px; }
@media screen and (max-width: 1024px) {
.store-information02 .store-address { margin-bottom:5px; }
}
.store-information .store-name,
.store-information02 .store-name
  { font-size: 16px; line-height: 200%; font-weight: bold; }
#edit-area .store-name { line-height:180%; }
#edit-area .store-comment { line-height:240%; }
#edit-area .store-information .store-name { font-size: 18px; }
.store-information .store-tel,
.store-information02 .store-tel
  { font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 30px; vertical-align: middle; }
.store-information_access .store-tel { line-height: 1; }
.store-information .store-tel span,
.store-information02 .store-tel span
  { font-size: 12px; vertical-align: middle; }

/* サイドバーの配置 */
@media screen and (min-width: 1025px) {
  .side_col_left { left: 0; }
  .side_col_right { right: 0 !important; }
  .side_col_right + #main_col { float: left; }
  .side_col_right + #main_col #index_news_list { left: 0; } 
}

/* グローバルメニュー */
@media screen and (min-width: 1025px) {
/*  #global_menu { font-size: 14px; margin-top: 60px; margin-bottom: 60px; text-align: center; }
  #global_menu a { display: block; padding: 16px 0; }
  #global_menu a:hover { text-decoration: none; }
  #global_menu .menu > .menu-item { position: relative; font-weight: 700; }
  #global_menu .menu > .menu-item:hover .sub-menu { display: block; }
  #global_menu .sub-menu { background: #fff; display: none; position: absolute; top: 0; left: 100%; width: 100%; z-index: 100; border-left: solid 1px #fff;}
  #global_menu .sub-menu .menu-item:hover { position: relative; }
  #global_menu .sub-menu .menu-item:hover a { color: #fff; }
*/
  #global_menu {
    font-size: 14px;
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
    *zoom:1;
  }
  #global_menu:before, #global_menu:after{
    content:"";
  }
  #global_menu li{
    position: relative;
    font-weight: normal;
  }
  #global_menu li a{
    display: block;
    padding: 16px 0;
  }
  #global_menu li a:hover{
    text-decoration: none;
  }
  #global_menu li ul{
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border-left: solid 1px #fff;
  }
  .side_col_right #global_menu li ul{
    border-left: none;
    border-right: solid 1px #fff;
  }

  #global_menu ul ul{
    overflow: hidden;
    width: 0;
    transition: .8s;
  }
  #global_menu ul li:hover ul{
    width: 100%;
  }
  #global_menu ul li ul li a{
    white-space: nowrap;
  }
  #global_menu ul li:hover ul li a{
    white-space: nowrap;
  }

  #global_menu ul li ul{
    opacity: 0;
    top: 0;
    left: 100%;
    visibility: hidden;
    transition: .5s;
  }
  .side_col_right #global_menu ul li ul{
    left: auto;
    right: 100%;
  }
  #global_menu ul li:hover ul{
    visibility: visible;
    opacity: 1;
  }
}

/* SNSアイコン */
.user_sns { text-align:center; padding:0 12px 15px; 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.tiktok a:before { font-family: 'tiktok_x_icon'; content: "\e900"; }
.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; }

/* ロゴ */
.pc #logo_text {text-align: center; max-width: 200px; margin: 0 auto;}
.pc #logo_text .logo { font-size: 24px; font-weight: normal; margin: 0 0 8px 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 #tagline { font-size: 11px; font-weight: normal; }
.pc #logo_image { text-align: center; }
.pc #logo_image img { max-width: 100%; height: auto; }
@media screen and (min-width: 1025px) { .pc #logo_image, .mobile #logo_image_mobile { margin: 0 10% 50px; } 
.pc #logo_image_mobile { text-align: center; } }
.pc #logo_image .logo, .mobile #logo_image_mobile .logo { margin: 0; padding: 0; line-height: 100%; }

.pc #logo_image_mb, .mobile #logo_image_mobile { text-align: center; }
.pc #logo_image_mb img, .mobile #logo_image_mobile img { max-width: 100%; height: auto; margin: 17px auto;}

#mobile_title {position: absolute; top: 20px; left: 10px; font-size:120%; }
#mobile_title a {color: black; text-decoration: none; }

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer .container { padding-top: 60px; border-top:1px dotted #888888; }
#footer .container.noline{padding-top: 60px; border-top:none; }
#footer.no-border .container { padding-top: 50px; border-top:none; }

/* footer logo */
#footer_logo .logo { font-size:34px; margin:0; }
#footer_logo .desc { font-size:12px; margin:20px 0 0 0; }

/* メニュー */
#footer_menu { margin:0 0 70px 0; padding:0;text-align:center; }
.footer_menu { vertical-align:top; margin:0; }
.footer_menu li { text-align:left; font-size: 12px; line-height: 2.5;}
.footer_menu li:first-child { margin-bottom: 5px; }
.footer_menu a { display:block; color:#666; }
.footer_menu a:hover { color:#412000; }
.footer_menu li:first-child a, .footer_menu li:only-child a { color:#333; font-weight:bold; font-size:16px; color: #412000; }
.footer_menu li.no_link a { pointer-events:none; text-decoration:none; color:#412000; }
.footer_logo { text-align: center; }
#footer .user_sns { margin-bottom: 25px; }

#global_menu ul li.no_link > a { pointer-events:none; text-decoration:none; color:#412000; }

.footer_widget { display:inline-block; margin:0; vertical-align:top; text-align:left; font-size: 12px; }
.footer_headline { font-size:16px; font-weight:700; margin:0 0 6px 0; color:#432000; }
.footer_headline a { color:#432000; }

.footer_widget.widget_nav_menu { margin:0 5px 20px 5px; font-size: 12px;}
.footer_widget.widget_nav_menu .sub-menu { margin-left:0.66em; }

.footer_widget .collapse_category_list li{line-height: 30px;}
.footer_widget .collapse_category_list li a { color:#666; }
.footer_widget .collapse_category_list li a:hover { color:#432000; background-color:transparent; }

.footer_widget.tcdw_menu_widget .menu li a { color:#666; }
.footer_widget.tcdw_menu_widget .menu li a:hover { color:#432000; background-color:transparent; }


.user_sns{ padding-bottom: 45px; }



/* ショップインフォ */
.store-information01 { background: none; color: #fff; font-size: 12px; line-height: 60px; height: 60px; text-align: center; }
.store-information01 .store-name { font-size: 14px; font-weight: bold; margin-right: 1.5em; }
.store-information01 .store-address { margin-right: 1.5em; }
.store-information01 .store-tel { font-size: 24px; }
.store-name { font-size: 18px; font-weight: bold; }
.store-tel { font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 36px; }

/* コピーライト */
#copyright { background: #000; color: #fff; font-size: 12px; line-height: 60px!important; height: 60px; margin-bottom: 0!important; bottom: 0!important; position: relative!important; text-align: center; }

/* ページ上部へ戻るボタン */
#return_top {
  position:fixed; right:20px; bottom:70px; z-index:10;
  -webkit-transform: translate3d(0,120%,0); transform: translate3d(0,120%,0);
  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
#return_top.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#return_top a {
  position:relative; display:block; height:40px; width:40px;
  text-decoration:none; background:#555; border-radius:100%;
}
#return_top span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#return_top a:hover { opacity:1; }
#return_top a:before {
  font-family:'design_plus'; color:#fff; font-size:15px; display:block; position:absolute; width:15px; height:15px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#return_top a:before { content:'\e911'; top:12px; left:13px; }





/* パンくずリンク */
#bread_crumb { padding:0 0 20px; margin:10px auto 0; }
@media screen and (min-width: 1025px ) {
  #bread_crumb { padding-left: 25px; padding-right: 25px; }
}
#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:#fff; }
#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; }






/* ----------------------------------------------------------------------
 トップページ、アーカイブページ
---------------------------------------------------------------------- */
.top-container { box-sizing:border-box; }
section, .section { background-size:cover; }
#edit-area .top-container p{line-height: 2.5; margin-bottom: 2em;}


/* トップ-ニュースピッカー */
#index_news { position: fixed; top: 0; right: 0; height:60px; overflow:hidden; color: #fff; font-size: 14px; }
@media screen and (min-width: 1025px) {
  .main_col_left #index_news { position: fixed; top: 0; left: 0; }
  .main_col_right #index_news { position: fixed; top: 0; right: 0; }
  #index_news { width: 83.28%; z-index: 10; }
}
#index_news .ticker { position: relative; overflow: hidden; height:60px; margin:0; float:left; background:rgba(0, 0, 0, 0.6); }
#index_news ul { margin:0; position:absolute; top:0px; color:#fff; }
#index_news ul li { height:60px; overflow:hidden; }
#index_news ul .date { width:90px; height:60px; margin:0 10px 0 40px; line-height:60px; display:block; color:#fff; font-size: 12px; float:left; }
#index_news ul .title { height:60px; line-height:60px; display:block; float:none; text-decoration:none; color:#fff; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
#index_news ul .title a { color: #fff; }
#index_news ul .title a:hover { color: #bebebe !important; }
.ticker ul { width: 100%; position: relative; }
.ticker ul li { width: 100%; display: none; }
#index_news .archive_link a { text-decoration:none; height:60px; line-height:60px; display:block; color:#fff;background:rgba(0, 0, 0, 0.6); 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;  padding: 0 0 0 15px;}
#index_news .archive_link a:hover { background-color: rgba(255, 255, 255, 0.6); text-decoration: none; }
#index_news .archive_link a:after { font-family:'design_plus'; content: '\e910'; font-size: 15px; margin-left: 18px; position:relative; top:2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.disc { color: #fff; }
#archive_headline {
  font-size:48px;
  margin:0 0 10px;
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#category_desc { font-size:16px; line-height:250%; }
#category_desc p {margin-bottom: 50px !important;}

/* トップ-スクロールエフェクト */
.movein { opacity: 0; transform: translate(0,50px);  -webkit-transform: translate(0,50px); transition: 2s; }
.movein_ef{ opacity: 1.0; transform: translate(0,0);  -webkit-transform: translate(0,0); }

/* トップ-ゴーストボタン */
.btn_gst { position: relative; display: inline-block; width: 184px; line-height: 52px; color: #fff; text-align: center; vertical-align: middle; text-decoration: none; outline: none; overflow: hidden; transition: all .5s; }
.btn_gst::before, .btn_gst::after { position: absolute; display: block; content: ''; width: 100%; height: 100%; transition: all .5s; }
.btn_gst::before { top: 0; left: 0; border-top-width: 1px; border-top-style: solid; border-left-width: 1px; border-left-style:solid;}
.btn_gst::after { right: 0; bottom: 0; border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; }
.btn_gst:hover { background-color: #fff; opacity: .5; transition: all .7s; text-decoration: none; }
/*.btn_gst:hover::before, .btn_gst:hover::after { width: 0; height: 0; opacity: 0; transition: all .7s; }*/

.btn_def{ position: relative; display: inline-block; width: 184px; line-height: 52px; color: #fff; text-align: center; vertical-align: middle; text-decoration: none; outline: none; overflow: hidden; transition: all .5s; }
.btn_def:hover{ background-color: #fff; opacity: .5; transition: all .7s; text-decoration: none; }

/* トップページ-ブログリスト */
.top-blog-list { position: relative; }
@media screen and (min-width: 1024px){

}

.top-blog-list .blog-image { margin-bottom: 0!important; }
.top-blog-list .row:last-child { margin-bottom: 65px!important; }
.top-blog-list .blog-item { border: none; }
#edit-area .top-blog-list .headline { margin: 0px; color: #fff;}
#edit-area .top-blog-list .top_blog_header_wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 0 50px;
}
@media screen and (max-width: 1024px) {
  #edit-area .top-blog-list .top_blog_header_wrap{
    padding: 0 0 30px;
  }
}
#edit-area .top-blog-list .blog_archive_link {margin-bottom: 0; position: unset;line-height: 1;}
@media screen and (max-width: 1024px) {
  #edit-area .top-blog-list .blog_archive_link { position: static; float: right; margin-right: 0; }
}
#edit-area .top-container .headline { margin: 1em 0; }
.blog_archive_link { position:relative; right:0;}
.blog_archive_link a { background: #000; color: #fff; display: block; height: 50px; font-size:14px; line-height: 50px; padding: 0 40px; text-decoration: none; }
.blog_archive_link a:hover { background: rgba(255, 255, 255, 0.6); text-decoration: none; }
.blog_archive_link a:after { font-family:'design_plus'; content:'\e910'; position: relative; top: 3px; margin-left: 17px; }
.fp-nav { position: absolute; bottom: 7%; left: 50%; right: 50%; width: 50%; z-index: 10; }
.fp-nav.fp-nav-last{bottom: 2%;}
.fp-nav .show ~ .show { margin-left: 15px; }
.fp-nav li { display: none; float: left; margin-left: -17px; margin-right: -10px; width: 30px;
  height: 30px;}
.main_col_left .fp-nav li { margin-right: -10px; margin-right: -17px; }
.fp-nav li a:before { font-family:'design_plus'; color:#fff; font-size:20px; display:block; width:20px; height:20px; line-height:20px;  position: absolute; bottom:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.top-freespace_wrap .fp-nav li a:before { color:#000 }
.fp-nav li a:hover:before { color:#858585; }
.fp-nav li.icon-up a:before { content:'\e911'; }
.fp-nav li.icon-down a:before { content:'\e90e'; }
.fp-nav li span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }

/* アーカイブページの見出し */
/* 記事一覧（トップページ） */
@media screen and (max-width: 1024px) {
  .blog_list_thumbnail {height: calc((50vw - 58px) * 0.6666) !important }
}
@media screen and (max-width: 991px) {
  .blog_list_thumbnail {height: calc((50vw - 30px) * 0.6666) !important }
}
@media screen and (max-width: 767px) {
  .blog_list_thumbnail {height: calc(66vw - 30px) !important; }
}
@media screen and (min-width: 1025px) {
  .blog_list_thumbnail {
    height: 300px !important;
  }
}
/* 記事一覧（アーカイブページ） */
.blog-item { position: relative; background: #fff; border: 1px solid #eee; }
.blog-content { padding: 24px 32px 24px; }
.blog-image { width: 100%; height: 300px; overflow: hidden;}
.blog-title { height: 3.2em; overflow:hidden; font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 18px; line-height: 1.8;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  line-clamp: 2;
  white-space:normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
 }
#edit-area .blog-meta { margin-top: .6em; font-size: 12px; margin-bottom: 0; }
#edit-area .blog-meta span { margin-right:.2em; }
#edit-area .blog-meta time { margin-left:.2em; }
.blog-title a:hover, .blog-meta a:hover { text-decoration: underline; color: #422000; }
/* ニュース */
.news-item { background: #fff; border: 1px solid #eee; }
.news-content{display: flex;}

@media screen and (min-width: 1025px) {
  .news-item { margin-bottom: 50px; }
}
@media screen and (max-width: 768px){
  .news-content{flex-direction: column;}
  .news-img{ height: auto; flex:1; flex-grow:1; margin: 10px auto;}
}
.news-date { font-size: 12px; text-align: right; position: relative; top: 4px; font-family: 'Arial'; }
.news-excerpt { font-size: 14px; line-height: 220%; padding: 0; flex:1; flex-grow:1;}
.news-excerpt a{ display: block; padding: 40px; }
/*.news-image { float: left; margin-right: 4%; width: 450px; height: auto; }
.news-item a .news-image { opacity: 1; -webkit-transition: opacity 0.4s;
 transition: opacity 0.4s;}
.news-item a:hover .news-image { opacity: .5;}*/
.news-img{ height: auto; flex:1; flex-grow:1; max-width: 450px}
.news-header { border-bottom: 1px solid #eee; padding: 20px 25px; vertical-align:middle; }
.news-title { font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 18px; line-height: 160%;}
.news_list_thumbnail {
  width:450px !important;
  height: 300px !important;
}
@media screen and (max-width: 500px) {
  .news_list_thumbnail {
    height: calc((100vw - 50px) * 0.6666) !important;
  }
}

/* ページング */
@media screen and (min-width: 1025px) {
  .page_navi { margin-bottom: 80px; border-collapse: collapse; }
}
.page_navi li { border-collapse: collapse; float: left; font-size: 14px; border: 1px solid #eeeeee; border-right: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page_navi li:last-child { border-right: 1px solid #eeeeee; }
.page_navi li .current { background: #412000; color: #fff; display: inline-block; padding: 14px 16px; }
.page_navi a { border-collapse: collapse; background: #fff; display: block; padding: 14px 16px; }
.page_navi a:hover { background: #412000; color: #fff; text-decoration: none; }
.page_navi span.dots { background: none; display: inline-block; padding: 14px 16px; }
.page_navi p.back { margin: 0; }
.page_navi p.back a, .page_navi p.back a:hover { display: inline-block; padding: 15px; }

/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
@media screen and (min-width: 1025px) {
  .single_wrap { width: 80%; }
}
#edit-area img { max-width: 100%; }
#edit-area p { /*font-size: 14px;*/ line-height: 250%; margin-bottom: 1em; }
#edit-area.blog_content p { font-size: 100%;}
#edit-area .row img { width: 100%; height: auto; padding-top:10px; }
#edit-area .row .blog-image { padding-top:0; }
.entry-content-thumbnail img { max-width: 600px; width: 100%; height: auto; }
.entry-meta { color: #525252; font-size: 12px; margin-bottom: 10px; }
@media screen and (min-width: 1025px) {
  /* #edit-area .container, */
  .single .container,
  #footer .container { width: 100%; max-width: 950px; padding-top: 30px; padding-left: 0; padding-right: 0; }
  #edit-area .container .row { margin-bottom: 100px; }
  #edit-area .container .desc1 { margin-bottom: 100px; font-size: 14px; }
  .entry-header { margin: 45px 0 75px; padding-left: 25px; padding-right: 25px; }
  .entry-content #edit-area,
  .entry-content #previous_next_post,
  .entry-content .related-posts { width:100%; max-width: 600px; }
  .entry-content-thumbnail { margin-bottom: 30px; }

}
.entry-content{margin-bottom: 80px;}
#edit-area .headline {
  color: #422000;
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 42px;

  line-height: 1.6!important;
  padding-top: 0;
}
@media screen and (min-width: 1025px) {
  #edit-area .headline {
    margin-bottom: 100px;
  }
  #edit-area #top_freespace_header{
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #edit-area .headline {
    font-size: 22px;
    line-height: 1.4!important;
    margin-bottom: 10px!important;
  }
}
#edit-area .top-container .headline { color:#fff; margin-bottom: 10px; }
.page-title {
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 30px;
  line-height: 1.6;
  word-wrap: break-word;
}
@media screen and (max-width: 1024px) {
  .page-title {
    font-size: 21px;
    margin-bottom:0.4em;
  }
}

.pt_google_map {
  width: 100%;
}

.signage {
  display: table;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .signage {
    height: 350px;
    margin-bottom: 100px;
  }
}

.signage-content {
  color: #fff;
  display: table-cell;
  line-height: 1.6;
  padding: 0 10%;
  vertical-align: middle;
}
.signage-title {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 50px !important;
  font-weight:400 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.signage-bar {/* background: url(img/signage-bar.jpg) no-repeat left top/cover; */}

.signage-staff {/* background: url(img/signage-staff.jpg) no-repeat left top/cover; */}

/* 固定ページ menu */
.menu_desc{ margin-bottom: 70px !important; }
#edit-area .menu_contents .row img{padding-top: 0;}

/* スタッフ */
@media screen and (max-width: 1024px) {
  #edit-area {
    margin-top: 2em;
  }
  #edit-area .staff-post {
    margin-bottom: 50px;
    margin-top: 20px;
  }
}
.staff_archive_name {
  color: #422000;
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 24px !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
  text-align: center;
}

.staff_archive_post {
  font-size: 12px;
  line-height: 220%;
  margin-bottom: 6px;
  text-align: center;
}

.staff_archive_text {
  font-size: 14px;
  line-height: 220%;
  text-align: left;
}

.staff_archive_thumbnail {
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .staff_archive_thumbnail {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .staff_archive_thumbnail {
    margin-top: 60px;
  }
}

#edit-area .staff_archive_thumbnail > img {
  max-width: 280px;
  height: auto;
}

/* メニュー */
@media screen and (max-width: 1024px) {
  .menu_article {
    margin-bottom: 50px;
  }
}

.menu_thumbnail img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .menu_thumbnail {
    text-align: center;
  }
}
@media screen and (min-width: 1025px) {
  .menu_thumbnail {
    margin-bottom: 30px;
  }
}

.menu_category {
  color: #422000;
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 36px !important;
  font-weight: 400 !important;
}
@media screen and (max-width: 1024px) {
  .menu_category {
    margin: 10px 0 !important;
    font-size:26px !important;
  }
}

@media screen and (min-width: 1025px) {
  .menu_category {
    margin: 0 0 20px 0px !important;
    padding: 0 !important;
    line-height: 1.1 !important;
    font-size:26px !important;
  }
}

.menu_names {
  font-size: 14px;
  list-style: none !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
.menu_names li {
  position: relative;
  line-height: 2.5 !important;
}

.menu_price {
  position: absolute;
  top: 0;
  right: 0;
}

/* 次の記事、前の記事 */
#previous_next_post { margin:0 0 50px 0; /*border:1px solid #eee; background-color: #fff;*/ height:100px; }
#previous_next_post a {
  width:50%; line-height:1.5; height:100px; color:#333; text-decoration:none; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  overflow: hidden;
}
#previous_next_post .prev_post { float:left; border:1px solid #eee; background: #fff; padding:0 30px 0 50px; }
#previous_next_post a:before {
  font-family:'design_plus'; color:#aaa; font-size:23px; display:block; position:absolute;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#previous_next_post .prev_post:before { content:'\e90f'; top:34px; left:15px; }
#previous_next_post .next_post:before { content:'\e910'; top:34px; right:15px; }
#previous_next_post .next_post { float:right; padding:0 50px 0 30px; border:1px solid #eee; background: #fff; }
#previous_next_post p { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); overflow:hidden; font-size:14px; }
#previous_next_post a:nth-child(2){border-left:none;}

#previous_next_post a:hover { color:#fff; }
#previous_next_post a:hover:before { color:#fff; }
#previous_next_post .prev_post:hover, #previous_next_post .next_post:hover {
 background-color:#422000; }
@media screen and (min-width: 1025px) {
  #previous_next_post {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #previous_next_post {
    margin-bottom: 25px;
  }
}

/* 広告 */
/* 関連記事 */
@media screen and (min-width: 1025px) {
  .related-posts {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .related-posts {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 1025px) {
  .related-posts .row {
    margin-bottom: 25px;
  }
}

.related-posts-title {
  color: #412000;
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 24px;
}
.related-posts-title { margin-bottom: 25px;}
@media screen and (max-width: 1024px) {
  .related_post { margin-bottom: 25px; }
}
.related_post_img { display: block; float: left; margin-right: 5%; overflow: hidden; width: 100px; height: auto; }
.related_post_meta { font-size: 14px; }
.related_post_meta .title { line-height: 1.6; }

/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
.side_widget {
  margin: 0 0 50px 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 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 #right_col_single .styled_post_list1 .image {
  float: none;
  width: 180px;
  height: 180px;
  margin: 0 0 5px 0;
}

.pc #right_col_single .styled_post_list1 .image img {
  width: 100%;
  height: auto;
}

/* デザインされた記事一覧２ */
.styled_post_list2 {
  margin: 0;
}
.styled_post_list2 .date {
  color: #525252;
  font-size: 12px;
}
.styled_post_list2 .title {
  font-size: 14px;
  line-height: 1.6;
  margin-top: -.25em;
}

.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 {
  display: block;
  float: left;
  margin-right: 5%;
  overflow: hidden;
  width: 100px;
  height: auto;
}

/*.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 #right_col_single li.style1 {
  background: none;
  padding: 0;
}

.pc #right_col_single .styled_post_list2 li a.image {
  width: 180px;
  height: auto;
  overflow: hidden;
  display: block;
  margin: 0 0 10px 0;
}

.pc #right_col_single .styled_post_list2 li a.image img {
  display: block;
}

.pc #right_col_single .styled_post_list2 li.style1 a.title {
  color: #333;
  padding: 0;
}

.pc #right_col_single .styled_post_list2 li.style2 .image {
  display: block;
}

.pc #right_col_single .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 #right_col_single .popular_post_list .image {
  float: none;
  width: 180px;
  height: 180px;
  margin: 0 0 10px 0;
}

.pc #right_col_single .popular_post_list .image img {
  width: 100%;
  height: auto;
}

.pc #right_col_single .popular_post_list .rank {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
}

.pc #right_col_single .popular_post_list .rank:before {
  display: none;
}

/* 開閉式カテゴリー一覧 */
.collapse_category_list {
  /*border-bottom: 1px dotted #858585;*/
}

.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 .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 #search-box,
.widget_search #s,
.google_search #s {
  background: #eee;
  border: 1px solid #cacaca;
  box-shadow: 2px 2px 3px 0px #ddd inset;
  padding: 0 10px;
  width: calc(100% - 32px);
  height: 32px;
}

.widget_search #search-btn input,
.widget_search #searchsubmit,
.google_search #searchsubmit {
  font-family: 'design_plus';
  color: #ddd;
  font-size: 16px;
  border: none;
  width: 32px;
  height: 32px;
  background: #222;
  cursor: pointer;
  display: block;
  float: right;
  overflow: hidden;
}

.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .side_widget.google_search #searchsubmit:hover {
  background-color: #666;
}

.pc #right_col_single .widget_search #search-box, .pc #right_col_single .widget_search #s, .pc #right_col_single .side_widget.google_search #s {
  width: 140px;
}

/* アーカイブ、カテゴリードロップダウンメニュー */
.widget_archive select,
.widget_categories select,
.tcdw_archive_list_widget select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: linear-gradient(#fff, #f3f3f3);
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  margin: 0;
  padding: 14px 20px;
  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;
}

.tcdw_archive_list_widget {
  position: relative;
}
.tcdw_archive_list_widget:before {
  border-color: #999999 transparent transparent transparent;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  content: "";
  display: inline-block;
  margin: auto;
  position: absolute;
  top: -100%;
  bottom: -100%;
  right: 5%;
  width: 0;
  height: 0;
}
#footer .tcdw_archive_list_widget:before{
  right: calc(5% + 20px);
}
@media (min-width: 1025px){
  #footer .tcdw_archive_list_widget:before{
    right: calc(5% + 25px);
  }
}

.collapse_category_list .cat-item {
  border-top: 1px dotted #858585;
  font-size: 14px;
  line-height: 3.6 !important;
  padding: 0 !important;
  margin:0 !important;
}
.side_widget .collapse_category_list li:last-child {
  border-bottom: 1px dotted #858585 !important;
}
/* デフォルトの最近の記事 */
.widget_recent_entries li {
  border-bottom: 1px dotted #ccc;
  padding: 0 0 15px 0;
}

.widget_recent_entries li:last-child {
  border: none;
  padding: 0;
}

.rss-widget-icon { vertical-align: middle; }

/* 検索ウィジェット */
@media screen and (max-width: 1025px) {
  .widget_search #searchform > div {
    display: flex;
    justify-content: center;
  }
}

.widget_search label { display: none; }

.side_widget .widget_search #s {
  width: calc(100% - 60px) !important;
  max-width: 253px;
  height: 40px !important;
/*
  margin: 0 -2px 5px 0;
  border: 1px solid #ccc;
  background: #f2f2f2;
  padding: 0 10px;
  box-shadow: 2px 2px 3px 0px #ddd inset;
  */
}
.widget_search #searchsubmit { width: 60px !important; height: 40px !important; }

.widget {
  margin-bottom: 50px;
}

.widget-title {
  color: #412000;
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 24px;
}

.widget-title {
  margin-bottom: 25px;
}

/* 基本設定 */
.p-widget ul { margin:0; }
.p-widget li { line-height:2; padding:2px 0; margin:0 0 10px 0; }
.p-widget a { text-decoration:none; } 

/* デフォルトのRSS */
.widget_rss  .rss-widget-feed { display:none; }
.widget_rss  .rss-widget-title { text-decoration: none; color: #fff;}
.widget_rss li { border-bottom:1px solid #ddd; margin:0 0 -1px 0; padding:20px 30px 15px; font-size:14px;}
.widget_rss li:last-of-type { border:none; }
.widget_rss ul li { padding:20px 0px; border-bottom:1px solid #ddd; margin-top:-1px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.widget_rss ul li:not(:first-child) { border-top:1px solid #ddd; }
.widget_rss ul li .rss-date { -ms-flex-order:1; order:1; color:#999; font-size:13px; line-height:1; margin-right:10px; padding:0 0 0 22px; position:relative; }
.widget_rss ul li .rss-date:before {font-family: 'design_plus';
  content: '\e94e';font-size:16px; position:absolute; top:-2px; left:0px; -webkit-font-smoothing: antialiased; }
.widget_rss ul li cite { -ms-flex-order:2; order:2; color:#999; font-size:13px; line-height:1; }
.widget_rss ul li .rsswidget { -ms-flex-order:3; order:3; display:block; width:100%; margin:0; }
.widget_rss ul li .rssSummary { -ms-flex-order:4; order:4; color:#999; font-size:13px; margin: -0.35em 0; }
.widget_rss .rss-date { position:relative; font-family:Arial; }
.widget_rss .rsswidget ~ .rss-date, .widget_rss .rsswidget ~ cite { margin-bottom:10px; }
.widget_rss .rsswidget ~ .rssSummary { margin-top:calc(10px - 0.35em); }
.footer-nav .widget_rss ul li .rss-date,
.footer-nav .widget_rss ul li cite,
.footer-nav .widget_rss ul li .rssSummary
{
  color: #fff;
}
/* デフォルトのタグ一覧 */
.widget_tag_cloud .tagcloud {
	margin:0 0 -6px 0; padding:0; position:relative;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.widget_tag_cloud .tagcloud a { margin:0 6px 6px 0; font-size:14px !important; display:block; background:#fff; padding:0px 20px; border-radius:5px; height:36px; line-height:36px; border: 1px solid #ddd;}
.widget_tag_cloud .tagcloud a:hover { background:#000; color:#fff; }
.footer-nav .widget_tag_cloud .tagcloud a{
  color: #000;
}
.footer-nav .widget_tag_cloud .tagcloud a:hover{
  color: #fff;
}
/* デフォルトの最近の記事 */
.widget_recent_entries li { border-bottom:1px solid #ddd; padding:0 0 15px 0; margin-bottom:15px; }
.widget_recent_entries li:last-child { border:none; padding:0; margin:0; }
.widget_recent_entries li a { display:block; }
.widget_recent_entries .post-date { position:relative; color:#999; font-size:14px; display:block; margin-top:3px; }
.widget_recent_entries .post-date:before {
  font-family:'design_plus'; content:'\e94e'; font-size:13px; display:inline-block; margin:0 7px 0 0; vertical-align:-1px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.footer-nav .widget_recent_entries .post-date {
  color:#fff; 
}
/* デフォルトのカテゴリー */
.category_list_widget ul { margin:0; }
.category_list_widget ul ul { margin-left:1em; }
.category_list_widget ul li { margin:0; padding:0; line-height:1; }
.category_list_widget ul li a { display:block; line-height:1.6; padding:10px 0; }
.category_list_widget .widget_headline + ul { margin:-12px 0 -14px; }
.widget_categories ul { margin:0; }
.widget_categories ul ul { margin-left:1em; }
.widget_categories ul li { margin:0; padding:0; line-height:1; }
.widget_categories ul li a { display:inline-block; line-height:1.6; padding:10px 0; }
.widget_categories ul li { color:#999; }
.widget_categories .widget_headline + ul { margin:-12px 0 -14px; }
/* デフォルトの固定ページ */
.widget_pages ul { margin:0; }
.widget_pages ul ul { margin-left:1em; }
.widget_pages ul li { margin:0; padding:0; line-height:1; }
.widget_pages ul li a { display:block; line-height:1.6; padding:10px 0; }
.widget_pages .widget_headline + ul { margin:-12px 0 -14px; }
/* デフォルトのナビ　*/
.widget_nav_menu ul { margin:0; }
.widget_nav_menu ul ul { margin-left:1em; }
.widget_nav_menu ul li { margin:0; padding:0; line-height:1; }
.widget_nav_menu ul li a { display:block; line-height:1.6; padding:10px 0; }
.widget_nav_menu .widget_headline + ul { margin:-12px 0 -14px; }
/* デフォルトのコメントウィジェット */
.widget_recent_comments li { color:#999; }
.footer-nav .widget_recent_comments li { color: #fff; }
/* デフォルトのテキストウィジェット */
.widget_text .post_content { line-height: 1.6; }
/* デフォルトのブロック */
.widget_block { line-height:1.6; }
/* デフォルトのメタウィジェット */
.widget_meta ul { margin-bottom:-8px; }
/* デフォルトのアーカイブとカテゴリー　ドロップダウンメニュー */
.widget_archive select, .widget_categories select {
	border:1px solid #ddd; background:#fff;  width:100%; height:60px; padding:0 18px; font-size:15px; cursor:pointer;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-appearance:none; appearance:none;
}
.widget_archive .screen-reader-text, .widget_categories .screen-reader-text  {
	display:block; clip:auto; clip-path:none; pointer-events:none;
	height:60px; width:50px; margin:0;
	left:calc(100% - 50px); text-indent:-100vw;
}
.widget_archive .select_wrap,.widget_categories .select_wrap{
  position: relative;
}
.widget_archive .select_wrap:before, .widget_categories .select_wrap:before {
  font-family:'design_plus'; content:'\e90e'; text-align:center; text-indent:0;
  display:block; font-size:14px; width:14px; height:14px; line-height:14px;
  position:absolute; right:15px; top:25px;
}
.footer-nav .widget_archive .select_wrap:before,
.footer-nav .widget_categories .select_wrap:before{
  color: #000;
}
/* カレンダー */
#calendar_wrap { padding:0; margin:-6px 0 -20px; }
#wp-calendar { margin:0 auto; width:100%; font-size:14px; border-collapse:collapse; table-layout:fixed;}
#wp-calendar caption { padding:12px 0; font-size:16px; font-weight:600; }
#wp-calendar thead th, #wp-calendar tfoot td { padding:12px 10px; line-height:2; }
#wp-calendar thead th { font-weight:500; }
#wp-calendar tbody th, #wp-calendar tbody td { padding:0; margin:0; line-height:1; text-align:center; }
#wp-calendar tbody span { display:block; padding:15px 10px; }
#wp-calendar tbody a { display:block; width:30px; height:30px; line-height:30px; border-radius:30px; margin:0 auto; text-decoration:none; background-color:#000; color:#fff; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; background:#aaa; }
#wp-calendar #today { font-weight:600; }
.wp-calendar-nav { font-size:14px; padding:20px 0; width:100%; font-size:14px; }
.wp-calendar-nav .wp-calendar-nav-prev { width:40%; float:left; }
.wp-calendar-nav .wp-calendar-nav-next { width:40%; float:right; text-align:right; }
/* デフォルトのギャラリー */
.widget_media_gallery .gallery-caption {
  background-color:#000; color:#fff; font-size:12px; line-height:1.5; margin:0 0 2.5px; max-height:50%;  transform: translateY(50%);
  opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.widget_media_gallery .gallery-item { margin-top:0 !important; }
.widget_media_gallery .gallery-item img{border: none!important;}
.widget_media_gallery .gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%;  }
.widget_media_gallery .gallery-item:hover .gallery-caption { opacity: .7; transition: all .25s ease; transform: translateY(0%);}

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
/* フッター上部 */
/* ウィジェットエリア */
/* メニュー */
/* ページ最下部 */
/* ソーシャルボタン */
/* メニュー */
/* コピーライト */
/* ページ上部へ戻るボタン */
/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
#comment_headline {
  background: #222;
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  padding: 0 20px;
  margin: 0;
  max-width: 600px;
}

#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_header ul {
  position: absolute;
  right: 30px;
  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 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;
  max-width: 600px;
}

#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;
}

/* ----- コメントの情報部分 ----- */
.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 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 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;
}

@media screen and (max-width: 1024px) {
  .page_navi {
    margin-bottom: 25px;
  }
}

/* ---------- コメントフォーム ------------------------------------------------------------------------------------------------------------------------- */
.comment_form_wrapper {
  border: 1px solid #ccc;
  margin: 0 0 0px;
  padding: 15px;
  background: #fff;
  max-width: 600px;
}

.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%;
}

/* ----------------------------------------------------------------------
 ソーシャルボタン
---------------------------------------------------------------------- */

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'design_plus';
    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 ul li a, #share_top2 ul li a, #share_btm1 ul li a, #share_btm2 ul li a { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
@media screen and (min-width: 1025px ) {
  .mbn { margin-bottom:-20px !important; }
}
#single_share_top{max-width: 650px; float: none;}
@media screen and (max-width:1024px) {
  #single_share_top{ padding-right: 0;}
}
/*--------------------------------
share_top1（Style1）
---------------------------------*/
#share_top1 { width:100%; margin:0; padding:0; }
#share_top1 h2 { color:#666666; font-weight:400; }
#share_top1 ul { display: flex; gap: 3px; margin-bottom: 5px; }
#share_top1 ul li { flex: 1 1 0%; max-width: 80px; }
#share_top1 ul li a { text-decoration:none; display: flex; justify-content: center; align-items: center; gap: 2px; font-size:12px; font-weight:400; color: #fff!important; background:#fafafa; border-radius:3px; box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; height: 30px; -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 {  }
#share_top1 ul li a .share-count { font-size:9px; color:#fff; -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%; }
	#share_top1 ul { margin-bottom:15px; }
	#share_top1 ul li>a span { display:none; }
}

/*--------------------------------
share_btm1（Style3）
---------------------------------*/
#share_btm1 { }
#share_btm1 .sns { margin:0; }
#share_btm1 ul { display: flex; flex-wrap: wrap; gap: 3px; margin-bottom: 15px; }
#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; gap: 4px; height: 40px; font-size:13px; color:#fff; border-radius:3px; text-decoration:none; }
#share_btm1 ul li a i { font-size:140%; }
#share_btm1 ul li a .ttl { font-size:12px; }
#share_btm1 ul li a .share-count { 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:0; }
	#share_btm1 li { width:calc(25% - 5px); }
	#share_btm1 li a { font-size:12px; }
}
@media only screen and (min-width:1025px) {
  #share_btm1 ul{ margin-bottom: 0; }
}

/*------------- share_top1 & share_btm1 button_color -------------*/
/* Twitter */
#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:0; }
#share_top2 h2 { color:#444; font-weight:400; }
#share_top2 ul.type2 { display: flex; gap: 3px; margin-bottom: 5px; }
#share_top2 ul.type2 li { flex: 1 1 0%; max-width: 80px; }
#share_top2 ul.type2 li a { text-decoration:none; display: flex; justify-content: center; align-items: center; gap: 2px; font-size:12px; font-weight:400; border-radius:3px; color:#222 !important; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; height: 30px; }
#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 {  }
#share_top2 ul.type2 li a .share-count { color:#444; font-size:9px; -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_btm2（Style4）
---------------------------------*/
#share_btm2 { text-align:center; }
#share_btm2 .sns { margin:0; }
#share_btm2 ul.type4 { display: flex; flex-wrap: wrap; gap: 3px; margin-bottom: 15px; }
#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; gap: 4px; height: 40px; font-size:13px; text-decoration:none; border-radius:3px; color:#222 !important; 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 { font-size:12px; }
#share_btm2 ul.type4 li a .share-count { 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:0; }
	#share_btm2 ul.type4 li { width:calc(25% - 5px); }
	#share_btm2 ul.type4 li a { font-size:12px; }
}
@media only screen and (min-width:1024px) {
  #share_btm2 ul.type4{ margin-bottom: 0; }
}

/*------------- share_top2 & share_btm4 button_color -------------*/
/* Twitter */
#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 { margin:15px 0 0; }
#share5_btm { margin:0 0 15px; }
.sns_default_top { padding:0; overflow:hidden; list-style:none; }
.sns_default_top ul { margin:0; padding:0; }
.sns_default_top ul li { display:inline-block; margin:0 5px 3px 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) {
  #share5_top { margin:0; }
  #share5_btm { margin:0 0 20px; }
  .sns_default_top ul li { margin-bottom:6px; }
  .sns_default_top ul li.twitter_button { margin-left:0; }
}

/* ページ分割 */
#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; background:#fafafa; padding:20px 0 50px; }
#post_meta_bottom li { display:inline; margin:0 10px 0 0; padding:0 15px 0 20px; border-right:1px solid #ddd; font-size:12px; line-height:180%; 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:-3px; left:0px; }
#post_meta_bottom li.post_tag:before { content:'\e935'; top:-2px; left:1px; }
#post_meta_bottom li.post_author:before { content:'\e90d'; top:-2px; left:0px; }
#post_meta_bottom li.post_comment:before { content:'\e916'; font-size:16px; top:-2px; left:0px; }

/* 広告 */
#single_banner_area { text-align:center; margin-top: 30px; margin-bottom: 30px; display: flex; align-items: center; max-width: 600px;}
#single_banner_area .single_banner_left { display:inline-block; flex:1; }
#single_banner_area .single_banner_right { display:inline-block; flex:1; }
#single_banner_area img { max-width:100%; height:auto; }
#single_banner_area.one_banner img { margin:0 auto; display:block; }


/* 広告（ショートコードver） */
#single_banner_area2 { margin:50px 0; text-align:center; display: flex; align-items: center; max-width: 600px;}
#single_banner_area2 .single_banner_left { display:inline; flex:1; }
#single_banner_area2 .single_banner_right { display:inline; flex:1; }
#single_banner_area2 img { max-width:100%; height:auto; }
#single_banner_area2.one_banner img { margin:0 auto; display:block; }

/* 広告（ページ下部） */
#single_banner_area_bottom { margin:40px 0 50px; text-align:center; display: flex; align-items: center; max-width: 600px;}
#single_banner_area_bottom .single_banner_left { display:inline-block; flex:1; }
#single_banner_area_bottom .single_banner_right { display:inline-block; flex:1; }
#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; }

@media only screen and (max-width: 1024px) {
  #single_banner_area, #single_banner_area2, #single_banner_area_bottom{flex-direction: column; max-width: none;}
  #single_banner_area .single_banner_left, #single_banner_area2 .single_banner_left, #single_banner_area_bottom .single_banner_left{margin-bottom: 10px;}
}




@-webkit-keyframes shine { 100% {left:125%;} } @keyframes shine { 100% {left:125%;} }

/* hover effect */
.hvr_ef1 .img-wrap {overflow: hidden; background: #000;}
.hvr_ef1 .img-wrap img{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-left: 15px;
-webkit-transform: scale(1.5) translate3d(-15px, 0, 0);
-webkit-transition-property: opacity, translate3d;
-webkit-transition: 0.35s;
-moz-transform: scale(1.5) translate3d(-15px, 0, 0);
-moz-transition-property: opacity, translate3d;
-moz-transition: 0.35s;
-ms-transform: scale(1.5) translate3d(-15px, 0, 0);
-ms-transition-property: opacity, translate3d;
-ms-transition: 0.35s;
-o-transform: scale(1.5) translate3d(-15px, 0, 0);
-o-transition-property: opacity, translate3d;
-o-transition: 0.35s;
transform: scale(1.5) translate3d(-15px, 0, 0);
transition-property: opacity, translate3d;
transition: 0.35s;
}
.hvr_ef1 .img-wrap:hover img{
opacity: 0.5;
-webkit-transform: scale(1.5) translate3d(0, 0, 0);
-moz-transform: scale(1.5) translate3d(0, 0, 0);
-ms-transform: scale(1.5) translate3d(0, 0, 0);
-o-transform: scale(1.5) translate3d(0, 0, 0);
transform: scale(1.5) translate3d(0, 0, 0);
}


.hvr_ef2 .img-wrap img{
  -moz-transition:    all .75s;
  -webkit-transition: all .75s;
  -o-transition:      all .75s;
  -ms-transition:     all .75s;
  transition:         all .75s;
}

.hvr_ef3 .img-wrap{
 	overflow:hidden;
 	-webkit-transform: scale(1);
	transform: scale(1);
}
.hvr_ef3 .img-wrap img { width:100%;
  -moz-transition:    all .75s;
  -webkit-transition: all .75s;
  -o-transition:      all .75s;
  -ms-transition:     all .75s;
  transition:         all .75s;

}
.hvr_ef3 .img-wrap:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

/* for pagebuilder */
.pb_slider_nav .slick-slide { margin-right: 10px; }
.pb_slider_nav .slick-current .pb_slider_nav_item:after { box-shadow:inset 0 0 0 7px rgba(0,0,0, 0.5); }

/* ----------------------------------------------------------------------
 汎用スタイルの追加
 https://tcd-theme.com/2023/09/utility-classes.html
---------------------------------------------------------------------- */
.entry-content .a_break { display: inline-block; }
@media (max-width: 767px) {
  .entry-content .is-pc { display:none!important; }
}
@media not all and (max-width: 767px) {
  .entry-content .is-sp { display:none!important; }
}
.entry-content .e_link {
  display: inline-block; position: relative; padding-right:1em;
}
.entry-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%);
}
.entry-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:0 0 2em 0; }

/* ----------------------------------------------------------------------
 上付き文字、下付き文字
---------------------------------------------------------------------- */
sup {
vertical-align: super !important;
font-size: smaller !important;
top: 0;
}
sub {
vertical-align: sub !important;
font-size: smaller !important;
  bottom: 0;
}

/** ブロックエディターのテーブルブロックの調整 **/
.wp-block-table.is-style-stripes td,
.wp-block-table .has-background td{
  background-color: transparent;
}

.blog-date {
  font-family: 'Arial';
}

.styled_post_list2 .date {
  font-family: 'Arial';
}

/* スクロール */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 40px;
}
html:has(.header-bar-fixed) {
	scroll-padding-top: 120px;
}
html:has(.fix_top.header_fix) {
	scroll-padding-top: 150px;
}
@media (max-width: 1199px) {
  html {
	scroll-padding-top: 20px !important;
}
	html:has(.header-bar-fixed) {
		scroll-padding-top: 70px !important;
	}
  	html:has(.mobile_header_fix.header_fix) {
		scroll-padding-top: 70px !important;
	}
}


body.single-post .flex_layout {
  display: flex;
  gap: 25px;
}

body.single-post.layout2 #left_col {
  order:2;
}

body.single-news .flex_layout {
  display: flex;
  gap: 25px;
}

body.single-news.layout2 #left_col {
  order:2;
}

body.page-template-default  .flex_layout {
  display: flex;
  gap: 25px;
}

body.page-template-default.layout2  #left_col {
  order: 2;
}

body.page-template-page-notitle  .flex_layout {
  display: flex;
  gap: 25px !important;
}

body.page-template-page-notitle.layout2  #left_col {
  order: 2;
}

#postcode table tbody td {
  line-height: 2.2;
}

.post_content {
  width: 100%;
}

.entry-content {
  width: 100%;
}