@charset "UTF-8";

/* ::::::::::: OVERAL SETUP ::::::::::: */

:root {
  --body-font: -apple-system, BlinkMacSystemFont, sans-serif;
  --body-font: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "BIZ UDPGothic", Meiryo, sans-serif; 
  --mono-font: "Courier 10 Pitch", Courier, monospace;
  --body-color:#ffffff;
  --font-color:#2b2b2b;
  --font-size:16px;
  --line-height:1.9;
  --light-rgba:255,255,255;
  --opposite-color:#ffffff;
  --gray-color:#999999;
  --border-color:#cccccc;
  --border-width:1px;
  --border-radius:0;
  --shadow-rgba:0,0,0;
  --layer-color:rgba( var(--shadow-rgba), 0.05 );
  --caution-color:#ed3a16;
  --strong-color:#dd6600;
  --theme-color:#005eae;
  --link-color:#005eae;
  --hover-color:#64a2bc;
  --list-color:var(--theme-color);
  --button-color:var(--link-color);
  --button-hover-color:var(--hover-color);
  --button-text-color:var(--opposite-color);
  --container-width:1200px;
  --content-width:720px;
  --column-gap:32px;
  --transition:.25s;
}


/* Reset */
html { height:100%; font-size:var(--font-size); font-family:var(--body-font); line-height:var(--line-height); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; box-sizing:border-box; -ms-overflow-style:scrollbar; -webkit-tap-highlight-color:transparent; }
html:focus-within { scroll-behavior:smooth; }
@media ( prefers-reduced-motion: reduce) {
  html:focus-within { scroll-behavior:auto; }
  *, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior:auto !important; }
}
body { overflow-wrap:break-word; word-wrap:break-word; margin:0; padding: 0; text-rendering: optimizeSpeed; font-style:normal; }
::before, ::after, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, i, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border-radius:0; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; }
*, ::before, ::after { border-width:0; border-style:solid; border-color:inherit; box-sizing:border-box; border-radius:0; font:inherit; margin:0; outline:0; padding:0; word-wrap:break-word; }
article, aside, details, figcaption, figure, footer, header, main, nav, section, form { display:block; }
img, object, picture { max-width:100%; height:auto; vertical-align:bottom; background-position:center; flex-shrink: 0; /* ie11対策 */ }
img[src$=".svg"]:not([width]) { width:100%; }
video { width:auto; height:auto; max-width:100%; max-height:100%; vertical-align:bottom; }
iframe, object { display:block; max-width:100%; max-height:100%; }
figure { margin:0; }
table { width:100%; border-collapse:collapse; }
table th { font-weight:600; }
dl { display:block; }
p { word-break:normal; overflow-wrap:break-word; word-wrap:break-word;  }
pre, code { font-family:var(--mono-font); }

#wrapper { padding:0; margin:0; border-width:0; width:100%; }
main { clear:both; }
.container { max-width:var(--container-width); width:calc(100% - var(--column-gap) * 2 ); margin:0 auto; padding:0; overflow:visible; display:block; }
main::after, .container::after, .entry::after { content:''; display:table; clear:both; }

body { font-size:1em; color:var(--font-color); border-color:var(--border-color); background-color:var(--body-color); overflow-x:hidden; position:relative; /* ios safari hack for overflow-x */}
body[data-status="loading"], body[data-status="locked"] { overflow:hidden; height:100%; }
body[data-status="locked"] #wrapper { position:'fixed'; top:attr( scroll_y ); }

h1 { font-size:1.8em; }
h2 { font-size:1.55em; }
h3 { font-size:1.35em; }
h4 { font-size:1.2em; }
h5, h6 { font-size:1.2em; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 1em; vertical-align:baseline; font-weight:600; line-height:var(--line-height); }
h1 small, h2 small { font-size:.875em; font-weight:normal; }
p { margin:1.5em 0; padding:0; line-height:calc( var(--line-height) * 1.3 ); }
p.blank { margin-bottom:0; }
p.blank + p { margin-top:0; }
strong, b { font-weight:600; }
hr { border-width:var(--border-width) 0 0; padding:0; clear:both; margin:2em 0; }
blockquote { margin:var(--column-gap) 0; position:relative; font-style:normal; padding:var(--column-gap); background-color:var(--layer-color); }
blockquote::before, blockquote::after { display:block; position:absolute; font-family: serif; opacity:.1; font-size:8em; line-height:1; }
blockquote::before{ top:0; left:.1em; content:'\201C'; }
blockquote::after{ bottom:-.5em; right:.1em; content:'\201D'; }
blockquote cite { display:block; text-align:right; opacity:.6; font-size:.875em; }
pre { background-color:var(--layer-color); max-width:100%; overflow:auto; padding:1.6em; }
small, .small { font-size:.875em; line-height:var(--line-height); font-weight:inherit; }
.hideKey, .dmtxt, input[type="hidden"], .screen-reader-text { display:none; }


/* Linked items */
a, a:focus { color: inherit; transition:all var(--transition) ease-in 0s; text-decoration:none; }
a:hover { color:var(--hover-color); }
/* a, a:focus { text-decoration:none; outline:0; font-style:normal; } */


.modal-open { cursor:pointer; }
.bracket span { display:inline; }
.private_title_head, .protected_title_head { display:inline-block; font-size:.75em; color:var(--strong-color); }
.private_title_head .colon, .protected_title_head .colon { display:none; }
h1 span, h2 span, h3 span, h4 span { display:inline-block; }
/* mark { background:linear-gradient(transparent 40%, #ffff66 40%); text-decoration:none; } */
.underline { text-decoration:underline; text-underline-offset:.15em; }

@media only screen and ( min-width : 781.1px ){
  body:not(.is_mobile) a[href^="tel:"] { cursor:default; pointer-events:none; }
}
@media only screen and ( max-width : 781px ){
  :root { --font-size:15px; --column-gap:24px; }
  h1 small, h2 small { font-size:.875em; }
  h1 { font-size:1.74em; }
  h2 { font-size:1.5em; }
  h3 { font-size:1.28em; }
}
@media only screen and ( max-width : 600px ){
  #wpadminbar { position: absolute; top: -46px; } /* because relative added to body for ios */
}
@media only screen and ( max-width : 480px ){
  :root { --font-size:14px; --column-gap:16px; }
  blockquote { border-left-width: .3em; padding:0 0 0 2em ; background-color:transparent; }
  blockquote::before { font-size:3em; left: .1em; }
  blockquote::after { display:none; }
}



/* ::::::::::: BREADCRUMB ::::::::::: */
.breadcrumb { padding:0; margin:0; font-size:.875em; vertical-align:middle; }
.breadcrumb li { display:inline-block; word-break:break-all; margin:0; font-size:inherit; vertical-align:inherit; }
.breadcrumb li a, .breadcrumb li span, .breadcrumb li strong { font-size:inherit; line-height:inherit; margin:0; display:block; padding:0; position:relative; }
.breadcrumb li:last-child a { pointer-events: none; color:inherit; text-decoration:none; }
.breadcrumb h2 { color:inherit; }


/* ::::::::::: CHANNEL ::::::::::: */
.channel { margin-top:1em; padding-top:1em; border-top-width:1px; }
.channel::after { clear:both; display:table; content:""; }
.single-post-navi-wrap { display:flex; align-items:stretch; }
.single-post-navi-wrap .single-post-navi { width:50%; width:calc(50% - 8px); float:left; flex-grow:1; }
.single-post-navi-wrap .single-post-navi + .single-post-navi { margin-left:16px; }
.single-post-navi-wrap .single-post-navi.newer:first-child { width:auto; float:none; }
.single-post-navi { width:100%; margin:0; display:flex; align-items:center; }
.single-post-navi > span { display:block; }
.single-post-navi .image-wrap { display:block; margin:0; width:80px; height:80px; position:relative; background-color:var(--layer-color); overflow:hidden; /* background-size:cover; background-position:center; */}
.single-post-navi .image-wrap::before { z-index:4; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; display:block; opacity:.8; content:''; background-color:transparent; background-size:40%; background-repeat:no-repeat; background-position:center; }
.single-post-navi .image-wrap::after { background-color:var(--layer-color); display:block; content:''; position:absolute; z-index:1; width:100%; height:100%; }
.single-post-navi.older .image-wrap::before { background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' %3E%3Cg%3E%3Cpath fill='%23ffffff' d='M69.3,5.9v68.1c0,2.2-2.4,3.5-4.3,2.5l-59-34.1c-1.9-1.1-1.9-3.8,0-4.9l59-34.1C67,2.4,69.3,3.8,69.3,5.9z' /%3E%3C/g%3E%3C/svg%3E"); }
.single-post-navi.newer .image-wrap::before { background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' %3E%3Cg%3E%3Cpath fill='%23ffffff' d='M73.9,42.5l-59,34.1c-1.9,1.1-4.3-0.3-4.3-2.5V5.9c0-2.2,2.4-3.5,4.3-2.5l59,34.1C75.8,38.6,75.8,41.4,73.9,42.5z' /%3E%3C/g%3E%3C/svg%3E"); }
.single-post-navi:hover .image-wrap::before { opacity:1; }
.single-post-navi .image-wrap img { width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; margin:0; }
@supports not ( object-fit:cover ) { .single-post-navi .image-wrap img { width:auto; height:auto; min-height:100%; min-width:100%; } }
.single-post-navi .post-info { margin:0; display:block; width:auto; width:calc(100% - 80px); }
.single-post-navi .post-info .date { display:inline-block; font-size:.75em; opacity:.6; }
.single-post-navi .post-info .title { display:block; text-align:inherit; margin:0; font-size:.875em; line-height:1.2; font-feature-settings: "palt" 1; }
.single-post-navi .post-info .title::before, .single-post-navi .post-info .title::after { display:none; border-width:0; }
.single-post-navi .post-info .pager { display:none; }
.single-post-navi .post-info .term { display:block; font-size:.75em; text-align:inherit; }
.single-post-navi:hover span { color:inherit; }
.single-post-navi.older .post-info { text-align:left; padding:0 0 0 16px; }
.single-post-navi.newer { flex-direction:row-reverse; }
.single-post-navi.newer .post-info { text-align:right; padding:0 16px 0 0; }
.single-post-navi .post-info:first-child { padding:0; } /*disable thumbnail*/
.single-post-navi.newer .post-info:first-child h3::after, .single-post-navi.older .post-info:first-child h3::before { content:''; background-position:center; background-size:contain; background-repeat:no-repeat; height:1em; width: .75em; display:inline-block; opacity:.7; }
.single-post-navi.newer .post-info:first-child h3::after { margin-left:.5em; background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' %3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23cccccc' /%3E%3C/svg%3E"); }
.single-post-navi.older .post-info:first-child h3::before { margin-left:.5em; background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' %3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23cccccc' /%3E%3C/svg%3E"); }

.pagination { text-align:center; font-size:var(--font-size); }
.pagination ul, .posts-navigation ul, .woocommerce-pagination ul, .comments-pagination ul { list-style:none; display:block; width:auto; border:none; margin:0; padding:0; }
.pagination ul li, .posts-navigation ul li, .woocommerce-pagination ul li, .comments-pagination ul li { display:inline-block; margin:0; padding:0; }
.page-numbers-wrap, ul.page-numbers { display:inline-block; }
.page-numbers { display:inline-block; text-align:center; padding:4px; font-size:.875em; min-width:calc( var(--border-width)*2 + 26px ); height:calc( var(--border-width)*2 + 26px ); line-height:18px; margin:0 3px; border-width:var(--border-width); position:relative; vertical-align:middle; }
.page-numbers.dots { border-width:0; }
.page-numbers.current { font-weight:600; }
form.page-numbers-form { margin:0; padding:0; width:auto; display:inline-block; vertical-align:inherit; }
form.page-numbers-form input.page-numbers-input { height:auto; width:3em; min-width:0; height:24px; display:inline-block; text-align:center; font-size:16px; line-height:20px; padding:2px 10px; margin:0 2px; vertical-align:middle; }
.page-numbers-form-end::before { content:' / '; display:inline-block; margin-right:.5em; margin-left:.5em; }
.page-count-wrap { padding-top:4px; display:inline-block; }
.page-count { font-size:.75em; }
.page-count-start, .page-count-end, .page-found-posts { font-weight:600; }
@media screen and ( max-width : 781px ){
  .channel { padding-top: 0; border-top-width:0; }
  .single-post-navi .image-wrap { display:none; }
  .single-post-navi { position:relative; }
  .single-post-navi.newer .post-info:first-child h3::after, .single-post-navi.older .post-info:first-child h3::before { display:none; }
  .single-post-navi.newer .post-info, .single-post-navi.older .post-info { padding:4px; }
  .single-post-navi::before { width:20px; content:''; background-position:center; background-repeat:no-repeat; background-size:9px 15px; position:absolute; top:0; bottom:0; }
  .single-post-navi.newer { border-right-width: 20px; padding-right:8px; }
  .single-post-navi.older { border-left-width: 20px; padding-left:8px; }
  .single-post-navi.newer::before { right:-20px; left:auto; background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' %3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23ffffff' /%3E%3C/svg%3E"); }
  .single-post-navi.older::before { left:-20px; right:auto; background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' %3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23ffffff' /%3E%3C/svg%3E"); }
  .single-post-navi .post-info { width:auto;}

  .page-numbers-wrap, ul.page-numbers { display:flex; align-items:stretch; flex-wrap:nowrap; }
  .page-numbers { display:none; padding:8px 6px; min-width:32px; height:auto; font-size:16px; line-height:18px; border-radius:var(--border-radius);  }
  .page-count-wrap { display:block; margin-bottom:8px; }
  .page-count-wrap span.page-count { font-weight:normal; font-size:10px; }
  .page-numbers.current { font-weight:normal; }
  .page-numbers.current::before { content:'PAGE '; }
  .page-numbers.current, .page-numbers.next, .page-numbers.prev { display:block; flex-grow:1; width:auto; margin:0; float:left; }
  .page-numbers.prev ~ .page-numbers.current, .page-numbers.next { margin-left:8px; }
}
@media screen and ( max-width : 480px ){
  .single-post-navi-wrap .single-post-navi { width:calc(50% - 4px);}
  .single-post-navi-wrap .single-post-navi + .single-post-navi { margin-left:8px; }
}





/* ::::::::::: entry setups ::::::::::: */

/* p要素のmargin0.5em */
.entry-section { margin:calc( var(--column-gap) + 4% ) 0 0 0; }
.entry-section-header { margin:0; padding:0; display:block; }
.entry-section-header h2 { margin: 0; }
.bg-section { position:relative; padding-top:calc( var(--column-gap) + 4% ); padding-bottom:calc( var(--column-gap) + 4% );}
.bg-section::after { background-color:var(--layer-color); display: block; content:''; position:absolute; z-index: -1; left:50%; top: 0; bottom: 0; width:100vw; transform:translateX(-50%); }

.toc_container { padding:1em; margin:1em 0; background:var(--layer-color); border-width: var(--border-width); width:100%; display: table; }
.toc_container p.toc_title { text-align: center; font-weight: 700; margin: 0; padding: 0; }
.toc_container p.toc_title + ul { margin-top: 1em; }
ul.toc_list { counter-reset:toc; }
ul.toc_list li { position:relative; counter-increment:toc; }
ul.toc_list li a::before { content:counters(toc,'-') '. '; display:inline-block; min-width:1.6em; }
ul.toc_list ul { padding-left:1em; }
ul.toc_list li li { counter-reset:toc; }
ul.toc_list li li a::before { min-width:2.6em; }
ul.toc_list li li li a::before { min-width:3.6em; }

/* columns */
.columns { height:auto; width:auto; padding:0; margin:0 auto; display:block; position:relative; z-index:1; }
.column { height:auto; width:auto; padding:0; margin:var(--column-gap) 0 0; display:block; }
.column.with-image { align-self:auto; }
/* .column-boxes, .column-data, .column-table, .column.bg, .column.with-image { margin:var(--column-gap) 0; } */
/* .boxes-column { margin-top: 0; } */
.column.bg { align-self:stretch; display:block; padding:var(--column-gap); background-color:var(--layer-color); }
.column.bg-hasimage { background-color:transparent; }
.columns.bg { background-color:transparent; margin-top:calc( var(--column-gap) * 2 ); padding-top:var(--column-gap); padding-bottom:calc( var(--column-gap) * 2 ); }
.columns.bg + .columns { margin-top:calc( var(--column-gap) * 2 ); }
.columns.bg:first-child, .columns.bg + .columns.bg { margin-top:0; }
.column.bg table { background-color:var(--body-color); }

.bg-hasimage { background-color:transparent; color:var(--opposite-color); position:relative; }
.bg-hasimage .bg-image::before { width:100%; height:100%; opacity:1; background-color: rgba(var(--shadow-rgba),.5); display:block; content:''; position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; }
.bg-hasimage .bg-image img { width:100%; height:100%; object-fit:cover; }
.bg-hasimage .bg-image { position:absolute; z-index: -1; left:50%; top: 0; bottom: 0; width:100vw; transform:translateX(-50%); }
.columns.bg::after, .columns.bg-hasimage .bg-image { display: block; content:''; position:absolute; z-index: -1; left:50%; top: 0; bottom: 0; width:100vw; transform:translateX(-50%); }
.columns.bg::after { position:absolute; display: block; content:''; background-color:var(--layer-color); z-index: -2; }

.column.with-image .image { display:block; text-align:center; position:relative; overflow:hidden; background-position:center; background-size:cover; }
.column.bg .text, .column.bg.with-image .image { margin-top:0; margin-bottom:0; }
.column.round-image .image img, .column.crop-image .image img { object-fit:cover; position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; }
@supports not ( object-fit:cover ) {
  .column.round-image .image img, .column.crop-image .image img { width:auto; height:auto; min-height:100%; min-width:100%; }
}
.column.round-image .image { max-width:320px; padding:0; border-radius:50%; }
.column.round-image .image img { border-radius:50%; }
.column.crop-image .image::before { content:''; display:block; margin:0; padding:50% 0 0 0; }
.column.side-image.crop-image .image::before, .column.round-image .image::before { content:''; display:block; margin:0; padding:100% 0 0 0; }
.column:not(.side-image) .image + .text { margin-top:16px; }
.column.side-image { display:flex; justify-content:space-between; align-items:center; }
.column.side-image-reverse { flex-direction:row-reverse; }
.column.side-image .image { width:40%; }
.column.side-image .text { width:calc(60% - var(--column-gap)); margin-left:var(--column-gap); }
.column.side-image-reverse .image { float:right; }
.column.side-image-reverse .text { float:left; margin-left:0%; margin-right:var(--column-gap); }
.column.side-image h3 { text-align:left; }


/* デフォルトエントリーの最初の要素 */
.entry > :first-child, li:first-child, p:first-child,
.columns .column > :first-child, /* 上書きのための記述 */
.onecolumns:first-child > .column:first-child > :first-child,
.onecolumns.bg .onecolumn > :first-child,
.onecolumn.bg > :first-child,
/* フロート要素（画像など）の次に来るブロック要素 */
.alignleft + *:not(.alignleft):not(.alignright), .alignright + *:not(.alignleft):not(.alignright), .alignleft + br + *, .alignright + br + *,
li > :first-child, dd > :first-child
{ margin-top:0; }

.entry > :last-child, li:last-child, p:last-child, ul:last-child, ol:last-child,
.column.bg > :last-child, .columns:last-child, .onecolumns .column:last-child, .onecolumns .column:last-child > :last-child, .column > :last-child
 { margin-bottom:0; }

.post-password-form label { height:auto; display:inline-block; margin:0; padding:0; }
.post-password-form label input[name="post_password"] { width:200px; display:block; margin:0; }
.post-password-form label + input[type="submit"] { width:104px; padding-left:12px; text-align:center; padding-right:12px; display:inline-block; margin:0; vertical-align:baseline; }

.onecolumns { display:block; }
.column-title + .column { margin-top:var(--column-gap); }
.onecolumns .column { clear:both; margin-left:auto; margin-right:auto; }
/* .onecolumns.bg-hasimage { padding:calc( var(--column-gap) * 2 ); } */

.twocolumns, .threecolumns, .fourcolumns { margin-left:calc( -0.5 * var(--column-gap) ); margin-right:calc( -0.5 * var(--column-gap) ); display:flex; flex-wrap:wrap; justify-content:space-between; } /* flex box はmaginの相殺が起こらないことに注意 */
.twocolumns .column, .threecolumns .column, .fourcolumns .column { margin-left:calc( 0.5 * var(--column-gap) ); margin-right:calc( 0.5 * var(--column-gap) ); }
.twocolumns .column.with-image .image, .threecolumns .column.with-image .image, .fourcolumns .column.with-image .image { margin-left:auto; margin-right:auto; margin-bottom: 1em; }
.twocolumns .column { width:calc( 50% - var(--column-gap) ); }
.twocolumns .column.narrow { width:calc(42% - var(--column-gap) ); }
.twocolumns .column.wide { width:calc(58% - var(--column-gap) ); }

.threecolumns h2, .threecolumns h3, .fourcolumns h2, .fourcolumns h3, .twocolumns .text h3 { text-align:center; }
.threecolumns .column { width:calc( 33.33% - var(--column-gap) ); }
.threecolumns .column .text { font-size:.95em; }
.threecolumns .column.bg { padding:calc( var(--column-gap) * .75 ); }
.threecolumns::before { content:""; width:33.33%; display: table; order:999; } /* 左揃えに使用 */

.fourcolumns .column { width:calc( 25% - var(--column-gap) ); }
.fourcolumns .column.bg { padding:calc( var(--column-gap) * .75 ); }
.fourcolumns::after { content:""; width:25% ; display: table; order:999; } /* 左揃えに使用 */

.autocolumns { column-count:2; column-gap:calc( var(--column-gap) * 1.5 ); margin-top:var(--column-gap); }
.autocolumns .column { display:block; margin-bottom:var(--column-gap); width:100%; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid;}

.entry > .entry-section:first-of-type > .entry-section-header { margin-top:0; }
.centering.columns { justify-content:center; }
.centering.threecolumns::before, .centering.fourcolumns::after { display:none; }

@media only screen and ( min-width : 934.1px ){
  .centering.fourcolumns.columns-5 .column:nth-child(3n+1), .centering.fourcolumns.columns-6 .column:nth-child(3n+1), .centering.fourcolumns.columns-9 .column:nth-child(3n+1), .centering.fourcolumns.columns-10 .column:nth-child(3n+4), .centering.fourcolumns.columns-13 .column:nth-child(3n+4), .centering.fourcolumns.columns-14 .column:nth-child(3n+4), .centering.fourcolumns.columns-17 .column:nth-child(3n+7), .centering.fourcolumns.columns-18 .column:nth-child(3n+7) { margin-left:calc( 12.5% + .5*var(--column-gap)); }
  .centering.fourcolumns.columns-6 .column:nth-child(3n+3), .centering.fourcolumns.columns-9 .column:nth-child(3n+3), .centering.fourcolumns.columns-10 .column:nth-child(3n+6), .centering.fourcolumns.columns-13 .column:nth-child(3n+6), .centering.fourcolumns.columns-14 .column:nth-child(3n+6), .centering.fourcolumns.columns-17 .column:nth-child(3n+9), .centering.fourcolumns.columns-18 .column:nth-child(3n+9) { margin-right:calc( 12.5% + .5*var(--column-gap));  }
}
@media only screen and ( max-width : 934px ) and ( min-width : 781.1px ){
  .fourcolumns .column { width:calc( 33.33% - var(--column-gap) ); }
  .centering.fourcolumns.columns-4 .column:nth-child(2n+1), .centering.fourcolumns.columns-7 .column:nth-child(2n+3), .centering.fourcolumns.columns-10 .column:nth-child(2n+5), .centering.fourcolumns.columns-13 .column:nth-child(2n+7), .centering.fourcolumns.columns-17 .column:nth-child(2n+9) { margin-left:calc( 16.666% + .5*var(--column-gap)); }
  .centering.fourcolumns.columns-4 .column:nth-child(2n+2), .centering.fourcolumns.columns-7 .column:nth-child(2n+4), .centering.fourcolumns.columns-10 .column:nth-child(2n+6), .centering.fourcolumns.columns-13 .column:nth-child(2n+8), .centering.fourcolumns.columns-17 .column:nth-child(2n+10) { margin-right:calc( 16.666% + .5*var(--column-gap)); }
}
@media screen and ( min-width : 781.1px ){
  .centering.onecolumns { width:700px; max-width:75%; }
  .centering.onecolumns h2, .centering.onecolumns h3 { text-align:center; }
  .entry .sp { display:none; }
  .content-area .columns.bg { padding-left:calc( var(--column-gap) * .5 ); padding-right:calc( var(--column-gap) * .5 ); overflow:hidden; }
  .content-area .columns.bg::after, .content-area .bg-hasimage .bg-image { margin:0; width:100%; }
  .centering.threecolumns.columns-4 .column:nth-child(2n+1), .centering.threecolumns.columns-7 .column:nth-child(2n+3), .centering.threecolumns.columns-10 .column:nth-child(2n+5), .centering.threecolumns.columns-13 .column:nth-child(2n+7), .centering.threecolumns.columns-17 .column:nth-child(2n+9) { margin-left:calc( 16.666% + .5*var(--column-gap)); }
  .centering.threecolumns.columns-4 .column:nth-child(2n+2), .centering.threecolumns.columns-7 .column:nth-child(2n+4), .centering.threecolumns.columns-10 .column:nth-child(2n+6), .centering.threecolumns.columns-13 .column:nth-child(2n+8), .centering.threecolumns.columns-17 .column:nth-child(2n+10) { margin-right:calc( 16.666% + .5*var(--column-gap)); }
}
@media screen and ( max-width : 781px ){
  .fourcolumns .column { width:calc( 50% - var(--column-gap) ); }
  .entry .pc { display:none; }
  .column.bg { padding:calc( var(--column-gap) * .75 ); }
}

@media only screen and ( max-width : 600px ){
  .twocolumns .column, .twocolumns .column.narrow, .twocolumns .column.wide, .threecolumns .column, .threecolumns .column.bg  { width:calc( 100% - var(--column-gap) ); }
  .twocolumns .column:last-child, .twocolumns .column:last-child > :last-child { margin-bottom: 0; }
  .threecolumns .column:last-child, .threecolumns .column:last-child > :last-child { margin-bottom: 0; }
  .threecolumns .column.with-image { display:flex; align-items:center; float:none; }
  .threecolumns .column.with-image .image { margin:0; width:30%; flex-grow:1; display:block; }
  .threecolumns .column.crop-image .image::before { padding-top:100%; }
  .threecolumns .column.with-image .text { margin:0; width:70%; font-size:.95em; flex-grow:2; display:block; padding-left:1em; }
  .threecolumns .column.with-image .text h3 { text-align:left; }
  .twocolumns .column > .image-wrap:not(.alignright):not(.alignleft), .twocolumns .gallery.swiper-setting { display:block; max-width:none; margin-left:auto; margin-right:auto; width:auto!important; /* インラインCSSを上書きするためにimportant表記 */}
  .threecolumns .column > .image-wrap:not(.alignright):not(.alignleft), .threecolumns .gallery.swiper-setting { max-width:none; width:auto!important; /* インラインCSSを上書きするためにimportant表記 */ }
  .threecolumns .column > .image-wrap:not(.alignright):not(.alignleft) img, .twocolumns .column > .image-wrap:not(.alignright):not(.alignleft) img { max-height:400px; max-width:100%; height:auto; width:auto; margin:auto; display:block; }
  .fourcolumns p br:not([class]) { display:none; }

  .column.side-image { margin:1em 0; flex-direction:column; flex:0 0 100%; }
  .column.side-image-reverse { flex-direction:column-reverse; }
  .column.with-image .image { width:100%; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:100%; max-height:320px; }
  .column.round-image .image { max-width:280px; }
  .column.with-image .image img { max-height:100%; max-width:100%; height:auto; width:auto; }
  .column.round-image .image img, .column.crop-image .image img { object-fit:cover; width:100%; height:100%; }
  .column.side-image .text { width:100%; float:none; margin-left:auto; margin-right:auto; text-align:inherit; }
  .column.side-image .image { margin:0; float:none; }
  .column.side-image .text { margin:1em 0 0; }
  .column.side-image-reverse .image { margin:1em 0 0; float:none; }
  .column.side-image-reverse .text { margin:0; }

  .autocolumns { column-count:1; margin:0; }
  /* .autocolumns .column { margin:1em 0;} */
}

@media only screen and ( max-width : 480px ){
  .threecolumns h2, .threecolumns h3, .fourcolumns h2, .fourcolumns h3 { text-align:inherit; }
  .threecolumns .column.with-image .text { padding-left:1em; font-size:.95em; }

  .fourcolumns { margin-left:-8px; margin-right:-8px; }
  .fourcolumns .column { width:calc( 50% - 16px ); margin-left:8px; margin-right:8px; }
  [style*="text-align: center"] br:not([class]), [style*="text-align:center"] br:not([class]) { display:none; }
  address br { display:block; }
}




ul.boxes { list-style: none; margin:0 -0.238%; display:flex; flex-wrap:wrap; align-items:stretch; }
ul.boxes li { width:16.066%; padding:6px; display:block; float:left; border-width:var(--border-width); margin:3px .3%; }
ul.boxes li > a { width: 100%; height: 100%; }
.column.bg ul.boxes li, .columns.bg .column:not(.bg) ul.boxes li { border-width:0; background-color:var(--body-color); }
ul.boxes li .image { display:block; position:relative; padding:0; margin:0 auto; background-position:center; background-size:contain; background-repeat:no-repeat; }
ul.boxes li .image img { max-height:100%; max-width:100%; display:block; height:auto; width:auto; /* margin:auto; opacity:0; position:absolute; left:0; right:0; bottom:0; top:0; */ }
ul.boxes li .text { display:block; margin-top:.5em; }
ul.boxes li .title { display:block; font-size:1.05em; line-height:1.2; margin:0 0 .25em; text-align:center; }
ul.boxes li .paragraphs { font-size:.875em; }

@media screen and ( max-width : 934px ){
  ul.boxes li { width:16.066%; }
}
@media screen and ( max-width : 781px ){
  ul.boxes { margin:0 -0.37%; padding:3px; }
  ul.boxes li { margin:3px .4%; width:19.2%; }
}
@media screen and ( max-width : 600px ){
  ul.boxes li { width:24.2%; }
}
@media screen and ( max-width : 480px ){
  ul.boxes { margin:0 -0.45%; padding:2px; }
  ul.boxes li { margin:2px .5%; width:32.333%; }
}
@media screen and ( max-width:380px ){
  ul.boxes li { width:49.0%; }
}


.balloon { font-weight:600; display:inline-block; position:relative; z-index:1; margin:1.6em .2em 0; padding:.8em 1.2em; line-height:var(--line-height); vertical-align:middle; background-color:var(--layer-color); text-align:center; border-radius:2px; }
.balloon::after { content:""; position:absolute; top:-.6em; left:50%; margin:0 0 0 -.6em; z-index:-1; display:block; width:1.2em; height:1.2em; background-color:inherit; transform:rotate(45deg); }
.balloon.alignleft { margin:.2em 1.5em .2em .2em; }
.balloon.alignleft::after { top:50%; left:auto; right:-.6em; margin:-.6em 0 0 0; }
.balloon.alignright { margin:.2em .2em .2em 1.5em; }
.balloon.alignright::after { top:50%; left:-.6em; margin:-.6em 0 0 0; }


.borderbox { clear:both; border-width:var(--border-width); display:block; padding:.8em; margin:.8em 0; }
.borderbox > :first-child { margin-top:0; }
.borderbox > :last-child { margin-bottom:0; }
.borderbox::after { clear:both; display:table; content:''; }
.column.bg .borderbox { border-width:0; background-color:var(--body-color); }

.image-wrap { display:inline-block; max-width:100%; vertical-align:middle; border-radius:var(--border-radius); overflow: hidden; }
.image-wrap img { display:block; }
.image-wrap .iamge-link { margin:0; padding:0; display:block }
/* .image-link { display:block; } */
.image-link:hover img { opacity:.8; }
.image-wrap.alighncenter { margin-left:auto; margin-right:auto; display:block; }

.image-link.video-link, .video-link .image-wrap, .video-link .image { position:relative; }
.image-link.video-link::before, .video-link .image-wrap::before, .video-link .image::before { content:''; opacity:1; position:absolute; z-index:9; left:0; bottom:0; top:0; right:0; margin:auto; height:48px; width:48px; background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80px' height='80px' viewBox='0 0 80 80' %3E%3Cg%3E%3Cpath fill='%23ffffff' d='M25,61.18V18.82L61.69,40ZM40,80A40,40,0,1,1,80,40,40,40,0,0,1,40,80ZM40,2.94A37.06,37.06,0,1,0,77.06,40,37.11,37.11,0,0,0,40,2.94Z' /%3E%3C/g%3E%3C/svg%3E"); background-size:100%; background-repeat:no-repeat; background-position: center; }
.image-link.video-link span.video-caption { color:var(--opposite-color); background-color:rgba(var(--shadow-rgba),0.4); position:absolute; left:0; bottom:0; right:0; margin:auto; text-align:center; font-size:.75em; line-height:1.2; padding:4px; }

a.lightbox { pointer-events:none; } /* setup.js上でpointerイベントを回復 */

a.text-link, .mce-content-body a:not([class]):not([id]), .comment-entry a { text-decoration:underline; color:var(--link-color); text-underline-offset:.15em; }
a.url-link { word-break: break-all; }

a.file-link { margin:1em 0; font-size:1.1em; display:block; display:flex; align-items:center; flex-wrap:nowrap; }
a.file-link + br { display:none; }
a.file-link .file-thumbnail { width:4em; padding-right: 1em; }
a.file-link .file-thumbnail i { font-size:3em; margin: 0; line-height:1; }
a.file-link .file-thumbnail i::before { margin: 0; }
a.file-link .file-data { width: auto; line-height:1.2;}
a.file-link .file-name { display:block; font-weight:600; color:var(--font-color); }
a.file-link .file-url { display:block; font-size:11px; margin-top: .4em; word-break: break-all; }

.wp-caption { display:inline-block; position:relative; }
.wp-caption .wp-caption-dt { vertical-align:middle; }
.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { position:absolute; display:block; right:0; left:0; bottom:0; font-size:.75em; line-height:1.2; color:var(--opposite-color); border-color:var(--opposite-color); background-color:rgba(var(--shadow-rgba),0.4); padding:4px; margin:0 auto; }
.wp-caption .wp-caption-text a, .wp-caption .wp-caption-dd a { color:inherit; display:inline; }
.wp-caption > a { margin:0; padding:0; display:block; } /* image wrapper */
.wp-caption img { margin:0; padding:0; width:100%; display:block; }
.wp-video { border-width:0; margin:0 auto; max-width:100%; height:auto; padding:0; background-color:#222; background-color:rgba(var(--shadow-rgba),0.4); border:20px solid #222; }
p + .wp-video { margin-top:var(--column-gap); }
.entry .mov, .embed-youtube, .embed-vimeo { position:relative; display:block; padding:0; margin:1em 0; max-width:var(--content-width); }
.entry .mov + br, .embed-youtube + br, .embed-vimeo + br { display: none; }
.entry .mov::before, .embed-youtube::before, .embed-vimeo::before { display:block; content:''; padding:56.25% 0 0 0; }
.entry .mov > iframe, .embed-youtube > iframe, .embed-vimeo > iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; border-width:0; }
.aligncenter .mov, .aligncenter img, .aligncenter .embed-youtube, .aligncenter .embed-vimeo, [style*="text-align: center"] .mov, .embed-youtube[style*="text-align: center"] , .embed-vimeo[style*="text-align: center"] , [style*="text-align:center"] .mov, .embed-youtube[style*="text-align:center"] , .embed-vimeo[style*="text-align:center"]  { margin-left:auto; margin-right:auto; }
.wp-embedded-content { max-width:100%; margin:.8em 0; } /*embedの内容はincludes/header.phpから直接書き出し*/
.inline-frame { font-size:.875em; overflow-y:scroll; overflow-x:hidden; padding:1em 1.25em; margin:1em 0; height:28em; border-width:var(--border-width); }

/* .card-wrapper { display:block; margin: 1em 0; overflow: hidden; } */
a.card-link { display:flex; flex-wrap:nowrap; align-items:center; width:100%; color: inherit; padding:8px; margin:1em 0; border-width:var(--border-width); border-color:inherit; background-color:var(--body-color); }
a.card-link .card-content { padding:8px; word-wrap: break-word; width:auto; flex:1; }
a.card-link .card-image { width:8.2em; height: 8.2em; padding:0; vertical-align:middle; padding:8px; }
a.card-link .card-image img { display:block; object-fit:cover; }
a.card-link strong.card-title { display:block; font-size:1.1em; font-weight:600; overflow:hidden; color: inherit; padding:0; margin:0 0 .4em; line-height:1.2; max-height:2.4em; background-color:transparent; }
a.card-link .card-description { display:block; font-size:.875em; padding:0; line-height:1.2; max-height:3.9em; overflow: hidden; }
a.card-link .card-sitename { font-size:.875em; line-height:1; height:1em; display:block; margin-top:.6em; padding:0; overflow:hidden; }
a.card-link .card-sitename img.favicon { width:1em; height: 1em; line-height:1; display: inline-block; margin: 0; }

.alignnone, .aligncenter { float:none; }
.alignnone.size-full, .aligncenter.size-full { display:block; }
.alignleft { float:left; margin:0 3.2% .8em  0; max-width:48.4%; display:block; }
.alignright { float:right; margin:0 0 .8em 3.2%; max-width:48.4%; display:block; }
.alignblock, .wp-caption.alignnone { display:block; }
.alignblock + .alignblock, .wp-caption.alignnone { margin-top:1em; }
.textindent { text-indent:1em; }
.alignleft + .alignleft { margin-right:0; clear:none; }
.alignleft + .alignleft + .alignleft { margin-right:3.2%; clear:left; }
.alignleft + .alignleft + .alignleft + .alignleft { margin-right:0; clear:none; }
.alignleft + .alignleft + .alignleft + .alignleft + .alignleft { margin-right:3.2%; clear:left; }
.alignleft + .alignleft + .alignleft + .alignleft + .alignleft + .alignleft { margin-right:0; clear:none; }
.alignleft + .alignright { margin-left:0; }
.alignleft + .alignright + .alignleft , .alignleft + .alignright + .alignleft + .alignright { margin-top:1em; }
.alignleft + .alignright + p, .alignleft + .alignleft + p, .alignright + .alignleft + p, .alignright + .alignright + p { clear:both; }
/* p.image-contain { text-align:left; } */
.alignleft > img, .alignright > img { margin:0; padding:0; }

* + h1, * + h2, .onecolumn h1, .onecolumn h2 { margin-top:calc( var(--column-gap) * 1.5 ); }
* + h3, * + h4, * + h5, .onecolumn h3, .onecolumn h4, .onecolumn h5:first-child { margin-top:var(--column-gap); }
h2 + .alignleft, h2 + .alignright, h3 + .alignleft, h3 + .alignright, h4 + .alignleft, h4 + .alignright, h5 + .alignleft, h5 + .alignright { margin-top:.5em; }
/* .image-wrap:not(.alignleft):not(.alignright) + h2, .image-wrap:not(.alignleft):not(.alignright) + h3 { margin-top:1em; } */
/* .image-wrap:not(.alignleft):not(.alignright) + h4, .image-wrap:not(.alignleft):not(.alignright) + h5 { margin-top:.5em; } */
/* .alignleft:first-child + *:not(.alignleft):not(.alignright), .alignright:first-child + *:not(.alignleft):not(.alignright), .alignnone + h5, .aligncenter + h1, .aligncenter + h2, .aligncenter + h3, .aligncenter + h4, .aligncenter + h5 { margin-top:0; } */
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h2 + h1, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5 { margin-top:.5em; }
.alignright + .alignleft { clear:right; }
.aligncenter { text-align:center; margin:1em auto; display:block; }

table { margin:1em 0; padding:0; border-width:var(--border-width); border-style:solid; }
table td, table th { vertical-align:middle; padding:.5em .8em; border-width:1px; }
table caption { padding:.5em; line-height:1em; letter-spacing:1px; }

ul, ol, dl { margin:1em 0; list-style:none; display:block; line-height:var(--line-height); }
li > ol:nth-child(n), li > ul:nth-child(n), li { margin:.5em 0; }
::marker { background-color:transparent; color:var(--list-color); border-color:var(--list-color); }
ol > li::before { color:var(--list-color); border-color:var(--list-color); }

ul:not([id]):not([class]) { padding-left:1em; }
ul:not([id]):not([class]) > li:not([id]):not([class]) { position:relative; display:list-item; list-style:disc outside; }

ol:not([id]):not([class]) { counter-reset:li; }
ol:not([id]):not([class]) > li { padding:0 0 0 calc( var(--line-height) * 1em + 0.5em ) ; display:block; text-decoration:none; position:relative; }
ol:not([id]):not([class]) > li::before { color:var(--list-color); border-color:var(--list-color); content:counters(li, "-"); counter-increment:li; border-width:1px; display:block; position:absolute; left:0; top:0; margin:0; padding:calc( var(--line-height) * 0.5em - 1px - 0.5em ) 0.05em; height:calc(var(--line-height) * 1em ); width:calc(var(--line-height) * 1em ); line-height:1; font-weight:400; text-align:center; border-radius:2px; }
ol:not([id]):not([class]) > li > ol:not([id]):not([class]) > li { padding-left:calc( var(--line-height) * 1em + 1.3em ); }
ol:not([id]):not([class]) > li > ol:not([id]):not([class]) > li::before { width:calc( var(--line-height) * 1em + 0.8em ); }
ol:not([id]):not([class]) > li:empty { display:none }

ol.alpha { counter-reset:alphali; }
ol.alpha > li { counter-increment:alphali; }
ol.alpha > li::before { content:counter(alphali, lower-alpha) ". "; }

dl.info { padding:0; border-width:var(--border-width); overflow:hidden; display:flex; flex-wrap:wrap; }
dl.info::after, dl.info > dt::after, dl.info > dd::after { content:''; display:table; clear:both;}
dl.info > dt, dl.info > dd { display:block; float:left; position:relative; }
dl.info > dt { width:25%; min-width:calc(0% + 140px); margin:0; padding:12px 16px; z-index:3; clear:left; background-color:var(--layer-color); border-top-width:1px; }
dl.info > dd { width:75%; max-width:calc(100% - 140px); margin:0; padding:12px 16px; overflow:visible; z-index:2; border-top-width:1px; }
dl.info > dt:empty { display:none; }
dl.info > dt:empty + dd { width: 100%; }
dl.info > dt:first-child { border-top-width:6px; }
dl.info > dt:first-child + dd { border-top-width:6px; }
dl.info > dd::before { content:''; position:absolute; left:-100%; right:0; top:0; bottom:0; z-index:-1; }

dl.field { overflow:hidden; display:block; display:flex; flex-wrap:wrap; }
dl.field dt, dl.field dd { float:left; display:block; margin:0; padding:.8em 0; border-bottom-width:var(--border-width); }
dl.field dt { clear:left; width:25%; width:calc(0% + 120px); font-weight:600; padding-right:.5em; }
dl.field dd { width:75%; width:calc(100% - 120px); }
dl.field > dt:empty { display:none; }
dl.field > dt:empty + dd { width: 100%; }
/* dl.field dt:not(:empty)::after { content:' :'; } */
dl.field dt:first-child, dl.field dt:first-child + dd { border-top-width:0; }

/* th, thead, tfoot { background-color:var(--layer-color); } */


ul.checklist li { position:relative; display:block; padding:.2em .2em .2em 2.4em; margin:.5em 0; text-decoration:none; font-weight:600; }
ul.checklist li::before { font-family:'fontello'; content:'\e98c'; background-color:var(--body-color); color:var(--list-color); border-color: var(--border-color); position:absolute; left:0; top:50%; margin-top:-.35em; font-size:1.5em; height:.8em; width:.8em; line-height:.3em; border-width:2px; border-radius:0; text-shadow:0 1px 0 var(--body-color), 1px 0 0 var(--body-color), 0 -1px 0 var(--body-color), -1px 0 0 var(--body-color), -1px -1px 0 var(--body-color), 1px -1px 0 var(--body-color), -1px 1px 0 var(--body-color), 1px 1px 0 var(--body-color); text-align:center; }
ul.checklist::after { display:table; content:''; clear:both; }

ul.inline { display:block; }
ul.inline::after { display:table; content:''; clear:both; }
ul.inline li { display:block; float:left; font-size:inherit; line-height:1; padding:.25em; margin:0 0 .25em .25em; text-decoration:none; border-width:2px; border-radius:3px; }

ul.halflist { display:block; }
ul.halflist li { width:49%; width:calc(50% - .25em); display:block; float:left; margin:0 0 .25em .25em; }
ul.halflist li:nth-child(odd) { margin:0 .25em .25em 0; clear:left; }
ul.halflist::after { display:table; content:''; clear:both; }

[style*="font-size:1.2em;"], [style*="font-size:1.2em;"]  { font-size:1.3em; } /* scale up by tinymce */

.entry br[clear="all"] { display:block!important; }
.alignleft + br:not([class]):not([clear]), .alignright + br:not([class]):not([clear]) { display:none; }
img.wp-smiley, img.emoji { border:none !important; display:inline-block!important; box-shadow:none!important; height:1em !important; width:1em !important; margin:0 .07em !important; vertical-align:-0.1em !important; background:none !important; padding:0 !important; }
img#wpstats{ display:none!important; }
img.zoomImg {  cursor:move; cursor:zoom-in; }

/* gallery */
.gallery { padding:0; margin:16px 0; column-gap:16px; margin:0; position:relative; display:block; list-style:none; }
.gallery-item { margin:0 0 16px 0; padding:0; text-align:center; display:block; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.gallery-item .image-wrap { margin:0; display:block; padding:0; }
.gallery-item img { display:block; margin:0 auto; }
.gallery-columns-1, .gallery-columns-1 .gallery-items { margin:0; }
/* .gallery-columns-1 .gallery-item { width:100%; padding:0; margin:16px 0 0 0; } */
/* .gallery-columns-1 .gallery-item:first-child { margin-top:0; }  */
.gallery-columns-2 { column-count:2; }
.gallery-columns-3 { column-count:3; }
.gallery-columns-4 { column-count:4; }
.gallery-columns-5 { column-count:5; }
.gallery-columns-6 { column-count:6; }

@media screen and ( min-width : 1280px ){

}
@media screen and ( max-width : 934px ){
  .gallery-columns-2 { column-count:2; }
  .gallery-columns-3 { column-count:3; }
  .gallery-columns-4 { column-count:3; }
  .gallery-columns-5 { column-count:4; }
  .gallery-columns-6 { column-count:5; }
}
@media screen and ( max-width : 781px ){
  .gallery-columns-2 { column-count:2; }
  .gallery-columns-3 { column-count:2; }
  .gallery-columns-4 { column-count:3; }
  .gallery-columns-5 { column-count:3; }
  .gallery-columns-6 { column-count:4; }
}
@media screen and ( max-width : 480px ){
  .gallery-columns-2 { column-count:auto; }
  .gallery-columns-3 { column-count:2; }
  .gallery-columns-4 { column-count:2; }
  .gallery-columns-5 { column-count:2; }
  .gallery-columns-6 { column-count:3; }
}

.gallery.swiper-container { column-gap:0; column-count:unset; }
.gallery.swiper-container, .gallery.swiper-container .gallery-item { margin:0; }
/* MAP DISPLAY */
.map-canvas { margin:0; height:auto; overflow:hidden; position:relative; text-align:left; }
.map-canvas::before { display:block; padding:20% 0 240px 0; content:''; }
.map-canvas > iframe { height:100%; width:100%; position:absolute; top:0px; left:0px; }
.gm-style { font-size:var(--font-size); } /* google maps default class */
.gm-style p, .gm-style h2, .gm-style h3, .gm-style h4 { margin: 0; }

.gallery-loop { margin: 2em 0; height:auto; padding:0; display:block; overflow: hidden; position:relative; }
.gallery-loop, .gallery-loop * { height:320px; }
.gallery-loop ul.gallery-unit { position: absolute; left: 0; top: 0; bottom:0; margin:0; padding:0; list-style: none; animation:104s linear infinite; display:table; height:100%; animation-name: loop1; }
.gallery-loop ul.gallery-unit * { width:auto; max-width:none; margin:0; padding:0; position:static; object-fit:none; }
.gallery-loop ul.gallery-unit ::before, .gallery-loop ul.gallery-unit ::after { display:none; }
.gallery-loop ul.gallery-unit li { display:table-cell; }
.gallery-loop ul.gallery-unit + ul { animation-name: loop2; }
.gallery-loop ul.unitof-3 { animation-duration:calc(16s * 3); }
.gallery-loop ul.unitof-4 { animation-duration:calc(16s * 4); }
.gallery-loop ul.unitof-5 { animation-duration:calc(16s * 5); }
.gallery-loop ul.unitof-6 { animation-duration:calc(16s * 6); }
.gallery-loop ul.unitof-7 { animation-duration:calc(16s * 7); }
.gallery-loop ul.unitof-8 { animation-duration:calc(16s * 8); }
.gallery-loop ul.unitof-9 { animation-duration:calc(16s * 9); }
.gallery-loop ul.unitof-10 { animation-duration:calc(16s * 10); }
.gallery-loop ul.unitof-11 { animation-duration:calc(16s * 11); }
.gallery-loop ul.unitof-12 { animation-duration:calc(16s * 12); }
.gallery-loop ul.unitof-13 { animation-duration:calc(16s * 13); }
.gallery-loop ul.unitof-14 { animation-duration:calc(16s * 14); }
.gallery-loop ul.unitof-15 { animation-duration:calc(16s * 15); }
.gallery-loop ul.unitof-16 { animation-duration:calc(16s * 16); }
.gallery-loop ul.unitof-17 { animation-duration:calc(16s * 17); }
.gallery-loop ul.unitof-18 { animation-duration:calc(16s * 18); }
.gallery-loop ul.unitof-19 { animation-duration:calc(16s * 19); }
.gallery-loop ul.unitof-20 { animation-duration:calc(16s * 20); }
@keyframes loop1 { 0% {transform: translateX(0); } 49.99999% {transform: translateX(-100%); } 50% {transform: translateX(100%); } }
@keyframes loop2 { 0% {transform: translateX(100%); } 100%{transform: translateX(-100%); } }

@media screen and ( max-width : 600px ){
  .entry [style*="text-align: center"], .entry [style*="text-align:center"] { text-align:inherit!important; }
  .entry .aligncenter, .threecolumns h2, .threecolumns h3, .threecolumns h4 { text-align:left; }
  /* body.mce-content-body img.aligncenter { width:initial; } */
  body.mce-content-body [style*="text-align: center"], body.mce-content-body [style*="text-align:center"] { text-align:center!important; }
  [style*="text-align: center"] br, [style*="text-align:center"] br { display:none; }
  [style*="font-size:1.2em;"], [style*="font-size:1.2em;"]  { font-size:1.2em; } /* scale up by tinymce */

  dl.info dl.field { display:block; }
  dl.info dl.field dt { display:block; width:auto; border-width:0; padding:0; margin:.8em 0 0; float:none; }
  dl.info dl.field dd { display:block; width:auto; float:none; padding:.4em 0; margin:0 0 .8em; }
  table td, table th { padding:.4em .6em; }
  .gallery-loop, .gallery-loop * { height:240px; }
  .gallery-loop ul.unitof-3 { animation-duration:calc(12s * 3); }
  .gallery-loop ul.unitof-4 { animation-duration:calc(12s * 4); }
  .gallery-loop ul.unitof-5 { animation-duration:calc(12s * 5); }
  .gallery-loop ul.unitof-6 { animation-duration:calc(12s * 6); }
  .gallery-loop ul.unitof-7 { animation-duration:calc(12s * 7); }
  .gallery-loop ul.unitof-8 { animation-duration:calc(12s * 8); }
  .gallery-loop ul.unitof-9 { animation-duration:calc(12s * 9); }
  .gallery-loop ul.unitof-10 { animation-duration:calc(12s * 10); }
  .gallery-loop ul.unitof-11 { animation-duration:calc(12s * 11); }
  .gallery-loop ul.unitof-12 { animation-duration:calc(12s * 12); }
  .gallery-loop ul.unitof-13 { animation-duration:calc(12s * 13); }
  .gallery-loop ul.unitof-14 { animation-duration:calc(12s * 14); }
  .gallery-loop ul.unitof-15 { animation-duration:calc(12s * 15); }
  .gallery-loop ul.unitof-16 { animation-duration:calc(12s * 16); }
  .gallery-loop ul.unitof-17 { animation-duration:calc(12s * 17); }
  .gallery-loop ul.unitof-18 { animation-duration:calc(12s * 18); }
  .gallery-loop ul.unitof-19 { animation-duration:calc(12s * 19); }
  .gallery-loop ul.unitof-20 { animation-duration:calc(12s * 20); }
}
@media screen and ( max-width : 480px ){
  .entry p { text-align:inherit; }
  h3 { text-align:inherit; }
  h3 br { display:none; }
  .entry .alignleft, .entry .alignright { float:none; margin:16px auto; display:block; }
  .alignleft, .alignright {  max-width:100%; height:auto; }
  .aligncenter p { display:inline; }
  .balloon.alignleft { margin:.2em .2em 1.8em .2em; }
  .balloon.alignleft::after { top:auto; right:auto; bottom:-.6em; left:50%; margin:0 0 0 -.6em; }
  .balloon.alignright { margin:1.8em .2em .2em .2em; }
  .balloon.alignright::after { top:-.6em; left:50%; bottom:auto; right:auto; margin:0 0 0 -.6em; }
  dl.info { padding:0; border-width:0; display:block; }
  dl.info > dt { float:none; width:auto; min-width:initial; min-width:auto; margin:0; border-top-width:0; border-bottom-width:1px; padding:.5em .75em; display:block!important; line-height:1.2; font-weight:600; }
  dl.info > dt:first-child { margin:0; border-top-width:0; }
  dl.info > dd + dt { margin-top:1em;  }
  dl.info > dd { float:none; padding:.6em 0 ; max-width:none; width:auto; clear:left; border-width:0; }
  dl.info > dt:first-child + dd { border-top-width:0; }
  dl.info > dd::before { display:none; }
  dl.info p + p { margin-top:.2em; }
  [style*="font-size:1.2em;"], [style*="font-size:1.2em;"]  { font-size:1.1em; } /* scale up by tinymce */
  dl.field { display:block; }
  dl.field dt { display:block; width:auto; border-width:0; padding:0; margin:.8em 0 0; float:none; }
  dl.field dd { display:block; width:auto; float:none; padding:.4em 0; margin:0 0 .8em; }
  table td, table th { padding:.3em .4em; }
  .gallery-loop, .gallery-loop * { height:160px; }
}
@media screen and ( max-width:380px ){
  th, td { padding:.3em; }
  ul.scaleup, ol.scaleup, div.scaleup { font-size:1.15em; }
  /*.columns .column { margin-top:12px; }*/
  ul.halflist li:nth-child(n) { width:auto; float:none; margin:0 0 .25em; }
}




/* ::::::::::: CONTACT FORM ::::::::::: */
.wpcf7 { position:relative; clear:both; border-color:inherit; line-height:var(--line-height); }
.wpcf7 .screen-reader-response { display:none; }
.thankyou_message { display:none!important; position:absolute; top:0; left:0; right:0; bottom:0; z-index:31; }
.thankyou_message > div { text-align:center; position:absolute; bottom:160px; left:0; right:0; padding:var(--column-gap); }
.thankyou_message > div > p { text-align:center; }
.thankyou_message .button { width: 100%; max-width:360px; margin:16px auto 0; }
.thankyou_message h2 { font-size:1.2em; text-align:center; }
.wpcf7-form { position:relative; border-width:0; }
.wpcf7-form > :first-child, .wpcf7-form > div[style="display: none;"]:first-child + h2, .wpcf7-form > div[style="display: none;"]:first-child + h3 { margin-top:0; } /* wpcf7によって最初に吐き出されるhidden要素 */
.wpcf7-form.sent:not(.cf7mls) > * { opacity:.25;  }
.wpcf7-form.sent > .thankyou_message { display:block!important; opacity: 1; }
.form-send .watermark { color:var(--strong-color); }
.wpcf7-radio, .wpcf7-checkbox { display:block; padding:0; margin:0; text-align:left; }
/*.wpcf7-radio input, .wpcf7-checkbox input { margin-top:7px; margin-bottom:7px; }*/
.wpcf7-list-item { font-size:16px; display:inline-block; padding:0; margin:0; }
.form-box { clear:both; width:auto; padding:0; margin:8px 0; position:relative; }
.small-form-box .wpcf7-form-control-wrap { width:15em }
.medium-form-box .wpcf7-form-control-wrap { width:30em; }
.form-head { clear:both; width:100%; margin:0 0 8px; padding:12px 0 0; }
.form-box + .form-head { padding-top:var(--column-gap); }
.form-head h3 { font-size:1.1em; margin: 0; }
.form-head h4 { font-size:1em; margin: 0; }
.form-box + *:not(.form-box) { clear: left; }
.form-box em, .form-head em, .required { color:var(--caution-color); background-color:transparent; font-family:inherit; border-width:0; text-decoration:none; }
.form-box em::before, .form-head em::before, .required::before { content:' '; }
.wpcf7-not-valid.wpcf7-textarea, .wpcf7-not-valid.wpcf7-text, .wpcf7-not-valid.wpcf7-select { background-color:rgba( 221,102,0,.05); }
.wpcf7 .headword { /*position:absolute; z-index:1; left:4px; top:6px; text-align:center; padding:4px 6px; font-weight:600; */ display:block; padding:4px 0; font-size:.875em; }
.wpcf7 .wpcf7-form-control-wrap { bottom:0; padding:0; display:block; position:relative; max-width:100%; }
.form-box-acceptance .wpcf7-form-control-wrap { border-width:0; }
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 input[type="url"], .wpcf7 input[type="date"], .wpcf7 input[type="password"] , .wpcf7 select { width:100%; /*padding-left:86px; */text-align:left; }
.wpcf7 .wpcf7-textarea { display:block; width:100%; resize:vertical; padding:12px 8px; margin:0!important; text-align:left; }
.form-send, .cf7mls-btns { clear:both; padding:0; margin:0; position:relative; }
.form-send .wpcf7-submit { width:100%; display:block; }
.wpcf7-form.ajaxsending .cf7mls-btns::before, .wpcf7-form.ajaxsending .form-send::before { display:block; content:''; background-color:transparent; border-width: 0; position:absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; } /* click block */
.form-send .wpcf7-submit { width:100%; display:block; }
.form-box.no-border .wpcf7-form-control-wrap { border-color:transparent; background-color:transparent; }
.form-box.no-border .wpcf7-radio, .form-box.no-border .wpcf7-checkbox, .form-box.no-border .wpcf7-list-item { padding-left:0; }
.captcha-box { display:block; background-color:var(--layer-color); padding:4px; font-size:11px; }
.captcha-box .captchac { float:left; display:block; line-height:36px; }
.captcha-box .captchac img { vertical-align:middle; }
.captcha-box::after { content:''; display:table; clear:both; }
.captcha-box .captchar input[type="text"] { float:right; display:block; width:100px; height:40px; }
.grecaptcha-badge { visibility: hidden; }
.recaptcha_policy { font-size:11px; color:var(--gray-color); }
.wpcf7-mail-sent-ok, form.sent .wpcf7-response-output { display:none!important; }
.wpcf7-not-valid-tip { position:absolute; top:0; right:0px; z-index:10; }
.wpcf7-mail-sent-ok, .wpcf7-not-valid-tip, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked, .wpcf7-validation-errors, .wpcf7-response-output, .wpcf7-acceptance-missing, .wpcf7-not-valid-tip-no-ajax { background-color:var(--strong-color); border-width:0; color:var(--opposite-color); font-weight:600; font-size:calc( var(--font-size) * 0.75 ); padding:6px; line-height:1em; }
.wpcf7-mail-sent-ok { background-color:var(--theme-color); }
.form-response, .wpcf7-response-output { font-weight:600; text-align:center; font-size:calc( var(--font-size) * 0.75 ); padding:6px; line-height:16px; vertical-align:middle; }
.wpcf7-response-output:empty, .wpcf7-form.sent .wpcf7-response-output { display:none }
.form-response { position:relative; margin:8px 0 0; z-index:2; }
.form-response .wpcf7-response-output { position:absolute; top:0; left:0; right:0; bottom:auto; }
.wpcf7-form.submitting { opacity: .8; position:relative; }
.wpcf7-form.submitting::before { display:block; content:''; position:absolute; z-index:1; left:0; right:0; bottom:0; top:0; }
.wpcf7-form.submitting::after { display:block; content:''; border-radius:50%; font-size:10px; width:6em; height:6em; margin:auto; position:absolute; z-index:1; left:0; right:0; bottom:calc(50vh - 3em); top:auto; border-width:.5em; border-style:solid; border-color:rgba(var(--shadow-rgba),0.05) rgba(var(--shadow-rgba),0.05) rgba(var(--shadow-rgba),0.05) rgba(var(--shadow-rgba),0.25); transform:translateZ(0); animation:load8 1.1s infinite linear; }

@media screen and ( max-width : 781px ){
  .wpcf7 { margin:0; }
  .wpcf7-radio { height:auto; padding-top:5px; padding-bottom:5px; }
  .form-response, .wpcf7 .wpcf7-response-output { font-size:11px; line-height:14px; }
  .thankyou_message > div { padding:16px; bottom:120px; }
  .medium-form-box, .div2-form-box { width:100%; margin:8px 0; }
  .form-send { margin-top: 8px; }
}

@media screen and ( max-width : 480px ){
  .thankyou_message > div { text-align:left; padding:12px; bottom:40px; }
  .thankyou_message h2 { font-size:1.2em; }
  .form-response, .wpcf7 .wpcf7-response-output { font-size:10px; }
}
html:not(.js_enabled) .swiper { opacity: 0; height:60vh; }
.swiper { transition:opacity var(--transition) ease-in; opacity:1; }


/*::::::::::: PHOTOSWIPE JS SETTINGS ::::::::::: */
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp { display:none; position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; -ms-touch-action:none; touch-action:none; z-index:1500; -webkit-text-size-adjust:100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility:hidden; backface-visibility:hidden; outline:none; }
.pswp * { box-sizing:border-box; }
.pswp img { max-width:none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity:.001; will-change:opacity; /* for open/close transition */ transition:opacity var(--transition) cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open { display:block; }
.pswp--zoom-allowed .pswp__img { cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; }
.pswp--zoomed-in .pswp__img { cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; }
.pswp--dragging .pswp__img { cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:grabbing; }
/* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */
.pswp__bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba( var(--shadow-rgba), 1); opacity:0; transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; }
.pswp__scroll-wrap { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.pswp__container, .pswp__zoom-wrap { -ms-touch-action:none; touch-action:none; position:absolute; left:0; right:0; top:0; bottom:0; }

/* Prevent selection and tap highlights */
.pswp__container, .pswp__img { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; }
.pswp__container:not(:hover) { transition:transform 0.35s ease-in-out; }
.pswp__zoom-wrap { position:absolute; width:100%; transform-origin:left top; /* for open/close transition */ transition:transform var(--transition) cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg { will-change:opacity; /* for open/close transition */ transition:opacity var(--transition) cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition:none; }
.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.pswp__item { position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; }
.pswp__img { position:absolute; width:auto; height:auto; top:0; left:0; }
.pswp__img--placeholder { -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.pswp__img--placeholder--blank { background-color:#222; }
.pswp--ie .pswp__img { width:100% !important; height:auto !important; left:0; top:0; }
.pswp__error-msg { position:absolute; left:0; top:50%; width:100%; text-align:center; font-size:14px; line-height:16px; margin-top:-8px; color:var(--gray-color); }
.pswp__error-msg a { color:var(--gray-color); text-decoration:underline; }

/* 1. Buttons */
.pswp__button { width:44px; height:44px; font-size:24px; line-height:1em; position:relative; background:none; cursor:pointer; overflow:visible; display:block; border-width:0; padding:0; margin:0; float:right; opacity:.75; transition:opacity 0.2s; box-shadow:none; min-width:0;  min-height:0; border:none;  text-align:inherit; background-color:transparent; text-transform:inherit; letter-spacing:inherit; color:inherit; border-radius:0; }
.pswp__button:focus, .pswp__button:hover { opacity:1; } .pswp__button:active { outline:none; opacity:.9; } .pswp__button::-moz-focus-inner { padding:0; border-width:0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close { opacity:1; }
.pswp__button, .pswp__button--arrow--left::before, .pswp__button--arrow--right::before { width:44px; height:44px; text-align:center; }
.pswp__button::before { font-family:'fontello'; color:inherit; display:block; padding:10px 0; }
.pswp__button--arrow--left::before, .pswp__button--arrow--right::before { display:block; content:'';  background-position:center; background-size:auto 80%; background-repeat:no-repeat; }
.pswp__button--close::before { display:block; content:''; width:40px; height:40px; padding:0; background-position:center; background-size:auto 80%; background-repeat:no-repeat; }
.pswp__button--share::before { content:'\e933'; }
.pswp__button--fs { display:none; }
.pswp--supports-fs .pswp__button--fs { display:block;  content:'\e96d'; }
.pswp--fs .pswp__button--fs::before { content:'\e96c'; }
.pswp__button--zoom { display:none; }
.pswp--zoom-allowed .pswp__button--zoom::before { display:block; content:'\e96a'; }
.pswp--zoomed-in .pswp__button--zoom::before {content:'\e96b'; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility:hidden; }

/* Arrow buttons hit area (icon is added to ::before pseudo-element)*/
.pswp .pswp__button, .pswp .pswp__button:hover, .pswp .pswp__button.hover { background-color:transparent; }
.pswp__button--arrow--left, .pswp__button--arrow--right { top:50%; margin-top:-50px; width:70px; height:100px; position:absolute; }
.pswp__button--arrow--left { left:0; }
.pswp__button--arrow--right { right:0; }
.pswp__button--arrow--left::before, .pswp__button--arrow--right::before { top:35px; position:absolute; }
.pswp__button--arrow--left::before { left:6px; }
.pswp__button--arrow--right::before { right:6px; }

/* 3. Index indicator ("1 of X" counter) */
.pswp__counter { position:absolute; left:0; top:0; height:44px; font-size:calc( var(--font-size) * 0.75 ); line-height:44px; color:var(--opposite-color); opacity:.75; padding:0 10px; }

/*  4. Caption */
.pswp__caption { position:absolute; left:0; bottom:0; width:100%; min-height:44px; padding:8px 12px; color:var(--gray-color); }
.pswp__caption small { font-size:11px; color:inherit; }
.pswp__caption a { color:inherit; }
.pswp__caption__center { text-align:center; max-width:var(--content-width); margin:0 auto; font-size:calc( var(--font-size) * 0.75 ); padding:0; color:inherit; }
.pswp__caption__center .pswp__caption__text { display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-height:30px; line-height:20px; }
.pswp__caption__center__opened .pswp__caption__text { white-space:normal; max-height:20em!important; }
.pswp__caption__link{ display:block; text-align:center; }
.pswp__caption--empty { display:none; }
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake { visibility:hidden; }
/* 5. Loading indicator (preloader) */
.pswp__preloader { width:44px; height:44px; position:absolute; top:0; left:50%; margin-left:-22px; opacity:0; transition:opacity var(--transition) ease-out; will-change:opacity; direction:ltr; }
.pswp__preloader__icn { width:20px; height:20px; margin:12px; }
.pswp__preloader--active { opacity:1; }
.pswp--css_animation .pswp__preloader--active { opacity:1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { animation:clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn { background:none; opacity:.75; width:14px; height:14px; position:absolute; left:15px; top:15px; margin:0; }
.pswp--css_animation .pswp__preloader__cut { /*  The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position:relative; width:7px; height:14px; overflow:hidden; }
.pswp--css_animation .pswp__preloader__donut { box-sizing:border-box; width:14px; height:14px; border:2px solid var(--opposite-color); border-radius:50%; border-left-color:transparent; border-bottom-color:transparent; position:absolute; top:0; left:0; background:none; margin:0; }

@media screen and ( max-width:1024px ) {
  .pswp__preloader { position:relative; left:auto; top:auto; margin:0; float:right; }
}
@media screen and ( max-width : 480px ) {
  .pswp__button--arrow--left::before { left:0; }
  .pswp__button--arrow--right::before { right:0; }
}
@keyframes clockwise { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
@keyframes donut-rotate { 0% { transform:rotate(0); } 50% { transform:rotate(-140deg); } 100% { transform:rotate(0); } }

/*  6. Additional styles */
/* root element of UI */
.pswp__ui { -webkit-font-smoothing:auto; visibility:visible; opacity:1; z-index:1550; }
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar { position:absolute; left:0; top:0; height:44px; width:100%; }
.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; transition:opacity var(--transition) cubic-bezier(0.4, 0, 0.22, 1); }
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility:visible; }
.pswp__top-bar { background-color:transparent; }
.pswp__caption { background-color:rgba(var(--shadow-rgba),0.4); }
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color:rgba(var(--shadow-rgba),0.4); }
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar { opacity:0; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity:0; }
/* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls*/
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity:.001; }
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display:none; }
.pswp__element--disabled { display:none !important; }
.pswp--minimal--dark .pswp__top-bar { background:none; }




/*::::::::::: SWIPER JS SETTINGS ::::::::::: */
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 * Copyright 2014-2019 Vladimir Kharlampidi
 * Released under the MIT License
 * Released on:February 22, 2019
 */

.swiper-container { margin:0; position:relative; list-style:none; overflow:hidden; display:block; list-style:none; padding:0; /* Fix of Webkit flickering */ z-index:1; }
.swiper-container-no-flexbox .swiper-slide { float:left; }
.swiper-container-vertical > .swiper-wrapper { flex-direction:column; }
.swiper-wrapper { margin:0; padding:0; position:relative; list-style:none; width:100%; height:100%; z-index:1; line-height:inherit; display:flex; transition-property:-webkit-transform, transform; box-sizing:content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform:translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { flex-wrap:wrap; }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function:ease-out; margin:0 auto; }
.swiper-slide { margin: 0; padding: 0; width:100%; height:100%; border-width:0; flex-shrink:0; list-style:none; display:block; position:relative; z-index: 1; transition-property:-webkit-transform, transform; }
.swiper-slide-invisible-blank { visibility:hidden; }
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto; }
.swiper-container-autoheight .swiper-wrapper { align-items:flex-start; transition-property:-webkit-transform, transform, height; }
/* 3D Effects */
.swiper-container-3d { perspective:1200px; }
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style:preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; }
.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size:27px 44px; background-position:center; background-repeat:no-repeat; }
.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-lock { display:none; }
.swiper-pagination { text-align:center; transition:300ms opacity; transform:translate3d(0, 0, 0); z-index:10; }
[class*=swiper-perview-] { padding-bottom:32px;}
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal .swiper-pagination-bullets { position:absolute; z-index:10; bottom:0; left:0; right:auto; width:100%; }
/* Bullets */
.swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform:scale(0.33); position:relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform:scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform:scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform:scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform:scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform:scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform:scale(0.33); }
.swiper-pagination-bullet { width:8px; height:8px; margin:0 4px; display:inline-block; border-radius:100%; background-color:var(--font-color); border-width:1px; overflow:hidden; cursor:pointer; opacity:.2; background-position:center; background-size:cover; }
.swiper-pagination-bullet:first-child:last-child { display:none; }
button.swiper-pagination-bullet { border-width:0; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer; }
.swiper-pagination-bullet-active { opacity:1; background-color:var(--theme-color); border-color:var(--theme-color); }

.swiper-container-vertical > .swiper-pagination-bullets { position:absolute; right:10px; top:50%; transform:translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; transform:translateY(-50%); width:8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; transition:200ms top, 200ms -webkit-transform; transition:200ms transform, 200ms top; transition:200ms transform, 200ms top, 200ms -webkit-transform; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:200ms left, 200ms -webkit-transform; transition:200ms transform, 200ms left; transition:200ms transform, 200ms left, 200ms -webkit-transform; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:200ms right, 200ms -webkit-transform; transition:200ms transform, 200ms right; transition:200ms transform, 200ms right, 200ms -webkit-transform; }
/* Progress */
.swiper-pagination-progressbar { background-color:rgba(0, 0, 0, 0.25); position:absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color:var(--theme-color); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin:right top; }
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:4px; left:0; top:0; }
.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:4px; height:100%; left:0; top:0; }
.swiper-pagination-lock { display:none; }
/* Scrollbar */
.swiper-scrollbar { border-radius:10px; position:relative; background-color:rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%; }
.swiper-container-vertical > .swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%; }
.swiper-scrollbar-drag { height:100%; width:100%; position:relative; background-color:rgba(0, 0, 0, 0.5); border-radius:10px; left:0; top:0; }
.swiper-scrollbar-cursor-drag { cursor:move; }
.swiper-scrollbar-lock { display:none; }
.swiper-zoom-container { width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; }
.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width:100%; max-height:100%; object-fit:contain; }
.swiper-slide-zoomed { cursor:move; }
/* Preloader */
.swiper-lazy-preloader { width:100%; height:100%; position:absolute; left:0; top:0; margin:0; z-index:10; }
.swiper-lazy-preloader::before { display:block; content:''; border-radius:50%; font-size:10px; width:6em; height:6em; margin:auto; position:absolute; z-index:1; left:0; right:0; bottom:0; top:0; border-width:.5em; border-style:solid; border-color:rgba(var(--light-rgba),0.05) rgba(var(--light-rgba),0.05) rgba(var(--light-rgba),0.05) rgba(var(--light-rgba),.25); transform:translateZ(0); animation:load8 1.1s infinite linear; }

/* a11y */
.swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function:ease-out; }
.swiper-container-fade .swiper-slide { pointer-events:none; transition-property:opacity; opacity:0!important; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto; opacity: 1!important; }
.swiper-container-cube { overflow:visible; }
.swiper-container-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin:100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events:auto; visibility:visible; }
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; background-color:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0; }
.swiper-container-flip { overflow:visible; }
.swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto; }
.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; }

/* SWIPER with GALLERY SETTING */
.swiper-slide > .image-wrap { margin:0; padding:0; display:block; width:100%; height:100%; overflow:hidden; }
.swiper-slide > .image-wrap img { width: 100%; height: 100%; object-fit:contain; }

.swiper-crop-image .swiper-slide > .image-wrap img { object-fit:cover; }
.swiper-container-autoheight .swiper-slide { width: auto; } /* height 100% を指定すると、textなどの可変コンテンツ時にワークしない */
.swiper-container-autoheight .swiper-slide > .image-wrap, .swiper-container-autoheight .swiper-slide > .image-wrap img { height: 100%; width:auto; }
.swiper-perview-auto .swiper-slide { width: auto; }
.swiper-perview-auto .swiper-slide > .image-wrap, .swiper-perview-auto .swiper-slide > .image-wrap img { height: 100%; width: auto; } /* perview:auto で containerのheight値が未設定かつ画像height:100%だとレスポンシブ時のwidthが取れないことに注意 */
.swiper-setting { padding:0; position:relative; }
.swiper-ratio-square::before, .swiper-ratio-horizontal::before, .swiper-ratio-custom::before, .swiper-ratio-vertical::before { display:block; content:''; padding:66.666% 0 0 0; }
.swiper-ratio-horizontal::before { padding:66.666% 0 0 0; }
.swiper-ratio-square::before { padding-top:100%; }
.swiper-ratio-vertical::before { padding-top:150%; }
.swiper-ratio-custom::before { display:none }
.swiper-ratio-horizontal .swiper-wrapper, .swiper-ratio-vertical .swiper-wrapper , .swiper-ratio-square .swiper-wrapper , .swiper-ratio-custom .swiper-wrapper  { margin:0; position:absolute; top: 0; left: 0; bottom: 0; right: 0; }
.swiper-slide-active, .swiper-slide-thumb-active { border-color:var(--theme-color); }
.swiper-container-thumbs { padding:0; margin-top:12px; position:relative; overflow:hidden; }
.swiper-container-thumbs .swiper-wrapper .swiper-slide { width:72px; }
.swiper-container-thumbs.swiper-loop .swiper-wrapper { position:relative; margin-left:calc(-50% + 48px ); }
.swiper-container-thumbs .swiper-slide { margin:0 8px; padding:0; border-width:0; cursor:pointer; }
.swiper-container-thumbs .swiper-slide::before { content:''; display:block; box-sizing:border-box; background-color:transparent; border-style:solid; border-width:4px; border-color:inherit; opacity:0; position:absolute; top: 0; right: 0; bottom: 0; left: 0; width:100%; height:100%;  z-index:2; transition:opacity var(--transition) ease-in; }
.swiper-container-thumbs .swiper-slide-active::before, .swiper-container-thumbs .swiper-slide-thumb-active::before { opacity:.8; }
.swiper-container-thumbs .swiper-slide::after { content:''; display:block; padding: 100% 0 0 0; opacity: 0!important; border:none; position:static; }
.swiper-container-thumbs .swiper-slide img { object-fit:cover; width:100%; height:100%; margin:0; position:absolute; top:0; right:0; bottom:0; left:0; }

.swiper-container-horizontal .swiper-slide { margin-left:0!important ; }
.swiper-container-vertical .swiper-slide { margin-top:0!important ; }

@media screen and ( max-width : 781px ){
  .swiper-container-thumbs .swiper-slide { width:24.2%; }
  .swiper-button-prev, .swiper-button-next { width:32px; height:32px; margin-top:-16px; }
  .swiper-container-thumbs .swiper-wrapper .swiper-slide { width:64px; }
  .swiper-container-thumbs.swiper-loop .swiper-wrapper { position:relative; margin-left:calc(-50% + 40px ); }
}
@media screen and ( max-width : 479px ){
  .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; }
  .swiper-container-thumbs .swiper-wrapper .swiper-slide { width:56px; }
  .swiper-container-thumbs.swiper-loop .swiper-wrapper { position:relative; margin-left:calc(-50% + 32px ); }
}

/*::::::::::: SCROLL IN ::::::::::: */
.scrollclass.fadein { opacity:0; transform:translate(0, 100px); transition:opacity 1s, transform 1s; }
.scrollclass.fadein.trigger { opacity:1; transform:translate(0, 0); }
#tinymce .scrollclass.fadein  { opacity:1; transform:translate(0, 0); }
/* .scrollclass.fadein:nth-child(n+1) { transition-delay:0s; }
.scrollclass.fadein:nth-child(n+2) { transition-delay:0.25s; }
.scrollclass.fadein:nth-child(n+3) { transition-delay:0.3s; }
.scrollclass.fadein:nth-child(n+4) { transition-delay:0.45s; }
.scrollclass.fadein:nth-child(n+5) { transition-delay:0.6s; }
.scrollclass.fadein:nth-child(n+6) { transition-delay:0.75s; }
.scrollclass.fadein:nth-child(n+7) { transition-delay:0.9s; } */



/*::::::::::: MODAL WINDOWS ::::::::::: */
.modal-overlay { background-color:rgba( var(--shadow-rgba), 1); }
.modal-overlay { position:fixed; top:-100px; left:-100px; right:-100px; bottom:-100px; z-index:-100; opacity:0; display:none; cursor:pointer; transition:opacity var(--transition) cubic-bezier(0.4, 0, 0.22, 1); }
.modal-overlay::before { display:none; content:''; border-radius:50%; font-size:10px; width:6em; height:6em; margin:auto; position:absolute; z-index:1; left:0; right:0; bottom:0; top:0; border-width:.5em; border-style:solid; border-color:rgba(var(--light-rgba),0.05) rgba(var(--light-rgba),0.05) rgba(var(--light-rgba),0.05) rgba(var(--light-rgba),.25); transform:translateZ(0); animation:load8 1.1s infinite linear; }
body.modal-loading .modal-overlay::before { display:block; }
@keyframes load8 { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
.modal-box { display:none; position:fixed; top:40px; opacity:0; font-size:var(--font-size); left:var(--column-gap); right:var(--column-gap); bottom:var(--column-gap); margin:auto; opacity:0; z-index:-999; background-color:var(--opposite-color); padding:0; border-width:0; transition:opacity var(--transition) linear var(--transition); box-shadow:0 0 16px rgba(var(--shadow-rgba),0.4); }
.modal-box.modal-target { top:0; left:0; right:0; bottom:0; max-width:calc(100% - var(--column-gap) * 2 ); max-height:calc(100% - var(--column-gap) * 2); }
.modal-box > * { max-width:var(--container-width); }
.modal-target { display:none; }
.modal-target-content { margin:0; padding:var(--column-gap) var(--column-gap) 0; border-width:0; }
.modal-target-content::after { display:block; height:var(--column-gap); background-color:transparent; content:''; } /* スクロール時にパッディングが無視されるためブロックを挿入 */
body.modal-opened .modal-box.modal-target .modal-target-content { position:absolute; top:0!important; left:0!important; right:0!important; bottom:0!important; width:100%!important; height:100%!important; max-width:none; overflow:hidden; overflow-y:auto!important; overflow-x:hidden!important; z-index:1; -webkit-overflow-scrolling:touch; }

.modal-box .modal-video-wrapper { padding:0; }
.modal-box .modal-video-wrapper::after { display:none; }
.modal-button { position:fixed; display:none; opacity:0; z-index:-98; border-width:0; margin:4px; cursor:pointer; transition:opacity var(--transition) linear 0s; }
.modal-button-close { top:0; right:0; margin: 0; /* background-color: rgba(var(--shadow-rgba),0.4); */ }
.modal-button-next { top:50%; right:0; margin-top:-50px; }
.modal-button-prev { top:50%; left:0; margin-top:-50px; }
/* photoswipe, swiperと統一 */
.modal-swiper { padding:0!important; overflow:visible!important; }
.modal-swiper > div { padding:0; }
.modal-swiper .swiper-button-prev, .modal-swiper .swiper-button-next { width:27px; }
@media screen and ( min-width : 781.1px ){
  .modal-swiper .swiper-button-prev { left:-27px; top:0; bottom:0; height:auto; margin:0; }
  .modal-swiper .swiper-button-next { right:-27px; top:0; bottom:0; height:auto; margin:0; }
}
.modal-button, .pswp__button { text-align:center; vertical-align:middle; opacity:.9; }
.modal-button::before, .pswp__button::before { display:block; content:''; background-size:auto 80%; background-repeat:no-repeat; background-position:center; width:40px; height:40px; }
.pswp__button--arrow--left::before, .pswp__button--arrow--right::before, .modal-button-next::before, .modal-button-prev::before { top:28px; position:absolute; }
.pswp__button--arrow--left::before, .modal-button-prev::before { left:6px; }
.pswp__button--arrow--right::before, .modal-button-next::before { right:6px; }
.modal-button-close:hover, .modal-button:hover, .pswp__button:hover { opacity:1; }
.modal-button-next, .modal-button-prev, .pswp__top-bar ~ .pswp__button { width:70px; height:100px; }
.modal-button-close::before, .pswp__button--close::before {
  background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' %3E%3Cpath d='M22.3,20.2l15.2,15.2l-2.1,2.1L20.2,22.3L5,37.5l-2.1-2.1l15.2-15.2L2.8,5L5,2.8l15.2,15.2L35.4,2.8L37.5,5L22.3,20.2z' fill='%23ffffff' /%3E%3C/svg%3E");
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .pswp__button--arrow--left::before, .modal-button-prev::before { /* photoswipe, swiperと統一 */
  background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' %3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23ffffff' /%3E%3C/svg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .pswp__button--arrow--right::before, .modal-button-next::before {/* photoswipe, swiperと統一 */
  background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' %3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23ffffff' /%3E%3C/svg%3E");
}
.modal-overlay { animation:fade-in-opacity var(--transition) linear; }
@keyframes fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes fade-in-opacity { from { opacity:0; } to { opacity:.85; } }
body.modal-loading .modal-target { display:block; z-index:-1; opacity:0; }
body.modal-opened .modal-overlay, body.modal-loading .modal-overlay { display:block; z-index:901; opacity:.85; }
body.modal-opened .modal-target { display:block; z-index:902; opacity:1; }
body.modal-opened .modal-button-close { display:block; z-index:903; opacity:1; }
/* body.modal-opened .modal-button-next { display:block; z-index:903; opacity:1; } */
body.modal-closing .modal-overlay { opacity:0; transition:opacity var(--transition) linear var(--transition); }
body.modal-closing .modal-target { opacity:0; transition:opacity var(--transition) linear 0s; }
body.modal-closing > .modal-button { opacity:0; }

/* .modal-video {} */
.modal-video-wrapper { background-color:#000; }
.modal-video-wrapper > img { max-width:100%; max-height:100%; height:auto; width:auto; opacity:0; }
.modal-video-wrapper > .modal-video-poster { max-width:100%; max-height:100%; width:1280px; margin:0; padding:0; background-color:#000; position: relative; }
.modal-video-wrapper > .modal-video-poster:empty::before { padding:56.25% 0 0 0; margin:0; display:block; content:''; }
/* .modal-video-wrapper > .modal-video-poster img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; } */
.modal-video-wrapper > iframe, .modal-video-wrapper > video { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
.modal-video-wrapper::after { height:0!important; margin:0; padding:0; }

@media screen and ( max-width : 781px ){
  .modal-box::-webkit-scrollbar { width:4px; }
  .modal-box { bottom:0; margin: auto auto 0; box-shadow:none; border-radius:8px 8px 0 0; }
  .modal-button::before, .pswp__button::before { width:32px; height:32px; }
  .modal-button-close { right: 8px; top: 8px; }
  .modal-target-content { min-height:80vh; }
  .modal-box.modal-target { max-width:100%; max-height:97%; max-height:-webkit-calc(100% - 32px); max-height:calc(100% - 32px); }
  .modal-box.modal-target.modal-video { max-width:100%!important; width:100%!important; max-height:100%!important; height:100%!important; }
  /* .modal-button-close::before { background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' %3E%3Cpath d='M22.3,20.2l15.2,15.2l-2.1,2.1L20.2,22.3L5,37.5l-2.1-2.1l15.2-15.2L2.8,5L5,2.8l15.2,15.2L35.4,2.8L37.5,5L22.3,20.2z' fill='%23333333' /%3E%3C/svg%3E"); }  */
}
@media screen and ( max-width : 480px ){
  body.modal-opened .modal-box .modal-content-target { padding:16px 16px 0; }
  body.modal-opened .modal-box .modal-content-target::after { padding:16px 0 0; }
}




/*::::::::::: PRINT SETTINGS ::::::::::: */

@media print {
  .container { padding-left:0; padding-right:0; }
  html { height:auto!important; }
  body { font-size:12px!important; line-height:var(--line-height)!important; height:auto!important; left:0!important; right:0!important; top:0!important; }
}




/*::::::::::: TINYMCE - WP VISUAL EDITOR SETTINGS ::::::::::: */
#tinymce { padding:8px!important; margin:0!important; line-height:inherit; height:auto!important; overflow:visible!important; max-width:var(--container-width); }
@media only screen and ( max-width : 781px ){ #tinymce { font-size:16px!important; } }
#tinymce * { box-sizing:border-box; }
#tinymce > :first-child { margin-top:0; }
#tinymce > img.alignleft:first-child + *, #tinymce > img.alignright:first-child + * { margin-top:0; }
#tinymce > img.alignright:first-child { border:1px solid ed3a16; }
#tinymce > img.alignright { border:1px solid #ed3a16!important; opacity:.5; }
#tinymce::before { content:""; display:block; height:100vh; position:fixed; top: 0; left:calc( var(--container-width) + 24px ); width:100%; background-color:var(--layer-color); }
#tinymce::after { content:""; display:block; height:0!important; margin:0!important; clear:both!important; width:auto; }
.mce-content-body { padding:1em 1.4em!important;}/*style.css内の.entryで上書き可能*/
#tinymce .clear { content:""; display:block; margin:0; clear:both!important; width:100%; height:10px; }
#tinymce .clear::after { content:""; display:block; border-bottom:2px dashed #ccc; }
#tinymce .clear::before { content:"clear"!important; background-color:var(--opposite-color); width:5em; margin:-.5em auto; font-size:10px; line-height:1em; color:var(--gray-color); text-align:center; display:block!important; }
html.wp-toolbar { background-color:var(--opposite-color); }
#tinymce .gallery-columns-1 >*:not(:first-child) { display:none!important; }
#tinymce td { padding:5px; }
.mce-content-body .alignleft { clear:none; float:left; margin-left:0; margin-right:1%; max-width:49%; display:block; position:relative; z-index:4; }
.mce-content-body .alignright { clear:none; float:right; margin-left:1%; margin-right:0; max-width:49%; display:block; position:relative; z-index:4; }
.mce-content-body .alignleft + .alignright + * { clear:both!important; }
.mce-content-body br, .mce-content-body h1 br, .mce-content-body h2 br, .mce-content-body h3 br, .mce-content-body .aligncenter br, .mce-content-body p > br { display:inline-block; }
#tinymce img.emoji { display:inline !important; border:none !important; box-shadow:none !important; height:1em !important; width:1em !important; margin:0 .07em !important; vertical-align:-0.1em !important; background:none !important; padding:0 !important; }