@charset "utf-8";
/*
Theme Name:TENJIKU
Theme URI:https://tcd-theme.com/tcd091/
Description:"TENJIKU" is TCD's 91st WordPress theme and is inspired by the best Chinese restaurant. The beautiful top page attracts people, and the gallery page brings your products to the world of glamour.
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.1
Text Domain:tcd-tenjiku
*/

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

/* clearfix */
.clearfix::after {
  display:block;
  clear:both;
  content:"";
}




/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */

body {
  font-family:Arial,sans-serif;
  font-size:14px;
  line-height:1;
  width:100%;
  position:relative;
  -webkit-font-smoothing:antialiased;
}
.pc body.admin-bar {
  padding-top:32px;
}
a {
  text-decoration:none;
}
a, a:before, a:after, input {
  -webkit-transition-property:background-color, color;
  -webkit-transition-duration:0.2s;
  -webkit-transition-timing-function:ease;
          transition-property:background-color, color;
          transition-duration:0.2s;
          transition-timing-function:ease;
}
.clear {
  clear:both;
}
.hide {
  display:none;
}
.post_content {
  word-wrap: break-word;
}
a[href^="tel:"] {
  pointer-events:none;
  text-decoration:none !important;
}
.mobile_device a[href^="tel:"] {
  pointer-events:auto;
  text-decoration:underline !important;
}


/* レイアウト */
#container {
  position:relative;
  height:100%;
  overflow:hidden;
}
#main_contents {
  width:1130px;
  padding:0;
  margin:0 auto;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
  -webkit-justify-content:space-between;
          justify-content:space-between;
}
#main_col {
  width:calc(100% - 360px);
  z-index:2;
  position:relative;
  padding:0 60px 150px 0;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#side_col {
  width:360px;
  z-index:2;
  position:relative;
  padding:100px 0 150px 60px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#main_contents.one_column_layout {
  display:block;
}
#main_contents.one_column_layout #main_col {
  width:100%;
  padding-right:0;
}
body.single #main_col, body.page #main_col {
  padding-top:60px;
}
body.single #side_col, body.page #side_col {
  padding-top:60px;
}
#side_col:after {
  content:"";
  display:block;
  background:#f3f3f3;
  height:100%;
  width:50vw;
  position:absolute;
  top:0px;
  left:0px;
  z-index:-1;
}
#one_col {
  margin:0 auto;
  padding:50px 0 130px;
}


/* デザインボタン */
.design_button {
  width:270px;
  height:60px;
  line-height:60px;
  display:block;
  text-align:center;
  border:1px solid #000;
  position:relative;
  overflow:hidden;
  font-size:16px;
  z-index:1;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.design_button.shape_type2 {
  border-radius:10px;
}
.design_button.shape_type3 {
  border-radius:60px;
}
.design_button:before {
  content:"";
  display:block;
  width:100%;
  height:calc(100% + 2px);
  position:absolute;
  top:-1px;
  left:-100%;
  z-index:-1;
  -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
          transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
.design_button.animation_type3:before {
  transform: skewX(45deg);
  width:calc(100% + 70px);
  left:calc(-100% - 110px);
}
.design_button.animation_type2:hover:before {
  left:0;
}
.design_button.animation_type3:hover:before {
  left:-35px;
}




/* ----------------------------------------------------------------------
 トップページ　ヘッダーコンテンツ
---------------------------------------------------------------------- */
#header_slider_wrap {
  width:100%;
  position:relative;
  overflow:hidden;
}
#header_slider {
  width:100%;
  overflow:hidden;
  position:relative;
     -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#header_slider .item {
  opacity:1 !important;
  width:100%;
  overflow:hidden;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
  transition: transform 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0s !important;
}
#header_slider .item.first_item {
  transition: none !important;
  -webkit-transform: translate3d(0%, 0, 0) !important;
          transform: translate3d(0%, 0, 0) !important;
}
#header_slider .item.animate {
  -webkit-transform: translate3d(0%, 0, 0) !important;
          transform: translate3d(0%, 0, 0) !important;
}
#header_slider .slick-track {
  width:100% !important;
  position:relative !important;
}
#header_slider .item.video, #header_slider .item.youtube {
  opacity:0 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
  transition: opacity 1.5s ease 0s !important;
}
#header_slider .item.video.first_item, #header_slider .item.youtube.first_item {
  opacity:1 !important;
}
#header_slider .item.video.animate, #header_slider .item.youtube.animate {
  opacity:1 !important;
}


/* 画像とオーバーレイ */
#header_slider .bg_image {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  z-index:1;
  transform: translate3d(-100%, 0, 0) scale(1.2);
  filter:blur(25px);
}
#header_slider .item.first_item .bg_image {
  transform: translate3d(0%, 0, 0) scale(1.2);
  filter:blur(0);
}
#header_slider .bg_image.mobile {
  display:none;
}
#header_slider .item.animate .bg_image {
  transition: transform 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0s, filter 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0s;
  transform: translate3d(0%, 0, 0) scale(1.0);
  filter:blur(0px);
}
#header_slider .item.first_item.animate .bg_image {
  transform: translate3d(0%, 0, 0) scale(1.0);
}
#header_slider .overlay {
  width:200%;
  height:100%;
  position:absolute;
  top:0px;
  z-index:2;
  transform: translate3d(0, 0, 0);
}


/* 動画 */
#header_slider .video_wrap {
  position:relative;
}
#header_slider .item .item_inner {
  width:100%;
  height:100%;
  position:relative;
}


#header_slider .video_wrap.type1 {
  position:absolute;
  top:50%;
  left:auto;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
#header_slider .video_wrap.type2 {
  position:absolute;
  top:0px;
  left:50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
#header_slider .video_wrap.type1 video {
  height:100%;
  width:auto;
}
#header_slider .video_wrap.type2 video {
  width:100%;
  height:auto;
}
#header_slider .youtube_inner {
  padding-top:56.25%;
  position:relative;
  width:100%;
}
#header_slider .slide-youtube {
  height:100% !important;
  position:absolute;
  left:0;
  top:0;
  width:100% !important;
}


/* スライダーのキャプション */
#header_slider .caption {
  width:100%;
  padding:0 80px;
  z-index:100;
  text-align:center;
  position:absolute;
  top:50%;
      -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

#header_slider .center_logo img {
  display:block;
  margin:0 auto;
  max-width:calc(100% - 900px);
}
#header_slider .center_logo img.mobile {
  display:none;
}
#header_slider .catch {
  line-height:1.4;
  -ms-word-wrap: break-word;
      word-wrap: break-word;
  position:relative;
  font-weight:500;
}
#header_slider .catch.animate_item:nth-child(2) {
  margin-top:25px;
}
#header_slider .desc {
  margin:15px 0 0 0;
  position:relative;
}
#header_slider .desc p {
  font-size:16px;
  line-height:2.0;
}
#header_slider .desc p.mobile {
  display:none;
}


/* ボタン */
#header_slider .button {
  border:1px solid #fff;
  font-size:16px;
  min-width:270px;
  height:60px;
  line-height:60px;
  text-align:center;
  position:relative;
  padding:0 60px;
  margin-top:30px;
  display:inline-block;
  overflow:hidden;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
#header_slider .button:before {
  content:"";
  display:block;
  width:100%;
  height:calc(100% + 2px);
  position:absolute;
  top:-1px;
  left:-100%;
  z-index:-1;
  -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
          transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
#header_slider .button.animation_type3:before {
  transform: skewX(45deg);
  width:calc(100% + 60px);
  left:calc(-100% - 100px);
}
#header_slider .button.animation_type2:hover:before {
  left:0;
}
#header_slider .button.animation_type3:hover:before {
  left:-30px;
}
#header_slider .button.shape_type2 {
  border-radius:10px;
}
#header_slider .button.shape_type3 {
  border-radius:60px;
}


/* キャプション内のアニメーション設定 実際は以下に+0.7 */
#header_slider .caption .animate_item {
  opacity:0;
  position:relative;
}
#header_slider .center_logo.animate, #header_slider .catch.animate, #header_slider .desc.animate, #header_slider .button.animate {
  -webkit-animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0s;
          animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0s;
}


/* その他のアニメーション */
body.home #header_logo, body.home #drawer_menu_button {
  opacity:0;
}
body.home #header_logo.animate, body.home #drawer_menu_button.animate, #index_news_ticker.animate {
  -webkit-animation: opacityAnimation 1.0s ease forwards 0s;
          animation: opacityAnimation 1.0s ease forwards 0s;
}
body.stop_index_slider_animation #header_logo {
  opacity:1;
}
body.stop_index_slider_animation #drawer_menu_button {
  opacity:1;
}
body.stop_index_slider_animation #index_news_ticker {
  opacity:1;
}
body.stop_index_slider_animation #header_slider .caption {
  left:-100%;
  transition: left 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0s;
}
body.stop_index_slider_animation #header_slider .item.animate .caption {
  left:0%;
}
body.stop_index_slider_animation #header_slider .item.first_item .caption {
  left:0% !important;
}
body.stop_index_slider_animation #index_fixed_content .caption {
  left:0%;
  transition:none;
}


/* LP用 */
body.full_height_header.home #header_logo, body.full_height_header.home #drawer_menu_button {
  opacity:1 !important;
}
body.hide_drawer_menu #drawer_menu_button {
  display:none;
}


/*404用 */
body.error404.home #header_logo, body.error404.home #drawer_menu_button {
  opacity:1 !important;
}


/* 固定コンテンツ */
#fixed_content {
  width:100%;
  height:100%;
  overflow:hidden;
  position:relative;
  z-index:10;
}


/* ニュースティッカー */
#index_news_ticker {
  opacity:0;
  position:absolute;
  bottom:30px;
  width:500px;
  height:106px;
  padding:30px;
  border:1px solid rgba(255,255,255,0.3);
  z-index:10;
  border-radius:7px;
  left:50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#index_news_ticker .item {
  opacity:0;
  -webkit-transition: opacity 0.5s ease 0s;
          transition: opacity 0.5s ease 0s;
}
#index_news_ticker .item.slick-active {
  opacity:1;
}
#index_news_ticker a {
  display:block;
}
#index_news_ticker .entry-date {
  font-weight:600;
  font-size:14px;
  font-family:"Arial";
  color:#999;
  margin-bottom:18px;
  display:block;
}
#index_news_ticker .year {
  margin:0 15px 0 0;
}
#index_news_ticker .line {
  width:1px;
  height:12px;
  background:#999;
  display:inline-block;
  bottom:-1px;
  position:relative;
  margin:0 10px 0 10px;
}
#index_news_ticker .title {
  color:#fff;
  position:relative;
  font-weight:600 !important;
  font-size:14px;
  line-height:1;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  visibility:visible;
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
}
#index_news_ticker a:hover .title {
  opacity:0.5;
}




/* ----------------------------------------------------------------------
 トップページ　その他
---------------------------------------------------------------------- */

body.no_index_header_content #index_content_builder {
  margin-top:80px;
}


/* 共通パーツ */
.cb_header {
  width:1130px;
  margin:0 auto;
  text-align:center;
}
.cb_header .catch_icon {
  margin:0 auto 35px;
  display:block;
}
.cb_header .catch {
  line-height:1.5;
  margin:-5px 0 28px;
}
.cb_header .desc {
  margin:-10px 0 50px 0;
}
.cb_header p {
  line-height:2.4;
}


/* デザインコンテンツ */
.cb_design_content {
  position:relative;
  padding:150px 0;
}
.cb_design_content .bg_image {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}
.cb_design_content .bg_image.mobile {
  display:none;
}
.cb_design_content .overlay {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
}
.cb_design_content .content {
  width:1130px;
  margin:0 auto;
  z-index:3;
  position:relative;
  text-align:center;
}
.cb_design_content .catch_icon {
  margin:0 auto 35px;
  display:block;
}
.cb_design_content .catch {
  line-height:1.5;
  margin:-5px 0 28px;
}
.cb_design_content .center_image {
  display:block;
  margin:47px auto 60px;
}
.cb_design_content .desc {
  margin:-10px 0 50px 0;
}
.cb_design_content p {
  line-height:2.4;
}
.cb_design_content .link_button {
  margin-bottom:60px;
  text-align:center;
}
.cb_design_content .link_button a {
  margin:0 auto;
}
.cb_design_content .item:last-child {
  margin-bottom:0;
}


/* ボックスコンテンツ */
.cb_box_content {
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
.cb_box_content .item {
  height:auto;
  padding-top:43.8%;
  -webkit-flex: 1 1 0%;
          flex: 1 1 0%;
  position:relative;
}
.cb_box_content .item_inner {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}
.cb_box_content .item a {
  display:block;
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}
.cb_box_content .item a.no_link {
  pointer-events:none;
}
.cb_box_content .title_area {
  position:absolute;
  left:0;
  bottom:30px;
  width:100%;
  padding:0 30px;
  z-index:5;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-align-items:start;
          align-items:start;
          align-items: center;
}

.cb_box_content .title_wrap {
  padding-left:20px;
  color:#fff;
}
.cb_box_content .title {
  line-height:1;
  font-size:32px;
  font-weight:600;
  word-wrap:break-word;
}
.cb_box_content .sub_title {
  line-height:1;
  font-size:14px;
  font-weight:600;
  margin-top:12px;
}
.cb_box_content .desc {
  line-height:2.4;
  font-size:18px;
  z-index:5;
  color:#fff;
  opacity:0;
  width:100%;
  padding:0 100px;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s ease;
          transition: opacity 0.5s ease 0s;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.cb_box_content .item:hover .desc {
  opacity:1;
  -webkit-transition: opacity 0.8s ease 0.5s;
          transition: opacity 0.8s ease 0.5s;
}

.cb_box_content .item:active .desc {
  opacity:1;
  -webkit-transition: opacity 0.8s ease 0.5s;
          transition: opacity 0.8s ease 0.5s;
}

.cb_box_content .image {
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  width:100%;
  height:100%;
}
.cb_box_content .image.mobile {
  display:none;
}
.cb_box_content .overlay {
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
  opacity:0;
  width:100%;
  height:100%;
  -webkit-transition: opacity 0.8s ease;
          transition: opacity 0.8s ease;
}
.cb_box_content .item:hover .overlay {
  opacity:1;
}
.cb_box_content .item:active .overlay {
  opacity:1;
}
.cb_box_content a:after {
  content:"";
  display:block;
  width:100%;
  height:50%;
  position:absolute;
  left:0px;
  bottom:0;
  z-index:4;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
  background:         linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}


/* カルーセル */
.cb_carousel {
  width:100%;
  padding:100px 0;
  position:relative;
  overflow:hidden;
}
.cb_carousel .post_carousel {
  position:relative;
  z-index:3;
}
.cb_carousel .item {
  width:100%;
}

.cb_carousel .date_area {
  width:115px;
  color:#fff;
  text-align:center;
  font-family:"Arial";
  margin:0 auto 20px;
}
.cb_carousel time {
  line-height:1;
  font-weight:600;
}
.cb_carousel .year {
  font-weight:500;
  font-size:14px;
  display:block;
  margin:0 0 10px 0;
}
.cb_carousel .month {
  font-size:32px;
}
.cb_carousel .line {
  width:3px;
  height:21px;
  background:#fff;
  display:inline-block;
  bottom:-1px;
  position:relative;
  margin:0 10px 0 10px;
}
.cb_carousel .date {
  font-size:32px;
}
.cb_carousel .content {
  height:auto;
  width:100%;
  height:300px;
  background:#fff;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
.cb_carousel .image_wrap {
  display:block;
  -webkit-flex: 1 1 50.1%;
          flex: 1 1 50.1%;
  width:50.1%;
  height:100.1%;
  position:relative;
  z-index:2;
  overflow:hidden;
}
.cb_carousel .image {
  width:100%;
  height:100% !important;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:3;
}
.cb_carousel .title_area {
  display:block;
  padding:0 30px;
  height:100%;
  -webkit-flex: 1 1 49.9%;
          flex: 1 1 49.9%;
  width:49.9%;
  position:relative;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.cb_carousel .title {
  position:relative;
  font-weight:500 !important;
  font-size:18px;
  line-height:1.6;
  max-height:4.8em;
  overflow:hidden;
  visibility:visible;
  word-wrap:break-word;
  word-break:break-all;
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
  top:50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cb_carousel .title span {
  display:-webkit-inline-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.cb_carousel .link_button {
  text-align:center;
  margin-top:60px;
  z-index:3;
  position:relative;
}
.cb_carousel .button {
  border:1px solid #fff;
  font-size:16px;
  min-width:270px;
  height:60px;
  line-height:60px;
  text-align:center;
  position:relative;
  padding:0 60px;
  display:inline-block;
  overflow:hidden;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
.cb_carousel .button:before {
  content:"";
  display:block;
  width:100%;
  height:calc(100% + 2px);
  position:absolute;
  top:-1px;
  left:-100%;
  z-index:-1;
  -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
          transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
.cb_carousel .button.animation_type3:before {
  transform: skewX(45deg);
  width:calc(100% + 60px);
  left:calc(-100% - 100px);
}
.cb_carousel .button.animation_type2:hover:before {
  left:0;
}
.cb_carousel .button.animation_type3:hover:before {
  left:-30px;
}
.cb_carousel .button.shape_type2 {
  border-radius:10px;
}
.cb_carousel .button.shape_type3 {
  border-radius:60px;
}

.cb_carousel .bg_image {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}
.cb_carousel .bg_image.mobile {
  display:none;
}
.cb_carousel .overlay {
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
}
.cb_carousel .bg_image[data-parallax-image] {
  transition: none;
}
.cb_carousel .bg_image.parallax-ready[data-parallax-image] {
  transition-property: background-position;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 0.33, 0.07, 1.03);
}


/* 矢印 */
.owl-carousel .owl-nav {
  pointer-events:none;
  font-family:"design_plus";
  font-size:18px;
  position:absolute;
  z-index:10;
  top:175px;
  width:100%;
  height:60px;
  margin:0 auto;
  left:50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
  pointer-events:auto;
  opacity:0;
  font-size:12px !important;
  top:0px;
  width:60px;
  height:60px;
  border-radius:100%;
  text-align:center;
  position:absolute;
  background:#000 !important;
  color:#fff !important;
  -webkit-transition: all 0.25s ease;
          transition: all 0.25s ease;
}
.owl-carousel .owl-nav .owl-prev {
  left:-65px;
  top:-8px;
}
.owl-carousel .owl-nav .owl-next {
  right:-65px;
  top:-8px;
}
.owl-carousel:hover .owl-nav .owl-prev {
  opacity:1;
  left:-41px;
}
.owl-carousel:hover .owl-nav .owl-next {
  opacity:1;
  right:-41px;
}
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
  color:#aaa;
}


/* ギャラリー */
.cb_gallery {
  padding:150px 0;
}
.cb_gallery .cb_header {
  padding-bottom:90px;
}
.cb_gallery .link_button {
  margin-top:60px;
  text-align:center;
}
.cb_gallery .link_button a {
  margin:0 auto;
}


/* フリースペース */
.cb_free_space.type1 {
  width:1130px;
  margin:0 auto;
}
.cb_free_space.type2 {
  width:auto;
}
.cb_free_space .post_content {
  margin-top:-15px;
}



/* ----------------------------------------------------------------------
 ページヘッダー
---------------------------------------------------------------------- */
#page_header {
  width:100%;
  height:420px;
  position:relative;
  overflow:hidden;
  background:#000;
}
#page_header_inner {
  width:1130px;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index:3;
  text-align:center;
}
#page_header.small {
  height:180px;
}
#header_logo {
  opacity:0;
  -webkit-transition: opacity 1.0s ease-in-out 0.2s;
          transition: opacity 1.0s ease 0.2s;
}
#header_logo.animate {
  opacity:1;
}
#page_header.full_height:before {
  display:none;
}
#page_header .catch {
  color:#fff;
  line-height:1.5;
  text-align:center;
}
#page_header .catch .mobile {
  display:none;
}
#page_header .headline_area {
  color:#fff;
  line-height:80px;
  line-height:80px;
  text-align:center;
  z-index:3;
  width:100%;
  border-top:1px solid rgba(255,255,255,0.3);
  position:absolute;
  bottom:0px;
}
#page_header .desc_area {
  z-index:3;
  width:100%;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#page_header .desc {
  font-weight:600;
  color:#fff;
  line-height:2.4;
  text-align:center;
}
#page_header .desc .mobile {
  display:none;
}
#page_header_inner .desc {
  margin:13px 0 0 0;
}
#page_header .overlay {
  width:100%;
  height:100%;
  z-index:2;
  position:absolute;
  top:0px;
  left:0px;
}
#page_header .bg_image {
  width:100%;
  height:100%;
  z-index:1;
  position:absolute;
  top:0px;
  left:0px;
  transform: scale(1.1);
  -webkit-transition: transform 1.7s cubic-bezier(0.075, 0.82, 0.165, 1);
          transition: transform 1.7s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#page_header .bg_image.mobile {
  display:none;
}
#page_header .headline_area.animate_item .headline, #page_header .desc_area.animate_item .desc {
  opacity:0;
  position:relative;
}
#page_header_inner .catch, #page_header_inner .desc {
  opacity:0;
  position:relative;
}
#page_header .headline_area.animate .headline {
  -webkit-animation: opacityAnimation 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.7s;
          animation: opacityAnimation 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.7s;
}
#page_header .desc_area.animate .desc {
  -webkit-animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.7s;
          animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.7s;
}
#page_header_inner .animate {
  -webkit-animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.7s;
          animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.7s;
}
#page_header .bg_image.animate {
  transform: scale(1.0);
}




/* ----------------------------------------------------------------------
 固定ページ・LPページ
---------------------------------------------------------------------- */
/* スクロールボタン */
#page_contents_link {
  display:block;
  height:150px;
  width:100%;
  text-decoration:none;
  position:absolute;
  bottom:0px;
  right:0;
  left:0;
  margin:auto;
  z-index:10;
}
#page_contents_link:before {
  color:#fff;
  font-family:"design_plus";
  content:"\e90e";
  font-size:22px;
  display:block;
  position:absolute;
  margin-bottom:15px;
  left:50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: slideUpDown 1.8s ease infinite 0s;
          animation: slideUpDown 1.8s ease infinite 0s;
}
#page_contents_link {
  opacity:0;
}
#page_contents_link.animate {
  -webkit-animation: opacityAnimation 1.0s ease forwards 0.7s;
          animation: opacityAnimation 1.0s ease forwards 0.7s;
}


/* ヘッダー */
.lp_content_header {
  text-align:center;
  margin-bottom:90px;
}
.lp_content_header img {
  display:block;
  margin:0 auto 40px;
}
.lp_content_header .catch {
  line-height:1.5;
  margin-top:-5px;
}
.lp_content_header .desc {
  margin:20px 0 0 0;
}
.lp_content_header p {
  line-height:2.4;
}


/* デザインコンテンツ１ */
.lp_design_content1 {
  padding:100px 0 0;
}
.lp_design_content1 .top_content {
  margin:0 auto;
}
.lp_design_content1 .top_content .post_content {
  margin-bottom:90px;
}
.lp_design_content1 .bottom_content {
  margin:0 auto;
  padding-top:80px;
}
.lp_design_content1 .bottom_content.show_border {
  border-bottom:1px solid #ddd;
}
.lp_design_content1 .item_list {
  width:1130px;
  margin:0 auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  position:relative;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
.lp_design_content1 .item_list.change_width {
  display:-webkit-inline-box;
  display:inline-flex;
  left:50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.lp_design_content1 .item_list:last-of-type {
  margin-bottom:100px;
}
.lp_design_content1 .item_list .item {
  width:calc(100% / 3 - 6px);
  margin:0 9px 9px 0;
}
.lp_design_content1 .item_list .item:nth-child(3n) {
  margin-right:0;
}
.lp_design_content1 .item_list.layout_type1 .item {
  width:calc(50% - 5px);
  margin:0 9px 9px 0;
}
.lp_design_content1 .item_list.layout_type1 .item:nth-child(3n) {
  margin-right:9px;
}
.lp_design_content1 .item_list.layout_type1 .item:nth-child(2n) {
  margin-right:0;
}
.lp_design_content1 .item .image {
  display:block;
  margin:0 auto;
  width:100%;
  height:auto;
}


/* デザインコンテンツ２ */

.lp_design_content2 .header_image {
  position:relative;
  width:100%;
  height:600px;
}
.lp_design_content2 .bg_image {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}
.lp_design_content2 .bg_image.mobile {
  display:none;
}
.lp_design_content2 .overlay {
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
}
.lp_design_content2 .bg_image[data-parallax-image] {
  transition: none;
}
.lp_design_content2 .bg_image.parallax-ready[data-parallax-image] {
  transition-property: background-position;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 0.33, 0.07, 1.03);
}
.lp_design_content2 .content_inner {
  width:1206px;
  padding:40px 40px 90px;
  margin:-140px auto 0;
  position:relative;
  z-index:2;
  background:#fff;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.lp_design_content2 .item_list {
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
.lp_design_content2 .item_list .item {
  width:calc(100% / 3 - 6px);
  margin:0 9px 9px 0;
}
.lp_design_content2 .item_list .item:nth-child(3n) {
  margin-right:0;
}
.lp_design_content2 .item .image {
  display:block;
  margin:0;
  width:100%;
  max-width:100%;
  height:auto;
}


/* アクセスマップ */
.lp_access .map_area {
  padding:100px 0;
}
.lp_access .headline_icon {
  display:block;
  margin:0 auto 40px;
}
.lp_access .map_area .headline {
  line-height:1;
  text-align:center;
  font-size:34px;
  margin-top:-3px;
}
.lp_access_map {
  margin:60px auto 0;
  border:3px solid #000;
  width:1130px;
  height:600px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.lp_access_map .qt_google_map {
  height:594px !important;
  margin:0 !important;
}
.lp_access_map .qt_google_map .qt_googlemap_embed {
  height:594px !important;
}
.lp_access .map_area .link_button {
  margin-top:60px;
  text-align:center;
}
.lp_access .map_area .link_button a {
  margin:0 auto;
}
.lp_access .address_area {
  margin:0 auto;
}
.lp_access .logo_image {
  margin:0 auto;
  display:block;
}
.lp_access .logo_image.mobile {
  display:none;
}
.lp_access .sns_button_list {
  margin-top:30px;
}
.lp_access .post_content {
  margin-top:45px;
}
.lp_access .post_content div.mobile {
  display:none;
}
.lp_access .post_content p {
  text-align:center;
  margin-bottom:0;
}
.lp_access .tel_area {
  text-align:center;
  margin-top:50px;
}
.lp_access .tel_area p {
  margin:0;
  line-height:1;
}
.lp_access .tel {
  font-size:32px;
  font-family:"Arial";
  margin-top:15px !important;
}


/* メニュー画像リスト */
.lp_menu_image_list .post_content {
  margin-bottom:90px;
}
.lp_menu_image_list .content_inner {
  margin:0 auto;
}
.lp_menu_image_list .content_inner.show_border {
  border-bottom:1px solid #ddd;
}
.lp_menu_image_list .item_list {
  margin-bottom:50px;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
.lp_menu_image_list .item_list:last-of-type {
  margin-bottom:0;
}
.lp_menu_image_list .item_list .item {
  width:calc(50% - 25px);
  margin:0 50px 0 0;
}
.lp_menu_image_list .item_list .item:nth-child(2n) {
  margin-right:0;
}
.lp_menu_image_list .item .image {
  display:block;
  margin:0 auto 30px;
  max-width:100%;
  height:auto;
}
.lp_menu_image_list .item .title {
  font-size:24px;
  line-height:1.5;
  margin-top:-5px;
  font-weight:600 !important;
}
.lp_menu_image_list .item .desc {
  margin:15px 0 0 0;
  line-height:2.4;
}
.lp_menu_image_list .item .price {
  margin:20px 0 0 0;
  line-height:1;
  font-size:18px;
}
.lp_menu_image_list .link_button {
  margin-top:60px;
  text-align:center;
}
.lp_menu_image_list .link_button a {
  margin:0 auto;
}


/* メニュー一覧 */
.lp_menu_list .post_content {
  margin-bottom:90px;
}
.lp_menu_list .content_inner {
  margin:0 auto;
}
.lp_menu_list .content_inner.show_border {
  border-bottom:1px solid #ddd;
}
.lp_menu_list .menu_list .item {
  position:relative;
  margin:0 0 40px 0;
}
.lp_menu_list .menu_list .item:last-of-type {
  margin:0;
}
.lp_menu_list .menu_list .title_area {
  position:relative;
  width:100%;
  z-index:2;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  -webkit-align-items:flex-end;
          align-items:flex-end;
}
.lp_menu_list .menu_list .title {
  flex: 0 1 auto;
  font-size:20px;
  font-weight:600 !important;
  line-height:1.5;
  margin-top:-5px;
  z-index:2;
  position:relative;
  margin-right:-20px;
}
.lp_menu_list .menu_list .title span {
  background:#fff;
  position:relative;
  padding-right:20px;
}
.lp_menu_list .menu_list .title_area:before {
  position:absolute;
  bottom:15px;
  width:100%;
  border-bottom: 2px dotted #999;
  content: "";
  left:0;
  z-index:1;
}
.lp_menu_list .menu_list .price {
  flex: 0 0 auto;
  line-height:1;
  font-size:18px;
  padding-left:20px;
  position:relative;
  top:-7px;
  background:#fff;
  z-index:2;
}
.lp_menu_list .menu_list .desc {
  margin:0px 0 0 0;
  line-height:2.4;
  color:#999;
}
.lp_menu_list .link_button {
  margin-top:60px;
  text-align:center;
}
.lp_menu_list .link_button a {
  margin:0 auto;
}


/* フリースペース */
.lp_free_space_inner {
  margin:0 auto;
}
.lp_free_space_inner.show_border {
  border-bottom:1px solid #ddd;
}
.lp_free_space.type2 .lp_free_space_inner {
  width:auto !important;
}




/* ----------------------------------------------------------------------
 メニュー
---------------------------------------------------------------------- */
#single_menu_title_area {
  padding:100px 0 0;
}


/* 詳細ページ */
.menu_cb_header {
  text-align:center;
  margin-bottom:90px;
  padding:0 50px;
}
.menu_cb_header img {
  display:block;
  margin:0 auto 40px;
}
.menu_cb_header .catch {
  line-height:1.5;
  margin-top:-5px;
}
.menu_cb_header .desc {
  margin:20px 0 0 0;
}
.menu_cb_header p {
  line-height:2.4;
}


/* 画像一覧 */
.cb_menu_image_list {
  width:1130px;
  margin:0 auto;
}
.cb_menu_image_list .item_list {
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
.cb_menu_image_list .item_list .item {
  -webkit-flex: 1 1 0%;
          flex: 1 1 0%;
  margin:0 0 0 9px;
}
.cb_menu_image_list .item_list.layout_type2 .item {
  margin:0 0 0 40px;
}
.cb_menu_image_list .item_list .item:first-of-type {
  margin-left:0;
}
.cb_menu_image_list .item .image {
  display:block;
  margin:0 auto;
  max-width:100%;
  height:auto;
}
.cb_menu_image_list .item .content {
  background:#fff;
  padding:30px;
  margin:0 60px -30px;
  position:relative;
  top:-60px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.cb_menu_image_list .item_list.layout_type2 .item .content {
  margin:0 0 10px 0;
  padding:30px 0;
  top:0;
}
.cb_menu_image_list .item .title {
  font-weight:600 !important;
  font-size:24px;
  line-height:1.5;
  margin-top:-5px;
}
.cb_menu_image_list .item .desc {
  margin:12px 0 0 0;
  line-height:2.4;
}
.cb_menu_image_list .item .price {
  margin:18px 0 0 0;
  line-height:1;
  font-size:18px;
}
.cb_menu_image_list .post_content {
  margin-bottom:90px;
}


/* メニュー一覧 */
.cb_menu_list {
  width:1130px;
  margin:0 auto;
}
.cb_menu_list .menu_list_wrap {
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
.cb_menu_list .menu_list {
  -webkit-flex: 1 1 0%;
          flex: 1 1 0%;
  margin:0 0 0 70px;
}
.cb_menu_list .menu_list:first-of-type {
  margin-left:0;
}
.cb_menu_list .menu_list .item {
  position:relative;
  margin:0 0 40px 0;
}
.cb_menu_list .menu_list .item:last-of-type {
  margin:0;
}
.cb_menu_list .menu_list .title_area {
  position:relative;
  width:100%;
  z-index:2;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  -webkit-align-items:flex-end;
          align-items:flex-end;
}
.cb_menu_list .menu_list .title {
  font-weight:600 !important;
  flex: 0 1 auto;
  font-size:20px;
  line-height:1.5;
  margin-top:-5px;
  z-index:2;
  position:relative;
  margin-right:-20px;
}
.cb_menu_list .menu_list .title span {
  background:#fff;
  position:relative;
  padding-right:20px;
}
.cb_menu_list .menu_list .title_area:before {
  position:absolute;
  bottom:15px;
  width:100%;
  border-bottom: 2px dotted #999;
  content: "";
  left:0;
  z-index:1;
}
.cb_menu_list .menu_list .price {
  flex: 0 0 auto;
  line-height:1;
  font-size:18px;
  padding-left:20px;
  position:relative;
  top:-7px;
  background:#fff;
  z-index:2;
}
.cb_menu_list .menu_list .desc {
  margin:0px 0 0 0;
  line-height:2.4;
  color:#999;
}
.cb_menu_list .post_content {
  margin-bottom:90px;
}


/* アーカイブページ */
#menu_archive .item {
  padding:100px 0;
}
#menu_archive .item:nth-child(2n) {
  background:#f3f3f3;
}
#menu_archive .item:last-of-type {
  padding-bottom:150px;
}
#menu_archive .catch_area {
  text-align:center;
  margin:0 auto 90px;
  width:1130px;
}
#menu_archive .catch_area img {
  display:block;
  margin:0 auto 40px;
}
#menu_archive .catch_area .catch {
  line-height:1.5;
  margin-top:-5px;
}
#menu_archive .content_wrap {
  width:1130px;
  margin:0 auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
#menu_archive .content {
  width:calc(50% - 5px);
  margin-right:10px;
}
#menu_archive .content.bottom {
  margin-right:0px;
}
#menu_archive .main_content {
  height:411px;
  position:relative;
}
#menu_archive .image {
  display:block;
  max-width:100%;
  height:auto;
}
#menu_archive .content_inner {
  width:370px;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#menu_archive .title {
  font-size:32px;
  line-height:1.5;
  text-align:center;
  margin:0 0 35px 0;
  font-weight:600 !important;
}
#menu_archive .sub_title {
  line-height:1;
  font-size:14px;
  text-align:center;
  margin:5px 0 0 0;
}
#menu_archive .desc {
  margin:0;
  line-height:2.4;
}
#menu_archive .desc.layout_type1 {
  text-align:left;
}
#menu_archive .desc.layout_type2 {
  text-align:center;
}
#menu_archive .link_button {
  text-align:center;
}
#menu_archive .link_button a {
  margin:50px auto 0;
}




/* ----------------------------------------------------------------------
 ギャラリー
---------------------------------------------------------------------- */
/* アーカイブページ */
#gallery_archive {
  padding:100px 0 150px;
}
#gallery_archive_header {
  text-align:center;
  margin-bottom:90px;
}
#gallery_archive_header img {
  display:block;
  margin:0 auto 40px;
}
#gallery_archive_header .catch {
  line-height:1.5;
  margin-top:-5px;
}
#gallery_archive_header .desc {
  margin:20px 0 0 0;
}
#gallery_archive_header p {
  line-height:2.4;
}


/* ソートボタン */
.gallery_category_sort_button {
  margin:0 0 35px 20px;
  overflow-x:auto;
  height:75px;
  text-align:center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
.gallery_category_sort_button ol {
  width:auto;
  display:-webkit-box;
  display:-webkit-inline-box;
  display:inline-flex;
  -webkit-flex-wrap:nowrap;
          flex-wrap:nowrap;
}
.gallery_category_sort_button li {
  -webkit-flex: 0 1 auto;
          flex: 0 0 auto;
  white-space:nowrap;
  min-width:140px;
  text-align:center;
  font-size:16px;
  font-weight:600;
  margin:0 4px;
}
.gallery_category_sort_button li:last-of-type {
  margin-right:24px;
}
.gallery_category_sort_button li a {
  height:50px;
  line-height:50px;
  display:block;
  border:1px solid #ddd;
  border-radius:50px;
  padding:0 20px;
  -webkit-transition: all 0.35s ease;
          transition: all 0.35s ease;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.gallery_category_sort_button li a:hover {
  color:#999;
}
.gallery_category_sort_button li.active a {
  pointer-events:none;
}


/* ロードボタン */
.gallery_block_list .entry-loading {
  text-align:center;
  width:100%;
  display:none;
  height:60px;
  line-height:60px;
  font-size:16px;
  margin-top:60px;
  font-weight:600;
}
.gallery_block_list .entry-loading.is-show {
  display:block;
}
.gallery_block_list .entry-more {
  position:relative;
  cursor:pointer;
  display:table;
  right:14px;
  text-align:center;
  margin:60px auto 0;
  font-size:16px;
  font-weight:600;
}
.gallery_block_list .entry-more.is-hide {
  display:none;
}


/* ギャラリー一覧 */
.gallery_block_list {
  padding-left:15px;
  position:relative;
}
.gallery_block_list .post_list {
  position:relative;
  margin-bottom:-15px;
}
.gallery_block_list .item {
  position:absolute;
  z-index:1;
  margin:0 15px 15px 0;
}
.gallery_block_list .item_inner {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  overflow:hidden;
}
.gallery_block_list .animate_background {
  position:relative;
  width:100%;
  height:100%;
  display:block;
  overflow:hidden;
}
.gallery_block_list .item.animate_item .animate_background {
  transform:scale(0.5);
  opacity:0;
  -webkit-transition: all 0.35s ease;
          transition: all 0.35s ease;
}
.gallery_block_list .item.animate_item.muuri-item-shown .animate_background {
  transform:scale(1);
  opacity:1;
}
.gallery_block_list .item.stop_hover_animation {
  pointer-events:none;
}
.gallery_block_list .image_wrap {
  display:block;
  width:100%;
  height:100%;
  position:relative;
  z-index:2;
  overflow:hidden;
}
.gallery_block_list .image {
  width:100%;
  height:100% !important;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:3;
}
.gallery_block_list .title_area {
  position:absolute;
  bottom:0;
  left:0px;
  z-index:2;
  background:#fff;
  width:100%;
  padding:25px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: transform 0.4s ease;
          transition: transform 0.4s ease;
}
/* .gallery_block_list a:hover .title_area {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
} */

.gallery_block_list .item_inner > div:hover .title_area {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.gallery_block_list .item_inner > div:active .title_area {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.gallery_block_list .title {
  color:#000;
  position:relative;
  font-weight:500 !important;
  font-size:16px;
  line-height:1.6;
  max-height:4.8em;
  overflow:hidden;
  visibility:visible;
  word-wrap:break-word;
  word-break:break-all;
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
}
.gallery_block_list .title span {
  display:-webkit-inline-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}


/* 詳細ページ */
#gallery_single {
  width:1130px;
  margin:0 auto;
  padding:100px 0 150px;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
#gallery_single_image_list {
  width:600px;
}
#gallery_single_image_list img {
  display:block;
  max-width:100%;
  height:auto;
  margin-bottom:30px;
}
#gallery_single_image_list img:last-of-type {
  margin-bottom:0;
}
#gallery_single_content {
  width:calc(100% - 600px);
  padding-left:60px;
  position:relative;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#gallery_single_content #article.active {
  position:fixed;
  top:120px;
  width:470px;
}
#gallery_single_content #article.active_off {
  position:absolute;
  top:auto;
  bottom:0px;
  width:auto;
}
#gallery_single_title_area {
  margin-bottom:20px;
}
#gallery_single_title_area .category {
  font-size:12px;
  border:1px solid #000;
  border-radius:50px;
  text-align:center;
  margin:0 0 35px 0;
  background:#fff;
  position:relative;
  z-index:10;
  height:35px;
  line-height:35px;
  min-width:100px;
  padding:0 20px;
  display:table;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#gallery_single_title_area .title {
  font-size:24px;
  line-height:1.5;
}
#next_prev_post2 {
  margin-top:25px;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
  -webkit-justify-content:space-between;
          justify-content:space-between;
}
#next_prev_post2 .item {
  width:50%;
  height:60px;
  line-height:60px;
}
#next_prev_post2 .item.prev_post {
  text-align:right;
}
#next_prev_post2 .item a {
  display:block;
  position:relative;
  padding:0 0 0 40px;
}
#next_prev_post2 .item.prev_post a {
  padding:0 40px 0 0;
}
#next_prev_post2 .item a:before {
  font-family:"design_plus";
  font-size:12px;
  top:0px;
  position:absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#next_prev_post2 .item.next_post a:before {
  content:"\e94b";
  left:0px;
}
#next_prev_post2 .item.prev_post a:before {
  content:"\e94a";
  right:0px;
}
#next_prev_post2 .item:only-of-type {
  width:100%;
}




/* ----------------------------------------------------------------------
 ドロワーメニュー
---------------------------------------------------------------------- */
#drawer_menu {
  opacity:0;
  pointer-events:none;
  position:fixed;
  top:0px;
  left:0px;
  z-index:9999;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#000;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
  -webkit-flex-direction:row-reverse;
          flex-direction:row-reverse;
}
body.open_drawer_menu #drawer_menu {
  opacity:1;
  pointer-events:auto;
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
}
#drawer_menu_content {
  width:50%;
  height:100%;
  z-index:3;
  position:relative;
  overflow:auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#drawer_menu_content::-webkit-scrollbar {
  display:none;
}
#drawer_menu_content_inner {
  position:absolute;
  z-index:10;
  text-align:center;
  width:100%;
  left:50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#drawer_menu a {
  color:#fff;
}
#drawer_menu .simplebar-scrollbar:before {
  background:#fff !important;
}


/* 背景画像 */
#drawer_menu_bg_area {
  width:50%;
  height:100%;
  z-index:3;
  position:relative;
  overflow:hidden;
}
#drawer_menu_bg_area .overlay {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:10;
}
#drawer_menu_bg_area .bg_image {
  position:absolute;
  top:0;
  left:0;
  width:200%;
  height:100%;
  z-index:1;
  opacity:0;
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
  transition: opacity 3s ease 0s;
}
#drawer_menu_bg_area .bg_image.active {
  opacity:1;
  -webkit-animation: drawer_menu_bg_animation 30s linear 0s;
          animation: drawer_menu_bg_animation 30s linear 0s;
}
#drawer_menu_bg_area.one_item .bg_image.active {
  -webkit-animation: drawer_menu_bg_animation 30s linear infinite 0s !important;
          animation: drawer_menu_bg_animation 30s linear infinite 0s !important;
}
@-webkit-keyframes drawer_menu_bg_animation {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
  }
}
@keyframes drawer_menu_bg_animation {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0 , 0);
  }
}
#drawer_menu.no_animation_drawer_menu #drawer_menu_bg_area .bg_image.num1 {
  opacity:1;
}


/* 閉じるボタン */
#drawer_menu .close_button {
  cursor:pointer;
  display:block;
  width:80px;
  height:80px;
  position:absolute;
  top:0px;
  right:0px;
  z-index:10;
}
#drawer_menu .close_button:before {
  color:#fff;
  font-family:"design_plus";
  content:"\e91a";
  font-size:28px;
  display:block;
  top:28px;
  left:25px;
  position:absolute;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/* ロゴ */
#drawer_menu .logo {
  line-height:1;
  margin:0 auto 60px;
  padding:0;
  font-weight:500;
  font-size:32px;
  display:block;
}

#drawer_menu img {
  display:block;
  margin:0 auto;
  -webkit-transition: opacity 0.35s ease-in-out;
          transition: opacity 0.35s ease-in-out;
}
#drawer_menu img:hover {
  opacity:0.5;
}
#drawer_menu .logo_image.mobile {
  display:none;
}


/* メニュー */
#drawer_menu .menu {
  margin:0 0 58px;
}
#drawer_menu .menu a {
  font-size:20px;
  display:inline-block;
  padding:15px 0;
  pointer-events:auto;
}

#drawer_menu .menu li {
  margin:0;
  font-weight:600;
  position:relative;
  pointer-events:none;
}
#drawer_menu .menu ul ul {
  margin:0;
  opacity:0;
  transition: height 0.35s ease;
  pointer-events:none;
}
#drawer_menu .menu ul ul.active {
  opacity:1;
  pointer-events:auto;
}
#drawer_menu .menu ul ul a {
  color:rgba(255,255,255,0.4) !important;
  pointer-events:none;
}
#drawer_menu .menu li.menu-item-has-children > a > span {
  position:relative;
}
#drawer_menu .menu ul ul li {
  opacity:0;
  transition: transform opacity 0.2s ease 0s;
}
#drawer_menu .menu ul ul.active li {
  opacity:1;
}
#drawer_menu .menu ul ul.active li a {
  pointer-events:auto;
}
#drawer_menu .menu ul ul.active li:nth-child(1) {
  transition: opacity 0.4s ease 0.1s;
}
#drawer_menu .menu ul ul.active li:nth-child(2) {
  transition: opacity 0.4s ease 0.15s;
}
#drawer_menu .menu ul ul.active li:nth-child(3) {
  transition: opacity 0.4s ease 0.2s;
}
#drawer_menu .menu ul ul.active li:nth-child(4) {
  transition: opacity 0.4s ease 0.25s;
}
#drawer_menu .menu ul ul.active li:nth-child(5) {
  transition: opacity 0.4s ease 0.3s;
}
#drawer_menu .menu ul ul.active li:nth-child(6) {
  transition: opacity 0.4s ease 0.35s;
}
#drawer_menu .menu ul ul.active li:nth-child(7) {
  transition: opacity 0.4s ease 0.4s;
}
#drawer_menu .menu ul ul.active li:nth-child(8) {
  transition: opacity 0.4s ease 0.45s;
}
#drawer_menu .menu ul ul.active li:nth-child(9) {
  transition: opacity 0.4s ease 0.5s;
}
#drawer_menu .menu ul ul.active li:nth-child(n + 10) {
  transition: opacity 0.4s ease 0.55s;
}


/* SNS */
#drawer_menu_sns {
  margin-top:30px;
}
#drawer_menu_sns.color_type1 a:before {
  color:#fff;
}


/* 言語ボタン */
#drawer_menu .lang_button {
  font-size:0;
}
#drawer_menu .lang_button li {
  font-size:16px;
  font-weight:600;
  display:inline;
  margin:0 8px;
  font-family:"Arial";
}
#drawer_menu .lang_button li a {
  opacity:0.5;
}
#drawer_menu .lang_button li.active a {
  pointer-events:none;
  opacity:1;
}


/* 検索フォーム */
#drawer_menu_search {
  margin:30px auto 0;
  position:relative;
  width:330px;
  padding-bottom:50px;
}
#drawer_menu_search .input_area {
  background:rgba(255,255,255,0.2);
  width:330px;
  height:50px;
  border-radius:50px;
  position:relative;
}
#drawer_menu_search .input_area input {
  border:none;
  background:none;
  height:40px;
  width:280px;
  position:absolute;
  left:0px;
  top:5px;
  padding:0 10px 0 25px;
  color:#fff;
}
#drawer_menu_search .button_area {
  width:50px;
  height:50px;
  position:absolute;
  right:0px;
  top:0px;
}
#drawer_menu_search .button_area input {
  width:50px;
  height:50px;
  border:none;
  background:none;
  cursor:pointer;
}
#drawer_menu_search .button_area:before {
  display:block;
  text-align:center;
  cursor:pointer;
  z-index:1;
  pointer-events:none;
  position:absolute;
  font-family:"design_plus";
  color:#fff;
  font-size:18px;
  content:"\e915";
  left:12px;
  top:18px;
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
}





/* ----------------------------------------------------------------------
 お知らせ
---------------------------------------------------------------------- */
/* アーカイブページ */
#news_archive {
  padding:100px 0 150px;
}
#news_list {
  width:1130px;
  margin:0 auto -40px;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
#news_list .item {
  width:calc(50% - 5px);
  margin:0 10px 40px 0;
}
#news_list .item:nth-child(2n) {
  margin-right:0;
}
#news_list .date_area {
  width:115px;
  text-align:center;
  font-family:"Arial";
  margin:0 auto 20px;
}
#news_list time {
  line-height:1;
  font-weight:600;
}
#news_list .year {
  font-weight:500;
  font-size:14px;
  color:#999;
  display:block;
  margin:0 0 10px 0;
}
#news_list .month {
  font-size:27px;
}
#news_list .line {
  width:3px;
  height:21px;
  background:#000;
  display:inline-block;
  bottom:-1px;
  position:relative;
  margin:0 10px 0 10px;
}
#news_list .date {
  font-size:27px;
}
#news_list .content {
  height:280px;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
#news_list .image_wrap {
  display:block;
  width:280px;
  height:280px;
  position:relative;
  z-index:2;
  overflow:hidden;
}
#news_list .image {
  width:100%;
  height:100% !important;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:3;
}
#news_list .title_area {
  padding:0 30px;
  width:50%;
  position:relative;
  border:1px solid #ddd;
  border-left:none;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#news_list .title {
  position:relative;
  font-weight:500 !important;
  font-size:18px;
  line-height:1.6;
  max-height:4.8em;
  overflow:hidden;
  visibility:visible;
  word-wrap:break-word;
  word-break:break-all;
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
  top:50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#news_list .title span {
  display:-webkit-inline-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}


/* 詳細ページ */
#recent_news {
  margin:50px 0 0 0;
  position:relative;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#recent_news .headline {
  font-size:22px;
  margin:0 0 40px 0;
  text-align:center;
}
#recent_news .post_list {
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  margin-bottom:-20px;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
#recent_news .item {
  width:calc(25% - 18px);
  margin:0 24px 20px 0;
}
#recent_news .item:nth-child(4n) {
  margin-right:0;
}
#recent_news .image_wrap {
  display:block;
  width:100%;
  padding-top:100%;
  position:relative;
  z-index:2;
  overflow:hidden;
  margin:0 0 15px 0;
}
#recent_news .image {
  width:100%;
  height:100% !important;
  display:block;
  top:0;
  left:0;
  position:absolute;
  z-index:3;
}
#recent_news .title {
  position:relative;
  font-weight:500 !important;
  font-size:16px;
  line-height:1.6;
  max-height:4.8em;
  overflow:hidden;
  visibility:visible;
  word-wrap:break-word;
  word-break:break-all;
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
}
#recent_news .title span {
  display:-webkit-inline-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
#recent_news .date {
  color:#aaa;
  font-size:14px;
  margin:10px 0 0 0;
  display:block;
}




/* ----------------------------------------------------------------------
 ブログアーカイブページ
---------------------------------------------------------------------- */
#blog_list {
  margin:100px 0 0 0;
  position:relative;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#blog_list .item {
  margin:0 0 -1px 0;
  height:280px;
  position:relative;
  border-bottom:1px solid #ddd;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
  -webkit-align-items:center;
          align-items:center;
}
#blog_list .item:last-of-type {
  border:none;
}
#blog_list .date_area {
  width:115px;
  text-align:left;
  font-family:"Arial";
}
#blog_list time {
  line-height:1;
  font-weight:600;
  width:84px;
}
#blog_list .year {
  text-align:center;
  font-weight:500;
  font-size:14px;
  color:#999;
  display:block;
  margin:0 0 10px 0;
}
#blog_list .month {
  font-size:27px;
}
#blog_list .line {
  width:3px;
  height:21px;
  background:#000;
  display:inline-block;
  bottom:-1px;
  position:relative;
  margin:0 10px 0 10px;
}
#blog_list .date {
  font-size:27px;
}
#blog_list .image_wrap {
  display:block;
  width:280px;
  height:280px;
  position:relative;
  z-index:2;
  overflow:hidden;
  margin-bottom:-1px;
}
#blog_list .image {
  width:100%;
  height:100% !important;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:3;
}
#blog_list .content {
  padding:0 0 0 30px;
  width:calc(100% - 395px);
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#blog_list .title {
  position:relative;
  font-weight:500 !important;
  font-size:18px;
  line-height:1.6;
  max-height:4.8em;
  overflow:hidden;
  visibility:visible;
  word-wrap:break-word;
  word-break:break-all;
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
}
#blog_list .title span {
  display:-webkit-inline-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
#blog_list .category {
  font-size:12px;
  border:1px solid #000;
  border-radius:50px;
  text-align:center;
  margin:0 0 15px 0;
  height:35px;
  line-height:35px;
  min-width:100px;
  padding:0 20px;
  display:inline-block;
     -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}


/* ページナビ */
.page_navi {
  margin:70px 0 0 0;
  z-index:10;
  position:relative;
}
.page_navi ul {
  margin:0;
  font-size:0;
  text-align:center;
}
.page_navi li {
  display:inline-block;
  margin:0;
}
.page_navi a, .page_navi a:hover, .page_navi span {
  font-family:"Arial";
  color:#000;
  border-bottom:4px solid transparent;
  font-size:14px;
  width:60px;
  height:80px;
  line-height:80px;
  display:inline-block;
  text-align:center;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-transition: border-color 0.25s ease;
          transition: border-color 0.25s ease;
}


.page_navi span.current {
  border-color:#000;
  position:relative;
}
.page_navi .next, .page_navi .prev {
  position:relative;
}
.page_navi .next span, .page_navi .prev span {
  display:none;
}
.page_navi .next:before, .page_navi .prev:before {
  font-family:"design_plus";
  font-size:14px;
  top:2px;
  position:relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page_navi .prev:before {
  content:"\e94b";
  left:0px;
}
.page_navi .next:before {
  content:"\e94a";
  right:0px;
}



/* 記事が無い場合に表示するメッセージ */
#no_post {
  text-align:center;
  font-size:14px;
  padding:0;
  margin:10px 0 0 0;
  font-size:20px;
  font-weight:600;
}


/* 投稿者ページ */
#author_info {
  margin:100px 0 -10px;
}
#author_info .image img {
  width:180px;
  height:180px;
  border-radius:100%;
  display:block;
  margin:0 auto;
}
#author_info .name {
  font-size:24px;
  text-align:center;
  margin:40px auto 0;
  position:relative;
  display:inline-block;
  left:50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#author_info .sns_button_list {
  margin-top:40px;
}
#author_info .desc {
  font-size:16px;
  line-height:2.4;
  margin-top:30px;
}




/* ----------------------------------------------------------------------
 ブログ詳細ページ
---------------------------------------------------------------------- */

/* タイトルエリア */
#post_title {
  margin-bottom:40px;
}
#post_title .title {
  font-size:24px;
  line-height:1.5;
}
#post_title .date_area {
  width:115px;
  text-align:center;
  font-family:"Arial";
  margin:0 auto 20px;
}
#post_title.no_image.no_category .date_area {
  margin-bottom:40px;
}
#post_title #post_image_wrap .date_area {
  margin:-20px auto 37px;
}
#post_title time {
  line-height:1;
  font-weight:600;
}
#post_title .year {
  font-weight:500;
  font-size:14px;
  color:#999;
  display:block;
  margin:0 0 10px 0;
}
#post_title .month {
  font-size:27px;
}
#post_title .line {
  width:3px;
  height:21px;
  background:#000;
  display:inline-block;
  bottom:-1px;
  position:relative;
  margin:0 10px 0 10px;
}
#post_title .date {
  font-size:27px;
}
#post_title .category {
  font-size:12px;
  border:1px solid #000;
  border-radius:50px;
  text-align:center;
  margin:0 auto -20px;
  background:#fff;
  position:relative;
  z-index:10;
  height:35px;
  line-height:35px;
  min-width:100px;
  padding:0 20px;
  display:table;
     -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#post_title.no_image .category {
  margin-bottom:40px;
}
#post_image_wrap {
  position:relative;
  width:100%;
  padding:60px;
  margin:0 0 43px;
  border:1px solid #ddd;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#post_image {
  display:block;
  width:100%;
  height:auto;
}
#post_image_wrap .image_wrap {
  position: relative;
  width:100%;
  padding-top:100%;
}
#post_image_wrap .image {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


/* 本文 */

.post_content a:hover {
  text-decoration:none;
}


/* SNSボタン */
#single_share_top {
  margin:0 0 45px;
  padding:0;
}
#single_share_top .share-top {
  margin:0;
}
#single_share_bottom {
  margin:50px 0 -5px;
}
#single_share_bottom .share-btm {
  margin-bottom:0 !important;
  padding:0;
}
#single_share_top .mt10, #single_share_top .mt10 {
  margin:0 !important;
}
#single_share_bottom .mb45, #single_share_bottom .mb45 {
  margin:0 !important;
}
.share-type1 ul {
  text-align:left;
}
.share-type3 ul {
  text-align:left;
}
.share-type2 ul.type2 {
  text-align:left;
}
.share-type4 ul.type4 {
  text-align:left;
}
.sns_default_top {
  text-align:left;
}


/* コピーボタン */
.single_copy_title_url {
  text-align: center;
}
.single_copy_title_url_btn {
  font-size:14px;
  background:#fff;
  border:3px solid #ccc;
  cursor:pointer;
  line-height:54px;
  min-width:300px;
  padding: 0 15px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-transition-property:background-color, color;
  -webkit-transition-duration:0.3s;
  -webkit-transition-timing-function:ease;
          transition-property:background-color, color;
          transition-duration:0.3s;
          transition-timing-function:ease;
}
.single_copy_title_url_btn:hover {
  color:rgba(0,0,0,0.5) !important;
}
.single_copy_title_url_btn.copied {
  background:#ccc;
  color:#fff;
  pointer-events:none;
}
#single_copy_title_url_top {
  margin:0 0 40px 0;
}
#single_copy_title_url_bottom {
  margin:35px 0 0;
}


/* ページ分割 */
#post_pagination {
  margin:0;
  padding:0;
  clear:both;
  font-size:0;
  text-align:center;
}
#post_pagination a, #post_pagination p {
  font-family:"Arial";
  color:#000;
  border-bottom:4px solid transparent;
  font-size:14px;
  width:60px;
  height:80px;
  line-height:80px;
  display:inline-block;
  text-align:center;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-transition: border-color 0.25s ease;
          transition: border-color 0.25s ease;
}
#post_pagination p {
  border-color:#000;
  position:relative;
  margin:0;
}


/* メタ情報 */
#post_meta_bottom {
  margin:60px 0 0;
  padding:15px 30px;
  border:1px solid #ddd;
  background:#fff;
}
#post_meta_bottom li {
  display:inline;
  margin:0 10px 0 0;
  padding:0 15px 0 25px;
  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:#666;
  font-size:15px;
  line-height:1;
  position:absolute;
  top:0px;
  left:0px;
}
#post_meta_bottom li.post_author:before {
  content:"\e90d";
}
#post_meta_bottom li.post_category:before {
  content:"\e92f";
}
#post_meta_bottom li.post_tag:before {
  content:"\e935";
}
#post_meta_bottom li.post_comment:before {
  content:"\e916";
  font-size:20px;
  top:-3px;
  left:-2px;
}
#post_meta_bottom li a:hover {
  color:rgba(0,0,0,0.5);
}


/* プロフィール */
.author_profile {
  background:#fff;
  border:1px solid #ddd;
  margin:50px 0 0;
  position:relative;
  padding:35px 40px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:        flex;
      -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
      -ms-align-items:center;
  -webkit-align-items:center;
          align-items:center;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.author_profile .avatar_area {
  display:block;
  width:120px;
  height:120px;
  border-radius:100%;
  position:relative;
  overflow:hidden;
  z-index:1;
}
.author_profile img.avatar {
  display:block;
  width:100%;
  height:auto;
  z-index:2;
}
.author_profile .info {
  height:100%;
  -webkit-width:calc(100% - 120px);
          width:calc(100% - 120px);
  position:relative;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.author_profile .info_inner {
  padding:0 0 0 40px;
}
.author_profile .name {
  font-size:22px;
  margin:5px 0 10px 0;
  font-weight:600;
}
.author_profile .desc {
  line-height:2;
  margin:0;
  font-size:14px;
}
.author_profile .name a:hover {
  color:rgba(0,0,0,0.5);
}
body.single #main_col .author_profile .desc {
  max-height:4em;
  overflow:hidden;
  visibility:visible;
}
body.single #main_col .author_profile .desc span {
  display:-webkit-inline-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#author_sns {
  text-align:left;
  margin:10px 0 0 2px;
}
#author_sns li {
  margin:0 14px 0 0;
}
.author_profile .archive_link {
  float:right;
  padding:0 20px 0 0;
  margin-top:4px;
}
.author_profile .archive_link span:after {
  font-size:12px;
  font-family:"design_plus";
  content:"\e910";
  display:block;
  position:absolute;
  right:0px;
  top:5px;
  height:14px;
  line-height:14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* 関連記事 */
#related_post {
  margin:50px 0 0 0;
  position:relative;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#related_post .headline {
  font-size:22px;
  margin:0 0 40px 0;
  text-align:center;
}

#related_post .item {
  margin:0 0 -1px 0;
  height:180px;
  position:relative;
  border:1px solid #ddd;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
#related_post .image_wrap {
  display:block;
  width:180px;
  height:180px;
  position:relative;
  z-index:2;
  overflow:hidden;
  margin:-1px;
}
#related_post .image {
  width:100%;
  height:100% !important;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:3;
}
#related_post .content {
  width:calc(100% - 180px);
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  position:relative;
}
#related_post .content_inner {
  position:absolute;
  padding:0 30px;
  top:50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#related_post .title {
  position:relative;
  font-weight:500 !important;
  font-size:14px;
  line-height:1.6;
  max-height:3.2em;
  overflow:hidden;
  visibility:visible;
  word-wrap:break-word;
  word-break:break-all;
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
}
#related_post .title span {
  display:-webkit-inline-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#related_post .category {
  font-size:12px;
  border:1px solid #000;
  border-radius:50px;
  text-align:center;
  margin:0 0 15px 0;
  height:35px;
  line-height:35px;
  min-width:100px;
  padding:0 20px;
  display:inline-block;
     -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}


/* 広告 */
#single_banner_top {
  margin:0 auto;
  padding:10px 0 35px;
}
#single_banner_bottom {
  margin:60px auto -10px;
}
#single_banner_shortcode {
  margin:0 auto;
  padding:15px 0 45px;
}
img.single_banner_image {
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto;
}


/* ナビゲーション */
#next_prev_post {
  margin:50px 0 0 0 ;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:        flex;
      -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
#next_prev_post .item {
  height:122px;
  width:50%;
  position:relative;
  border:1px solid #ddd;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#next_prev_post .item:first-of-type {
  margin-right:-1px;
}
#next_prev_post a {
  display:block;
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}
#next_prev_post .image_wrap {
  display:none;
}
#next_prev_post .title_area {
  display:block;
  width:100%;
  position:absolute;
  left:0px;
  top:50%;
      -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#next_prev_post .title {
  position:relative;
  padding:0 40px 0 70px;
  font-weight:500;
  font-size:16px;
  line-height:1.6;
  max-height:3.2em;
  overflow:hidden;
  visibility:visible;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  word-wrap:break-word;
  word-break:break-all;
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
}
#next_prev_post a:hover .title {
  color:rgba(0,0,0,0.5);
}
#next_prev_post .title span {
  display:-webkit-inline-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#next_prev_post .nav {
  display:none;
}
#next_prev_post .next_post .title {
  padding:0 70px 0 40px;
}
#next_prev_post .title:after {
  z-index:10;
  position:absolute;
  left:30px;
  top:50%;
      -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family:"design_plus";
  color:#000;
  font-size:14px;
  font-weight:500;
  display:block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
#next_prev_post .prev_post .title:after {
  content:"\e90f";
}
#next_prev_post .next_post .title:after {
  content:"\e910";
  left:auto;
  right:30px;
}
#next_prev_post a:hover .title:after {
  opacity:0.5;
}




/* ----------------------------------------------------------------------
　ヘッダー
---------------------------------------------------------------------- */
#header {
  z-index:1100;
  position:relative;
  width:100%;
  height:80px;
  background:#fff;
  -webkit-transition: background-color 0.3s ease;
          transition: background-color 0.3s ease;
}
body.home #header {
  position:fixed;
  background:none;
}
body.home.header_fix #header {
  background:#fff;
}
body.header_fix #header {
  position:fixed;
  top:0px;
  left:0px;
  -webkit-animation: shadow_animation 0.3s esase forwards;
          animation: shadow_animation 0.3s ease forwards;
}
body.header_fix {
  padding-top:80px;
}
body.home.header_fix {
  padding-top:0;
}
body.hide_page_header_bar {
  padding-top:0px !important;
}
body.hide_page_header #header {
  border-bottom:1px solid #ddd;
}
body.hide_page_header.header_fix #header {
  border-bottom:none;
}
@-webkit-keyframes shadow_animation {
  0% {
    box-shadow:0 0 0 0 rgba(0,0,0,0.15);
  }
  100% {
    box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
  }
}
@keyframes shadow_animation {
  0% {
    box-shadow:0 0 0 0 rgba(0,0,0,0.15);
  }
  100% {
    box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
  }
}


/* 円部分 */
#header_circle {
  display:block;
  background:#fff;
  width:380px;
  height:380px;
  border-radius:100%;
  position:absolute;
  bottom:-50px;
  z-index:1;
  margin:auto;
  left:0;
  right:0;
  -webkit-transform: translate3d(0, -50px, 0);
          transform: translate3d(0, -50px, 0);
}
#header_circle.animate {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
body.header_fix #header_circle.animate {
  -webkit-transform: translate3d(0, -50px, 0);
          transform: translate3d(0, -50px, 0);
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}
body.hide_page_header_bar #header_circle, body.hide_page_header #header_circle {
  display:none;
}
body.home #header_circle {
  display:none;
}


/* ロゴ */
#header_logo {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index:3;
}
#header_logo img {
  display:block;
  -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out;
}
#header_logo a:hover img {
  opacity:0.5;
}
#header_logo a .logo_text {
  -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out;
}
#header_logo a:hover .logo_text {
  opacity:0.5;
}
#header_logo .logo_image.mobile {
  display:none;
}
body.home #header_logo {
  left:30px;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
body.home.header_fix #header_logo {
  left:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
body.home #header_logo a .logo_text {
  color:#fff;
}
body.home.header_fix #header_logo a .logo_text {
  color:#000;
}
body.home #header_logo img.logo_image {
  display:none;
}
body.home #header_logo img.logo_image2.mobile {
  display:none;
}
body.home.header_fix #header_logo img.logo_image {
  display:block;
}
body.home.header_fix #header_logo img.logo_image.mobile {
  display:none;
}
body.home.header_fix #header_logo img.logo_image2 {
  display:none;
}
body.home.no_index_header_content #header {
  background:#fff;
}
body.home.no_index_header_content #header_logo {
  left:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
body.home.no_index_header_content #header_logo img.logo_image {
  display:block;
}
body.home.no_index_header_content #header_logo img.logo_image2 {
  display:none;
}
body.home.no_index_header_content #header_logo img.logo_image.mobile {
  display:none;
}


/* メニューボタン */
#drawer_menu_button {
  position:absolute;
  z-index:2;
  right:0px;
  bottom:0px;
  display:inline-block;
  font-size:11px;
  width:80px;
  height:80px;
  line-height:80px;
  text-decoration:none;
  text-align:center;
}
#drawer_menu_button span {
  width:22px;
  height:2px;
  background:#000;
  display:block;
  position:absolute;
  left:28px;
  -webkit-transition-property:background-color;
  -webkit-transition-duration:0.2s;
  -webkit-transition-timing-function:ease;
          transition-property:background-color;
          transition-duration:0.2s;
          transition-timing-function:ease;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
#drawer_menu_button span:nth-child(1) {
  top:34px;
}
#drawer_menu_button span:nth-child(2) {
  top:40px;
}
#drawer_menu_button span:nth-child(3) {
  top:46px;
}
#drawer_menu_button:hover span {
  opacity:0.5;
}
body.home #drawer_menu_button span {
  background:#fff;
}
body.home.no_index_header_content #drawer_menu_button span {
  background:#000;
}
body.home.header_fix #drawer_menu_button span {
  background:#000;
}


/* パンくずリンク */
#bread_crumb {
  width:100%;
  border-bottom:1px solid #ddd;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#bread_crumb ul {
  height:70px;
  line-height:70px;
  width:1130px;
  margin:0 auto;
  padding:0;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  visibility:visible;
}
#bread_crumb li {
  display:inline;
  font-size:12px;
  margin:0 10px 0 0;
  padding:0 20px 0 0;
  position:relative;
}
#bread_crumb li:after {
  font-family:"design_plus";
  content:"\e910";
  font-size:11px;
  color:#000;
  display:block;
  height:13px;
  line-height:13px;
  position:absolute;
  right:0px;
  top:0;
}
#bread_crumb li:last-of-type:after {
  display:none;
}
#bread_crumb, #bread_crumb li.last {
  color:#999;
}
#bread_crumb li a {
  color:#000;
  display:inline-block;
  -webkit-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
}
#bread_crumb li a:hover {
  opacity:0.5;
}
#bread_crumb li.category a {
  display:none;
}
#bread_crumb li.category a:first-of-type, #bread_crumb li.category a:only-of-type {
  display:inline-block;
}
#bread_crumb li.home a {
  position:relative;
  width:16px;
}
#bread_crumb li.home a span {
  opacity:0;
}
#bread_crumb li.home a:before {
  font-family:"design_plus";
  content:"\e90c";
  font-size:12px;
  color:#000;
  display:inline-block;
  top:0px;
  position:relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* メッセージ */
#header_message {
  padding:10px 0;
  position:relative;
  z-index:2000;
}
#header_message.type1 .post_content {
  width:710px;
  margin:0 auto;
}
#header_message.type2 .post_content {
  width:auto;
  margin:0 20px;
}
#header_message.type2.show_close_button .post_content {
  margin:0 40px 0 40px;
}
#close_header_message {
  position:absolute;
  top:0px;
  right:0px;
  cursor: pointer;
  width:25px;
  height:25px;
  line-height:25px;
  text-align:center;
  background:rgba(0,0,0,0.1);
}
#close_header_message:before {
  content:"\e91a";
  font-family:design_plus;
  font-size:14px;
}
#close_header_message:hover {
  background:rgba(0,0,0,0.2);
}
html.open_menu #header_message {
  display:none;
}




/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
/* カルーセル */
#footer_carousel {
  background:#000;
  padding:5px 0;
  display:flex;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#footer_carousel .post_carousel {
  display:flex;
  transform: translate3d(0, 0, 0);
}
#footer_carousel .post_carousel:first-child {
  -webkit-animation: footer_carousel_loop 90s linear infinite;
          animation: footer_carousel_loop 90s linear infinite;
}
#footer_carousel .post_carousel:nth-child(2) {
  -webkit-animation: footer_carousel_loop2 90s -60s linear infinite;
          animation: footer_carousel_loop2 90s -60s linear infinite;
}
#footer_carousel .post_carousel:last-child {
  -webkit-animation: footer_carousel_loop3 90s -30s linear infinite;
          animation: footer_carousel_loop3 90s -30s linear infinite;
}
#footer_carousel:hover .post_carousel {
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
}
@keyframes footer_carousel_loop {
  0% {
    transform: translate3d(200%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes footer_carousel_loop2 {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(-200%, 0, 0);
  }
}
@keyframes footer_carousel_loop3 {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-300%, 0, 0);
  }
}
#footer_carousel .item {
  width:400px;
  height:160px;
  background:#fff;
  margin-left:5px;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
#footer_carousel .image_wrap {
  display:block;
  width:160px;
  height:160px;
  position:relative;
  z-index:2;
  overflow:hidden;
}
#footer_carousel .image {
  width:100%;
  height:100% !important;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:3;
}
#footer_carousel .content {
  width:240px;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
#footer_carousel .content_inner {
  position:absolute;
  top:50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding:0 30px;
}
#footer_carousel .title {
  position:relative;
  font-weight:500 !important;
  font-size:16px;
  line-height:1.6;
  max-height:4.8em;
  overflow:hidden;
  visibility:visible;
  word-wrap:break-word;
  word-break:break-all;
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
}
#footer_carousel .title span {
  display:-webkit-inline-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
#footer_carousel .date {
  color:#aaa;
  font-size:14px;
  margin:10px 0 0 0;
  display:block;
}


/* フッターロゴエリア */
#footer_top {
  position:relative;
  overflow:hidden;
  width:100%;
  height:600px;
}
#footer_top_inner {
  width:100%;
  text-align:center;
  position:absolute;
  top:50%;
      -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index:10;
}
#footer_overlay {
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}
#footer_bg_image {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
}
#footer_bg_image.mobile {
  display:none;
}
#footer_video {
  position:absolute;
}


/* ページ上部へ戻るボタン */

#return_top a {
  color:#fff !important;
  display:block;
  height:60px;
  width:60px;
  line-height:60px;
  text-decoration:none;
  z-index:100;
  position:relative;
}

#return_top span {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  display:block;
}
#return_top a:before {
  color:#fff;
  font-family:"design_plus";
  content:"\e94b";
  font-size:12px;
  display:block;
  width:12px;
  height:12px;
  position:absolute;
  left:48px;
  top:22px;
  margin:auto;
  transform: rotate(90deg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#return_top {
  position:fixed;
  right:0px;
  bottom:0px;
  z-index:999;
  -webkit-transform: translate3d(0,100%,0);
          transform: translate3d(0,100%,0);
  -webkit-transition: -webkit-transform 0.35s;
          transition: all 0.35s;
}
#return_top.active {
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
}


/* フッターロゴ */
#footer_logo .logo {
  line-height:1;
  margin:0;
  padding:0;
  display:block;
}
#footer_logo .logo a {
  display:block;
  text-align:center;
  color:#fff;
}
#footer_logo .logo a:hover {
  color:rgba(255,255,255,0.5);
}
#footer_logo img {
  margin:0 auto;
  max-width: 368px;
  height:auto;
  display:block;
  -webkit-transition: opacity 0.35s ease-in-out;
          transition: opacity 0.35s ease-in-out;
}
#footer_logo img:hover {
  opacity:0.5;
}
#footer_logo .logo_image.mobile {
  display:none;
}
#footer_logo .logo_text {
  -webkit-transition: color 0.35s ease;
          transition: color 0.35s ease;
  text-align:center;
  width:100%;
  display:block;
}


/* 住所 */
#footer_info {
  position:absolute;
  bottom:0px;
  left:0px;
  z-index:10;
  text-align:center;
  width:100%;
  background:rgba(0,0,0,0.5);
  padding:25px 60px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#footer_info p {
  line-height:2;
  color:#fff;
}
#footer_info div.mobile {
  display:none;
}
#footer_info a {
  color:#fff;
  text-decoration:underline;
}
#footer_info a:hover {
  color:rgba(255,255,255,0.5);
}


/* SNSボタン（全箇所共通） */
#footer_sns {
  margin-top:30px;
}
#footer_sns.color_type1 a:before {
  color:#fff;
}
.sns_button_list {
  font-size:0;
  z-index:20;
  text-align:center;
}
.sns_button_list li {
  font-size:12px;
  display:inline-block;
  margin:0 7px;
  position:relative;
}
.sns_button_list li a {
  display:block;
  text-align:center;
  position:relative;
  overflow:hidden;
  width:17px;
  height:18px;
}
.sns_button_list li a span {
  display:none;
}
.sns_button_list li a:before {
  font-family:"design_plus";
  font-size:16px;
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sns_button_list.color_type1 li a:before {
  color:#000;
}
.sns_button_list li a:hover:before {
  opacity:0.5;
}

.sns_button_list li.twitter a:before {
  content:"\e904";
  margin-left:0.7px;
}
.sns_button_list li.facebook a:before {
  content:"\e944";
  font-size:18px;
}
.sns_button_list li.insta a:before {
  content:"\ea92";
  font-size:15px;
  margin-top:1px;
}
.sns_button_list li.pinterest a:before {
  content:"\e905";
  font-size:17.5px;
  margin-top:1px;
}
.sns_button_list li.youtube a {
  width:19px;
}
.sns_button_list li.youtube a:before {
  content:"\ea9d";
  font-size:18px;
  margin-top:1px;
}
.sns_button_list li.contact a:before {
  content:"\f0e0";
}
.sns_button_list li.rss a:before {
  content:"\e90b";
  font-size:14px;
  margin-top:1px;
}
.sns_button_list li.user_url a:before {
  content:"\e942";
  margin-left:0.7px;
}
.sns_button_list.color_type2 li {
  margin:0 8px;
}
.sns_button_list.color_type2 li a {
  width:25px;
  height:25px;
}
.sns_button_list.color_type2 li a:before {
  font-size:22px;
}
.sns_button_list.color_type2 li.twitter a:before {
  color:#1da1f2;
}
.sns_button_list.color_type2 li.facebook a:before {
  color:#1877f2;
  font-size:25px;
}
.sns_button_list.color_type2 li.insta a:before {
  color:#e4405f;
}
.sns_button_list.color_type2 li.pinterest a:before {
  color:#bd081c;
  font-size:24px;
}
.sns_button_list.color_type2 li.youtube a:before {
  color:#f00;
}
.sns_button_list.color_type2 li.contact a:before {
  color:#00729f;
}
.sns_button_list.color_type2 li.rss a:before {
  color:orange;
}
.sns_button_list.color_type2 li.user_url a:before {
  color:#00729f;
}


/* フッターメニュー */

#footer_menu ul {
  text-align:center;
  font-size:0;
}
#footer_menu ul li {
  display:inline;
  font-size:14px;
  margin:0 20px;
}
#footer_menu ul li a {
  display:inline-block;
  padding:24px 0;
}


/* コピーライト */
#copyright {
  line-height:60px;
  height:60px;
  font-size:12px;
  text-align:center;
     -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}


/* メッセージ */
#footer_message {
  font-size:20px;
  line-height:1.5;
  font-weight:600;
  text-align:center;
  width:100%;
  padding:0 50px;
  z-index:1;
  position:absolute;
  top:50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}


/* フッターバー */
#dp-footer-bar {
  position:fixed;
  right:0px;
  bottom:0px;
  z-index:999;
  width:100%;
}
.open_menu #dp-footer-bar {
  display:none;
}
.dp-footer-bar-type1 #dp-footer-bar {
  opacity:0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
          transition: opacity 0.35s, transform 0.35s;
}
.dp-footer-bar-type1 #dp-footer-bar.active {
  opacity:1;
}
.dp-footer-bar-type2 #dp-footer-bar {
  -webkit-transform: translate3d(0,100%,0);
          transform: translate3d(0,100%,0);
  -webkit-transition: -webkit-transform 0.35s;
          transition:         transform 0.35s;
}
.dp-footer-bar-type2 #dp-footer-bar.active {
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
}


/* フッターバー　アイコン無しタイプ */
#dp-footer-bar {
  height:50px;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
#dp-footer-bar a {
  height:50px;
  line-height:50px;
  display:block;
  text-align:center;
  font-size:12px;
  padding:0 20px;
  text-decoration:none !important;
  -webkit-flex: 1 1 0%;
          flex: 1 1 0%;
}




/* ----------------------------------------------------------------------
 ウィジェット
---------------------------------------------------------------------- */
/* 基本設定 */
.widget_content {
  margin-bottom:50px;
  position:relative;
  font-size:16px;
}
.widget_content:last-of-type {
  margin-bottom:0px;
}
.widget_content ul {
  margin:0;
}
.widget_content li {
  line-height:2;
  padding:2px 0;
  margin:0 0 10px 0;
}
.widget_content a {
  text-decoration:none;
}

.widget_content img {
  height:auto;
  max-width:100%;
}
.widget_headline {
  font-weight:600;
  font-size:18px;
  padding:0;
  margin:0 0 28px 0;
  border-bottom:1px solid #ddd;
  position:relative;
}
.widget_headline span {
  border-bottom:3px solid #000;
  display:inline-block;
  padding:0 0 20px 0;
}


/* 広告 */

.tcd_ad_widget img {
  height:auto;
  max-width:100%;
  margin:0 auto;
  display:block;
}


/* タブ記事 */
.tab_post_list_widget {
  position:relative;
}
.widget_tab_post_list_button {
  position:relative;
  z-index:10;
}
.widget_tab_post_list_button div {
  font-size:14px;
  height:50px;
  line-height:50px;
  width:50%;
  float:left;
  text-align:center;
  cursor:pointer;
  display:block;
  background:#000;
  color:#fff;
  position:relative;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
.widget_tab_post_list_button div.active {
  background:#fff;
  color:#000 !important;
  pointer-events:none;
}

.widget_tab_post_list {
  opacity:0;
  pointer-events:none;
  position:absolute;
  top:50px;
  left:0;
  width:100%;
  background:#fff;
  padding:20px 20px 1px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease;
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:        flex;
      -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
.widget_tab_post_list.active {
  opacity:1;
  pointer-events:initial;
  position:relative;
  top:0px;
  left:0px;
  width:auto;
}
.widget_tab_post_list li {
  width:calc(50% - 8px);
  margin:0 16px 15px 0;
  padding:0;
}
.widget_tab_post_list li:nth-child(2n) {
  margin-right:0;
}
.widget_tab_post_list a {
  display:block;
}
.widget_tab_post_list .image_wrap {
  display:block;
  width:100%;
  padding-top:100%;
  margin:0;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.widget_tab_post_list .image {
  width:100%;
  height:100% !important;
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
}
.widget_tab_post_list .title_area {
  background:#fff;
  padding-top:10px;
}
.widget_tab_post_list .title {
  font-size:14px;
  line-height:1.8;
  max-height:5.4em;
  word-break:break-all;
  overflow:hidden;
  padding:0 5px;
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
}
.widget_tab_post_list .title span {
  display:-webkit-inline-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}


/* 記事スライダー */
.post_slider_widget {
  position:relative;
}
.post_slider_widget .post_slider {
  height:300px;
  position:relative;
  background:#fff;
  padding:25px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.post_slider_widget .item {
  width:100%;
  height:250px;
  position:relative;
}
.post_slider_widget .item a {
  display:block;
  width:100%;
  height:250px;
  position:relative;
}
.post_slider_widget .item a:after {
  content:"";
  display:block;
  width:100%;
  height:50%;
  position:absolute;
  left:0px;
  bottom:0px;
  z-index:1;
  background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
  background:         linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
}
.post_slider_widget .image_wrap {
  display:block;
  width:100%;
  height:100%;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.post_slider_widget .image {
  width:100%;
  height:100% !important;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:2;
}
.post_slider_widget .title {
  position:absolute;
  bottom:50px;
  left:0px;
  z-index:2;
  color:#fff;
  padding:0 20px;
  width:100%;
  line-height:1.5;
  font-size:16px;
  overflow:hidden;
  max-height:3em;
  font-weight:600;
  word-wrap:break-word;
  word-break:break-all;
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.post_slider_widget .title span {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.post_slider_widget .slick-dots {
  position:absolute;
  bottom:45px;
  left:0px;
  width:100%;
  z-index:10;
  text-align:center;
}
.post_slider_widget .slick-dots li {
  display:inline-block;
  width:10px;
  height:10px;
  margin:0 4px;
  font-size:12px;
}
.post_slider_widget .slick-dots button {
  cursor:pointer;
  border:none;
  color:transparent;
  width:10px;
  height:10px;
  display:block;
  font-size:0;
  background:none;
  position:relative;
}
.post_slider_widget .slick-dots button::before {
  content:"";
  display:block;
  width:10px;
  height:10px;
  line-height:10px;
  background:#999;
  border-radius:20px;
  position: absolute;
  top:0;
  left:0;
}
.post_slider_widget .slick-dots button:hover::before, .post_slider_widget .slick-dots .slick-active button::before {
  background:#fff;
}


/* バナー一覧 */
.tcd_banner_widget .banner {
  margin:0 auto 15px;
}
.tcd_banner_widget .banner:last-child {
  margin-bottom:0;
}
.tcd_banner_widget a {
  display:block;
  width:100%;
  height:120px;
  position:relative;
  background:#fff;
}
.tcd_banner_widget .image_wrap {
  display:block;
  width:100%;
  height:120px;
  position:absolute;
  z-index:1;
  overflow:hidden;
  left:0px;
  top:0px;
}
.tcd_banner_widget .image {
  width:100%;
  height:120px !important;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:2;
}
.tcd_banner_widget .overlay {
  position:absolute;
  top:0px;
  left:0px;
  width:60%;
  height:100%;
  z-index:3;
}
.tcd_banner_widget .title_area {
  position:absolute;
  top:0px;
  left:0px;
  z-index:4;
  padding:0 30px;
  top:50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-transition: all 0.35s ease;
          transition: all 0.35s ease;
}
.tcd_banner_widget .title {
  font-size:20px;
  line-height:1.5;
}
.tcd_banner_widget a:hover .title_area {
  left:5px;
}


/* アーカイブ　ドロップダウン */
.p-widget-dropdown {
  height:60px;
  line-height:60px;
  position:relative;
}
.p-widget-dropdown::after {
  color:#666;
  content:"\e90e";
  font-family: "design_plus";
  position:absolute;
  top:0;
  right: 17px;
  z-index:1;
}
.p-widget-dropdown select {
  padding-right:33px;
  position:relative;
  z-index:2;
  -webkit-appearance:none;
          appearance:none;
}
.p-widget-dropdown select::-ms-expand {
  display:none;
}

.p-dropdown {
  font-size:14px;
}
.p-dropdown__title {
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  position: relative;
  height:60px;
  line-height:60px;
  padding:0 25px;
  background:#fff;
  color:#000;
  z-index:10;
}
.p-dropdown__title::after {
  position:absolute;
  right:17px;
  top:2px;
  font-family:"design_plus";
  content:"\e90e";
  color:#000;
}
.p-dropdown__title:hover {
  cursor:pointer;
  color:rgba(0,0,0,0.5);
}
.p-dropdown__title.is-active::after {
  content:"\e911";
}
.p-dropdown__title:hover:after {
  color:rgba(0,0,0,0.5);
}
.p-dropdown__list {
  display:none;
  position:relative;
}

.p-dropdown__list li {
  line-height:1.5;
  margin:0;
  padding:0;
  position:relative;
}
.p-dropdown__list li ul {
  margin:0;
  position:relative;
  display:none;
}
.p-dropdown__list li a {
  display:block;
  padding:0px 18px;
  height:47px;
  line-height:47px;
  margin:0 0 -1px 0;
  background:#fff;
  border-top:1px solid #ddd;
}
.p-dropdown__list li a:hover {
  color:rgba(0,0,0,0.5);
}
.p-dropdown__list li li a {
  padding-left:32px;
}
.p-dropdown__list li li li a {
  padding-left:46px;
}
.p-dropdown__list li li li li a {
  padding-left:60px;
}
.p-dropdown__list .child_menu_button {
  width:50px;
  height:50px;
  position:absolute;
  right:0px;
  top:0px;
  z-index:2;
  cursor:pointer;
}
.p-dropdown__list .child_menu_button:before {
  font-family:"design_plus";
  content:"\e90e";
  text-align:center;
  display:block;
  font-size:14px;
  width:14px;
  height:14px;
  line-height:14px;
  position:absolute;
  right:18px;
  top:20px;
}
.p-dropdown__list li.active > .child_menu_button:before {
  content:"\e911";
}
.p-dropdown__list .child_menu_button:hover {
  color:#ccc;
}


/* 検索 */
.widget_search label {
  display:none;
}
#searchform {
  background:#fff;
  height:60px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#searchform #s {
  border:none;
  background:none;
  padding:0 25px;
  margin:0;
  width:calc(100% - 50px);
  height:60px;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#searchform #searchsubmit {
  border:none;
  background:none;
  width:50px;
  height:60px;
  z-index:200;
  position:relative;
  cursor:pointer;
  display:block;
  text-indent:-300px;
  overflow:hidden;
}
#searchform .submit_button {
  position:relative;
  width:50px;
  height:60px;
  float:right;
  top:1px;
}
#searchform .submit_button:before {
  text-indent:0;
  display:block;
  width:50px;
  height:60px;
  line-height:60px;
  text-align:center;
  cursor:pointer;
  z-index:1;
  position:absolute;
  font-family:"design_plus";
  color:#333;
  font-size:18px;
  content:"\e915";
  right:0px;
  top:0px;
}
#searchform .submit_button:hover:before {
  color:rgba(0,0,0,0.5);
}



/* タグ一覧 */
.tcdw_tag_list_widget ol {
  margin:0 0 -6px 0;
  padding:0;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
}
.tcdw_tag_list_widget ol li {
  margin:0 6px 6px 0;
  padding:0;
  font-size:14px;
}
.tcdw_tag_list_widget ol a {
  display:block;
  background:#fff;
  padding:4px 20px;
  border-radius:5px;
}
.tcdw_tag_list_widget ol a:hover {
  background:#000;
  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;
}
.widget_tag_cloud .tagcloud a:hover {
  background:#000;
  color:#fff;
}


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


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



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


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


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


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


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


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


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


/* カレンダー */
#calendar_wrap {
  padding:0;
  margin:-6px 0 -20px;
}
#wp-calendar {
  margin:0 auto;
  width:100%;
  font-size:11px;
  border-collapse:collapse;
  table-layout:fixed;
}
#wp-calendar caption {
  padding:7px 0;
  font-size:14px;
  font-weight:600;
}
#wp-calendar thead th, #wp-calendar tfoot td {
  padding:12px 10px;
  line-height:2;
}
#wp-calendar thead th {
  font-weight:500;
}
#wp-calendar tbody th, #wp-calendar tbody td {
  padding:0;
  margin:0;
  line-height:1;
  text-align:center;
}
#wp-calendar tbody 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:12px;
}
.wp-calendar-nav .wp-calendar-nav-prev {
  width:40%;
  float:left;
}
.wp-calendar-nav .wp-calendar-nav-next {
  width:40%;
  float:right;
  text-align:right;
}


/* テキストウィジェット */
.textwidget .post_content {
  font-size:14px;
}
.textwidget .post_content p {
  line-height:2;
  margin-bottom:1.5em;
}


/* デフォルトのギャラリー */
.widget_media_gallery .gallery-item {
  margin-top:0 !important;
}




/* ----------------------------------------------------------------------
 404ページ
---------------------------------------------------------------------- */
#page_404_header {
  width:100%;
  height:100vh;
  position:relative;
}
#page_404_header .content {
  position:absolute;
  z-index:3;
  text-align:center;
  width:100%;
  padding:0 50px;
  color:#fff;
  left:50%;
  top:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
#page_404_header .catch {
  line-height:1.4;
}
#page_404_header .desc {
  line-height:2;
  margin:15px 0 0 0;
}
#page_404_header .overlay {
  width:100%;
  height:100%;
  position:absolute;
  z-index:2;
}
#page_404_header .bg_image {
  width:100%;
  height:100%;
  position:absolute;
  z-index:1;
}

#page_404_header .catch, #page_404_header .desc {
  opacity:0;
}
#page_404_header.animate .catch {
  -webkit-animation: opacityAnimation 1.0s ease forwards 0.5s;
          animation: opacityAnimation 1.0s ease forwards 0.5s;
}
#page_404_header.animate .desc {
  -webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
          animation: opacityAnimation 1.0s ease forwards 1.0s;
}
#page_404_button {
  opacity:0;
  display:block;
  height:60px;
  width:60px;
  line-height:60px;
  text-decoration:none;
  z-index:3;
  position:absolute;
  bottom:10px;
  right:0;
  left:0;
  margin:auto;
}
#page_404_button:before {
  color:#fff;
  font-family:"design_plus";
  content:"\e90e";
  font-size:31px;
  display:block;
  position:absolute;
  left:14px;
  bottom:0px;
  margin:auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: slideUpDown 1.2s ease infinite 0s;
          animation: slideUpDown 1.2s ease infinite 0s;
}
#page_404_header.animate #page_404_button {
  -webkit-animation: opacityAnimation 1.0s ease forwards 1.5s;
          animation: opacityAnimation 1.0s ease forwards 1.5s;
}
@-webkit-keyframes slideUpDown {
  0% {
    bottom:10px;
  }
  50% {
    bottom:0px;
  }
  100% {
    bottom:10px;
  }
}
@keyframes slideUpDown {
  0% {
    bottom:10px;
  }
  50% {
    bottom:0px;
  }
  100% {
    bottom:10px;
  }
}




/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
/* 基本設定 */
#comments {
  margin:50px 0 0 0;
}
#comments .headline {
  font-size:22px;
  margin:0 0 40px 0 !important;
  text-align:center;
}


/* コメント・トラックバックのタブ */
#comment_header {
  position:relative;
  margin:0 0 20px;
}
#comment_tab {
  margin:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:        flex;
}
#comment_tab li {
  text-align:center;
  margin:0;
  -webkit-flex: 1 1 0%;
          flex: 1 1 0%;
}
#comment_tab li a, #comment_tab li p {
  font-size:12px;
  padding:15px 15px;
  line-height:1.6;
  display:block;
  text-decoration:none;
  background:#eee;
  color:#000;
}
#comment_tab li a:hover {
  color:#fff;
  background:#999;
}
#comment_tab li.active a {
  background:#000;
}
#comment_tab li.active a, #comment_header #comment_closed p {
  color:#fff;
  position:relative;
}
#comment_tab li.active a {
  pointer-events:none;
}


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


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

.comment-meta-left {
  float:left;
  width:100%;
}
#comments .avatar {
  float:left;
  margin:0 10px 0 0;
  width:40px;
  height:40px;
  border-radius:100%;
}
.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;
  font-size:12px;
}
.comment-date {
  color:#888;
  margin:10px 0 0 0;
}

.comment-act {
  font-size:12px;
  position:absolute;
  right:0px;
  padding:0;
  margin:5px 0 0 0;
}
.comment-act li {
  display:inline;
  margin:0;
}
.comment-reply a, .comment-reply a:visited {
  border-right:1px solid #aaa;
  padding:0 10px 0 0;
  margin:0 6px 0 0;
}
.comment-edit a, .comment-edit a:visited {
  border-left:1px solid #aaa;
  padding:0 0 0 10px;
  margin:0 0 0 6px;
}


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


/* メッセージ、警告文 */
.comment-note {
  display:block;
  font-size: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:15px;
}
.comment_message {
  margin:0 0 25px 0;
}


/* トラックバック */
.commentlist .ping-link {
  margin:0 0 25px 0;
}
.commentlist .ping-meta {
  margin:0 0 15px 0;
}
#trackback_url_area {
  margin:0 0 25px 0;
}
#trackback_url_area label {
  font-size:11px;
  display:block;
  margin:0 0 5px 0;
}
#trackback_url_area input {
  border:1px solid #ddd;
  padding:5px 10px;
  width:100%;
}


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


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

#cancel_comment_reply a {
  background:#eee;
  margin:0 0 1em 0;
  padding:10px;
  text-align:center;
  display:block;
}
#cancel_comment_reply a:hover {
  background:#222;
  color:#fff;
}

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

#comment_login {
  margin:0;
  padding:3px 30px 10px 30px;
}
#comment_login p {
  margin:0;
  padding:12px 0 11px 36px;
  line-height:1;
}
#comment_login a {
  margin:0 0 0 20px;
  padding:0;
}

#guest_info {
  padding:0;
  width:100%;
}
#guest_info div {
  margin:0 0 12px 0;
  text-align:left;
}
#guest_info input {
  margin:0;
  padding:5px 10px;
  border:1px solid #ccc;
  width:100%;
  background:#fff;
  box-shadow:1px 1px 5px 0 rgba(0,0,0,0.1) inset;
}
#guest_info input:focus {
  border:1px solid #999;
}
#guest_info label {
  display:block;
  margin:0 0 10px 0;
  padding:0;
  font-size:12px;
}
#guest_info span {
  margin:0 10px 0 0;
}

#comment_textarea textarea {
  margin:15px 0 0;
  width:100%;
  height:150px;
  font-size:12px;
  overflow:auto;
  padding:10px;
  background:#fff;
  color:#000;
  border:1px solid #ccc;
  box-shadow:1px 1px 5px 0 rgba(0,0,0,0.1) inset;
}
#comment_textarea textarea:focus {
  border:1px solid #999;
}

#submit_comment_wrapper {
  text-align:center;
}
#submit_comment {
  color:#000;
  background:#eee;
  border:none;
  cursor:pointer;
  font-size:14px;
  width:200px;
  height:50px;
  margin:15px auto 0;
  display:block;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
#submit_comment:hover {
  background:#222;
  color:#fff;
}

#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:1.6;
}




/* ----------------------------------------------------------------------
　アニメーションの設定
---------------------------------------------------------------------- */
/* 下から上へスライド */
@-webkit-keyframes slideUp {
  0% {
    bottom:-30px;
  }
  100% {
    opacity:1;
    bottom:0;
  }
}
@keyframes slideUp {
  0% {
    bottom:-30px;
  }
  100% {
    opacity:1;
    bottom:0;
  }
}


/* ズームアウト */
@-webkit-keyframes zoomOut {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.3);
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.3);
  }
}


/* ズームイン */
@-webkit-keyframes zoomIn {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1.0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1.0);
  }
}


/* フェードイン */
@-webkit-keyframes opacityAnimation {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes opacityAnimation {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


/* フェードアウト */
@-webkit-keyframes opacityAnimation2 {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@keyframes opacityAnimation2 {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}


/* 右に移動 */
@-webkit-keyframes moveRight {
  0% {
    opacity:0;
    right:30px;
  }
  100% {
    opacity:1;
    right:0;
  }
}
@keyframes moveRight {
  0% {
    opacity:0;
    right:30px;
  }
  100% {
    opacity:1;
    right:0;
  }
}


/* 左に移動 */
@-webkit-keyframes moveLeft {
  0% {
    opacity:0;
    left:30px;
  }
  100% {
    opacity:1;
    left:0;
  }
}
@keyframes moveLeft {
  0% {
    opacity:0;
    left:30px;
  }
  100% {
    opacity:1;
    left:0;
  }
}


/* 下に移動 */
@-webkit-keyframes moveDown {
  0% {
    opacity:0;
    top:-30px;
  }
  100% {
    opacity:1;
    top:0;
  }
}
@keyframes moveDown {
  0% {
    opacity:0;
    top:-30px;
  }
  100% {
    opacity:1;
    top:0;
  }
}


/* 上に移動 */
@keyframes -webkit-moveUp {
  0% {
    opacity:0;
    bottom:-30px;
  }
  100% {
    opacity:1;
    bottom:0;
  }
}
@keyframes moveUp {
  0% {
    opacity:0;
    bottom:-30px;
  }
  100% {
    opacity:1;
    bottom:0;
  }
}


/* ポップアップ */
@keyframes -webkit-popUp {
  0% {
    transform: scale(0.1);
    opacity:0;
  }
  100% {
    transform: none;
    opacity:1;
  }
}
@keyframes popUp {
  0% {
    transform: scale(0.1);
    opacity:0;
  }
  100% {
    transform: none;
    opacity:1;
  }
}




/* ----------------------------------------------------------------------
 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 2em 0;
}
.post_content p:last-child {
  margin:0;
}
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {
  clear:both;
  line-height:1.4;
  padding:0;
  font-weight:600;
}
.post_content h1 {
  font-size:150%;
  margin:0 0 35px 0;
  text-align:center;
}
.post_content h2 {
  font-size:140%;
  margin:0 0 35px 0;
  text-align:center;
}
.post_content h3 {
  font-size:130%;
  margin:0 0 35px 0;
}
.post_content h4 {
  font-size:120%;
  margin:0 0 30px 0;
}
.post_content h5 {
  font-size:110%;
  margin:0 0 30px 0;
}
.post_content h6 {
  font-size:100%;
  margin:0 0 30px 0;
}


/* 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 #ddd;
  padding:17px 30px;
  line-height:2.2;
  background:#fff;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.post_content th {
  background:#f7f7f7;
  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;
  background:#fff;
  border:1px solid #ccc;
  box-shadow:0px 3px 0px 0px rgba(150,150,150,0.1);
  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:#f8f8f8;
  border:1px solid #ccc;
  padding:5px;
  max-width:100%;
  -webkit-border-radius:5px;
          border-radius:5px;
  -webkit-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 img {
  border: 0 !important;
  display:block;
  margin:0;
}
.gallery-item {
  float:left;
  margin:0 4px 4px 0;
  overflow:hidden;
  position:relative;
}
.gallery-columns-1, .gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9, .gallery-columns-10 {
  margin:0 -4px -4px 0 !important;
}
.gallery-columns-1 .gallery-item {
  max-width:100%;
}
.gallery-columns-2 .gallery-item {
  max-width:calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
  max-width:calc(100% / 3 - 4px);
}
.gallery-columns-4 .gallery-item {
  max-width:calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
  max-width:calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
  max-width:calc(100% / 6 - 4px);
}
.gallery-columns-7 .gallery-item {
  max-width:calc(100% / 7 - 4px);
}
.gallery-columns-8 .gallery-item {
  max-width:calc(100% / 8 - 4px);
}
.gallery-columns-9 .gallery-item {
  max-width:calc(100% / 9 - 4px);
}
.gallery-columns-10 .gallery-item {
  max-width:calc(10% - 4px);
}
.gallery-caption {
  background-color:rgba(0, 0, 0, 0.7);
  color:#fff;
  font-size:12px;
  line-height:1.5;
  margin:0;
  pointer-events:none;
  padding:6px 8px;
  position:absolute;
  bottom:0;
  left:0;
  text-align:left;
  width:100%;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0s;
}
.gallery-item:hover .gallery-caption {
  transform: translate3d(0, 0, 0);
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption {
  display: none;
}
@media screen and (max-width:750px) {
  .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:3px solid #ccc;
  background:#f8f8f8;
  font-size:12px;
  margin:0 0 27px 0;
  line-height:1.7;
  padding:20px;
  overflow:auto;
}

.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 !important;
}
.c-pw__desc.type2 p {
  text-align:center;
}
.c-pw__desc.type3 p {
  text-align:right;
}
.c-pw__btn {
  border:none;
  background:#111;
  color: #fff;
  display: inline-block;
  padding: 0px 20px;
  font-size:14px;
  text-align:center;
  line-height:40px;
  height:40px;
}
.c-pw__btn:hover {
  background:#333;
  color: #fff;
}
.c-pw__btn--register {
  min-width: 160px;
  margin-bottom:32px;
}
.c-pw__btn--submit {
  background:#111;
  color:#fff;
  min-width: 100px;
  border:0;
  cursor:pointer;
  top:-1px;
  position:relative;
}
.c-pw .c-pw__btn:hover {
  text-decoration: none;
}
.c-pw__btn.type2 {
  display:table;
  margin:0 auto 32px;
}
.c-pw__btn.type3 {
  float:right;
}
.c-pw__box {
  width:100%;
  border:1px solid #ddd;
  padding: 25px 36px;
  display:inline-block;
  margin-bottom:40px;
  box-sizing: border-box;
  background:#fff;
}
.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;
  background:#fff;
  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;
}


/* Cardlink style - カードリンクのスタイル */
.cardlink {
  word-wrap: break-word;
  max-width: 100%;
  margin: 45px 0 !important;
  padding: 12px;
  border: 1px solid #ddd;
  background: #fafafa;
}
.cardlink_thumbnail {
  margin-right: 20px;
  float: left;
}
.cardlink_content {
  line-height: 1.6;
}
.cardlink_timestamp {
  display: inline;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 12px;
  line-height: 1.6;
  vertical-align: top;
}
.cardlink_title {
  margin: 0 0 5px;
  font-size: 14px;
}
.cardlink_title a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.cardlink_title a:hover {
  text-decoration: underline;
}
.cardlink_excerpt {
  overflow: hidden;
  color: #333;
  font-size: 12px;
  line-height: 1.8;
}
.cardlink_footer {
  clear: both;
}
.clear {
  clear: both;
}
@media screen and (max-width: 767px) {
  .cardlink_thumbnail {
    float: none;
  }
  .cardlink_timestamp {
    line-height: 2.4;
    vertical-align: middle;
  }
  .cardlink_excerpt {
    float: none;
  }
}


/* Google Mapの設定 */
.p-btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  min-width: 180px;
  height: 50px;
  padding: 0 15px;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-btn {
    height: 45px;
    font-size: 12px;
    line-height: 45px;
  }
}


/* ブロックエディタ */
.wp-block-social-links a {
  color:#fff !important;
}
.has-small-font-size {
  font-size:0.8125em !important;
}
.has-normal-font-size, .has-regular-font-size {
  font-size:1em !important;
}
.has-medium-font-size {
  font-size:1.25em !important;
}
.has-large-font-size {
  font-size:2.25em !important;
}
.has-huge-font-size, .has-larger-font-size {
  font-size:2.625em !important;
}


/* QUADRAから追加分 */
.post_content .underline, .post_content .underline:hover {
  text-decoration:underline;
}
.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 #ccc;
     -moz-box-shadow: 0 6px 6px -6px #ccc;
          box-shadow: 0 6px 6px -6px #ccc;
}
.post_content .s_table {
  overflow: auto;
  white-space: nowrap;
  margin-bottom: 2em;
}
.post_content .s_table table {
  margin-bottom: 0;
}