@charset "utf-8";
/*
Theme Name:Viviann2023
Description:responsive design
version： 0.0.1
*/

/* css reset */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul
abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, 
b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, 
figcaption, figure, footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video{
 font-size:100%; margin:0; padding:0; vertical-align:baseline; border:0; outline:0; background:transparent; }

html{ overflow-y:scroll; -webkit-text-size-adjust:100%; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{ display:block; }
nav ul{ list-style:none; }
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after{ content:""; content:none; }
a{ font-size:100%; margin:0; padding:0; cursor:pointer; vertical-align:baseline; background:transparent; transition:all .3s ease; }
a *, a::before, a::after{ transition:all .3s ease; }
ins{ text-decoration:none; color:#222; background-color:#77bcd2; }
mark{ font-weight:bold; font-style:italic; color:#222; background-color:#77bcd2; }
del{ text-decoration:line-through; }
abbr[title], dfn[title]{ cursor:help; border-bottom:1px dotted; }
table { border-spacing:0; border-collapse:collapse; }
hr { display:block; height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #77bcd2; }

/* Text meant only for screen readers. */
.screen-reader-text{ border:0; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); position:absolute !important; height:1px; width:1px; margin:-1px; padding:0; overflow:hidden; word-wrap:normal !important; }

/* css basic */
body, input, textarea, select, button{ font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", Meiryo, sans-serif; line-height:1.8; font-size:clamp(.875rem, calc(.75rem + .625vw), 1rem); color:#303030; }
img{ display:block; max-width:100%; height:auto; }

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

*, *::before, *::after{ box-sizing:border-box; }

/* ----------------------------------------------------------------------
 共通
---------------------------------------------------------------------- */
footer{ z-index:0; }
#main{ flex:1; position:relative; }
#container{ position:relative; display:flex; flex-direction:column; height:100vh; height:calc(var(--vh, 1vh) * 100); }
.sp_visible{ display:block; }
.tab_visible{ display:block; }
.pc_sp_visible, .pc_tab_visible, #header_icons .pc_tab_visible{ display:none; }

/* textdeco */
h1{ font-size:clamp(2rem, calc(1.345rem + 3.27vw), 3.375rem); }
h2{ font-size:clamp(1.5rem, calc(1.143rem + 1.79vw), 2.25rem); }
h3{ font-size:clamp(1.125rem, calc(.946rem + .89vw), 1.5rem); }
h4{ font-size:clamp(.938rem, calc(.848rem + .45vw), 1.125rem); }
.home h2, #footer_contact .title{ font-size:clamp(2rem, calc(1.345rem + 3.27vw), 3.375rem); color:#5584ae; }
h1, h2, h3, h4, h5, h6, .title{ line-height:1.3; font-family:"Times New Roman", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif; }
h2 a{ position:relative; padding-right:1em; }
.footer_menu .title a{ position:relative; padding-right:1.5em; }
h2 a::before, .footer_menu .title a::before{ content:""; position:absolute; top:50%; transform:translateY(-50%); right:0; border-radius:5rem; width:clamp(1.5rem, calc(1.143rem + 1.79vw), 2.25rem); height:clamp(1.5rem, calc(1.143rem + 1.79vw), 2.25rem); border:1px solid #dc6a9d; }
.footer_menu .title a::before{ width:clamp(1rem, calc(.881rem + .6vw), 1.25rem); height:clamp(1rem, calc(.881rem + .6vw), 1.25rem); }
h2 a::after, .footer_menu .title a::after{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); right:clamp(.625rem, calc(.446rem + .89vw), 1rem); width:clamp(.5rem, calc(.44rem + .3vw), .625rem); height:clamp(.5rem, calc(.44rem + .3vw), .625rem); border-top:1px solid #dc6a9d; border-right:1px solid #dc6a9d; }
.footer_menu .title a::after{ right:clamp(.438rem, calc(.408rem + .15vw), .5rem); width:clamp(.375rem, calc(.345rem + .15vw), .438rem); height:clamp(.375rem, calc(.345rem + .15vw), .438rem); }
h2 a:hover::before{ right:-1rem; }
h2 a:hover::after{ right:clamp(-.4rem, calc(-.59rem + .95vw), 0rem); }
.footer_menu .title a:hover::before{ right:-.5rem; }
.footer_menu .title a:hover::after{ right:clamp(-.25rem, calc(-.295rem + .48vw), 0rem); }
.home h2 a{ color:#5584ae; }
#archive_blog h2, .article h2,
#archive_blog h3, .article h3, .side_title,
#archive_blog h4, .article h4,
#main_content h2, #main_content h3, #main_content h4{ position:relative; margin:2em 0 1em !important; padding:.25em 0; }
#archive_blog h2:first-of-type, .article h2:first-of-type{ margin:0 0 1em !important; }
#top_main_content h2, #top_main_content h3, #archive_blog .search_box_wrap h2{ position:relative; margin:1em 0; padding:.25em 0; }
#main_content h2{ color:#5584ae; margin:2em 0 1em 6px !important; padding:.25em .5em calc(.25em + 10px); background:#edf8fa; clear:both; }
#main_content h2::before{ position:absolute; top:-6px; left:-6px; width:100%; height:100%; content:""; border:1px solid #9bb7d1; }
#main_content h2.num1, #main_content h2.num2, #main_content h2.num3, #main_content h2.num4, #main_content h2.num5{ padding:.25em .5em calc(.25em + 10px) 1.5em; }
#main_content h2.num1::after, #main_content h2.num2::after, #main_content h2.num3::after, #main_content h2.num4::after, #main_content h2.num5::after{ content:"1"; color:rgba(155,183,209,.5); font-size:1.75em; position:absolute; left:.25em; top:calc(50% - 10px); transform:translateY(calc(-50% + 5px)); }
#main_content h2.num2::after{ content:"2"; }
#main_content h2.num3::after{ content:"3"; }
#main_content h2.num4::after{ content:"4"; }
#main_content h2.num5::after{ content:"5"; }
.page #main_content h2:first-of-type{ margin:0 0 1em 6px !important; }
/* WP FullCalendar */
#main_content .wpfc-calendar h2{ margin:0 !important; padding:0 !important; background:none; font-size:clamp(1.25rem, calc(.952rem + 1.49vw), 1.875rem) !important; }
#main_content .wpfc-calendar h2::before{ display:none; }
#main_content h3{ color:#77bcd2; border-bottom:1px solid #77bcd2; overflow:hidden; clear:both; }
#main_content h3.em-item-title{ margin:0 0 .5em !important; font-weight:bold !important; }
#main_content h3.em-item-title a{ display:inline-block; color:#77bcd2 !important; }
#main_content h3.em-item-title a:hover{ color:#dc6a9d !important; }
#main_content ul.em-tags-list h3.em-item-title,
#main_content ul.em-location-list h3.em-item-title{ border:none; }
#main_content h3.titleitem::after{ content:"Item"; position:absolute; bottom:-.325em; right:0; color:rgba(119,188,210,.3); font-size:2.75em; }
#main_content .em.em-event-booking-form h3.em-booking-section-title{ padding:.5em 1em; border-color:#77bcd2; }
#main_content h4{ color:#154c7d; padding-left:2em; clear:both; }
#main_content h4::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5em; height:1px; background:#154c7d; }
.article p{ margin-bottom:2em; }
.article ul, .top_attention ul{ padding:.5em .5em .5em 2em; }
.article ul li{ margin:0 0 .5em; }
.article p + ul{ margin:-2em 0 0; }
.article h2 + ul{ margin:-1em 0 0; }
.article p + ol{ margin:-1em 0 1em 1.5em; }
a{ color:#154c7d; text-decoration:none; }
a:hover{ color:#dc6a9d; }
.tap:active, a.page-numbers:active{ transform:scale(.95); }
ul.img_flex{ list-style:none; display:flex; }
ul.img_flex li:not(:last-of-type){ margin:0 10px 0 0; }
ol{ margin:0 0 1em 1.5em; }
ol.kakko{ list-style:none; counter-reset:number; }
ol.kakko li{ position:relative; padding-left:1.5em; }
ol.kakko li::before{ counter-increment:number; content:'(' counter(number) ')'; position:absolute; left:0; }
ol.side_mokuji{ list-style:none; overflow:auto; max-height:calc(100vh - 140px); margin:0; }
ol.side_mokuji a{ position:relative; display:block; line-height:1.3; padding:.75em 0; }
ol.side_mokuji li.side_mokuji_title_h2 a{ padding-left:1.5em; font-weight:bold; }
ol.side_mokuji li.side_mokuji_title_h2 a::before{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); left:0; width:.5em; height:.5em; border-top:1px solid #dc6a9d; border-right:1px solid #dc6a9d; z-index:1; }
ol.side_mokuji li.side_mokuji_title_h2 a:hover::before{ left:.5em; }
ol.side_mokuji li.side_mokuji_title_h3{ margin-left:1.5em; }
ol.side_mokuji li.side_mokuji_title_h3 a{ padding-left:1em; }
ol.side_mokuji li.side_mokuji_title_h3 a::before{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); left:0; width:.375em; height:.375em; border-top:1px solid #63a3c2; border-right:1px solid #63a3c2; z-index:1; }
ol.side_mokuji li.side_mokuji_title_h3 a:hover::before{ left:.25em; }
dl.dl_col2 > div{ display:flex; border-top:1px solid #77bcd2; }
dl.dl_col2 > div:last-of-type{ border-bottom:1px solid #77bcd2; }
dl.dl_col2 dt{ padding:1em .5em; background:#edf8fa; }
dl.dl_col2 dd{ padding:1em .5em; }
.article table{ width:100%; }
.price{ font-size:1.25em; color:#dc6a9d !important; text-align:right; }
.price span{ font-size:.75em; }
#main_content .price::after{ content:"円（税込）"; font-size:.75em; }
.line_o strong{ background:linear-gradient(transparent 60%, orange 30%); }
.line_p strong{ background:linear-gradient(transparent 60%, pink 30%); }
.line_y strong{ background:linear-gradient(transparent 60%, yellow 30%); }
.b_red{ color:#d61169; font-weight:bold; }
.text_l{ font-size:1.5em; font-weight:bold; color:#d61169; }
.title_anime span{ opacity:0; transition:.3s ease-out; }
.title_anime span:first-of-type{ text-transform:capitalize; }
.tags{ font-size:.85em; margin:.5em 0 0; }
.tags span{ display:inline-block; margin:0 1em 0 0; }
.tags span::before{ content:'#'; }
.tags span:not(:last-of-type)::after{ content:', '; }
/* Q&A */
dl.qa dt, dl.qa dd{ display:flex; align-items:baseline; margin:.75em 0; padding:.75em 1em; }
dl.qa dt{ background:#f9eff4; font-weight:bold; }
dl.qa dt p, dl.qa dd p{ margin:0 !important; padding-left:.5em; width:calc(100% - 40px); }
dl.qa dt::before, dl.qa dd::before{ content:"Q"; font-size:1.25em; display:flex; justify-content:center; align-items:center; color:#dc6a9d; border:1px solid #dc6a9d; background:#fff; width:2.5em; height:2.5em; border-radius:5rem; }
dl.qa dd::before{ content:"A"; color:#fff; background:rgba(220,106,157,1); }
/* 商品の仕様 */
dl.item-shiyo dt{ padding:1.25rem 0 0; font-weight:bold; color:#5584ae; }
dl.item-shiyo dd{ padding:1.25rem 0; border-bottom:1px solid #5584ae; }
dl.item-shiyo dt:first-of-type{ border-top:1px solid #5584ae; }
/* 動画埋め込み */
.movie{ width:100%; aspect-ratio:16 / 9; }
.movie iframe{ width:100%; height:100%; }
ul.card{ list-style:none; display:flex; }
ul.card li:not(:last-of-type){ margin:0 .5em .5em 0; }
@media screen and (max-width:479px) {
    table.sp_table_block{ display:block; width:100%; }
    table.sp_table_block tbody{ display:block; width:100%; }
    table.sp_table_block tr, table.sp_table_block th, table.sp_table_block td{ display:block; width:100%; }
    table.sp_table_block th, table.sp_table_block td{ padding:1em .5em; }
    dl.dl_col2 > div{ display:block; }
    dl.dl_col2 dt, dl.dl_col2 dd{ padding:.5em; width:auto; }
}
@media screen and (min-width:480px) {
    dl.dl_col2.w150 dt{ width:110px; }
    dl.dl_col2.w150 dd{ width:calc(100% - 110px); }
    dl.dl_col2.w200 dt{ width:150px; }
    dl.dl_col2.w200 dd{ width:calc(100% - 150px); }
    /* 商品の仕様 */
    dl.item-shiyo dt{ padding:1.25rem 1rem 0; }
    dl.item-shiyo dd{ padding:1.25rem 1rem; }
}
@media screen and (min-width:640px) {
	.sp_visible{ display:none; }
    .pc_sp_visible{ display:block; }
    dl.dl_col2 dt, dl.dl_col2 dd{ padding:1em; }
    dl.dl_col2.w150 dt{ width:150px; }
    dl.dl_col2.w150 dd{ width:calc(100% - 150px); }
    dl.dl_col2.w200 dt{ width:200px; }
    dl.dl_col2.w200 dd{ width:calc(100% - 200px); }
}
@media screen and (min-width:992px) {
    .tab_visible{ display:none; }
    .pc_tab_visible, #header_icons .pc_tab_visible{ display:block; }
    #main_content .box_border h2{ margin:1em 0 !important; padding:.25em .5em; }
    #main_content .box_border h2::before{ display:none; }
    /* WP FullCalendar */
    .side_title:first-of-type{ margin:80px 0 1em; }
}
@media screen and (min-width:1160px) {
    .vimeomovie{ width:80%; margin:0 auto; }
}
@media screen and (min-width:769px) and (max-width:991px) {
    /* 商品の仕様 */
    dl.item-shiyo{ display:flex; flex-wrap:wrap; }
    dl.item-shiyo dt{ width:180px; padding:1.25rem 1rem; border-bottom:1px solid #5584ae; }
    dl.item-shiyo dd{ width:calc(100% - 180px); padding:1.25rem 1rem; }
    dl.item-shiyo dd:first-of-type{ border-top:1px solid #5584ae; }
}
@media screen and (min-width:1400px) {
    /* 商品の仕様 */
    dl.item-shiyo{ display:flex; flex-wrap:wrap; }
    dl.item-shiyo dt{ width:180px; padding:1.25rem 1rem; border-bottom:1px solid #5584ae; }
    dl.item-shiyo dd{ width:calc(100% - 180px); padding:1.25rem 1rem; }
    dl.item-shiyo dd:first-of-type{ border-top:1px solid #5584ae; }
}

/* margin, text-align */
.mT05em{ margin-top:.5em !important; }
.mT1em{ margin-top:1em !important; }
.mT2em{ margin-top:2em !important; }
.mT3em{ margin-top:3em !important; }
.mB05em{ margin-bottom:.5em !important; }
.mB1em{ margin-bottom:1em !important; }
.mB2em{ margin-bottom:2em !important; }
.mB3em{ margin-bottom:3em !important; }

/* アイコン */
.icon_color{ width:1.1em; height:1.1em; fill:#5584ae; }
.icon_color.gray{ fill:#606060; }
.icon_color.white{ fill:#fff; }

/* フワッと表示 jsとセットで使う */
.load-up{ opacity:0; transform:translateY(20px); transition:all 1.5s; }
.scroll-block{ opacity:0; transform:translateY(20px); transition:all 1.5s; }
.load-up.blockIn, .scroll-block.blockIn{ opacity:1; transform:translateY(0); }

/* ボタン */
.linkbutton{ position:relative; margin:0; z-index:1; }
button.btn, .linkbutton a, input[type=submit]{ cursor:pointer; position:relative; display:block; width:240px; text-align:center; padding:.75em 1em; margin:0 auto; font-weight:bold; user-select:none; transition:all .3s ease; color:#154c7d; border:1px solid #9bb7d1; }
.slide .linkbutton{ position:relative; width:240px; text-align:center; padding:.75em 1em; font-weight:bold; color:#154c7d; border:1px solid #9bb7d1; transition:all .3s ease; }
.slide .t-white .linkbutton{ color:#fff; border:1px solid #fff; }
button.btn::after, .linkbutton a::after, .slide .linkbutton::after{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); right:1.125em; width:.625em; height:.625em; border-top:1px solid #dc6a9d; border-right:1px solid #dc6a9d; transition:all .3s ease; z-index:0; }
button.btn:hover, .linkbutton a:hover, input[type=submit]:hover{ color:#dc6a9d; border:1px solid #dc6a9d; background:rgba(220,106,157,.2); }
.slide:hover .linkbutton{ color:#fff; background:#9bb7d1; }
button.btn:hover::after, .linkbutton a:hover::after, .slide:hover .linkbutton::after{ right:.625em; }
button.btn.lsize, .linkbutton.lsize a{ width:100%; }
input[type=submit]{ margin:2em auto 0; background:none; }
#prev_next .linkbutton.single{ display:none; }
.linkbutton.single a::after{ display:none; }
.single-item #main_content .linkbutton a, .linkbutton.bgblue a{ color:#fff; background:rgba(21,76,125,.6) !important; overflow:hidden; }
.single-item #main_content .linkbutton a::before, .linkbutton.bgblue a::before{ content:""; position:absolute; left:50%; transform:translateX(-50%) scaleY(1) scaleX(1.25); top:100%; width:140%; height:180%; background:rgba(0,0,0,.1); border-radius:50%; display:block; transition:all .5s .1s cubic-bezier(.55,0,.1, 1); z-index:-1; }
.single-item #main_content .linkbutton a::after, .linkbutton.bgblue a::after{ left:50%; right:auto; transform:translateX(-50%) scaleY(1) scaleX(1.45); top:180%; width:160%; height:190%; border:none; background:rgba(21,76,125,1); border-radius:50%; display:block; transition:all .5s .1s cubic-bezier(.55,0,.1, 1); z-index:-1; }
.single-item #main_content .linkbutton a:hover, .linkbutton.bgblue a:hover{ border:1px solid rgba(21,76,125,1); }
.single-item #main_content .linkbutton a:hover::before, .linkbutton.bgblue a:hover::before{ top:-35%; background:rgba(21,76,125,1); transform:translateX(-50%) scaleY(1.3) scaleX(.8); }
.single-item #main_content .linkbutton a:hover::after, .linkbutton.bgblue a:hover::after{ top:-45%; background:rgba(21,76,125,1); transform:translateX(-50%) scaleY(1.3) scaleX(.8); }
.wp-block-buttons .wp-block-button a{ font-weight:bold; color:#fff; background:#154c7d; }
.wp-block-buttons .wp-block-button a:hover{ background:#dc6a9d; }
.wp-block-buttons .wp-block-button.is-style-outline a{ color:#154c7d; border-color:#154c7d; }
.wp-block-buttons .wp-block-button.is-style-outline a:hover{ color:#fff; border-color:#dc6a9d; background:#dc6a9d; }
@media screen and (min-width:480px) {
    .linkbutton.btn_left a{ margin:0; }
}
@media screen and (min-width:640px) {
    .linkbutton.btn_left a{ margin:0; }
    #prev_next .linkbutton.single{ display:block; }
}

/* セリフ・フキダシ */
.voice{ display:flex; justify-content:space-between; align-items:center; margin:0 0 20px; }
.voice > div:last-of-type{ display:flex; justify-content:center; align-items:center; width:60px; height:60px; border-radius:60px; background:#e0e8f0; }
.icon_customer{ width:50px; height:50px; fill:#9bb7d1; }
.voice .lines{ width:calc(100% - 80px); padding:1em; --b:2em; --h:1em; --p:50%; clip-path:polygon(100% 100%,0 100%,0 0,100% 0,
    100% max(0%  ,var(--p) - var(--b)/2),
    calc(100% + var(--h)) var(--p),
    100% min(100%,var(--p) + var(--b)/2));
  border-image: fill 0//var(--h)
    conic-gradient(#f9eff4 0 0); }
.lines span{ display:block; text-align:right; }
@media screen and (min-width:640px) {
    .lines br{ display:none; }
}

/* レイアウト */
.inner{ position:relative; padding:40px 15px; }
.section_item{ padding-top:60px; }
.section_item.other{ background:rgba(237,248,250,1); }
.inner.pT0em{ padding-top:0; }
.inner.pB0em{ padding-bottom:0; }
.inner.pLR0em{ padding-right:0; padding-left:0; }
.vh100{ height:100vh !important; height:calc(var(--vh, 1vh) * 100) !important; }
.innerflex > div:not(:last-of-type){ margin:0 0 15px; }
.box_border.mT0em{ margin-top:0 !important; }
.box_border.mB0em{ margin-bottom:0 !important; }
.img_cover, .img_contain{ position:relative; overflow:hidden; z-index:0; }
.img_cover img, .img_contain img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1; }
.img_contain img{ object-fit:contain; }
.breadcrumb.inner{ margin:0 15px; padding:8px 0; }
#page_header .inner{ position:absolute; width:100%; bottom:100px; z-index:5; }
#wrap, #mainmenu{ position:relative; }
aside{ position:sticky; top:140px; }
.side_inner{ margin:40px 0 0; }
.side_inner:first-of-type{ margin:0; }
.anchor{ display:block; padding-top:140px; margin-top:-140px; }
.inner.anchor{ padding-top:100px; margin-top:-60px; }
.wp-block-image{ margin:0 0 2em; }
.wp-block-image img{ margin:0 auto; }
/* header */
#header{ position:fixed; top:0; left:0; width:100%; height:60px; z-index:100; transition:all .3s ease; }
#header.header_fixed, #header:hover{ background:rgba(255,255,255,.9); }
.header_inner{ position:relative; padding:0 15px; height:100%; display:flex; justify-content:space-between; align-items:center; }
#header_logo{ position:relative; z-index:2; }
#header_logo img{ max-height:36px; width:auto; }
#header_logo h1, #header_logo p{ font-size:16px; font-weight:bold; }
/* footer */
#footer{ position:relative; background:linear-gradient(to right, #edf8fa, #c1e0ee); }
#footer img{ margin:0 auto; }
#footer_menu_area .inner{ padding-bottom:0; }
#copyright{ position:relative; font-size:12px; text-align:center; padding:1rem 0; z-index:1; }
/* TOPへ戻るボタン */
.return_top{ display:none; text-align:center; position:fixed; right:0; bottom:0; width:50px; height:50px; font-weight:bold; color:#fff; padding:1.5em 0 0; background:#63a3c2; z-index:99; }
.return_top::before{ content:""; position:absolute; top:1em; left:50%; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; transform:translate(-50%, 0) rotate(-45deg); }
.return_top:hover{ color:#fff; background:#dc6a9d; }
@media screen and (max-width:991px) {
    #wrap{ display:flex; flex-wrap:wrap; min-height:535px; }
    #mainmenu, #sidemenu{ width:100%; }
    .single-item #wrap, .page-template-page-sidebar #wrap{ flex-direction:column-reverse; }
    .single-item #sidemenu{ padding:0 0 40px; }
    .box_border.sp{ border:1px solid #77bcd2; padding:1em; margin:40px 0; }
}
@media screen and (min-width:640px) {
    .inner{ padding:50px 20px; }
    .innerflex{ display:flex; justify-content:space-between; }
    #top_agency .innerflex{ flex-direction:row-reverse; }
    .innerflex > div{ width:49%; margin:0 !important; }
    .box_border{ margin:50px 0; }
    .breadcrumb.inner{ margin:0 20px; }
    /* header, footer, top_button */
    #header_logo img{ max-height:38px; width:auto; align-items:center; }
    #header_logo h1, #header_logo p{ font-size:18px; }
    .return_top{ width:60px; height:60px; }
}
@media screen and (min-width:992px) {
    .inner{ padding:80px 30px; }
    .box_border.pc{ border:1px solid #77bcd2; padding:1em; margin:80px 0; }
    .section_item{ padding-top:80px; }
    .breadcrumb.inner{ margin:0 30px; }
    #page_header .inner{ width:50%; top:50%; transform:translateY(-50%); bottom:auto; }
    .single-item #main, .post-type-archive-agency #main, .tax-agency-area #main{ background:linear-gradient(90deg, rgba(119,188,210,.12), rgba(26,158,222,.2)), url(img/header_item_s.png) no-repeat center center; background-size:cover; background-attachment:fixed; }
    #wrap{ display:flex; justify-content:space-between; min-height:535px; }
    #mainmenu{ width:calc(100% - 330px); }
    #sidemenu{ width:300px; }
    .anchor{ padding-top:180px; margin-top:-180px; }
    .inner.anchor{ padding-top:180px; margin-top:-100px; }
    /* header, footer, top_button */
    #header{ height:100px; }
    #header_logo{ width:260px; }
    #header_logo h1, #header_logo p{ font-size:20px; }
    .header_btns{ display:none !important; }
}
@media screen and (min-width:1160px) {
    .inner{ padding:80px 50px; margin:0 100px 100px; }
    .home .inner{ margin:0 100px; }
    .blog_list2.inner{ padding:80px 0; }
    .breadcrumb.inner{ margin:0 100px; }
    #page_header .inner{ width:calc(50% - 100px); padding:0; }
    #footer_contact{ padding:80px 0; }
    #footer_contact .inner{ margin:0 100px; }
    #footer_menu_area .inner{ margin:0; }
    #mainmenu{ width:calc(100% - 350px); }
    /* header, footer, top_button */
    .header_inner{ padding:0 30px; }
}
@media screen and (min-width:1600px) {
    .onecolumn, .blog_list2.inner{ width:1300px; margin:0 auto; }
    #wrap{ justify-content:center; }
    #mainmenu{ width:950px; margin-right:50px; }
    .wp-block-image img{ max-width:800px; }
}

/* nav */
/* drawer */
.hamburger{ position:absolute; top:50%; transform:translateY(-50%); right:15px; width:40px; height:40px; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer; transition:all .3s ease; z-index:2; }
.hamburger:hover{ background:rgba(220,106,157,.2); }
.hamburger_border{ display:inline-block; width:20px; height:2px; background:#154c7d; margin:2px 0; transition:all .3s ease; }
.hamburger:hover .hamburger_border{ background:#dc6a9d; }
.h_sp_menu{ display:inline-block; margin:2px 0 0; padding:0; line-height:1; font-size:11px; letter-spacing:-.15em; color:#154c7d; transition:all .3s ease; }
.hamburger:hover .h_sp_menu{ color:#dc6a9d; }
.nav-open .hamburger_border_top{ transform:translateY(6px) rotate(45deg); }
.nav-open .hamburger_border_center{ width:0; }
.nav-open .hamburger_border_bottom{ transform:translateY(-6px) rotate(-45deg); }
#header_icons{ display:flex; position:relative; }
#header_icons > a:not(:last-of-type){ margin-right:2px; }
.iconbutton{ width:40px; height:40px; display:flex; justify-content:center; align-items:flex-end; transition:all .3s ease; }
.iconbutton span{ display:inline-block; font-size:11px; letter-spacing:-.15em; margin:0 0 3px; padding:0; line-height:1; color:#154c7d; transition:all .3s ease; }
.iconbutton.eng span{ letter-spacing:normal; }
.iconbutton:hover span{ color:#dc6a9d; }
  /* アイコン */
  .iconbutton.seminar{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23154c7d"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M21,3H3C1.9,3,1,3.9,1,5v8h2V5h18v16c1.1,0,2-0.9,2-2V5C23,3.9,22.1,3,21,3z"/></g><g><circle cx="9" cy="10" r="4"/></g><g><path d="M15.39,16.56C13.71,15.7,11.53,15,9,15c-2.53,0-4.71,0.7-6.39,1.56C1.61,17.07,1,18.1,1,19.22V22h16v-2.78 C17,18.1,16.39,17.07,15.39,16.56z"/></g></g></g></svg>') no-repeat center top 4px; }
  .iconbutton.seminar:hover{ background:rgba(220,106,157,.2) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23dc6a9d"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M21,3H3C1.9,3,1,3.9,1,5v8h2V5h18v16c1.1,0,2-0.9,2-2V5C23,3.9,22.1,3,21,3z"/></g><g><circle cx="9" cy="10" r="4"/></g><g><path d="M15.39,16.56C13.71,15.7,11.53,15,9,15c-2.53,0-4.71,0.7-6.39,1.56C1.61,17.07,1,18.1,1,19.22V22h16v-2.78 C17,18.1,16.39,17.07,15.39,16.56z"/></g></g></g></svg>') no-repeat center top 4px; }
  .iconbutton.login{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23154c7d"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><path d="M10.3,7.7L10.3,7.7c-0.39,0.39-0.39,1.01,0,1.4l1.9,1.9H3c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h9.2l-1.9,1.9 c-0.39,0.39-0.39,1.01,0,1.4l0,0c0.39,0.39,1.01,0.39,1.4,0l3.59-3.59c0.39-0.39,0.39-1.02,0-1.41L11.7,7.7 C11.31,7.31,10.69,7.31,10.3,7.7z M20,19h-7c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h7c1.1,0,2-0.9,2-2V5c0-1.1-0.9-2-2-2h-7 c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h7V19z"/></g></svg>') no-repeat center top 4px; }
  .iconbutton.login:hover{ background:rgba(220,106,157,.2) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23dc6a9d"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><path d="M10.3,7.7L10.3,7.7c-0.39,0.39-0.39,1.01,0,1.4l1.9,1.9H3c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h9.2l-1.9,1.9 c-0.39,0.39-0.39,1.01,0,1.4l0,0c0.39,0.39,1.01,0.39,1.4,0l3.59-3.59c0.39-0.39,0.39-1.02,0-1.41L11.7,7.7 C11.31,7.31,10.69,7.31,10.3,7.7z M20,19h-7c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h7c1.1,0,2-0.9,2-2V5c0-1.1-0.9-2-2-2h-7 c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h7V19z"/></g></svg>') no-repeat center top 4px; }
  .iconbutton.shop{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23154c7d"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>') no-repeat center top 4px; }
  .iconbutton.shop:hover{ background:rgba(220,106,157,.2) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23dc6a9d"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>') no-repeat center top 4px; }
  .iconbutton.mail{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23154c7d"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-6.54 4.09c-.65.41-1.47.41-2.12 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z"/></svg>') no-repeat center top 4px; }
  .iconbutton.mail:hover{ background:rgba(220,106,157,.2) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23dc6a9d"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-6.54 4.09c-.65.41-1.47.41-2.12 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z"/></svg>') no-repeat center top 4px; }
  .iconbutton.tel{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23154c7d"><path d="M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2.5 20h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5zm3.5-3H7V4h10v14z"/></svg>') no-repeat center top 4px; }
  .iconbutton.tel:hover{ background:rgba(220,106,157,.2) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23dc6a9d"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2.5 20h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5zm3.5-3H7V4h10v14z"/></svg>') no-repeat center top 4px; }
#drawer_menu{ position:fixed; right:-100vw; top:60px; width:100%; height:calc(100vh - 60px); height:calc(calc(var(--vh, 1vh) * 100) - 60px); padding:40px 0 0; transition:all .3s ease, opacity .3s .3s ease; z-index:1; overflow-y:auto; opacity:0; background:rgba(237,248,250,.9); }
.nav-open #drawer_menu{ right:0; opacity:1; }
#drawer_menu > div{ position:relative; width:100%; padding:0 15px; }
.black_bg{ position:fixed; left:0; top:0; width:100vw; height:100vh; height:calc(var(--vh, 1vh) * 100); z-index:0; opacity:0; visibility:hidden; cursor:pointer; background:url(img/common/drawer_waren.jpg) no-repeat center center; background-size:cover; transition:all .3s ease; }
.nav-open .black_bg{ opacity:1; visibility:visible; }
#drawer_menu ul.menu{ margin:0 auto; opacity:0; }
.nav-open #drawer_menu ul.menu{ opacity:1; }
#drawer_menu .buttons{ display:flex; flex-wrap:wrap; }
#drawer_menu .linkbutton{ width:100%; margin:0 0 15px; }
#drawer_menu .iconbutton{ border:1px solid #154c7d; border-radius:5rem; width:3.75em; height:3.75em; }
#drawer_menu .iconbutton:hover{ border:1px solid #dc6a9d; }
#drawer_menu .linkbutton .iconbutton{ width:100%; height:3.125em; }
#drawer_menu .contact > div{ position:relative; display:flex; align-items:center; padding:1em; border:1px solid #77bcd2; }
#drawer_menu .contact > div > div{ position:relative; width:calc(100% - 3.75em); padding-right:2em; }
#drawer_menu .title{ font-size:1.5em; color:#5584ae; }
#drawer_menu b{ font-size:1.5em; color:#154c7d; }
#drawer_menu .iconbutton.tel{ background-position:center top .688em; }
#drawer_menu .contact .iconbutton.eng span{ margin:0 0 .688em; }
#drawer_menu .iconbutton.seminar, #drawer_menu .iconbutton.login, #drawer_menu .iconbutton.shop, #drawer_menu .iconbutton.mail{ background-position:left 1em center; }
#drawer_menu .buttons .iconbutton span{ font-size:1em; letter-spacing:0; margin:0; padding:0; }
#drawer_menu .contact > div > div::after{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); right:1.125em; width:.625em; height:.625em; border-top:1px solid #154c7d; border-right:1px solid #154c7d; z-index:0; }
#drawer_menu .footer_menu{ padding-bottom:40px; }
#drawer_menu .footer_menu:not(:last-of-type){ border-bottom:1px solid #c1e0ee; }
#global_menu{ position:relative; height:100%; }
#global_menu ul.menu{ display:none; }
@media screen and (max-width:991px) {
    /* アイコンズ */
    #header_icons .iconbutton.mail, #header_icons .iconbutton.tel{ display:none; }
    #header_icons{ margin-right:42px; }
}

@media screen and (min-width:640px) {
    #drawer_menu{ width:75%; }
    #drawer_menu > div{ padding:0 20px; }
    #drawer_menu > div > *{ margin:0 auto; }
    #drawer_menu .linkbutton{ width:49%; }
    #drawer_menu .linkbutton:not(:nth-of-type(2n)){ margin-right:2%; }
}
@media screen and (min-width:992px) {
    .nav-open .black_bg{ opacity:0; visibility:hidden; }
    .nav-open #drawer_menu{ top:-100vh; top:calc(var(--vh, 1vh) * -100); opacity:0; }
    /* アイコンズ */
    .iconbutton{ width:50px; height:50px; border-radius:100px; }
    .iconbutton:hover{ border:1px solid #dc6a9d; }
    .iconbutton span{ font-size:.75em; letter-spacing:-.2em; margin:0 0 9px; padding:0; line-height:1; color:#fff; }
    .iconbutton.eng span{ letter-spacing:.05em; }
      /* アイコン */
      .iconbutton.seminar{ background:rgba(99,163,194,1) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23ffffff"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M21,3H3C1.9,3,1,3.9,1,5v8h2V5h18v16c1.1,0,2-0.9,2-2V5C23,3.9,22.1,3,21,3z"/></g><g><circle cx="9" cy="10" r="4"/></g><g><path d="M15.39,16.56C13.71,15.7,11.53,15,9,15c-2.53,0-4.71,0.7-6.39,1.56C1.61,17.07,1,18.1,1,19.22V22h16v-2.78 C17,18.1,16.39,17.07,15.39,16.56z"/></g></g></g></svg>') no-repeat center top 7px; }
      .iconbutton.login{ background:rgba(99,163,194,1) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23ffffff"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><path d="M10.3,7.7L10.3,7.7c-0.39,0.39-0.39,1.01,0,1.4l1.9,1.9H3c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h9.2l-1.9,1.9 c-0.39,0.39-0.39,1.01,0,1.4l0,0c0.39,0.39,1.01,0.39,1.4,0l3.59-3.59c0.39-0.39,0.39-1.02,0-1.41L11.7,7.7 C11.31,7.31,10.69,7.31,10.3,7.7z M20,19h-7c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h7c1.1,0,2-0.9,2-2V5c0-1.1-0.9-2-2-2h-7 c-0.55,0-1,0.45-1,1v0c0,0.55,0.45,1,1,1h7V19z"/></g></svg>') no-repeat center top 7px; }
      .iconbutton.shop{ background:rgba(99,163,194,1) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>') no-repeat center top 7px; }
      .iconbutton.mail{ background:rgba(99,163,194,1) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23ffffff"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-6.54 4.09c-.65.41-1.47.41-2.12 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z"/></svg>') no-repeat center top 7px; }
      .iconbutton.tel{ background:rgba(99,163,194,1) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 24 24" fill="%23ffffff"><path d="M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2.5 20h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5zm3.5-3H7V4h10v14z"/></svg>') no-repeat center top 7px; }
    /* グロナビ */
    #global_menu > ul.menu{ width:100%; height:100%; display:flex; flex-wrap:wrap; }
    #global_menu ul.menu li{ height:100%; }
    #global_menu ul.menu li a{ width:100%; height:100%; padding:.5em; font-weight:bold; font-size:15px; text-decoration:none; display:block; overflow:hidden; }
    #global_menu ul.menu > li > a span{ display:inline-block; position:relative; top:50%; transform:translateY(-50%); text-align:center; }
    #global_menu ul.menu > li > .header-nav-child{ position:absolute; visibility:hidden; opacity:0; width:100vw; top:100px; left:50%; transform:translateX(-50%); z-index:99; text-align:left; overflow:hidden; transition:all .3s ease; pointer-events:none; background:rgba(255,255,255,.9); }
    #global_menu ul.menu > li:hover > .header-nav-child{ visibility:visible; opacity:1; pointer-events:auto; }
    #global_menu .header-nav-child .inner{ display:flex; justify-content:space-between; align-items:center; padding:40px 30px; margin:0; background:rgba(119,188,210,.2); }
    .header-nav-child .img_cover{ width:200px; height:200px; }
    #global_menu ul.menu li ul.sub-menu a{ position:relative; padding:.5em 1em; }
    #global_menu ul.menu li ul.sub-menu a::after{ position:absolute; left:0; content:""; width:100%; height:3px; background:rgba(118, 151, 191, .2); bottom:0px; transform:scale(0, 1); transform-origin:right top; transition:transform .3s; }
    #global_menu ul.menu li ul.sub-menu a:hover::after{ transform:scale(1, 1); transform-origin:left top; }
    #global_menu .header-nav-child .inner > ul.sub-menu{ display:flex; flex-wrap:wrap; width:calc(100% - 220px); }
    #global_menu .header-nav-child .inner > ul.sub-menu > li{ width:32%; }
    #global_menu .header-nav-child .inner > ul.sub-menu > li:not(:nth-of-type(3n)){ margin-right:2%; }
    #global_menu .menu-item-37757 .header-nav-child .inner > ul.sub-menu{ flex-wrap:nowrap; }
    #global_menu .menu-item-37757 .header-nav-child .inner > ul.sub-menu > li{ width:16.66%; }
    #global_menu .menu-item-37757 .header-nav-child .inner > ul.sub-menu > li:not(:nth-of-type(3n)){ margin-right:0; }
    #global_menu .header-nav-child ul.sub-menu ul.sub-menu > li{ font-size:.9em; padding-left:1em; }
    #global_menu .header-nav-child ul.sub-menu ul.sub-menu a{ color:#5584ae; }
}
@media screen and (min-width:1160px) {
    #global_menu ul.menu > li > .header-nav-child{ top:80px; background:rgba(255,255,255,0); }
    #global_menu .header-nav-child .inner{ padding:40px 30px; margin:0 100px; background:rgba(237,248,250,1); border-radius:10px; }
}
@media screen and (min-width:1600px) {
    #global_menu .header-nav-child .inner{ width:1300px; padding:40px 50px; margin:0 auto; }
}

/* footer */
#footer_contact{ background:/*linear-gradient(90deg, rgba(119,188,210,.1), rgba(26,158,222,.1)), */url(img/header_item_s.png) no-repeat center top; background-size:cover; }
#footer_contact .inner{ background:rgba(255,255,255,.8); }
#footer_contact .inner > div{ position:relative; display:flex; align-items:center; padding:40px 0; }
#footer_contact .inner > div:not(:last-of-type){ border-bottom:1px solid #c1e0ee; }
#footer_contact .inner > div > div{ position:relative; width:calc(100% - 60px); padding-right:2em; }
#footer_contact b{ font-size:1.5em; color:#154c7d; }
#footer_menu_area .overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(237,248,250,.4); }
#footer_menu_area .company{ padding:0 0 40px; border-bottom:1px solid #fff; }
#footer_menu_area .company p{ text-align:center; margin:1em 0 0; }
#footer_menu_area .iconbutton.shop{ background-position:left 1em center; }
#footer_menu_area .iconbutton{ height:auto; align-items:center; }
#footer_menu_area .iconbutton span{ font-size:1em; letter-spacing:0; margin:0; padding:0; }
.footer_menu{ padding:40px 0 0; }
.footer_menu .title{ font-size:clamp(1rem, calc(.881rem + .6vw), 1.25rem); font-weight:bold; color:#5584ae; }
.footer_menu ul.menu{ list-style:none; display:flex; flex-wrap:wrap; }
.footer_menu ul.menu li{ width:50%; }
.footer_menu ul.menu a{ display:block; position:relative; padding:.5em 0 .5em 1em; font-weight:bold; }
.footer_menu ul.menu a:active{ transform:scale(.95); background:rgba(119,188,210,.2); }
.footer_menu ul.menu a::before{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); left:0; width:6px; height:6px; border-top:1px solid #dc6a9d; border-right:1px solid #dc6a9d; }
.footer_menu ul.menu a:hover::before{ left:3px; }
@media screen and (max-width:991px) {
    #footer_contact .iconbutton{ border:1px solid #154c7d; border-radius:5rem; width:3.75em; height:3.75em; }
    #footer_contact .iconbutton:hover{ border:1px solid #dc6a9d; }
    #footer_contact .iconbutton.shop, #footer_contact .iconbutton.mail, #footer_contact .iconbutton.tel{ background-position:center top .688em; }
    #footer_contact .iconbutton.eng span{ margin:0 0 .688em; }
    #footer_contact .inner > div > div::after{ content:""; position:absolute; top:calc(50% - 5px); transform:translateY(calc(-50% + 5px)) rotate(45deg); right:1.125em; width:.625em; height:.625em; border-top:1px solid #154c7d; border-right:1px solid #154c7d; z-index:0; }
}
@media screen and (min-width:640px) {
    #footer_menu_area .company > div{ display:flex; align-items:center; }
    #footer_menu_area .company p{ text-align:left; margin:0 0 0 1em; }
    #footer_menu_area .company .linkbutton{ margin:2em 0 0; }
}
@media screen and (min-width:992px) {
    #footer_contact .inner{ display:flex; padding:0; }
    #footer_contact .inner > div{ width:33.33%; padding:40px 30px; text-align:center; }
    #footer_contact .inner > div:not(:last-of-type){ border:none; border-right:1px solid #c1e0ee; }
    #footer_contact .inner > div > div{ width:100%; padding:0; }
    #footer_contact .iconbutton{ position:absolute; top:0; left:0; width:100%; height:100%; border-radius:0; background-color:transparent; }
    #footer_contact .tap{ border:1px solid #77bcd2; opacity:0; }
    #footer_contact .tap:hover{ opacity:1; transform:scale(.95); }
    #footer_contact .tap:active{ opacity:1; }
    #footer_contact .iconbutton span{ display:none; }
    #footer_contact .iconbutton.shop, #footer_contact .iconbutton.mail, #footer_contact .iconbutton.tel{ background:none; }
    #footer_contact .iconbutton.tel{ border:none; }
    #footer_menu_area{ display:flex; }
    #footer_menu_area .img_cover{ width:33.34%; }
    #footer_menu_area > div:last-of-type{ width:66.66%; }
    .footer_menu ul.menu a{ padding:.25em 1em; }
    #footer_menu_area .company .linkbutton a::after{ border-top:1px solid #fff; border-right:1px solid #fff; }
    #footer_menu_area .company .linkbutton a:hover::after{ border-top:1px solid #dc6a9d; border-right:1px solid #dc6a9d; }
}
@media screen and (min-width:1600px) {
    #footer_menu_area{ height:100vh; height:calc(var(--vh, 1vh) * 100); }
    #footer_menu_area .inner{ padding:100px 50px; display:flex; flex-wrap:wrap; align-items:center; }
    #footer_menu_area .inner > div{ width:100%; }
    #footer_menu_area #copyright{ position:absolute; bottom:0; }
    #footer_menu_area .company{ display:flex; align-items:center; }
    #footer_menu_area .company p{ margin:0 0 0 30px !important; }
    .footer_menu ul.menu li{ width:32%; }
    .footer_menu ul.menu li:not(:nth-of-type(3n)){ margin-right:2%; }
}

/* パンクズ */
.breadcrumb ul{ display:flex; flex-wrap:wrap; align-items:center; list-style:none; }
.breadcrumb li{ display:flex; align-items:center; font-size:13px; }
.breadcrumb li a{ display:inline-block; padding:.25em 0; text-decoration:underline; color:#606060; }
.breadcrumb li a span{ display:flex; align-items:center; }
.breadcrumb li span{ display:inline-block; padding:.25em 0; }

/* ページネーション */
.pagination{ margin:3em 0 0; }
ul.page-numbers{ list-style:none; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
ul.page-numbers li{ margin:0 .125em; }
ul.page-numbers a, ul.page-numbers .current{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; border:1px solid #77bcd2; }
ul.page-numbers .current{ background:#77bcd2; }
ul.page-numbers a:hover{ background:#faeff4; border:1px solid #faeff4; }
@media screen and (min-width:480px) {
    ul.page-numbers a, ul.page-numbers .current{ width:2.5em; height:2.5em; }
}
@media screen and (min-width:640px) {
    ul.page-numbers li{ margin:0 .25em; }
}

/* sidemenu */
#sidemenu select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff; outline:none; border:1px solid #303030; height:3.125em; padding:.5em 1em; font-size:1em; cursor:pointer; width:100%; }
#sidemenu select::-ms-expand{ display:none; }
.selectbox1{ position:relative; overflow:hidden; }
.selectbox1::before, .selectbox1::after{ position:absolute; content:""; pointer-events:none; }
.selectbox1::before{ right:0; display:inline-block; width:2.8em; height:3.125em; background:#303030; content:""; }
.selectbox1::after{ position:absolute; top:50%; right:1.4em; transform:translate(50%, -50%) rotate(45deg); width:.375em; height:.375em; border-bottom:2px solid #fff; border-right:2px solid #fff; content:""; }

/* splide */
.splide{ z-index:0; }
.splide__pagination{ font-size:0; }
/* 前へ / 次へボタン */
.splide__arrow--prev, .splide__arrow--next{ display:grid; place-content:center; width:50px; height:50px; margin:0 .5rem; cursor:pointer; background:#fff; border-radius:50%; border:none; box-shadow:rgba(50, 50, 50, .25) 0px 13px 27px -5px, rgba(0, 0, 0, .3) 0px 8px 16px -8px; transition:all .3s ease; }
.splide__arrow--prev:hover, .splide__arrow--next:hover{ background:#77bcd2; }
.splide__arrow--prev::after, .splide__arrow--next::after{ width:.8rem; height:.8rem; content:""; border:3px solid #303030; border-width:3px 3px 0 0; }
.splide__arrow--prev::after{ margin-left:.4rem; transform:rotate(-135deg); }
.splide__arrow--next::after{ margin-right:.4rem; transform:rotate(45deg); }
.splide__arrow>svg{ display:none; }
.splide__arrow:disabled{ pointer-events:none; opacity:0; }
.splide__arrow:focus-visible{ outline:3px solid rgba(119,188,210,.8); outline-offset:3px; z-index:1; transition:none; }
.splide__pagination__page{ border:none; }
.splide__pagination__page:focus-visible{ outline:3px solid #63a3c2; outline-offset:3px; z-index:1; transition:none; }
.splide__slide:focus-visible{ outline: 3px solid #63a3c2; outline-offset:3px; z-index:1; transition:none; }
/* firefoxちらつき防止 */
@-moz-document url-prefix(){
    .slide{ outline:1px solid transparent; border-bottom:1px solid #fff; }
}
.splide-wrapper{ position:relative; }
.card{ overflow:hidden; }
.card .splide{ position:relative; }
.card .splide .splide__arrows{ position:absolute; top:0; right:0; display:flex; }
.card .splide__track{ overflow:visible; }
.card .splide__slide{ display:block; width:max-content; transition:all .3s ease; }
.card .slide{ overflow:hidden; transition:all .3s ease; }
.card .slide_media{ padding-top:100%; }

/* footer splide */
.cardf{ background:#c1e0ee; }
.cardf a{ display:block; position:relative; overflow:hidden; }
.cardf a .overlay{ position:absolute; width:0; height:0; top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(119,188,210,0); z-index:1; }
.cardf a:hover .overlay{ width:100%; height:100%; background:rgba(119,188,210,.7); }
.cardf a .title{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; white-space:nowrap; color:#fff; opacity:0; z-index:2; }
.cardf a:hover .title{ opacity:1; font-size:1rem; }
@media screen and (min-width:640px) {
    .cardf a:hover .title{ font-size:1.25rem; }
}

/* wpform */
input[type=text], input[type=email], textarea{ border:1px solid #ccc; width:100%; padding:.25em .5em; }
select{ border:1px solid #ccc; padding:.5em .5em; }
input[type=text]:focus, input[type=email]:focus, textarea:focus, select:focus{ border:1px solid #dc6a9d; background:#f9eff4; outline:0; }
.hissu{ display:inline-block; background:#77bcd2; font-size:.9em; font-weight:bold; padding:.1em .5em 0; margin:0 0 0 .5em; }
.kome{ display:block; margin:.5em 0 0; font-size:.9em; color:#777; }
.mw_wp_form_input .open-area, .mw_wp_form_input .open-otodoke1, .mw_wp_form_input .open-otodoke2{ display:none; }

/* リップルボタン */
.ripple{ position:relative; overflow:hidden; }
.ripple::before{ content:""; position:absolute; width:100%; height:100%; top:50%; left:50%; background:radial-gradient(circle, #d9edf1 20%, transparent 20%) no-repeat 50%; transform:translate(-50%, -50%) scale(10, 10); opacity:0; transition:transform .7s, opacity 1.5s; }
.ripple:active::before{ transform:translate(-50%, -50%) scale(0, 0); transition:0s; opacity:.3; }

/* 検索 */
.search_box{ position:relative; z-index:10; }

/* 記事リスト */
.blog_list .item{ position:relative; }
.blog_list .item > a{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding:1.5em 1.5em 1.5em 0; border-bottom:1px solid #9bb7d1; }
.blog_list .item:first-of-type > a{ border-top:1px solid #9bb7d1; }
.blog_list .item > a::after{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); right:1em; width:.625em; height:.625em; border-top:1px solid #dc6a9d; border-right:1px solid #dc6a9d; z-index:1; }
.blog_list .item > a:hover::after{ right:.125em; }
.blog_list a .image{ position:relative; width:105px; height:105px; margin:0 auto; overflow:hidden; z-index:1; }
.blog_list a .image > div{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }
.blog_list a .title_area{ position:relative; padding:0 !important; width:calc(100% - 115px); margin:0 0 0 10px; }
.blog_list .noimage a .title_area{ width:100%; margin:0; }
.blog_list a .date{ font-size:.9em; color:#63a3c2; }
.blog_list a .title{ font-size:1em; margin:0 !important; padding:0 !important; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; border:none !important; color:#154c7d !important; }
.blog_list a:hover .title{ color:#dc6a9d !important; }
.blog_list a .title::after{ display:none; }
.blog_list a .cnt{ display:inline-block; width:1.5em; margin:0 0 0 .25em; text-align:center; background:rgba(155,183,209,.5); border-radius:4px; }
#top_news .blog_list a .image{ width:75px; height:75px; }
#top_news .blog_list a .title_area{ width:calc(100% - 85px); }
#top_news .blog_list .noimage a .title_area{ width:100%; }
@media screen and (min-width:640px) {
    #top_news .blog_list{ display:flex; justify-content:space-between; }
    #top_news .blog_list .item{ border:1px solid #9bb7d1; width:32%; display:flex; align-items:center; }
    #top_news .blog_list .item > a{ border:none; width:100%; height:100%; padding:1.5em 1.5em 1.5em 1em; }
}
@media screen and (min-width:992px) {
    #sidemenu .blog_list .item > a{ padding:1em 1.5em 1em 0; }
    #sidemenu .blog_list a .image{ width:75px; height:75px; }
    #sidemenu .blog_list a .title_area{ width:calc(100% - 85px); }
    #sidemenu .blog_list .noimage a .title_area{ width:100%; }
    #sidemenu .blog_list a .title{ font-size:.9em; }
}

/* 記事リスト2 */
.blog_list2{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.blog_list2.inner{ padding-bottom:0; }
.blog_list2 .item{ position:relative; width:48%; margin:0 0 30px; }
.blog_list2 a{ display:block; position:relative; width:100%; height:100%; }
.blog_list2 a .img_cover{ width:100%; padding-top:130%; }
.blog_list2 a:hover .img_cover{ transform:translateY(-5px); box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px, rgba(0,0,0,.3) 0px 30px 60px -30px; }
.blog_list2 a .title_area{ position:relative; padding:1em 0; z-index:1; }
.blog_list2 a .title{ font-size:1.25em; margin:0 !important; padding:0 !important; border:none !important; color:#154c7d !important; }
.blog_list2 a:hover .title{ color:#dc6a9d !important; }
.blog_list2 a .title::after{ display:none; }
.blog_list2 a p{ color:#222; }
.blog_list2 .linkbutton{ position:relative; margin:.5em 0 0; padding:.5em 1em; text-align:center; font-weight:bold; color:#154c7d; border:1px solid #154c7d; overflow:hidden; transition:all .3s ease; }
.blog_list2 .linkbutton::before{ content:""; position:absolute; left:50%; transform:translateX(-50%) scaleY(1) scaleX(1.25); top:100%; width:140%; height:180%; background:rgba(0,0,0,.1); border-radius:50%; display:block; transition:all .5s .1s cubic-bezier(0.55, 0, 0.1, 1); z-index:-1; }
.blog_list2 .linkbutton::after{ content:""; position:absolute; left:50%; transform:translateX(-50%) scaleY(1) scaleX(1.45); top:180%; width:160%; height:190%; background:rgba(21,76,125,1); border-radius:50%; display:block; transition:all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1); z-index:-1; }
.blog_list2 a:hover .linkbutton{ color:#fff; }
.blog_list2 a:hover .linkbutton::before{ top:-35%; background:rgba(21,76,125,1); transform:translateX(-50%) scaleY(1.3) scaleX(0.8); }
.blog_list2 a:hover .linkbutton::after{ top:-45%; background:rgba(21,76,125,1); transform:translateX(-50%) scaleY(1.3) scaleX(0.8); }
.item_term{ position:relative; display:inline-block; font-size:.85em; line-height:1; padding:.75em 1em; color:#5584ae; border:1px solid #5584ae; border-radius:50px; z-index:1; }
#main_content .blog_list2 .img_cover{ width:100%; padding-top:100%; }
#main_content .blog_list2 h4{ margin:.75em 0 0 !important; padding:0 !important; }
#main_content .blog_list2 h4::before{ display:none; }
#main_content .blog_list2 p{ margin:0; }
@media screen and (min-width:640px) {
    .blog_list2 .item{ margin:0 0 40px; }
    .blog_list2{ justify-content:flex-start; }
    .blog_list2 .item{ width:31%; }
    .blog_list2 .item:not(:nth-of-type(3n)){ margin:0 3.5% 50px 0; }
}

/* タグリスト */
.tag_list{ position:relative; display:flex; flex-wrap:wrap; }
.tag_list a{ display:inline-block; background:rgba(155,183,209,.5); padding:.25em .75em; margin:3px; }
.tag_list a:hover{ background:rgba(220,106,157,.4); }

/* 投稿・固定 */
#page_header{ position:relative; overflow:hidden; width:100%; height:100vh; height:calc(var(--vh, 1vh) * 100); }
#page_header.low{ height:50vw; }
#page_header .circle{ position:absolute; width:100%; height:100%; clip-path:circle(200vh at 50% -100vh); clip-path:circle(200vh at 50% calc(var(--vh, 1vh) * -100)); z-index:-1; }
#page_header.low .circle{ clip-path:circle(75vw at 50% -25vw); }
#page_header .circle .overlay{ position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(237,248,250,.5); z-index:0; }
#page_header .circle .image{ position:absolute; width:100%; height:100%; top:0; left:0; background:url(img/waren_header1.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; z-index:-1; }
.blog #page_header .circle .image,
.single-post #page_header .circle .image,
.single-event #page_header .circle .image,
.single-location #page_header .circle .image,
.post-type-archive-event #page_header .circle .image,
.page-id-38070 #page_header .circle .image,
.page-id-38072 #page_header .circle .image,
.page-id-38073 #page_header .circle .image{ background-image:url(img/common/bg_water1.jpg); }
#page_header .title{ font-size:clamp(3.75rem, calc(2.614rem + 5.68vw), 6.875rem); position:absolute; width:100%; top:50%; transform:translateY(-50%); line-height:1.3; padding:0 10px; text-align:center; color:#154c7d; }
.page #page_header .title,
.post-type-archive-event #page_header .title{ font-size:clamp(2rem, calc(1.345rem + 3.27vw), 3.375rem); }
.page-id-38070 #page_header .title, 
.home #page_header .title{ font-size:clamp(3.75rem, calc(2.614rem + 5.68vw), 6.875rem) !important; }
ul.meta_top{ position:relative; display:flex; flex-wrap:wrap; align-items:center; list-style:none; padding:0; margin:0 0 .5em; color:#777; }
.posttitle_area ul.meta_top{ padding:0 0 1em; margin:1em 0 0; }
ul.meta_top li{ margin:0 5px 5px 0; display:flex; align-items:center; }
.single_cat a{ display:inline-block; padding:.125em 1em 0; border:1px solid #9bb7d1; }
ul.meta_top .cat{ display:inline-block; font-size:.85em; color:#fff; background:#9bb7d1; padding:2px 1em; border-radius:30px; }
.single_tags{ margin:1em 0 0 !important; }
.single_tags a{ display:inline-block; padding:.125em 0 0; margin:0 1em 0 0; }
.single_tags a::before{ content:'#'; }
.single_tags a:not(:last-of-type)::after{ content:', '; }
.posttitle_area .image{ max-width:850px; margin:40px auto; }
.posttitle_area{ margin:0 0 40px; }
.posttitle_area .title{ color:#154c7d; }
.svg_fade{ animation:center 1s cubic-bezier(.4, 0, .2, 1) forwards; }
@keyframes center{
    0% {
    transform:scale(1.5);
    opacity:0;
    -ms-filter:blur(20px); filter:blur(20px);
    }
    50% {
    opacity:.2;
    }
    100% {
    transform:scale(1);
    opacity:1;
    -ms-filter:blur(0px); filter:blur(0px);
    }
}
#prev_next{ list-style:none; display:flex; justify-content:space-between; align-items:center; }
#prev_next div{ position:relative; width:50%; }
#prev_next div a{ position:relative; display:flex; justify-content:flex-end; align-items:center; padding:.75em 2em .75em 1em; }
#prev_next div a::after{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); right:1em; width:.625em; height:.625em; border-top:1px solid #dc6a9d; border-right:1px solid #dc6a9d; z-index:1; }
#prev_next div a:hover::after{ right:.125em; }
#prev_next div:first-of-type a{ justify-content:flex-start; padding:.75em 1em .75em 2em; }
#prev_next div:first-of-type a::after{ right:auto; left:1em; transform:rotate(225deg); }
#prev_next div:first-of-type a:hover::after{ left:.125em; }
.scrolldown{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:11; }
.scrolldown span{ display:inline-block; padding:.25em 1em 20px; }
.scrolldown::after{ content:""; position:absolute; top:25px; left:50%; transform:translateX(-50%); width:1px; height:20px; background:#dc6a9d; animation:pathmove 1.4s ease-in-out infinite; opacity:0; }
@keyframes pathmove{
    0%{
      height:0;
      top:25px;
      opacity: 0;
    }
    30%{
      height:20px;
      opacity: 1;
    }
    100%{
      height:0;
      top:50px;
      opacity: 0;
    }
  }
@media screen and (max-width:991px) {
    .single #page_header{ height:auto; }
    .single #page_header .title{ color:rgba(119,188,210,.3); position:relative; width:auto; top:auto; transform:none; padding:100px 20px 0; }
}
@media screen and (min-width:992px) {
    #page_header{ margin:0; height:100vh; height:calc(var(--vh, 1vh) * 100); }
    #page_header.low{ height:300px; }
    #page_header.low .title{ top:auto; transform:none; bottom:40px; }
    .page #page_header .title,
    .post-type-archive-event #page_header .title{ bottom:60px; }
    #page_header .circle{ clip-path:circle(200vh at 50% -100vh); clip-path:circle(200vh at 50% calc(var(--vh, 1vh) * -100)); }
    #page_header.low .circle{ clip-path:none; }
    #page_header .circle1{ position:fixed; }
    .single #page_header{ height:300px; }
    .single #page_header .title{ top:auto; transform:none; bottom:40px; color:rgba(255,255,255,1); }
}

/* 商品 */
#page_header .header_item_img1{ position:absolute; top:10vh; right:5vw; max-width:75%; z-index:5; animation:floating1 5s ease-in-out infinite alternate-reverse; }
.home #page_header .header_item_img1{ max-width:70%; }
.header_item_bg{ position:absolute; top:0; left:0; }
.header_item_bg.bg1{ top:50vh; left:-10vw; z-index:1; animation:floating_bg1 8s ease-in-out infinite alternate-reverse; }
.header_item_bg.bg2{ top:10vh; left:5vw; z-index:2; animation:floating_bg2 7s ease-in-out .5s infinite alternate-reverse; }
.header_item_bg.bg3{ top:40vh; left:auto; right:-10vw; z-index:3; animation:floating_bg3 6s ease-in-out infinite alternate-reverse; }
.header_item_bg.bg4{ top:7vh; left:auto; right:7vw; z-index:4; animation:floating_bg4 5s ease-in-out .5s infinite alternate-reverse; }
.header_item_bg.bg5{ top:45vh; left:3vw; z-index:6; max-width:40%; animation:floating_bg4 5s ease-in-out 1s infinite alternate-reverse; }
.top_water_bg .header_item_bg{ z-index:1 !important; }
.top_water_bg .header_item_bg.bg1{ top:auto; bottom:10vh; }
.top_water_bg .header_item_bg.bg2{ top:20vh; left:-20vw; }
.top_water_bg .header_item_bg.bg5{ top:65vh; left:5vw; }
.post-type-archive-item #page_header .title, .post-type-archive-agency #page_header .title, .tax-item-category #page_header .title, .tax-agency-area #page_header .title, .error404 #page_header .title{ position:relative; width:auto; top:auto; transform:none; padding:0; text-align:left; }
.post-type-archive-item #page_header .overlay, .tax-item-category #page_header .overlay, .error404 #page_header .overlay, #page_header .circle.mv1 .overlay{ background:linear-gradient(to right, #edf8fa, #c1e0ee); }
#top_item.overlay{ background:linear-gradient(15deg, #edf8fa 25%, #c1e0ee); background:linear-gradient(15deg, #f3eef7 25%, #d9cfe9); background:linear-gradient(15deg, #f6edf6 25%, #e3cfe8); background:linear-gradient(15deg, #f8eff5 25%, #eccce2); }
.post-type-archive-item #page_header .subtitle, 
.post-type-archive-agency #page_header .subtitle{ font-size:clamp(1.125rem, calc(.946rem + .89vw), 1.5rem); color:#63a3c2; }
.single-item #page_header{ padding:60px 0 0; }
.single-item #page_header .img_cover{ height:calc(calc(100vh - 60px) / 2); }
.single-item #page_header .title_area{ display:flex; flex-flow:column wrap; position:relative; background:#fff; height:calc(calc(100vh - 60px) / 2); padding:2.5em 15px; }
.single-item #page_header .title{ color:rgba(119,188,210,.3); position:absolute; top:0; left:50%; transform:translateX(-50%); padding:0; }
.single-item #page_header .subtitle{ color:#154c7d; }
.single-item .item_term{ font-size:1em; padding:.5em 1em; }
@keyframes floating1{
    0%{
      transform:translateY(-5px) rotate(-5deg);
    }
    100%{
      transform:translateY(5px) rotate(-3deg);
    }
}
@keyframes floating_bg1{
    0%{
      transform:translate(0, -5px);
    }
    100%{
      transform:translate(10px, 5px);
    }
}
@keyframes floating_bg2{
    0%{
      transform:translate(0, -7px);
    }
    100%{
      transform:translate(15px, 7px);
    }
}
@keyframes floating_bg3{
    0%{
      transform:translate(0, -12px);
    }
    100%{
      transform:translate(5px, 12px);
    }
}
@keyframes floating_bg4{
    0%{
      transform:translate(0, -12px);
    }
    100%{
      transform:translate(5px, 12px);
    }
}
.item_waren_title{ position:relative; }
.item_waren_title .img_cover{ width:100%; padding-top:100%; }
.item_waren_title .title_area{ padding:40px 15px 0; }
.item_waren_title .title{ color:#154c7d; }
.item_waren_title .subtitle{ color:#63a3c2; }
@media screen and (min-width:480px) {
    .item_waren_title .img_cover{ padding-top:67%; }
}
@media screen and (min-width:640px) {
    .home #page_header .header_item_img1{ max-width:65%; }
    .item_waren_title .title_area{ padding:50px 20px 0; }
    .item_waren_title .img_cover{ padding-top:50%; }
    .single-item #page_header .title_area{ padding:2.5em 20px; }
}
@media screen and (min-width:992px) {
    #page_header .header_item_img1{ top:15vh; }
    .home #page_header .header_item_img1{ max-width:75%; }
    .header_item_bg.bg1{ top:25vh; left:20%; }
    .header_item_bg.bg2{ top:10vh; left:45%; }
    .header_item_bg.bg3{ top:30vh; right:-5vw; }
    .header_item_bg.bg4{ top:10vh; right:7vw; }
    .header_item_bg.bg5{ top:60vh; left:auto; right:50vw; }
    .top_water_bg .header_item_bg.bg1{ left:-3vw; }
    .top_water_bg .header_item_bg.bg2{ top:auto; bottom:10vh; left:25vw; }
    .top_water_bg .header_item_bg.bg3{ top:25vh; }
    .top_water_bg .header_item_bg.bg4{ right:15vw; }
    .top_water_bg .header_item_bg.bg5{ top:65vh; left:auto; right:5vw; }
    .item_waren_title{ display:flex; align-items:center; }
    .item_waren_title > div{ position:relative; width:50% !important; }
    .item_waren_title .img_cover{ padding-top:40%; }
    .item_waren_title .title_area{ padding:0 30px; }
    .single-item #page_header{ display:flex; padding:100px 30px; }
    .single-item #page_header .img_cover, .single-item #page_header .items{ position:relative; width:50%; height:100%; padding:0; }
    .single-item #page_header .items .splide,
    .single-item #page_header .items .splide__track,
    .single-item #page_header .items .splide__list,
    .single-item #page_header .items .splide__slide,
    .single-item #page_header .items .slide{ position:relative; height:100%; }
    .single-item #page_header .items .img_cover{ width:100%; height:100%; }
    .single-item #page_header .title_area{ width:50%; height:100%; padding:3.375em 30px; justify-content:center; }
}
@media screen and (min-width:1160px) {
    #page_header .header_item_img1{ right:10vw; }
    .item_waren_title .title_area{ padding:0 100px; }
    .single-item #page_header{ padding:100px; }
    .single-item #page_header .title_area{ padding:3.375em 50px; }
}

/* Agency */
#page_header ul.menu{ display:flex; flex-wrap:wrap; list-style:none; }
#page_header ul.menu a{ position:relative; display:block; padding:.25em 1em; }
#page_header ul.menu a::after{ position:absolute; left:0; content:""; width:100%; height:2px; background:rgba(118, 151, 191, .2); bottom:0px; transform:scale(0, 1); transform-origin:right top; transition:transform .3s; }
#page_header ul.menu a:hover::after{ transform:scale(1, 1); transform-origin:left top; }
#page_header .header_map_img1{ animation:floating1 5s ease-in-out infinite alternate-reverse; }
.post-type-archive-agency #page_header > div:last-of-type, .tax-agency-area #page_header > div:last-of-type{ position:absolute; bottom:40px; right:0; }
.post-type-archive-agency #page_header{ height:auto !important; min-height:100vh !important; }
.post-type-archive-agency #page_header .inner, .tax-agency-area #page_header .inner{ position:relative; width:auto; bottom:auto; padding-top:100px; }
@media screen and (min-width:992px) {
    .post-type-archive-agency #page_header .inner{ top:auto; transform:none; padding:100px 30px 0; }
    .post-type-archive-agency #page_header > div:last-of-type{ top:50%; transform:translateY(-50%) !important; bottom:auto; }
    #page_header .header_map_img1{ max-width:75%; margin:0 0 0 auto; }
}
@media screen and (min-width:1160px) {
    .post-type-archive-agency #page_header .inner{ padding:100px 0 0; }
    .post-type-archive-agency #page_header > div:last-of-type{ right:5vw; }
    #page_header .header_map_img1{ max-width:80%; }
}

/* TOP */
/* TOP splide、Item splide */
.home #page_header .inner{ z-index:10; }
.home #page_header .circle{ z-index:1; }
.home #page_header .title{ position:relative; width:auto; top:auto; transform:none; padding:0; text-align:left; }
#page_header .inner.t-white .title,
#page_header .inner.t-white .desc{ color:#fff !important; }
.home #page_header .circle .overlay.white{ background:rgba(255,255,255,.2); }
.home #page_header .circle .overlay.grade-bl{ background:linear-gradient(to top, rgba(0,0,0,.1) 25%, transparent); }
.home #page_header .circle .overlay.grade-wh{ background:linear-gradient(to top, rgba(255,255,255,.5) 25%, transparent); }
.mv1 .img_cover{ width:100%; height:100vh; height:calc(var(--vh, 1vh) * 100); }
.mv1 .slide{ position:relative; width:100%; height:100vh; height:calc(var(--vh, 1vh) * 100); }
.mv1 .slide a{ cursor:pointer; position:absolute; top:0; left:0; width:100%; height:100%; z-index:20; }
.splide__pagination{ position:absolute; z-index:99; bottom:70px; left:50%; transform:translateX(-50%); width:100%; height:max-content; margin:auto; display:flex; align-items:center; }
.items .splide__pagination{ bottom:30px; }
.splide__pagination__page{ display:block; width:.9rem; height:.9rem; cursor:pointer; transition:all .3s ease-in-out; border:1px solid #fff; background:none; border-radius:50%; }
.splide__pagination>li:not(:first-child){ margin-left:7px; }
.splide__pagination__page.is-active{ border:1px solid #dc6a9d; background:#dc6a9d; }
.mv1 .splide__track--fade .splide__slide, 
.items .splide__track--fade .splide__slide{ pointer-events:none; }
.mv1 .splide__track--fade .splide__slide.is-active, 
.items .splide__track--fade .splide__slide.is-active{ pointer-events:auto; }
.mv1 .slide_media img{ transition:7s 1s linear; transform:translateX(1.5%) scale(1.05); }
.items .slide_media img{ transition:4s 1s linear; transform:translateX(1.3%) scale(1.03); }
.mv1 .splide__slide[class*=-active] .slide_media img, 
.items .splide__slide[class*=-active] .slide_media img{ transition-delay:0s; transform:translateX(0) scale(1); }
/* Top Item */
#top_item{ position:relative; overflow:hidden; }
.custom-shape1{ position:absolute; top:0; left:0; width:100%; height:20vw; overflow:hidden; z-index:2; }
.custom-shape1 svg{ position:relative; display:block; width:100%; height:20vw; }
.custom-shape1 .shape-fill{ fill:#FFFFFF; }
#top_item .inner{ padding-top:20vw; padding-bottom:80px; z-index:2; }
.item_shapes{ display:flex; flex-wrap:wrap; }
.item_shapes > div{ position:relative; width:50%; aspect-ratio:1 / 1; }
.item_shapes a{ position:relative; display:block; width:100%; height:100%; }
.item_shapes a h3{ position:absolute; top:50%; transform:translate(0, -50%); width:100%; padding:0 1em; text-align:center; color:#154c7d; font-weight:bold; opacity:0; font-size:1rem; transition:.3s ease-out; z-index:1;
text-shadow:1px 1px 4px rgba(255,255,255,.9), -1px -1px 4px rgba(255,255,255,.9),
    -1px 1px 4px rgba(255,255,255,.9), 1px -1px 4px rgba(255,255,255,.9),
    0px 1px 4px rgba(255,255,255,.9),  0 -1px 4px rgba(255,255,255,.9),
    -1px 0 4px rgba(255,255,255,.9), 1px 0 4px rgba(255,255,255,.9); }
.item_shapes a:hover h3{ opacity:1; }
.item_shapes svg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; }
.item_shapes a svg image{ transition:.3s ease-out; }
.item_shapes a:hover svg image:last-of-type{ opacity:0; }
.item_shape1, .item_shape2, .item_shape3, .item_shape4, .item_shape5, .item_shape6, .item_shape7, .item_shape8, .item_shape9, .item_shape10{ animation:floating_topitem1 5s ease-in-out infinite alternate-reverse; }
.item_shape2, .item_shape5, .item_shape8{ animation:floating_topitem1 5s ease-in-out .75s infinite alternate-reverse; }
.item_shape3, .item_shape6, .item_shape9{ animation:floating_topitem1 5s ease-in-out 1.5s infinite alternate-reverse; }
/* Top Seminar, Top Agency*/
#top_seminar{ background:#edf8fa; background:#f3eef7; background:#f6edf6; background:#f8eff5; }
#top_agency{ background:linear-gradient(#edf8fa 25%, transparent); background:linear-gradient(#f3eef7 25%, transparent); background:linear-gradient(#f6edf6 25%, transparent); background:linear-gradient(#f8eff5 25%, transparent); }
#top_seminar .inner, #top_agency .inner{ background:rgba(255,255,255,.8); }
#top_seminar .img_cover, #top_agency .img_cover{ aspect-ratio:100 / 66; }
/* Top News */
@keyframes floating_topitem1{
    0%{
      transform:translateY(-10px);
    }
    100%{
      transform:translateY(10px);
    }
}
.water_bg{ position:absolute; top:0; left:0; width:100%; z-index:1; }
@media screen and (min-width:640px) {
    .home #page_header .circle .overlay.grade-bl{ background:linear-gradient(to right, rgba(0,0,0,.1) 25%, transparent); }
    .home #page_header .circle .overlay.grade-wh{ background:linear-gradient(to right, rgba(255,255,255,.5) 25%, transparent); }
    #top_desc .movie{ width:80%; margin:0 auto; }
    .item_shapes > div{ width:32%; }
    .item_shapes > div:not(:nth-of-type(3n)){ margin:0 2% 0 0; }
}
@media screen and (min-width:992px) {
    #top_desc p{ text-align:center; }
    .item_shapes a h3{ font-size:1.25rem; }
}
@media screen and (min-width:1160px) {
    #top_item .inner{ padding-top:18vw; }
    
}

/* google map */
.gmap{ width:100%; position:relative; }
.gmap iframe{ width:100%; height:100%; object-fit:cover; aspect-ratio:16 / 9; }

/* セミナー詳細ページ */
.single-event #main_content .em,
.single-location #main_content .em{ font:500 14px / 1.8 "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", Meiryo, sans-serif !important; color:#303030; }
.single-event #main_content .em .em-event-content h2,
.single-event #main_content .em .em-event-content h3,
.single-event #main_content .em .em-event-content h4,
.single-event #main_content .em .em-event-content h5,
.single-event #main_content .em .em-event-bookings h2{ font-weight:bold !important; }
.single-event #main_content .em .em-event-content p,
.single-location #main_content .em .em-location-content p{ line-height:1.8 !important; }
/* WP FullCalendar */
.ui-widget, .ui-widget button{ font-family:Trebuchet MS,Tahoma,Verdana,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", Meiryo,sans-serif; }
.ui-widget-header{ border:1px solid #154c7d; background:#5584ae !important; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #63a3c2;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #63a3c2;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #63a3c2;
    background:rgba(119,188,210,.1);
    font-weight: bold;
    color: #63a3c2;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: 1px solid #63a3c2;
    background:rgba(119,188,210,.1);
}
.ui-widget-content{ border:1px solid #ccc; background:#f3f3f3; }
.fc-event{ padding:2px 0; }
.ui-selectmenu-button.ui-button{ text-align:left; white-space:nowrap; width:100%; padding:1em; }
/* Events Manager */
.em{ --meta-color:#5584ae; --default-color:#333; --accent-color:#154c7d; --accent-color-hover:#dc6a9d; --line-height:1.8;
    --font-family:"Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", Meiryo, sans-serif; }
.em.em-list .em-item .em-item-info .em-item-desc, .em.em-list .em-item .em-item-info .em-event-meta{ font-weight:500; line-height:1.8; }
.em.em-item .em-item-meta .em-item-meta-line a{ font-style:normal !important; color:#154c7d !important; }
.em.em-item .em-item-meta .em-item-meta-line a:hover{ color:#dc6a9d !important; }
.em.em-item .em-item-meta{ background:rgba(237,248,250,1); padding:0 15px; }
.em.em-item.em-item-single .em-item-image img{ padding-left:0 !important; border:none !important; }
.em.em-item .em-item-meta-line{ line-height:22px; margin-bottom:10px;display:grid; grid-template-columns:35px 1fr }
.em.em-item .em-item-meta-line .em-icon{ margin-right:15px; }
.em.em-item .em-item-meta .em-item-meta-line a,.em.em-list .em-item .em-item-meta .em-item-meta-line a,.em.em-list-widget .em-item .em-item-meta .em-item-meta-line a{ color:var(--meta-color)!important; text-decoration:underline dotted var(--meta-color) 1px!important; }
.em.em-item .em-item-meta .em-item-meta-line a:hover,.em.em-list .em-item .em-item-meta .em-item-meta-line a:hover,.em.em-list-widget .em-item .em-item-meta .em-item-meta-line a:hover{ color:#9bb7d1 !important; text-decoration:underline dotted #9bb7d1 1px!important; }
.em.em-item .em-item-taxonomy ul{ display:inline-block!important;margin:0!important;padding:0!important }
.em.em-item .em-item-taxonomy ul li{ display:inline-block!important;list-style:none!important;margin:0 5px 0 0!important;padding:0!important;line-height:1!important; }
.em.em-item .em-item-taxonomies{ margin:0 0 40px; }
.em.em-list .em-item{grid-template-columns:minmax(0,1fr) 3fr;border-top:1px solid #ccc;}
.em.em-item .em-item-taxonomies ul.event-categories li:not(:last-of-type)::after{ content:', '; }
/* カテゴリー */
.em.em-item h2, .em.em-item h3, .em.em-item h4{ font-weight:bold !important; }
.em.em-item.em-item-single.em-taxonomy-single .em-item-header{ display:block; margin:0 0 50px !important; }
.em-taxonomy-description{ font-size:1.25em; font-weight:500; }
.em.pixelbones .em-taxonomy-events ul, 
.em.pixelbones .em-location-events ul{ padding:0; }
.em.pixelbones .em-taxonomy-events li, 
.em.pixelbones .em-location-events li{ margin:0 !important; padding:1em 0; list-style:none; font-weight:500; border-bottom:1px solid #9bb7d1; }
.em.pixelbones .em-taxonomy-events li:first-of-type,
.em.pixelbones .em-location-events li:first-of-type{ border-top:1px solid #9bb7d1; }
.em.pixelbones .em-taxonomy-events li a, 
.em.pixelbones .em-location-events li a{ display:block; font-weight:bold; }
.em.pixelbones .em-taxonomy-events li a:hover,
.em.pixelbones .em-location-events li a:hover{ color:#dc6a9d !important; }
/* 開催場所 */
.em.em-list.em-locations-list .em-item .em-item-info .em-item-meta{ display:block; }
/* イベントカテゴリー・タグ、今後のイベントリスト */
.em.em-item ul.em-tags-list .em-item-meta,
.em.em-item ul.em-location-list .em-item-meta{ background:none; }
ul.em-location-list li{ list-style:none !important; }
ul.em-tags-list li > div, ul.em-location-list li > div{ position:relative; }
ul.em-tags-list .em-item-info, ul.em-location-list .em-item-info{ padding-top:1em; }
.em-taxonomy-events ul.em-tags-list .em-item-image,
.em-location-events ul.em-location-list .em-item-image{ order:0 !important; }
.em-taxonomy-events ul.em-tags-list .em-item-image .em-item-image-placeholder,
.em-location-events ul.em-location-list .em-item-image .em-item-image-placeholder{width:100%; max-width:150px;aspect-ratio:1/1; background:var(--icon-calendar-empty) center center no-repeat !important; background-size:100%; opacity:.45;}
.em-taxonomy-events ul.em-tags-list .em-item-image .em-item-image-placeholder div:first-child,
.em-location-events ul.em-location-list .em-item-image .em-item-image-placeholder div:first-child{align-self:end}
.em-taxonomy-events ul.em-tags-list .em-item-image .em-item-image-placeholder div.date,
.em-location-events ul.em-location-list .em-item-image .em-item-image-placeholder div.date{display:grid; grid-template-rows:6fr 5fr; align-items:end; justify-content:center; height:100%; min-width:125px; }
.em-taxonomy-events ul.em-tags-list .em-item-image .em-item-image-placeholder div.date span,
.em-location-events ul.em-location-list .em-item-image .em-item-image-placeholder div.date span{text-align:center;display:block;font-size:30px;line-height:30px}
.em-taxonomy-events ul.em-tags-list .em-item-image .em-item-image-placeholder div.date span.day,
.em-location-events ul.em-location-list .em-item-image .em-item-image-placeholder div.date span.day{font-size:45px;line-height:45px;align-self:start;}
/* ボタン */
.em.pixelbones .button.input,.em.pixelbones .input .button,.em.pixelbones .input button,.em.pixelbones .input input[type=button],.em.pixelbones .input input[type=reset],.em.pixelbones .input input[type=submit],.em.pixelbones button.input,.em.pixelbones input[type=button].input,.em.pixelbones input[type=reset].input,.em.pixelbones input[type=submit].input,.em.pixelbones.input .button,.em.pixelbones.input button,.em.pixelbones.input input[type=button],.em.pixelbones.input input[type=reset],.em.pixelbones.input input[type=submit]{height:auto !important; padding:.75em 30px !important; margin:5px 0; color:var(--text-color-softer) !important; font-size:1em !important; line-height:1 !important; border:1px solid var(--border-color)!important; transition:all .3s ease; }
.em.pixelbones.input .em-booking-form-section-confirm input[type=submit]{ padding:1em 30px !important; background:#154c7d !important; color:#fff !important; border:1px solid #154c7d !important; }
.em.pixelbones.input .em-booking-form-section-confirm input[type=submit]:hover{ background:rgba(255,255,255,1) !important; color:#dc6a9d !important; border:1px solid #dc6a9d !important; }
.em.pixelbones .em-search-advanced-form .button.input,.em.pixelbones .em-search-advanced-form .input .button,.em.pixelbones .em-search-advanced-form .input button,.em.pixelbones .em-search-advanced-form .input input[type=button],.em.pixelbones .em-search-advanced-form .input input[type=reset],.em.pixelbones .em-search-advanced-form .input input[type=submit],.em.pixelbones .em-search-advanced-form button.input,.em.pixelbones .em-search-advanced-form input[type=button].input,.em.pixelbones .em-search-advanced-form input[type=reset].input,.em.pixelbones .em-search-advanced-form input[type=submit].input,.em.pixelbones.input .em-search-advanced-form .button,.em.pixelbones.input .em-search-advanced-form button,.em.pixelbones.input .em-search-advanced-form input[type=button],.em.pixelbones.input .em-search-advanced-form input[type=reset],.em.pixelbones.input .em-search-advanced-form input[type=submit]{ height:50px !important; padding:0 30px !important; }
/* 地図が利用できません */
.em-location-section-map, .em-event-location{ display:none; }
.em .em-event .em-item-image .em-item-image-placeholder div.date, 
.em .em-events-list .em-item-image .em-item-image-placeholder div.date,
.em .em-events-widget .em-item-image .em-item-image-placeholder div.date{ grid-template-rows:6fr 5fr; align-items:end; }
.em .em-event .em-item-image .em-item-image-placeholder div.date span.day,
.em .em-events-list .em-item-image .em-item-image-placeholder div.date span.day,
.em .em-events-widget .em-item-image .em-item-image-placeholder div.date span.day{ align-self:start; }
@media screen and (max-width:697px) {
    #main_content .em-item-meta > section:first-of-type section{ margin-bottom:0 !important; }
}
@media screen and (min-width:640px) {
    .single-event #main_content .em{ font-size:16px !important; }
    .em-item-meta{ padding:0 20px; }
    .wpfc-calendar-wrapper *, .ui-selectmenu-menu{ font-size:14px !important; }
    .ui-selectmenu-button.ui-button{ width:300px; }
    ul.em-tags-list li > div{ display:grid; grid-template-columns:minmax(0,1fr) 3fr; }
}
@media screen and (min-width:640px) and (max-width:991px) {
    ul.em-location-list li > div{ display:grid; grid-template-columns:minmax(0,1fr) 3fr; }
}
@media screen and (min-width:992px) {
    .em.em-list .em-item, ul.em-tags-list li > div{grid-template-columns:minmax(0,1fr) 4fr;}
    .wpfc-calendar-wrapper *, .ui-selectmenu-menu{ font-size:16px !important; }
    .ui-selectmenu-button.ui-button{ width:350px; }
    .em.em-item.em-item-single.em-taxonomy-single .em-item-header{ margin:0 0 70px !important; }
}
@media screen and (min-width:1400px) {
    ul.em-location-list li > div{ display:grid; grid-template-columns:minmax(0,1fr) 3fr; }
}