@charset "utf-8";
/*
Theme Name:SERUM
Theme URI:https://tcd-theme.com/tcd096/
Description:WordPress theme "SERUM" is a template with the image of a dermatology clinic, featuring side icon buttons and a post type that allows you to organize the subjects of treatment. CTAs can also be easily set up.
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.3
Text Domain:tcd-serum
*/


/*
 * See: https://fonts.google.com/license/googlerestricted
 */
@font-face {
  font-family: 'Google Sans Text';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=5aUu9-KzpRiLCAt4Unrc-xIKmCU5mEhkgo3FI_E8lH570oBdIw&skey=b20c8ebc9802c116&v=v21) format('woff2');
}



/* ------------------------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
------------------------------------------------------------------------------------ */
@font-face {
  font-family: 'design_plus';
  font-weight: normal;
  font-style: normal;
  font-display:swap;
  src: url('fonts/design_plus.woff?v=1.1') format('woff');
}





/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
*,*::before,*::after{ box-sizing:border-box; }
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; letter-spacing:0;
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; letter-spacing:0;
font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ＭＳ 明朝', serif !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html { -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%; }
svg { display:block; }
*:focus { outline:none; }
h1, h2, h3, h4, h5, h6 { font-weight:600; }

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




/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
html { height:100%; position:relative; }
html:before { content:''; width:100%; height:80px; position:absolute; top:0; left:0; background:#fff; z-index:-1; }
body { overflow-x:hidden; height:100%; font-family:Arial,sans-serif; font-size:14px; line-height:1; width:100%; position:relative; -webkit-font-smoothing:antialiased; }
body.hide_page_side_bar { padding-right:0; padding-left:0; }
body.hide_page_header_bar { padding-top:0; }
body.admin-bar { padding-top:102px; }
body.home.admin-bar { padding-top:112px; }
body.hide_page_header_bar.admin-bar { padding-top:32px; }
a { text-decoration:none; }
a, a:before, a:after, input { transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s 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; }


/* レイアウト */
#container { position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd; min-height:100vh; }
body.hide_page_side_bar #container, body.error404 #container, body.search-no-results #container { border:none; }
#main_content { background:#f4f1ef; padding:130px 0 70px; position:relative; }
body.single-news #main_content { background:#f6f6f6; padding-top:80px; }
#main_col { width:930px; margin:0 auto; }
#side_col { width:930px; margin:80px auto 0; display:flex; flex-wrap:wrap; }
#article { background:#fff; position:relative; padding-bottom:50px; }


div{
box-sizing: border-box;
}


.spf_logo{
	display:none;
	}

#footer_address{
/*display:none;*/
}
	
@media screen and (max-width:799px) {
.disp_pc{
	display:none;
	}
.disp_sp{
		display:inline-block;
	}
	
}

/* ----------------------------------------------------------------------
 トップページ ヘッダースライダー
---------------------------------------------------------------------- */
#header_slider_wrap { width:calc(100% + 3px); height:730px; position:relative; border:1px solid transparent; margin:-1px -1px 45px; z-index:1; }
#header_slider { width:100%; height:730px; position:relative; overflow:hidden; }
#header_slider .item { width:100%; height:730px; position:relative; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
#header_slider .item > a { width:100%; height:100%; position:relative; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }

#header_slider .catch { padding:110px 100px 100px; color:#fff; text-align:center; z-index:3; line-height:1.7; }
#header_slider .catch.direction_type2 { writing-mode:vertical-rl; display:inline-block; text-align:left; }
#header_slider .common_catch span { display:block; position:relative; transition: transform 1.8s ease, opacity 1.8s ease; transform: translate3d(0,30px,0); opacity:0; }
#header_slider .common_catch span.animate { transform: translate3d(0,0,0); opacity:1; }


/* 画像とオーバーレイ */
#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 img { width:100%; height:100%; display:block; margin:0; object-fit:cover; object-position:center top; }


/* 動画 */
#header_slider video { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
#header_slider .youtube_wrap.type1 { position:absolute; top:50%; left:auto; transform: translate3d(0, -50%, 0); }
#header_slider .youtube_wrap.type2 { position:absolute; top:0px; left:50%; transform: translate3d(-50%, 0, 0); }
#header_slider .youtube_inner { padding-top:56.25%; position:relative; width:100%; }
#header_slider .youtube_inner iframe { height:100% !important; position:absolute; left:0; top:0; width:100% !important; }


/* アニメーション */
#header_slider .item .bg_image { transform: scale(1.2); }
#header_slider .item.animate .bg_image {
  transform: scale(1.0);
  transition: transform 2.5s cubic-bezier(.165,.84,.44,1) 0s;
}
#header_slider .item.first_animate .bg_image {
  transform: scale(1.0);
  transition: transform 2.5s cubic-bezier(.165,.84,.44,1) 0.5s;
}


#header_slider_wrap .slick-dots { position:absolute; bottom:-45px; left:0px; width:100%; text-align:center; transition: all 1.0s ease 0s; }
#header_slider_wrap .slick-dots.no_click { pointer-events:none; }
#header_slider_wrap .slick-dots li { display:inline-block; width:12px; height:12px; margin:0 6px; font-size:12px; }
#header_slider_wrap .slick-dots button { cursor:pointer; border:none; color:transparent; width:12px; height:12px; display:block; font-size:0; background:none; position:relative; }
#header_slider_wrap .slick-dots button::before { content:''; display:block; width:12px; height:12px; line-height:12px; background:transparent; border:1px solid #937960; border-radius:100%; position: absolute; top:0; left:0; }
#header_slider_wrap .slick-dots .slick-active button::before { background:#937960; }
#header_slider_wrap .slick-dots button:hover::before { background:#937960; }
#header_slider_wrap .slick-dots.animate { opacity:1; }


/* ニュースティッカー */
#news_ticker { opacity:0; position:absolute; top:30px; right:30px; z-index:4; width:403px; height:50px; border:1px solid #fff; border-radius:50px; }
#news_ticker.animate { opacity:1; transition:opacity 1.4s ease 2.0s; }
#news_ticker a { padding:0 25px 0 30px; color:#fff; font-size:14px; display:block; width:100%; height:50px; line-height:50px; display:flex; flex-wrap:nowrap; transition: opacity 0.25s ease; }
#news_ticker a:hover { opacity:0.5; }
#news_ticker .date { width:90px; display:block; }
#news_ticker .title { width:calc(100% - 90px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; visibility:visible; }


header_inqarea{

}

.header_inq_bt a {
background: #2D56A2;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
max-width: 195px;
padding: 7px 25px;
line-height: 1.8;
text-decoration: none;
color: #fff;
transition: 0.3s ease-in-out;
font-weight: 500;
font-size:1rem;
z-index:2;
}
.header_inq_bt a:before {
content: "\f0e0";
position: relative;
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 8px;
color: #fff;
transition: 0.3s ease-in-out;
}
.header_inq_bt a:hover {
background:#6B91D6;
color: #FFF;
}
.header_inq_bt a:hover:before {
color: #fff;
}


.header_inqarea p{
z-index:2;
margin-top:3px;
padding-left:4px;
}

.header_inqarea p a{
font-family: 'EB Garamond', serif;
font-size:1.6rem;
letter-spacing: 0.03em;
color:#2D56A2;
padding-left:0px;
}
.header_inqarea p:before {
content: "\f095";
position: relative;
font-size:1rem;
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
top:-2px;
color:#2D56A2;
transition: 0.3s ease-in-out;
display: inline-block;
transform: rotate(110deg);
}


@media screen and (max-width:1221px) {

header_inqarea{

}

.header_inq_bt a {
display:none;
}
.header_inq_bt a:before {
display:none;
}

.header_inqarea p{
position:absolute;
right:8%;
z-index:2;
top:12px;
}

.header_inqarea p a{
font-family: 'EB Garamond', serif;
font-size:1.9rem;
color:#2D56A2;

padding-left:3px;
}
.header_inqarea p:before {
content: "\f095";
position: relative;
font-size:1.2rem;
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 0px;
top:-2px;
color:#2D56A2;
transition: 0.3s ease-in-out;
display: inline-block;
transform: rotate(110deg);
}

.sp_teader_mail {
display: inline-block;
width: 28px;
height: 22px;
background: url(/img/sp_menu_mail_ico.png) no-repeat center center;
background-size: contain;
margin-left: 15px;

}


}

@media screen and (max-width:800px) {
.header_inqarea p{
position:absolute;
right:10%;
z-index:2;
top:10px;
}

.header_inqarea p a{
display:none;
}
.header_inqarea p:before {
display:none;
}

/*トップページのみ*/
body.home.no_header_logo_image_mobile .header_inqarea p{
display:none;
}

body.home.no_header_logo_image_mobile.open_header_mobile .header_inqarea p {
display:block;
}

}


/* ----------------------------------------------------------------------
 コンテンツビルダー
---------------------------------------------------------------------- */


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

.design_content .header { display:flex; flex-wrap:wrap; }
.design_content .catch { width:50%; line-height:1.7; padding-right:35px !important; margin:0 !important; }
.design_content .content { width:50%; padding-left:35px; }

.design_content .desc.mobile { display:none; }
.design_content .link_button { margin:28px 0 10px; }
.design_content .image { margin-top:70px; position:relative; }
.design_content .image_wrap { margin-top:70px; position:relative; }
.design_content img { display:block; z-index:1; max-width:100%; height:auto; margin:0 auto; }
.design_content .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; }
.design_content .header.layout_type1 { display:block; }
.design_content .header.layout_type1 .catch { width:auto; text-align:center !important; padding:0 !important; }
.design_content .header.layout_type1 .content { margin-top:17px; width:auto; text-align:center; padding:0; }
.design_content .header.layout_type2 .catch { text-align:left !important; }
.design_content .header.layout_type3 { flex-direction:row-reverse; }
.design_content .header.layout_type3 .catch { padding:0 0 0 35px !important; text-align:right !important; }
.design_content .header.layout_type3 .content { padding:0 35px 0 0; }
.design_content .link_button.bottom { margin:80px 0 0; text-align:center; }




/* アクセスマップ */
.access_map { margin:0 auto 40px; border:3px solid #fff; }
.access_map .qt_google_map { width:100%; height:327px; background:#ddd; margin:0; }
.access_map .qt_google_map .qt_googlemap_embed { width:100%; height:327px; }
.map_desc { margin-bottom:-5px !important; position:relative; }
.map_desc h3 { margin:0 0 5px 0 !important; font-size:16px !important; }





/* ----------------------------------------------------------------------
 ページヘッダー　アーカイブページ共通パーツ
---------------------------------------------------------------------- */
#page_header { width:calc(100% + 2px); margin:0 -1px; height:400px; position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
#page_header.type2 { height:730px; }
#page_header .catch { max-height:100%; padding:0; color:#fff; text-align:center; z-index:3; line-height:1.6; }
#page_header .catch.direction_type2 { writing-mode:vertical-rl; display:inline-block; text-align:left; }
#page_header .catch span { display:block; position:relative; transition: transform 1.8s ease, opacity 1.8s ease; transform: translate3d(0,30px,0); opacity:0; }
#page_header .catch span.animate { transform: translate3d(0,0,0); opacity:1; }
#page_header .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; }
#page_header .bg_image { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
#page_header .bg_image img { width:100%; height:100%; display:block; margin:0; object-fit:cover; }


/* 小さいver */
#page_header_small { width:calc(100% + 2px); height:160px; position:relative; margin:0 -1px; }
#page_header_small .catch { max-height:100%; padding:20px 0; color:#fff; text-align:center; position:absolute; left:calc(50% - 2px); top:50%; transform: translate(-50%, -50%); z-index:3; line-height:1.7; }
#page_header_small .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; }
#page_header_small .bg_image { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
#page_header_small .bg_image img { width:100%; height:100%; display:block; margin:0; object-fit:cover; object-position:top; }


/* その他 */
#archive_header { margin:-10px auto 70px; padding:0 100px; }
#archive_header p { line-height:2.4; text-align:center; }
#archive_header .mobile { display:none; }


/* ページナビ */
.page_navi { margin:80px 0 0 0; z-index:10; position:relative; }
.page_navi ul { margin:0; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; }
.page_navi li { margin:0; }
.page_navi a, .page_navi a:hover, .page_navi span { font-family:"Arial"; background:#fff; border-right:1px solid #ddd; color:#000; font-size:14px; width:50px; height:50px; line-height:50px; display:inline-block; text-align:center; }
.page_navi li:last-of-type > * { border-right:none; }
.page_navi a:hover { color:rgba(0,0,0,1) !important; }
.page_navi span.dots {  }
.page_navi span.current { color:#937960; }
.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:12px; top:1px; position:relative;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.page_navi .prev:before { content:'\e90f'; left:0px; }
.page_navi .next:before { content:'\e910'; right:0px;}
.page_navi .prev:hover:before, .page_navi .next:hover:before { }










/* ----------------------------------------------------------------------
 ブログアーカイブページ
---------------------------------------------------------------------- */
#archive_blog { background:#f4f1ef; padding:120px 0; }
body.search-no-results #archive_blog { padding:0 !important; }
body.author #archive_blog { padding-top:80px; }
#no_post { text-align:center; margin-top:10px; line-height:2; }


/* ブログ一覧 */
#blog_list { width:930px; margin:0 auto; display:flex; flex-wrap:wrap; }
#blog_list .item { position:relative; width:50%; }
#blog_list .animate_background { display:block; width:100% !important; height:200px !important; position:relative; z-index:1; overflow:hidden; }
#blog_list .image { width:100%; height:100%; position:relatiive; }
#blog_list .image img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
#blog_list .category { padding:0 25px; font-size:14px; min-width:130px; height:40px; line-height:40px; background:#fff; text-align:center; display:inline-block; position:absolute; left:40px; transform: translate3d(0,-100%,0); z-index:2; }
#blog_list .content { background:#fff; height:155px; padding:32px 40px; position:relative; }
body.hide_blog_date #blog_list .content { display:flex; flex-wrap:wrap; align-items:center; }
#blog_list .content:after { content:''; display:block; width:1px; height:100%; position:absolute; top:0px; right:0px; background:#ddd; z-index:2; }
#blog_list .item:nth-child(2n) .content:after, #blog_list .item:last-of-type .content:after { display:none; }
#blog_list .title { font-size:18px; line-height:1.8; }
#blog_list .title a { display:block; height:3.6em; overflow:hidden; visibility:visible; }
#blog_list .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.hide_blog_date #blog_list .title a { height:auto; max-height:5.4em; }
body.hide_blog_date #blog_list .title span { -webkit-line-clamp:3; }
#blog_list .date { font-size:14px; color:#999; display:block; position:absolute; bottom:36px; }


/* 検索結果 */
body.search-no-results #container { min-height:inherit; }
#no_search_result { height:calc(100vh - 80px); height:calc(100dvh - 80px); display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
#no_search_result p { font-size:18px; line-height:2.4; text-align:center; }
@media screen and (max-width:1221px) {
  #no_search_result { height:calc(100vh - 60px); height:calc(100dvh - 60px); }
}
@media screen and (max-width:800px) {
  #no_search_result p { font-size:15px; line-height:2; }
}






/* ----------------------------------------------------------------------
　ページ上部　ヘッダー
---------------------------------------------------------------------- */
body.admin-bar #header { top:32px; }
#header {
	z-index:100;
	position:absolute;
	top:0px; left:0px;
	width:100%;
	height:80px;
	background:#fff;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	border-bottom:solid 1px #ccc;
	}
	
body.header_hidden #header { transform: translate3d(0,-100%,0); transition: transform 0.25s ease; }
body.hide_page_header_bar #header { background:transparent !important; position:absolute !important; }
body.hide_page_header_bar.open_header #header:after { display:none; }
body.open_header #header { position:fixed; animation: open_header_animation 0.8s ease forwards; top:0 !important; }
body.close_header #header {  position:fixed; animation: close_header_animation 0.3s ease forwards; top:0 !important; }
body.admin-bar.open_header #header { top:32px !important; }
body.admin-bar.close_header #header { top:32px !important; }
body.open_header #header:after, body.hide_page_header #header:after {
	content:''; display:block;
	width:100%; height:1px;

	position:absolute;
	bottom:0px;
	left:0px;
	}
body.hide_page_header.hide_page_header_bar #header:after { display:none; }
@keyframes open_header_animation {
  0% { transform: translate3d(0,-100%,0); }
  100%{ transform: translate3d(0,0,0); }
}
@keyframes close_header_animation {
  0% { transform: translate3d(0,0,0); }
  100%{ transform: translate3d(0,-100%,0); }
}


/* ロゴ */
@media screen and (min-width:801px) {
  body.no_header_logo_image #header_logo{ display:none; }
}
@media screen and (max-width:800px) {
  body.no_header_logo_image_mobile #header_logo{ display:none; }
}

/*　PCデフォルトロゴ　*/
#header_logo {
width: 200px;
    height: auto;
    position: absolute;
    left: 20px;
    top: 3px;
    display: inline-block;
    z-index: 200;
				}
	
#header_logo img {
	display:block; transition:
	opacity 0.3s ease-in-out;
	max-width:100%;
	height:auto;
	}
	
	
#header_logo img.mobile { display:none; }
#header_logo a {
	width:100%;
	height:70px;
	display:block;
	padding:0px;
	aspect-ratio:1/1;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	transition:opacity 1.4s ease 0.5s;
	}
	
#header_logo a:hover img { opacity:0.5; }
#header_logo a .logo_text { font-weight:500; line-height:1.4; }
#header_logo a:hover .logo_text { }
#header_logo a { opacity:0; }
#header_logo.animate a { opacity:1; }
body.hide_header_message.hide_page_header_bar #header_logo { top:0 !important; }
body.hide_logo #header_logo, body.hide_logo #header_logo2 { display:none !important; }
body.hide_page_header #header_logo, body.hide_page_header #header_logo2 { display:none !important; }
body.hide_page_header.show_page_header_bar #header_logo2 { display:block !important; }
body.hide_page_header.show_page_header_bar.hide_logo #header_logo2 { display:none !important; }


/* 小さいロゴ */
#header_logo2 {
	z-index:200;
	position:absolute;
	left:0;
	top:12px;
	display:none;
	}


body.show_text_logo #header_logo2 { display:block; }
@media screen and (min-width:801px) {
  body.no_header_logo_image #header_logo2 { display:block; }
}
@media screen and (max-width:800px) {
  body.no_header_logo_image_mobile #header_logo2 { display:block; }
}
body.home.no_header_logo_image #header_logo2 { opacity:0; transition:opacity 1.4s ease 0.5s; }
body.home.no_header_logo_image #header_logo2.animate { opacity:1; }
#header_logo2 a { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }


#header_logo2 .icon_image {
	width:180px;
	height:50px;
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin-top:0px;
	margin-left:20px;
	}
	
.mobile #header_logo2 .icon_image{
	width:180px;
	height:50px;
	margin-left:0px;
		}
	
#header_logo2 .icon_image img{
	width:100%;
	height:auto;
	}




#header_logo2 .text_image { padding:0 30px; height:80px; display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center;}
body.open_header #header_logo2, body.close_header #header_logo2 { display:inline-block; }
#header_logo2 img { display:block; transition: opacity 0.3s ease-in-out; }
#header_logo2 img.mobile { display:none; }
#header_logo2 .icon_image:hover img { opacity:0.5; }
#header_logo2 .text_image:hover img { opacity:0.5; }
#header_logo2 .logo_text { font-weight:500; padding-left:30px; }
@media screen and (max-width:800px) {
  .text_image_mobile+.logo_text { display:none; }
}

body.single #header_logo { display:none; }
body.single #header_logo2 { display:block; }
body.hide_page_header_bar #header_logo2 { display:none; }
body.no_header_logo_image.hide_page_header_bar #header_logo2 { display:block; }
body.no_header_logo_image.hide_page_header_bar.open_header #header_logo2 { display:none; }
body.no_header_logo_image.hide_page_header_bar.close_header #header_logo2 { display:none; }


/* サイトの説明文 */
#site_desc { width:80px; height:100vh; position:fixed; left:0; top:0px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
body.home #site_desc { opacity:0; }
body.home #site_desc.animate { opacity:1; transition:opacity 1.4s ease 2.0s; }
#site_desc h2 { font-size:16px; font-weight:500; writing-mode:vertical-rl; display:inline-block; text-align:left; position:relative; }


/* グローバルメニュー */
body.hide_page_header_bar #global_menu { display:none; }
#global_menu { width:100%; height:80px; z-index:2; position:absolute; top:0; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:1; }
#global_menu > ul { position:relative; text-align:center; font-size:0; margin-left:2.5%;}


#global_menu > ul > li { display:inline-block; position:relative; line-height:1; text-align:center; font-size:16px; }

#global_menu > ul > li > a {
color: #000;
    text-decoration: none;
    height: 80px;
    line-height: 80px;
    padding: 0 30px;
    display: block;
    position: relative;
    overflow: hidden;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.05rem;
}


@media screen and (max-width:1280px) {
	#global_menu > ul > li > a {
color: #000;
    text-decoration: none;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    display: block;
    position: relative;
    overflow: hidden;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.05rem;
}
}

#global_menu > ul > li.active > a { }
#global_menu ul ul { background:#EBFAEC; display:none; width:250px; position:absolute; top:80px; 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 { color:#000; display:block; position:relative; padding:15px 20px 13px; height:auto; line-height:1.6; margin:0; }
#global_menu ul ul a:hover { text-decoration:none; }
#global_menu > ul > li.current-menu-item > a, #global_menu > ul > li.current-menu-parent > a, #global_menu > ul > li.current-menu-ancestor > a { }
#header.active #global_menu > ul > li > a {  }
#global_menu ul ul li.menu-item-has-children > a:before {
  font-family:'design_plus'; content:'\e910'; color:#000; display:block; position:absolute; right:9px; top:19px; font-size:10px;
}


/* ドロワーメニュー */
#drawer_menu_button { display:none; }
#drawer_menu { display:none; }


/* 検索フォーム */
body.hide_page_header_bar #header_search { display:none; }
#header_search { height:70px; z-index:2; position:relative; }
#header_search.active { z-index:100; }
#header_search_button { display:block; position:absolute; right:0px; top:0px; width:80px; height:80px; cursor:pointer; z-index:2;  }
#header_search_button:before {
  display:block; font-family:'Material Icons'; color:#000; font-size:1.4rem; content:'\e8b6' ;
  left:calc(50% - 2px); top:50%; transform: translate(-50%, -50%); position:absolute; transition: color 0.2s ease;
		font-weight:100;
}
#header_search_button:hover:before { color:red; }
#header_search.active #header_search_button:before { font-family:'Material Icons';content:'\e5cd'; font-size:20px; }
#header_search form { opacity:0; pointer-events:none; height:40px; width:345px; position:absolute; top:20px; right:80px; z-index:1; transition: all 0.3s ease; }
#header_search.active form { opacity:1; pointer-events:initial; }
#header_search .input_area input { position:absolute; right:0px; width:0px; height:40px; border:none; background:#EBFAEC; z-index:1; padding:0 60px 0 25px; border-radius:50px; transition: all 0.3s ease; }
#header_search.active form .input_area input { width:285px; }
#header_search .button input { position:absolute; right:0px; top:0px; border:none; background:none; }
#header_search .button label { position:absolute; right:0px; top:0px; z-index:10; pointer-events:none; }
#header_search .button label:before {
  display:block; font-family:'Material Icons'; color:#000; font-size:14px; content:'\e8b6';
  top:14px; right:20px; position:absolute; transition: color 0.2s ease;
}
#header_search .button:hover label:before { }


/* 言語ボタン */
#header_lang_button { font-size:0px; z-index:2; display:flex; flex-wrap:wrap; margin-right:30px; }
#header_lang_button li { font-size:16px; margin:0 0 0 20px; height:80px; line-height:80px; }
#header_lang_button li:first-of-type { margin:0; }
#header_lang_button li a { color:#aaa; }
#header_lang_button li.active a { color:#000; pointer-events:none; }


/* アイコンボタン（アイコンの設定はフッターのアイコンボタンと共有） */
#side_icon_button { position:absolute; right:0; top:80px; }
body.admin-bar #side_icon_button { top:112px; }
body.open_header #side_icon_button { position:fixed; top:-1px; animation: side_icon_animation 0.8s ease forwards; z-index:1; top:0 !important; }
body.close_header #side_icon_button { position:fixed; top:-1px; animation: side_icon_animation2 0.3s ease forwards; z-index:1; top:0 !important; }
body.admin-bar.open_header #side_icon_button { top:32px !important; }
body.admin-bar.close_header #side_icon_button { top:32px !important; }
body.hide_page_header_bar #side_icon_button { top:0px !important; }
body.hide_page_header_bar.open_header #side_icon_button { top:-80px !important; }
body.hide_page_header_bar.close_header #side_icon_button { top:-80px !important; }

@keyframes side_icon_animation {
  0% { transform: translate3d(0,-100%,0); }
  100%{ transform: translate3d(0,80px,0); }
}
@keyframes side_icon_animation2 {
  0% { transform: translate3d(0,80px,0); opacity:1; }
  100%{ transform: translate3d(0,-100%,0); opacity:0; }
}
#side_icon_button .item { width:81px; height:80px; }
#side_icon_button a { color:#937960; width:100%; height:100%; display:block; position:relative; border-bottom:1px solid #ddd; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; }
#side_icon_button a.no_icon { background:#937960; border-color:#937960; color:#fff !important; }
#side_icon_button .item:first-of-type a { border-top:1px solid #ddd; }
#side_icon_button a:hover span, #side_icon_button a:hover:before { opacity:0.5; }
#side_icon_button a.no_icon:hover span, #side_icon_button a.no_icon:hover:before { opacity:1; }

#side_icon_button span { font-size:12px; line-height:1.5; font-weight:600; transition: opacity 0.2s ease; text-align:center; }

.icon_button a:before { display:block; font-family:"footer_bar"; font-size:20px; margin:0 0 8px 0; transition: opacity 0.2s ease; }

.icon_button a.twitter:before { content: "\ea96"; }
.icon_button a.facebook:before { content: "\e944"; font-family: 'design_plus'; font-size:22px; }
.icon_button a.instagram:before { content: "\ea92"; }
.icon_button a.youtube:before { content: "\ea9d"; }

.icon_button a.line:before {font-family: 'Material Icons'; content: "\e0c8"; font-size:18px; }

.icon_button a.spotify:before {
	font-family: 'Material Icons';
	content: "\e0c8"; }


.icon_button a.heart:before { content: "\e9da"; }
.icon_button a.star1:before { content: "\e9d9"; }
.icon_button a.star2:before { content: "\e9d7"; }
.icon_button a.list1:before { content: "\e9bb"; }
.icon_button a.list2:before { content: "\e907"; }
.icon_button a.fire:before { content: "\e9a9"; }
.icon_button a.bubble:before { content: "\e96c"; }
.icon_button a.cart:before { content: "\e93a"; }
.icon_button a.bell:before { content: "\e951"; }
.icon_button a.profile:before { content: "\e923"; }

.icon_button a.map:before { content: "\e909"; }
.icon_button a.film:before { content: "\e913"; }
.icon_button a.camera:before { content: "\e905"; font-size:14px; }
.icon_button a.news:before { content: "\e904"; }
.icon_button a.office:before { content: "\e903"; }
.icon_button a.home:before { content: "\e900"; }
.icon_button a.help:before { content: "\e901"; font-size:19px; }
.icon_button a.light:before { content: "\e902"; font-size:20px; }
.icon_button a.menu:before { content: "\e90e"; font-size:13px; }
.icon_button a.grid:before { content: "\e90d"; font-size:14px; }
.icon_button a.search:before { content: "\e90c"; }

.icon_button a.tel:before {font-family: 'Material Icons'; content: "\e048"; font-size:18px;}

.icon_button a.camera:before {font-family: 'Material Icons'; content: "\e158"; font-size:19px;}


.icon_button a.pdf:before { content: "\e910"; }
.icon_button a.pencil:before { content: "\e911"; }
.icon_button a.clock:before { content: "\e912"; }
.icon_button a.tiktok:before { content: "\e94d"; font-family: 'design_plus'; }
.icon_button a.crown:before { content: "\e940"; font-family: 'design_plus'; font-size: 21px; }
.icon_button a.share:before { content: "\f1e0"; font-family: 'design_plus'; }


.icon_button a.mail:before {
	content: '';
	display: inline-block;
  width: 24px;
  height: 18px;
  background-image: url(/img/footer_ico_mail.png);
		 background-repeat: no-repeat;
  background-size: contain;
		}
.icon_button a.calendar:before {
	content: '';
	display: inline-block;
  width: 30px;
  height: 22px;
  background-image: url(/img/footer_ico_recruit.png) ;
		 background-repeat: no-repeat;
  background-size: contain;
		}
.icon_button a.user:before {
	content: '';
	display: inline-block;
  width: 24px;
  height: 20px;
  background-image: url(/img/footer_ico_privacy.png);
		 background-repeat: no-repeat;
  background-size: contain;
		}

/* パンくずリンク */
#bread_crumb { width:100%; height:60px; margin:0 auto; border-bottom:1px solid #ddd; border-top:none; }
body.hide_page_header #bread_crumb { display:none; }
.breadcrumb_type3 #bread_crumb { background:#f6f6f6; }
#bread_crumb ul { width:930px; margin:0 auto; height:60px; line-height:60px; padding:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; visibility:visible; }
body.page_width_large #bread_crumb ul { width:1100px; }
@media screen and (max-width:1350px) {
	body.page_width_large #bread_crumb { padding:0 25px; }
  body.page_width_large #bread_crumb ul { width:auto; }
}
body.page_width_small #bread_crumb ul { width:750px; }
#bread_crumb li { display:inline; font-size:14px; 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:2px;
}
#bread_crumb li:last-of-type:after { display:none; }
#bread_crumb, #bread_crumb li.last { }
#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 {
	position:absolute; left:0; top:0; z-index:2000; width:100%;
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  min-height:50px; text-align: center; font-size:14px; font-weight:600; padding:15px 20px;
}
#header_message .label { display:block; color:inherit; line-height:1.4; padding:0 20px; }
#header_message a.label:hover { text-decoration: underline; }
@media (max-width: 767px) {
  #header_message { min-height:40px; font-size:12px; }
}




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



/* 共通項目 */
.megamenu {
opacity:0; pointer-events:none;
width:calc(100% - 400px);
background:#FEF9F3;
position:absolute;
top:80px;
left:15%;
overflow:hidden;
z-index:300;
border:1px solid #EAF7FF;
opacity: 0; /* 初期状態は見えない */
transition: opacity 0.14s ease-in-out;
padding-bottom:10px;
}



body.hide_page_side_bar .megamenu { width:100%; left:0;}
.megamenu.active_mega_menu { opacity:1; pointer-events:initial; top:80px; }
body.open_header .megamenu.active_mega_menu { top:79px; }
.megamenu_inner { position:relative; }
#global_menu > ul > li.active_megamenu_button > a { }



/* メガメニュー3列 */
.megamenu_a { }
.megamenu_a .category_list01 { display:flex; flex-wrap:wrap; justify-content:center; }
.megamenu_a .category_list01 a { display:block; height:77px; line-height:77px; padding:0 20px; }
.megamenu_a .category_list01 li.active a { color:red; }

.megamenu_a .post_list01 {
display:flex;
flex-wrap:wrap;
width:90%;
margin:0 auto;
padding-top:16px;
}

.megamenu_a .post_list01 .item {
width:calc(24.5% - 15px); margin-right:20px;
}
.megamenu_a .post_list01 .item:last-of-type {
margin:0;
}

.megamenu_a .post_list01 .animate_background {
margin:0 0 8px 0;
display:block;
width:100% !important;
height:95px !important;
position:relative;
	z-index:1;
	overflow:hidden;
	}
	
.megamenu_a .post_list01 .image_wrap { width:100%; height:100%; position:relatiive; }
.megamenu_a .post_list01 .image { width:100%; height:100% !important; }

.megamenu_a .post_list01 .image img {
	width:100%;
	height:100%;
	position:absolute;
	top:0; left:0;
	object-fit:cover;
	transform:none;
	}
	
.megamenu_a .post_list01 .date { font-size:0.9rem; color:#999; display:block; margin:0 0 14px 0; }

.megamenu_a .post_list01 .title {
	font-size:0.9rem!important;
	line-height:110%;
	text-align:center;

	}


.megamenu_a .post_list01 .title a {
	display:block;
	height:100%;
	overflow:hidden;
	visibility:visible;
	}
	
	
	/*■■ギガメニューテキストサイズ■■■*/
.megamenu_a .post_list01 .title span {
	display:-webkit-inline-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
font-size:0.7rem;
font-weight:600;
font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
}








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

/* 画像カルーセル */
#footer_image_carousel.splide { visibility:visible; }
#footer_image_carousel.no_slide .splide__list { display:flex; flex-wrap:wrap; }
#footer_image_carousel .item { width:322px; height:auto; aspect-ratio:322/209; position:relative; overflow:hidden; }
#footer_image_carousel.no_slide .splide__list .item { flex: 1 1 0%; }
#footer_image_carousel img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }


/*　アイコンバナー */
#footer_icon_banner {
display:flex;
flex-wrap:wrap;
margin-right:-1px;
border-top: solid 1px #ddd;
}




#footer_icon_banner .item {
	width:33.333%;
	}
#footer_icon_banner .item a { display:block; width:100%; height:70px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border-right:1px solid #ddd; }
#footer_icon_banner .item:last-of-type a { border-right:none; }
#footer_icon_banner a:before { color:#937960; margin:0 12px 0 0; }
#footer_icon_banner a span { transition: color 0.1s ease; }


/* ロゴエリア */
#footer { border-top:1px solid #ddd; }
#footer_top { display:flex; flex-wrap:wrap; }

@media only screen and (max-width: 1120px) {



#footer_top {
display:none;
 
}
#footer_icon_banner {
display:block;
}

#footer_icon_banner .item a {
text-align: center;
border-top: 1px solid #ddd;
border-right: none;
}

#footer_icon_banner .item {
    width: 100%;
}

}











#footer_top > div {
	flex: 1 1 0%;
	border-left:1px solid #ddd;
	padding: 40px 40px 40px 40px;
	}

#footer_top > div:first-of-type { border-left:none; }
#footer_top .footer_menu_mobile { display:none; }


.footer_menu2 {
 
}
.footer_menu2 li.footer_link_h {
    margin: 10px 0 4px -5px;
    font-weight: 600;
    font-size: 0.9rem;
				font-weight:normal;
}
/* ロゴ */
#footer_logo {
		width:33.333%
	padding-top:40px!important;
	}

#footer_logo .logo{
	width:230px;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:15px;
	}
#footer_logo .logo img{
	width:100%;
	height:auto;
	}

#footer_logo img { display:block; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; margin:0 auto; }
#footer_logo a:hover img { opacity:0.5; }
#footer_logo a .logo_text { font-weight:500; }
#footer_logo .logo_image.mobile { display:none; }

.footer_menu1{
	width:33.333%
	}
.footer_menu2{
	width:33.333%
	}



.flogo_title{
	font-size:0.9rem;
	margin: 10px 0px 1px 0px;
	padding-left:22%;
	line-height:150%;
	display:block;
	}
.flogo_title_add{
	font-size:0.8rem;
	text-align:center;
	line-height:150%;
	margin: 10px 0px 1px 0px;
	display:block;
	}


/* メニュー */
.footer_menu1 li ,.footer_menu2 li {
	margin:0 0 5px 0;
	line-height:130%;
	}
	
1
.footer_menu1 li a ,.footer_menu2 li a {
	display:block;
	line-height:135%;
	}
.footer_menu1 li a:hover ,.footer_menu2 li a:hover {
	color:#2D56A2!important;
	}

.footer_menu1 li ul{
	overflow:hidden;
	margin-top:5px;
	}
	.footer_menu1 li ul li{
		width:40%;
		float:left;
		line-height:120%;
		margin-left:-5px;
		font-size:0.8rem!important;
	}

	.footer_menu1 li ul li:nth-child(odd){
width:60%!important;
float:left;
	}


/* 住所 */
#footer_address {
	text-align:center;
	font-size:14px;
	line-height:2;
	border-top:1px solid #ddd;
	background-color:
	padding: 0px 15px 0px 15px;
	}
#footer_address span { padding:0 0.5em; }

/* コピーライト */
#copyright { border-top:1px solid #ddd; height:60px; line-height:60px; position:relative; text-align:center; font-size:12px; }


/* 上部へ戻る*/
#return_top {
	opacity:0;
	transition: opacity 0.5s ease;
	position:fixed;
	right:7px;
	bottom:10px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:end; z-index:2; 
	background-color:#2D56A2;
transition:0.5s;
		}
#return_top a {
display: block;
text-align: center;
color: #fff;
text-decoration: none;
padding: 22px 24px 26px 24px;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
transition:0.5s;
	}
#return_top:hover {
-moz-opacity: 0.5;
opacity: 0.5;
	background-color:#4675CC;

		}
#return_top	a:hover {
display: block;
text-align: center;
color: #F1BC18;
text-decoration: none;
padding: 22px 24px 26px 24px;

}
	
#return_top a:before {
transition: opacity 0.2s ease;
color: #fff;
font-size: 0.8rem;
line-height:100%;
	}
#return_top.active { opacity:1; }


 #return_top a:before {
content: '\eac3';
font-family: 'Material Icons';
display: block;
transform: rotate(90deg);
position: absolute;
top: calc(50% - 10px);
font-size: 1.2rem;
width: 40;
left: calc(50% - 9px);
text-align: center;
transition:0.5s;
}
 #return_top a:hover:before {
content: '\eac3';
font-family: 'Material Icons';
display: block;
transform: rotate(90deg);
position: absolute;
color: #F1BC18;
top: calc(50% - 8px);
font-size: 1.2rem;
width: 40;
left: calc(50% - 9px);
text-align: center;
}








/**/

.pagetop {
display: none;
position: fixed;
width: 50px;
height: 50px;
bottom: 10px;
right: 7px;
background-color:#DD9EA8;
}

.pagetop a {
display: block;
text-align: center;
color: #666;
text-decoration: none;
padding: 17px 10px;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
transition:0.5s;
}
.pagetop a:hover {
display: block;
text-align: center;
color: #666;
text-decoration: none;
padding: 17px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}


.pagetop spane {
transition: opacity 0.2s ease;
color: #666;

}

.pagetop a:before {
transition: opacity 0.2s ease;
color: #fff;
font-size: 0.8rem;
line-height:100%;
}

.pagetop a:before {
content: '\eac3';
font-family: 'Material Icons';
display: block;
transform: rotate(90deg);
position: absolute;
top: calc(50% - 8px);
font-size: 1.2rem;
width: 40;
left: calc(50% - 8px);
text-align: center;
}

/**/





















/* SNSボタン */
#footer_sns { position:fixed; left:0px; bottom:20px; z-index:10; width:80px; background:#fff; padding:20px 0 0;}
#footer_sns li { display:block; margin:0; }
#footer_sns li a { width:80px; height:35px; }
#footer_sns.color_type1 li a:before { color:#937960; }
body.hide_page_header_bar #footer_sns { display:none; }


/* SNSボタン（全箇所共通） */
.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 a:hover:before { }
.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; }



/* フッターバー */
#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%;
}




/* メニュー */
.footer_menu li {
	margin:0 0 5px 0;
	}
	
.footer_menu li:last-of-type {
	margin:0;
	}
.footer_menu li a {
	display:block;
	line-height:135%;
	font-size:0.9rem;
	}
.footer_menu li a:hover {
	color:#2D56A2!important;
	}
	.footer_menu li.footer_link_h{
	margin:10px 0 4px -5px;
	font-size:0.9rem;
	}
	
	
	
	/**/