@charset "utf-8";
/*
Theme Name:ANTHEM
Theme URI:https://tcd-theme.com/tcd083
Description:"ANTHEM" is a WordPress theme that allows you to create great sales pages. It beautifully expresses the features of products and includes a review function. Smart ranking pages also supports product sales.
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.5
Text Domain:tcd-anthem
*/

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




/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
html { scroll-padding-top:100px; }
body { overflow:hidden; 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; }


/* レイアウト */
#container { position:relative; height:100%; }
#main_contents { width:1200px; margin:0 auto; padding:0 0 150px 0; position:relative; }
.page-template-default #main_contents { padding:45px 0 140px; }
#main_col { width:800px; float:left; }
#side_col { width:350px; float:right; }
body.layout_type2 #main_col { float:right; }
body.layout_type2 #side_col { float:left; }
body.layout_type3 #main_col { width:1000px; float:none; margin-right:auto; margin-left:auto; }




/* ----------------------------------------------------------------------
 メガメニュー
---------------------------------------------------------------------- */
.pc .megamenu_button + ul { display:none !important; }



/* メガメニューA */
.megamenu_product_category_list {
  opacity:0; pointer-events:none; overflow:hidden; width:100%; position:absolute; top:160px; z-index:500; left:0; right:0; margin:auto; background:#222;
  -webkit-transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;
  transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
.megamenu_product_category_list.active_mega_menu {
  opacity:1; pointer-events:initial; top:140px;
}
.pc .header_fix .megamenu_product_category_list { top:100px; }
.pc .header_fix .megamenu_product_category_list.active_mega_menu { top:80px; }
.megamenu_product_category_list_inner {
  width:1200px; height:360px; position:relative; margin:0 auto;
}
.megamenu_product_category_list .category_list {
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.megamenu_product_category_list .item {
  -ms-flex: 1 1 0%; -webkit-flex: 1 1 0%; flex: 1 1 0%;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_product_category_list .item a { display:block; position:relative; width:100%; height:100%; }
.megamenu_product_category_list .image_wrap { display:block; width:100%; height:170px; position:relative; z-index:1; overflow:hidden; }
.megamenu_product_category_list .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
.megamenu_product_category_list .title_area {
  height:190px; width:100%; color:#fff; border-right:1px solid #444; text-align:center;
  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;
  -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.megamenu_product_category_list .item:first-of-type .title_area { border-left:1px solid #444; }
.megamenu_product_category_list .title { line-height:1.8; font-size:16px; font-weight:500; }
.megamenu_product_category_list .sub_title {
    display: block;
    font-size: 12px;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
}


/* メガメニューB */
.megamenu_blog_list {
  opacity:0; pointer-events:none; width:100%; height:360px; position:absolute; top:160px; z-index:500; left:0; right:0; margin:auto;
  -webkit-transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;
  transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
.megamenu_blog_list.active_mega_menu {
  opacity:1; pointer-events:initial; top:140px;
}
.pc .header_fix .megamenu_blog_list { top:100px; }
.pc .header_fix .megamenu_blog_list.active_mega_menu { top:80px; }
.megamenu_blog_list_inner {
  width:1200px; height:360px; margin:0 auto; position:relative; overflow:hidden;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_blog_list_inner:before { content:''; display:block; width:1px; height:360px; background:#444; position:absolute; top:0px; left:0px; z-index:1; }
.megamenu_blog_list_inner:after { content:''; display:block; width:1px; height:360px; background:#444; position:absolute; top:0px; right:0px; z-index:1; }
.megamenu_blog_list .menu_area {
  position:relative; z-index:2;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.megamenu_blog_list .menu_area li {
  text-align:center; height:60px; line-height:60px; cursor:pointer; font-weight:600;
  -ms-flex: 1 1 0%; -webkit-flex: 1 1 0%; flex: 1 1 0%;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_blog_list .menu_area li a { display:block; background:#008a98; color:#fff; }
.megamenu_blog_list .menu_area li.active a { background:none; color:#008a98; }
.megamenu_blog_list .post_list_area { height:300px; width:100%; }
.megamenu_blog_list .post_list { padding:40px 24px; }
.megamenu_blog_list .item { float:left; width:270px; margin:0 24px 0 0; position:relative; }
.megamenu_blog_list .item:last-of-type { margin:0; }
.megamenu_blog_list .item a { display:block; }
.megamenu_blog_list .image_wrap { display:block; width:100%; height:134px; margin:0 0 15px 0; position:relative; z-index:1; overflow:hidden; }
.megamenu_blog_list .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
.megamenu_blog_list .title_area { position:relative; height:80px; }
.megamenu_blog_list .title {
  color:#fff; font-weight:500; font-size:14px; line-height:2; max-height:4em; overflow:hidden; visibility:visible;
  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.megamenu_blog_list .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.megamenu_blog_list .date { position:absolute; bottom:0px; color:#fff; font-size:12px; color:#999; }



/* ----------------------------------------------------------------------
 デザインページ（ランディングページ）
---------------------------------------------------------------------- */
#design_page1 { margin:0 auto; position:relative; }
.design1_content .content_header .catch { line-height:1.5; }



/* ----------------------------------------------------------------------
 トップページ（ヘッダーコンテンツ）
---------------------------------------------------------------------- */
#header_slider {
  width:100%; height:820px; overflow:hidden; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
#header_slider_content { position:relative; z-index:5; }
#header_slider .item { width:100%; height:820px; position:relative; }
#header_slider .caption { width:1200px; height:100%; margin:0 auto; z-index:4; position:relative; text-align:left; }
#header_slider .item.text_layout_type2 .caption { text-align:center; }
#header_slider .item.text_layout_type3 .caption { text-align:right; }
#header_slider .caption_inner {
  position:absolute; width:100%; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
#header_slider .catch { line-height:1.4; -ms-word-wrap: break-word; word-wrap: break-word; position:relative; font-weight:500; }
#header_slider .desc { margin:25px 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:35px; 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.button_animation_type3:before { transform: skewX(45deg); width:calc(100% + 60px); left:calc(-100% - 100px); }
#header_slider .button.button_animation_type2:hover:before { left:0; }
#header_slider .button.button_animation_type3:hover:before { left:-30px; }
#header_slider .item.text_layout_type1 .caption_inner { left:0px; }
#header_slider .item.text_layout_type2 .caption_inner { top:50%; -ms-transform: translateY(50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#header_slider .item.text_layout_type3 .caption_inner { right:0px; }
#header_slider .layer_image {
  position:absolute; top:0px; left:0px; z-index:3; width:100%; height:100%;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#header_slider .layer_image img { max-width:100%; display:block; position:relative; }
#header_slider .layer_image img.mobile { display:none; }
#header_slider .item.image_layout_type1 .layer_image { -ms-justify-content:flex-start; -webkit-justify-content:flex-start; justify-content:flex-start; }
#header_slider .item.image_layout_type2 .layer_image { -ms-justify-content:center; -webkit-justify-content:center; justify-content:center; }
#header_slider .item.image_layout_type3 .layer_image { -ms-justify-content:flex-end; -webkit-justify-content:flex-end; justify-content:flex-end; }
#header_slider .item.image_layout2_type1 .layer_image { -ms-align-items:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
#header_slider .item.image_layout2_type2 .layer_image { -ms-align-items:center; -webkit-align-items:center; align-items:center; }
#header_slider .item.image_layout2_type3 .layer_image { -ms-align-items:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
#header_slider .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; }
#header_slider .bg_image { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
#header_slider .bg_image.mobile { display:none; }


/* 背景画像 */
#header_slider .image { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
#header_slider .image.mobile { display:none; }


/* 動画・YouTube */
#index_video { margin: 0 auto; width:100%; position:absolute; }
#index_video.type1 { top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#index_video.type2 { top:0px; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#index_video_inner { padding-top:56.25%; position:relative; width:100%; }
#index_video_mp4, #youtube_video_player { height:100% !important; position:absolute; left:0; top:0; width:100% !important; }


/* ドットナビゲーション */
#header_slider .slick-dots { position:absolute; bottom:23px; left:0px; width:100%; z-index:10; text-align:center; }
#header_slider .slick-dots li { display:inline-block; width:14px; height:14px; margin:0 7px; font-size:12px; }
#header_slider .slick-dots button { cursor:pointer; border:none; color:transparent; width:14px; height:14px; display:block; font-size:0; background:none; position:relative; }
#header_slider .slick-dots button::before { content:''; display:block; width:14px; height:14px; line-height:14px; background:none; border:1px solid #fff; border-radius:20px; position: absolute; top:0; left:0; }
#header_slider .slick-dots button:hover::before, #header_slider .slick-dots .slick-active button::before { background:#00a7ce; border-color:#00a7ce; }


/* テキストアニメーションの設定 */
#header_slider_content .catch, #header_slider_content .desc, #header_slider_content .button {
  opacity:0; position:relative;
}
#header_slider_content .catch.animate, #header_slider_content .desc.animate, #header_slider_content .button.animate {
  -webkit-animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 1.0s;
  animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 1.0s;
}


/* レイヤー画像のアニメーションの設定 */
#header_slider_content .layer_image img { opacity:0; }
#header_slider_content .item.animation_type1 .layer_image img { opacity:1; }
#header_slider_content .item.animation_type2 .layer_image.animate img {
  -webkit-animation: opacityAnimation 2.0s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
  animation: opacityAnimation 2.0s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
}
#header_slider_content .item.animation_type3 .layer_image.animate img {
  -webkit-animation: moveRight 1.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
  animation: moveRight 1.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
}
#header_slider_content .item.animation_type4 .layer_image.animate img {
  -webkit-animation: moveLeft 1.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
  animation: moveLeft 1.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
}


/* 背景画像のアニメーション */
#header_slider_content .item.bg_animation_type1.animate .bg_image {
  -webkit-animation: zoomIn 30s; animation: zoomIn 30s;
}
#header_slider_content .item.bg_animation_type2.animate .bg_image {
  -webkit-animation: zoomOut 30s; animation: zoomOut 30s;
}
#header_slider_content .item.bg_animation_type3.animate .bg_image {
  width:-webkit-calc(100% + 200px); height:-webkit-calc(100% + 200px); width:calc(100% + 200px); height:calc(100% + 200px);
  -webkit-animation: bg_image_move_right 30s; animation: bg_image_move_right 30s;
}
#header_slider_content .item.bg_animation_type4.animate .bg_image {
  width:-webkit-calc(100% + 200px); height:-webkit-calc(100% + 200px); width:calc(100% + 200px); height:calc(100% + 200px);
  -webkit-animation: bg_image_move_left 30s; animation: bg_image_move_left 30s;
}
#header_slider_content .item.bg_animation_type5.animate .bg_image {
  width:-webkit-calc(100% + 200px); height:-webkit-calc(100% + 200px); width:calc(100% + 200px); height:calc(100% + 200px);
  -webkit-animation: bg_image_move_up 30s; animation: bg_image_move_up 30s;
}
#header_slider_content .item.bg_animation_type6.animate .bg_image {
  width:-webkit-calc(100% + 200px); height:-webkit-calc(100% + 200px); width:calc(100% + 200px); height:calc(100% + 200px);
  -webkit-animation: bg_image_move_down 30s; animation: bg_image_move_down 30s;
}
/* 右に移動 */
@-webkit-keyframes bg_image_move_right {
  0% { transform: translate3d(-200px,0,0); }
  100% { transform: translate3d(0px,0,0); }
}
@keyframes bg_image_move_right {
  0% { transform: translate3d(-200px,0,0); }
  100% { transform: translate3d(0px,0,0); }
}
/* 左に移動 */
@-webkit-keyframes bg_image_move_left {
  0% { transform: translate3d(0px,0,0); }
  100% { transform: translate3d(-200px,0,0); }
}
@keyframes bg_image_move_left {
  0% { transform: translate3d(0px,0,0); }
  100% { transform: translate3d(-200px,0,0); }
}
/* 上に移動 */
@-webkit-keyframes bg_image_move_up {
  0% { transform: translate3d(0,0,0); }
  100% { transform: translate3d(0,-200px,0); }
}
@keyframes bg_image_move_up {
  0% { transform: translate3d(0,0,0); }
  100% { transform: translate3d(0,-200px,0); }
}
/* 下に移動 */
@-webkit-keyframes bg_image_move_down {
  0% { transform: translate3d(0,-200px,0); }
  100% { transform: translate3d(0,0,0); }
}
@keyframes bg_image_move_down {
  0% { transform: translate3d(0,-200px,0); }
  100% { transform: translate3d(0,0,0); }
}


/* ヘッダーカルーセル */
#header_carousel_wrap { padding:0 0 10px; }
#header_carousel_wrap .headline { text-align:center; font-size:24px; height:60px; line-height:60px; }
#header_carousel { }
#header_carousel .item { width:350px; height:215px; }
#header_carousel .item a { display:block; width:100%; height:100%; }
#header_carousel .image_wrap { display:block; width:100%; height:100%; position:relative; z-index:1; overflow:hidden; }
#header_carousel .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }


/* ニュースティッカー */
#index_news { display:block; height:60px; width:100%; overflow:hidden; background:#f5f5f5; }
#index_news_inner { width:1200px; margin:0 auto; position:relative; text-align:center; }
#index_news_slider { }
#index_news_slider a {
  display:block; height:60px; line-height:60px;
  overflow:hidden; white-space: nowrap; text-overflow: ellipsis; visibility:visible;
}
#index_news_slider a .date { color:#00a7ce; display:inline; font-size:14px; margin:0 15px 0 0; position:relative; }
#index_news_slider a .title {
  font-size:14px; font-weight:500; display:inline;
  -webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}
#index_news .archive_link {
  display:block; font-size:14px; width:150px; position:absolute; right:0px; top:0px; text-align:right; height:60px; line-height:60px;
  -webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}
#index_news .archive_link:after {
  font-family:'design_plus'; content:'\e910'; font-size:12px; top:1px; position:relative; margin:0 0 0 12px;
  -webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}


/* ----------------------------------------------------------------------
 その他のページ
---------------------------------------------------------------------- */
/* 404ページ*/
#page_404_header { width:100%; height:calc(100vh - 140px); position:relative; }
body.no_header #page_404_header { height:100vh; }
#page_404_header .catch_area {
  position:absolute; z-index:2; text-align:center; width:100%; padding:0 50px;
  left:50%; top:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#page_404_header .catch { font-size:48px; font-weight:500; }
#page_404_header .desc { font-size:16px; font-weight:500; margin:20px 0 0 0; }
#page_404_header .overlay { 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:100; position:absolute; bottom:10px; right:0; left:0; margin:auto; z-index:2;
}
#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; }
}




/* ----------------------------------------------------------------------
 ページヘッダー
---------------------------------------------------------------------- */
#page_header { height:500px; position:relative; overflow:hidden; z-index:100; }
#page_header_inner { width:1200px; height:100%; margin:0 auto; z-index:3; position:relative; }
#page_header .bg_image { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
#page_header .bg_image.mobile { display:none; }
#page_header .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; }
#page_header .caption {
  width:100%; z-index:3; position:absolute; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
#page_header.text_layout_type1 .caption { text-align:left; }
#page_header.text_layout_type2 .caption { text-align:center; }
#page_header.text_layout_type3 .caption { text-align:right; }
#page_header .catch { font-size:36px; color:#fff; line-height:1.3; -ms-word-wrap: break-word; word-wrap: break-word; position:relative; font-weight:500; }
#page_header .sub_title { font-size:16px; color:#fff; line-height:1; margin:0 0 15px 0; position:relative; }
#page_header .desc { line-height:2.4; color:#fff; font-size:16px; margin:20px 0 0 0; }
#page_header .desc .mobile { display:none; }
#page_header .title_area {
  position:absolute; width:100%; bottom:0px;z-index:4; background:rgba(0,0,0,0.7); height:70px
  -webkit-transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.0s;
  transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.0s;
}
#page_header .title_area_inner { width:1200px; height:70px; margin:0 auto; position:relative; }
#page_header .title { color:#fff; font-size:34px; text-align:center; line-height:70px; }
#page_header .link_button {
  color:#fff; position:absolute; right:0px; top:14px; min-width:180px; height:40px; line-height:40px; border-radius:40px; overflow:hidden;
  text-align:center; border:1px solid #fff; padding:0 20px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
#page_header .link_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;
}
#page_header .link_button.button_animation_type3:before { transform: skewX(45deg); width:calc(100% + 60px); left:calc(-100% - 100px); }
#page_header .link_button.button_animation_type2:hover:before { left:0; }
#page_header .link_button.button_animation_type3:hover:before { left:-30px; }
#page_header .layer_image {
  z-index:1; width:100%; height:100%; position:relative;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#page_header .layer_image img { display:block; position:relative; }
#page_header .layer_image img.mobile { display:none; }
#page_header.image_layout_type1 .layer_image { -ms-justify-content:flex-start; -webkit-justify-content:flex-start; justify-content:flex-start; }
#page_header.image_layout_type2 .layer_image { -ms-justify-content:center; -webkit-justify-content:center; justify-content:center; }
#page_header.image_layout_type3 .layer_image { -ms-justify-content:flex-end; -webkit-justify-content:flex-end; justify-content:flex-end; }
#page_header.image_layout2_type1 .layer_image { -ms-align-items:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
#page_header.image_layout2_type2 .layer_image { -ms-align-items:center; -webkit-align-items:center; align-items:center; }
#page_header.image_layout2_type3 .layer_image { -ms-align-items:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }


/* テキストアニメーションの設定 */
#page_header .catch, #page_header .sub_title, #page_header .desc {
  opacity:0; position:relative;
}
#page_header .catch.animate, #page_header .sub_title.animate, #page_header .desc.animate {
  -webkit-animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 1.0s;
  animation: slideUp 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 1.0s;
}
#page_header .title_area { bottom:-70px; }
#page_header .title_area.animate { bottom:0px; }


/* レイヤー画像のアニメーションの設定 */
#page_header .layer_image img { opacity:0; }
#page_header.animation_type1 .layer_image img { opacity:1; }
#page_header.animation_type2 .layer_image.animate img {
  -webkit-animation: opacityAnimation 2.0s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
  animation: opacityAnimation 2.0s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
}
#page_header.animation_type3 .layer_image.animate img {
  -webkit-animation: moveRight 1.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
  animation: moveRight 1.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
}
#page_header.animation_type4 .layer_image.animate img {
  -webkit-animation: moveLeft 1.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
  animation: moveLeft 1.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
}


/* コンテンツの見出し */
.content_header { padding:94px 0 90px 0; }
.content_header .catch { line-height:1.4; font-weight:500; font-size:38px; text-align:center; }
.content_header .desc { line-height:2.4; font-size:16px; margin:20px 0 0 0; text-align:center; }
.content_header .catch .mobile { display:none; }
.content_header .desc .mobile { display:none; }


/* コンテンツリンクボタン */
#header_category_button_wrap { background:#008a98; height:60px; position:relative; top:-60px; }
#header_category_button_wrap.animate_item{ opacity:0;}
#header_category_button_wrap.animate_item.animate {
  top:0px; opacity:1;
  -webkit-transition: top 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.0s;
  transition: top 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.0s;
}
body.single-product #header_category_button_wrap { top:0px !important; }
body.fixed_content_link #header_category_button_wrap { position:fixed; top:0px; left:0px; width:100%; z-index:99999; }
body.fixed_content_link { padding-top:60px !important; }
#header_category_button, #header_category_button ol{width:auto !important;}
#header_category_button { width:1200px; height:60px; position:relative; margin:0 auto; }
#header_category_button ol {
  width:100%;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#header_category_button li {
  line-height:1; text-align:center; z-index:3;
　-ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto;
}
#header_category_button.type2 li {
  -ms-flex: 1 1 0%; -webkit-flex: 1 1 0%; flex: 1 1 0%;
}
#header_category_button li.moving { pointer-events:none; }
#header_category_button a { display:block; color:#fff; height:60px; line-height:60px; }
#header_category_button .slide_item { position:absolute; left:0px; top:0; height:60px; background:#006e7d; z-index:2; }
#header_category_button .slide_item.animate {
 -webkit-transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;
  transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}




/* ----------------------------------------------------------------------
 ブログアーカイブページ
---------------------------------------------------------------------- */
#blog_archive { margin:0 auto; padding:100px 0 150px; background:#f4f4f4; }
body.no_page_nav #blog_archive { padding-bottom:90px; }


/* アーカイブページ */
#blog_list {
  width:1200px; margin:0 auto;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#blog_list .item { width:calc(100% / 3 - 40px); position:relative; margin:0 60px 60px 0; }
#blog_list .item:nth-child(3n) { margin-right:0; }
#blog_list .image_link { display:block; background:none; }
#blog_list .image_wrap { margin:0 0 25px 0; display:block; width:100%; height:180px; position:relative; z-index:1; overflow:hidden; }
#blog_list .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
#blog_list .title { font-weight:600; font-size:18px; line-height:1.8; max-height:3.6em; height:3.6em; overflow:hidden; visibility:visible; }
#blog_list .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#blog_list .title a { color:#2c8a95; }
#blog_list .desc { line-height:2.2; max-height:4.4em; height:4.4em; overflow:hidden; visibility:visible; margin:13px 0 0 0; }
#blog_list .desc span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#blog_list .meta { margin:10px 0 0 0; }
#blog_list li { color:#999; font-size:12px; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ddd; float:left; }
#blog_list li:last-of-type { border:none; }
#blog_list li a { color:#999; display:none; }
#blog_list li a:last-of-type { display:block; }


/* ページナビ */
.page_navi { margin: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 -1px 0 0; }
.page_navi a, .page_navi a:hover, .page_navi span {
  color:#000; background:#fff; border:1px solid #ddd; font-size:14px; width:45px; height:45px; line-height:45px; display:inline-block; text-align:center;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.page_navi a:hover { color:#fff; }
.page_navi span.dots { background:none; color:#333; }
.page_navi span.current { color:#fff; background:#000; border-color:#000; position:relative; }

.page_navi .next, .page_navi .prev { }
.page_navi .next span, .page_navi .prev span { display:none; }
.page_navi .next:before, .page_navi .prev:before {
  font-family:'design_plus'; font-size:11px; top:1px; position:relative;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.page_navi .prev:before { content:'\e90f'; }
.page_navi .next:before { content:'\e910'; }
.page_navi .prev:hover:before, .page_navi .next:hover:before { color:#fff; }


/* 記事が無い場合に表示するメッセージ */
#no_post { text-align:center; height:50px; line-height:50px; font-size:14px; margin-bottom:-50px; }




/* ----------------------------------------------------------------------
 お知らせ　アーカイブページ
---------------------------------------------------------------------- */
#news_archive { padding:30px 0 0 0; border-top:1px solid #ddd; }
#news_archive #main_col {
  background:#fff; border:1px solid #ddd; padding:60px 30px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#news_archive .headline { font-size:36px; text-align:center; line-height:1; margin:0 0 60px; }
#news_archive .page_navi { margin:60px 0 0 0; }


/* 記事一覧 */
#news_list { position:relative; }
#news_list .item { position:relative; }
#news_list a { display:block; height:185px; }
#news_list .image_wrap { display:block; width:370px; height:100%; float:left; position:relative; z-index:1; overflow:hidden; }
#news_list .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
#news_list .title_area {
  border:1px solid #ddd; border-left:none; border-bottom:none;
  width:calc(100% - 370px); float:left; background:#fff; height:100%; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#news_list .item:last-of-type .title_area { border-bottom:1px solid #ddd; }
#news_list .title_area_inner { padding:0 30px; position:absolute; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#news_list .date { font-size:12px; color:#999; margin:8px 0 0 0; }
#news_list .title {
  font-weight:500; line-height:1.8; max-height:5.4em; font-size:18px; overflow:hidden; visibility:visible; width:100%;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#news_list .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }




/* ----------------------------------------------------------------------
 お知らせ　詳細ページ
---------------------------------------------------------------------- */
#news_single { padding:30px 0 0 0; border-top:1px solid #ddd; }





/* ----------------------------------------------------------------------
 ブログ　詳細ページ
---------------------------------------------------------------------- */
.post_content a:hover { text-decoration:none; }
#blog_single { padding:30px 0 0 0; border-top:1px solid #ddd; }

#article { background:#fff; padding:0 0 50px 0; }
#article .post_content { padding:45px 50px 0; }

/* タイトル */
#post_title_area { padding:45px 50px 0; position:relative; }
#post_title_area .title { font-size:26px; line-height:1.5; font-weight:500; }
#post_title_area .meta { margin:15px 0 0 0; }
#post_title_area .meta li { float:left; font-size:12px; color:#999; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ddd; }
#post_title_area .meta li:last-of-type { border:none; margin:0; padding:0; }
#post_title_area .category a { color:#999; }
#post_title_area .category a:after { content:','; margin:0 5px 0 0; }
#post_title_area .category a:last-of-type:after { display:none; }
#post_title_area .update { position: relative; bottom: 1px; }
#post_title_area .update:before { position: relative; font-family:'update_icon'; content:'\e140'; font-size:12px; padding: 0 5px 0 0px; top: 1px;}


/* アイキャッチ画像 */
#post_image { margin:45px 0 47px 0; width:100%; height:460px; }


/* SNSボタン */
#single_share_top { margin:0 50px 45px; padding:12px 0 0 0; }
#single_share_top .share-top { margin:0; }
#single_share_bottom { margin:50px 50px 0; }
#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 { background:#fff; border:3px solid #ccc; cursor:pointer; line-height:54px; min-width:300px; padding: 0 5px;
  -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.copied { background:#ccc; color:#fff; pointer-events:none; }
#single_copy_title_url_top { margin:0 0 38px 0; }
#single_copy_title_url_bottom { margin:45px 0 0; }


/* ページ分割 */
#post_pagination { margin:0; padding:18px 0 0px 0; clear:both; font-size:0; text-align:center; }
#post_pagination a, #post_pagination p {
  color:#000; background:#fff; border:1px solid #ddd; font-size:12px; display:inline-block; margin:0 -1px 0 0; width:45px; height:45px; line-height:45px; text-align:center; text-decoration:none;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#post_pagination p { position:relative; background:#000; border-color:#000; color:#fff; }
#post_pagination a:hover { background:#000; border-color:#000; color:#fff; }


/* ページ分割（続きを読むver） */
#p_readmore { text-align:center; padding:0; margin-bottom:-14px; }
#p_readmore .button {
  background:#eee; color:#000; display:inline-block; height:50px; line-height:50px; min-width:220px; padding:0 40px; text-decoration:none;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#p_readmore .button:hover { background:#333; color:#fff; }


/* メタ情報 */
#post_meta_bottom { margin:45px 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; }


/* プロフィール */
.author_profile {
  background:#fff; border:1px solid #ddd; margin:50px 50px 0; padding:30px; position:relative;
  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;
}
#blog_archive .author_profile { width:1200px; margin:0 auto 100px; padding:50px; border:none; }
.author_profile a.avatar { display:block; width:120px; height:120px; border-radius:100%; position:relative; overflow:hidden; z-index:2; }
.author_profile img.avatar { display:block; width:100%; height:auto; }
.author_profile .info {
  padding:0 0 0 30px; -webkit-width:calc(100% - 120px); width:calc(100% - 120px); position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#blog_archive .author_profile .info { padding:0 0 0 50px; }
.author_profile .name { font-size:20px; margin:0 0 12px 0; font-weight:500; }
.author_profile .desc { margin:0; font-size:14px; line-height:2; }
#blog_archive .author_profile .desc { font-size:16px; }
.author_profile .author_link { margin:10px 0 -5px -5px; font-size:0; }
.author_profile .author_link li { display:inline-block; margin:0 10px 0 0; position:relative; }
.author_profile .author_link li a {
  display:block; overflow:hidden; width:20px; height:20px; line-height:20px; text-align:center; position:relative;
}
.author_profile .author_link li a span { display:none; }
.author_profile .author_link li a:before {
  font-family:'design_plus'; font-size:14px; display:block;
  position:absolute; top:1px; left:0; right:0; margin:auto;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.author_profile .author_link li a:hover:before { color:#aaa; }
.author_profile .author_link li.twitter a:before { content:'\e904'; }
.author_profile .author_link li.facebook a:before { content:'\e902'; }
.author_profile .author_link li.insta a:before { content:'\ea92'; }
.author_profile .author_link li.pinterest a:before { content:'\e905'; }
.author_profile .author_link li.google a:before { content:'\e900'; }
.author_profile .author_link li.youtube a:before { font-family: 'footer_bar'; content: "\ea9d"; }
.author_profile .author_link li.contact a:before { content:'\f003'; }
.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; position:relative; }
#related_post .headline { font-weight:600; font-size:22px; padding:0 25px; background:#000; color:#fff; height:60px; line-height:60px; }
#related_post .item { height:160px; position:relative; background:#fff; }
#related_post .image_link { float:left; width:320px; height:100%; display:block; background:none; }
#related_post .image_wrap { display:block; width:100%; height:100%; position:relative; z-index:1; overflow:hidden; }
#related_post .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
#related_post .title_area {
  width:calc(100% - 320px); float:left; height:100%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#related_post .title_area_inner {
  padding:0 50px; width:100%;
  position:absolute; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#related_post .title { font-weight:500; font-size:16px; line-height:1.6; max-height:3.2em; overflow:hidden; visibility:visible; }
#related_post .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#related_post .meta { margin:15px 0 0 0; }
#related_post .meta li { float:left; font-size:12px; color:#999; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ddd; }
#related_post .meta li:last-of-type { border:none; margin:0; padding:0; }
#related_post .category a { color:#999; }
#related_post .category a:after { content:','; margin:0 5px 0 0; }
#related_post .category a:last-of-type:after { display:none; }


/* 広告 */
#single_banner_top { margin:0 auto; padding:10px 0 45px; }
#single_banner_bottom { margin:50px auto 0; }
#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 50px 0; }
#next_prev_post .item { float:left; height:120px; width:50%; position:relative; }
#next_prev_post a {
  display:block; position:relative; width:100%; height:100%; border:1px solid #ddd; background:#fff;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#next_prev_post a:before {
  content:''; font-family:'design_plus'; color:#111; font-size:12px; display:block;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:'\e90f'; position:absolute; left:23px; margin-top:2px;
  top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#next_prev_post .next_post a:before { content:'\e910'; left:auto; right:23px; }
#next_prev_post .title {
  font-size:16px; line-height:1.6; max-height:3.2em; overflow:hidden; position:absolute; width:100%; padding:0 30px 0 57px; visibility:visible;
  top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#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 { float:right; left:-1px; position:relative; }
#next_prev_post .next_post .title { padding:0 57px 0 30px; }




/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header { z-index:300; position:relative; }
#header_top_inner {
  height:60px; width:1200px; margin:0 auto; position:relative;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#header_bottom { position:relative; z-index:2; background:#fff; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; }
#header_bottom_inner { width:1200px; height:80px; margin:0 auto; position:relative; }
#drawer_menu { display:none; }
body.hide_header_image.hide_content_link #header, body.author #header { border-bottom:1px solid #ddd; }


/* 説明文 */
#site_description {
  height:60px; position:relative; font-weight:500;
  -ms-flex: 1 1 0%; -webkit-flex: 1 1 0%; flex: 1 1 0%;
}
#site_description span {
  display:block; line-height:1.6; position:relative; padding-right:20px;
  top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}


/* 検索フォーム */
#header_search { width:300px; height:60px; position:relative; overflow:hidden; }
#header_search .input_area input {
  width:250px; color:#fff; height:35px; padding:5px 10px; border:none; background:none; background:rgba(255,255,255,0.3); z-index:1;
  position:absolute; left:250px; top:12px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#header_search:hover .input_area input, #header_search.active .input_area input { left:0px; }
#header_search .button input { background:none; width:50px; height:60px; border:none; position:absolute; right:0px; pointer-events:none; z-index:2; }
#header_search .button label { background:#222; display:block; width:50px; height:60px; position:absolute; top:0px; right:0px; cursor:pointer; z-index:2; }
#header_search .button label:before {
  font-family:'design_plus'; color:#fff; font-size:18px; content:'\e915'; display:block; position:relative; top:21px; left:16px;
  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
#header_search .button label:hover:before { color:#0b8a97; }


/* 言語ボタン */
#lang_button { font-family:Arial !important; text-align:center; font-size:0; }
#lang_button li { display:inline-block; font-size:15px; font-weight:600; margin:0 0 0 20px; }
#lang_button li:first-of-type { margin:0; }
#lang_button li.active a { color:#999; pointer-events:none; }
#lang_button li a { display:block; height:60px; line-height:60px; }
#lang_button li a:hover {  }
#lang_mobile_button { display:none; }
#lang_button_mobile { display:none; }


/* ロゴ */
#header_logo {
  position:absolute; left:0px; z-index:3;
  top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#header_logo .logo { line-height:1; margin:0; padding:0; font-weight:500; display:block; }
#header_logo .logo a { }
#header_logo img { display:block; margin:0 auto; -webkit-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; }
#header_logo img:hover { opacity:0.5; }
#header_logo .pc_logo_image.type1 { display:none; }
#header_logo .pc_logo_image.type2 { display:block; }
#header_logo .mobile_logo_image { display:none; }
#header_logo .mobile_logo_text { display:none; }


/* グローバルメニュー */
#global_menu { text-align:center; }
#global_menu > ul { position:relative; margin:0; font-size:0; }
#global_menu > ul > li { display:inline-block; position:relative; line-height:1; text-align:center; font-size:16px; }
#global_menu > ul > li > a {
  padding:0 15px; text-decoration:none; height:80px; line-height:80px; display:block; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#global_menu ul ul { display:none; width:100%; min-width:240px; position:absolute; top:80px; left:0px; margin:0; padding:0; z-index:100; }
#global_menu ul ul ul { left: 100%; top:0 !important; margin:0; }
#global_menu ul ul li {
    line-height: 1.5;
    font-size: 14px;
    padding: 0;
    margin: 0;
    text-align: left;
    position: relative;
    display: block;
}
#global_menu ul ul a { background:#000; color:#fff; display:block; position:relative; padding:14px 16px 12px; height:auto; line-height:1.6; margin:0; }
#global_menu ul ul a:hover { text-decoration:none; background:#444; }

#global_menu ul ul li.menu-item-has-children > a:before {
  font-family:'design_plus'; content:'\e910'; color:#fff; display:block; position:absolute; right:9px; top:19px; font-size:10px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}


/* メニューボタン */
#menu_button { display:none; }


/* SNSボタン */
#header_sns {
  z-index:20; text-align:center; position:absolute; right:-4px; top:0px; font-size:0;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.header_sns li { display:inline-block; position:relative; }
.header_sns li a { display:block; overflow:hidden; width:30px; height:80px; line-height:80px; text-align:center; position:relative; }
.header_sns li a span { display:none; }
.header_sns li a:before {
  font-family:'design_plus'; font-size:15px; display:block;
  position:absolute; top:1px; left:0; right:0;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.header_sns li a:hover:before { }
.header_sns li.twitter a:before { content:'\e904'; }
.header_sns li.facebook a:before { content:'\e902'; }
.header_sns li.insta a:before { content:'\ea92'; }
.header_sns li.pinterest a:before { content:'\e905'; }
.header_sns li.google a:before { content:'\e900'; }
.header_sns li.youtube a:before { font-family: 'footer_bar'; content: "\ea9d"; }
.header_sns li.contact a:before { content:'\f003'; }
.header_sns li.rss a:before { content:'\e90b'; }


/* 固定ヘッダー */
.pc .header_fix { padding-top:140px; }/* #header_inner height + #header margin bottom */
.pc .hide_header.header_fix { padding-top:0; }
.pc .header_fix #header {
  position:fixed; opacity:1; top:0px; left:0px; z-index:200; width:100%; box-shadow:0 0 15px 5px rgba(0,0,0,0.1); border-bottom:none;
  -webkit-animation: slide_down_menu 0.5s ease !important; animation: slide_down_menu 0.5s ease !important;
}
.pc body.hide_header_image.hide_content_link.header_fix #header { border-bottom:none; }
.pc .header_fix #header_top { display:none; }
.pc .admin-bar.header_fix { padding-top:190px; }
.pc .use_fixed_content_link.header_fix { padding-top:0px; }
.pc .use_fixed_content_link.header_fix #header { position:relative; }
.pc .use_fixed_content_link.header_fix #header_top { display:block; }
.pc .hide_content_link.use_fixed_content_link.header_fix { padding-top:140px !important; }
.pc .hide_content_link.use_fixed_content_link.header_fix #header { position:fixed; }
.pc .hide_content_link.use_fixed_content_link.header_fix #header_top { display:none; }
@-webkit-keyframes slide_down_menu {
  0% { top:-80px; }
  100% { top:0px; }
}
@keyframes slide_down_menu {
  0% { top:-80px; }
  100% { top:0px; }
}


/* パンくずリンク */
#bread_crumb { margin:0 auto; width:1200px; }
body.layout_type3 #bread_crumb { width:1000px; }
#bread_crumb ul { 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; padding:0; position:relative; }
#bread_crumb li:after {
  font-family:'design_plus'; content:'\e910'; font-size:10px; color:#000;
  display:inline-block; line-height:70px; height:69px; margin:0 12px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li:last-of-type:after { display:none; }
#bread_crumb, #bread_crumb li.last { color:#999; }
#bread_crumb li a { height:69px; line-height:70px; display:inline-block; }
#bread_crumb li a:hover { }
#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;
  display:inline-block; height:100%; line-height:1; top:0px; position:relative;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}


/* メッセージ */
#header_message { padding:10px 0; position:relative; }
#header_message.type1 .post_content { width:1200px; margin:0 auto; }
#header_message.type2 .post_content { width:auto; margin:0 20px; }
#header_message.type2.show_close_button .post_content { margin: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); }