@charset "UTF-8";

/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&display=swap&subset=japanese'); */
/* @import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap&subset=japanese'); */

body { word-wrap: break-word; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji"; }


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

/* Reset */
html { height:100%; font-size:16px; line-height:1.72; font-feature-settings:"pwid"; letter-spacing:0.04em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; touch-action:manipulation; -webkit-text-size-adjust:100%; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html.singlebyte { line-height:1.42; }
::before, ::after, body, 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; word-wrap:break-word; }
*, ::before, ::after, input, select, button, textarea, filedset { border-width:0; border-style:solid; border-color:inherit; box-sizing:border-box; border-radius:0; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; word-wrap:break-word; }
article, aside, details, figcaption, figure, footer, header, main, nav, section, form { display:block; }
a, a:focus { text-decoration:none; outline:0; font-style:normal; }
img, object { max-width:100%; height:auto; vertical-align:bottom; background-position:center; flex-shrink: 0; /* ie11対策 */ }
img[src$=".svg"] { 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; }
ul, ol, li { list-style:none; }
dl { display:block; }
p { word-break:normal; overflow-wrap:break-word; word-wrap:break-word; }
pre, code { font-family:"Courier 10 Pitch", Courier, monospace; }


/* Containers */
/* body { height:100%; } */
body.loading { overflow:hidden; height:100%; }
body.locked { overflow:hidden; height:100%; }
/* @media only screen and ( max-width : 600px ){ 
  #wpadminbar{ top:-46px; }
} */
#wrapper { padding:0; margin:0; border-width:0; width:100%; }
main { clear:both; position:relative; } 
.container { max-width:1200px; width:calc(100% - 64px); margin:0 auto; padding:0; position:relative; overflow:visible; }
main::after, .container::after, form::after { content:''; display:table; clear:both; }

/* Color & Typography */
body { font-size:1em; background-color:transparent; color:#2b2b2b; border-color:#ccc; border-color:rgba(120,120,120,0.2); overflow-x:hidden; position:relative; /* ios safari hack for overflow-x */}
button, input, select, option, textarea { font-size:16px; line-height:normal; font-family:inherit; transition:all .15s ease-in; }

h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.3em; }
h4 { font-size:1.2em; }
h5, h6 { font-size:1.1em; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 .6em 0; vertical-align:baseline; font-weight:600; line-height:1.38; font-feature-settings:"pwid"; }
h1 small, h2 small { font-size:.8em; font-weight:normal; }
p { margin:.8em 0; padding:0; }
p.blank { margin-bottom:0; }
p.blank + p { margin-top:0; }

strong, b { font-weight:600; }
hr { border-width:1px 0; padding:1px 0 0; clear:both; margin:2em 0; }


blockquote { margin:1em 0; position:relative; font-style:normal; padding:.5em 1em; background-color:rgba(120,120,120,0.2); }
blockquote::before, blockquote::after { display:block; position:absolute; vertical-align:top; color:rgba(120,120,120,0.3); font-size:8em; line-height:1; }
blockquote::before{ top:0; left:0; content:'\201C'; }
blockquote::after{ bottom:-.5em; right:0; content:'\201D'; }
blockquote cite { display:block; text-align:right; opacity:.6; font-size:.85em; }

pre { background-color:rgba(120,120,120,0.2); max-width:100%; overflow:auto; padding:1.6em; }
small, .small { font-size:.85em; line-height:1.42; font-weight:inherit; }
.note { font-size:12px; line-height:1.42; font-weight:inherit; }
.hideKey, .dmtxt, input[type="hidden"], .screen-reader-text { display:none; }
.clear { clear:both; }


/* Linked items */
a { color:inherit; transition:all .15s ease-in 0s; }
a::after, a::before, a * { transition:inherit; }
a:hover { color:inherit; }

.modal-open { cursor:pointer; }
.editlink { text-align:right; padding:10px 0 0; clear:both; }
.editlink a { border:none!important; background-color:#ed3a16!important; padding:3px 5px; color:#fff!important; font-weight:600; font-size:10px; }
span.mark { display:inline; }
span.mark-line.mark-circle, span.mark-line.mark-double-circle, span.mark-line.mark-cross, span.mark-line.mark-triangle { text-indent:-100px; position:relative; display:inline-block; height:1em; width:1em; line-height:1em; vertical-align:text-bottom; margin-right:.1em; margin-left:.1em; text-align:left; overflow:hidden; z-index:1; }
span.mark-line.mark-circle::before, span.mark-line.mark-double-circle::before, span.mark-line.mark-cross::before, span.mark-line.mark-triangle::before { font-size:inherit; width:1em; height:1em; line-height:1em; font-family:'fontello'; display:block; text-indent:0; position:absolute; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; z-index:2; }
span.mark-line.mark-circle::before { content:'\e988'; }
span.mark-line.mark-cross::before { content:'\e989'; }
span.mark-line.mark-double-circle::before { content:'\e98A'; }
span.mark-line.mark-triangle::before  { content:'\e98B'; }
p > span.mark:first-child, li > span.mark:first-child, br + span.mark { margin-right:.2em; }
.bracket span { display:inline; }
.bracket-round { font-size:.92em; }

/* i[class^="icon-"]:last-child, i[class^=" icon-"]:last-child, i[class^="icon-"]:last-child::before, i[class^=" icon-"]:last-child::before { margin-right: 0; } */
.private_title_head, .protected_title_head { display:inline-block; padding:.2em; line-height:1em; font-size:10px; background-color:orange; color: #fff; margin-right:.3em; vertical-align:text-top; }
.private_title_head .colon, .protected_title_head .colon { display:none; }


h1 span, h2 span, h3 span { display:inline-block; word-break:break-all; }
.underline { background:linear-gradient(transparent 40%, #ffff66 40%); text-decoration:none; }


/* Forms */
button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 */ border-width:0; padding:0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { appearance:none; margin:0; }
[type="number"] { appearance:none; }
[type="text"], [type="tel"], [type="email"], [type="password"] { appearance:none; /* remove shadow on safari */ }
button:not([class]), [type="button"], [type="reset"], [type="submit"] { appearance:button; }
input, button, .button, textarea, select { outline:0; display:inline-block; box-shadow:none; max-width:100%; }
input:disabled, textarea:disabled, select:disabled, option:disabled { color:#ccc; cursor:default; }
option:checked, option:hover { background-color: inherit; }
input:focus, select:focus, textarea:focus { background-color:rgba(0,180,255,0.05); }
textarea, select, input { border-width:1px; padding:8px; background-color:#fff; color:#2b2b2b; }
select, input { height:48px; line-height:30px; vertical-align:middle; }
button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color:#004060; color:#fff; cursor:pointer; word-break:break-all; text-align:center; line-height:1.2; padding:16px; height:auto; text-decoration:none; border-width:0; font-weight:600; width:auto; position:relative; text-shadow:none; }
button:hover, .button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color:#005eae; color:#fff; }
button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, .button:disabled { opacity:.4; pointer-events: none; }
input[type="file"] { display:inline-block; border-width:0; font-size:12px; line-height:24px; vertical-align:middle; width:100%; padding:8px 7px; }
span.input-wrapper { display:block; margin:0; position:relative; }
span.input-wrapper input[type="file"] { opacity:0; position:absolute; z-index:-1; }
span.input-wrapper button.input-file-button { position:absolute; top:0; right:0; bottom:0; left:auto; text-align:center; width:88px; font-size:12px; line-height:22px; height:100%; padding:8px 4px; display:block; border-top-left-radius:0; border-bottom-left-radius:0; }
span.input-wrapper button.input-cancel-button { position:absolute; top:12px; right:94px; opacity:.8; left:auto; bottom:auto; text-align:center; height:24px; width:24px; margin:0; padding:0; display:block; cursor:pointer; background-color:transparent; background-size:60%; background-repeat:no-repeat; background-position:center; width:24px; height:24px; 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='%23a9a9a9' /%3E%3C/svg%3E"); }
span.input-wrapper button.input-cancel-button:hover { opacity:1; }
span.input-wrapper button.input-visibility-button { position:absolute; top:12px; right:8px; left:auto; bottom:auto; text-align:center; height:24px; width:24px; margin:0; padding:0; line-height:24px; display:block; font-size:18px; color:#64a2bc; cursor:pointer; background-color:transparent; }
span.input-wrapper button.input-visibility-button:hover { color:#005eae; }
span.input-wrapper input[type="text"] ~ button.input-visibility-button { color:#a9a9a9; }
span.input-wrapper input[type="text"] ~ button.input-visibility-button:hover { color:#64a2bc; }
span.input-wrapper input[type="text"] { padding-right:92px; width: 100%; }
textarea { appearance:none; overflow:auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align:top; /* Improves readability and alignment in all browsers */ height:160px; resize:vertical; }
select { appearance:none; text-indent:0.01px; text-overflow:''; /*firefox用*/max-width:100%; border-radius:0; white-space:nowrap; cursor:pointer; position:relative; padding-right:28px; width:auto; text-overflow:clip; }
select { background-position:center right; background-repeat:no-repeat; background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28px' height='10px' viewBox='0 0 16 10' %3E%3Cg%3E%3Cpath fill='%23cccccc' d='M8.01,9.173L0,1.163L1.163,0L8.01,6.847L14.858,0l1.163,1.163L8.01,9.173z' /%3E%3C/g%3E%3C/svg%3E"); }
select optgroup { padding:0; margin:0; font-size:16px; line-height: 1.8em; }
select option { font-size:16px; font-weight:normal; white-space:nowrap; width:100%; height:1.8em; line-height: 1.8em; }
input.hidden, input[type="hidden"] { display:none!important; }
input[type="radio"], input[type="checkbox"] { display:inline-block; width:auto; padding:0; margin-right:6px; height:auto; border-width:0; background:none; }
label input[type="checkbox"], label input[type="radio"] { height:24px; width:24px; }
input[type="radio"] + label, input[type="checkbox"] + label, input[type="radio"] + span, input[type="checkbox"] + span { position:relative; display:inline-block; word-break:break-all; line-height:26px; cursor:pointer; vertical-align:middle; }
:placeholder-shown { color:#a9a9a9; }
::-webkit-input-placeholder { color:#a9a9a9; vertical-align:middle; }/* safariでプレースホルダーが上にずれる */
::placeholder { color:#a9a9a9; vertical-align:middle; }
 /*only modern browser*/
label { position:relative; display:inline-block; word-break:break-all; }
/* input[type="radio"], input[type="checkbox"] { opacity:0; width:0; height:0; display:none; margin:0; } */
*:not(label) > input[type="radio"], *:not(label) > input[type="checkbox"], label > input[type="radio"]:not(:last-child), label > input[type="checkbox"]:not(:last-child) { z-index:999; position:relative; display:block; float:left; height:26px; width:26px; margin-right:-26px; margin-left:0; opacity:0; }
input[type="radio"] + label, input[type="checkbox"] + label, input[type="radio"] + span, input[type="checkbox"] + span { padding:0 0 0 28px; margin-left:0; margin-right:24px; display:inline-block; word-break:break-all; }
label > input[type="radio"] + span, label > input[type="checkbox"] + span, .wpcf7-list-item > input[type="radio"] + span, .wpcf7-list-item > input[type="checkbox"] + span { margin-left:0; margin-right:24px; display:inline-block; word-break:break-all; }
input[type="radio"] + label::before, .wpcf7-list-item > input[type="radio"] + span::before, label > input[type="radio"] + span::before, input[type="checkbox"] + label::before, .wpcf7-list-item > input[type="checkbox"] + span::before, label > input[type="checkbox"] + span::before { content:""; position:absolute; z-index:1; top:50%; left:0; display:block; width:22px; height:22px; margin-top:-11px; background-color:#fff; }
input[type="radio"] + label::before, label > input[type="radio"] + span::before, .wpcf7-list-item > input[type="radio"] + span::before { border-width:2px; border-color:#a9a9a9; border-radius:50%; }
input[type="checkbox"] + label::before, label > input[type="checkbox"] + span::before, .wpcf7-list-item > input[type="checkbox"] + span::before { border-width:2px; border-color:#a9a9a9; }
input[type="radio"] + label::after, label > input[type="radio"] + span::after, .wpcf7-list-item > input[type="radio"] + span::after { content:""; position:absolute; z-index:2; top:50%; display:block; background-color:#ccc; width:10px; height:10px; left:6px; margin-top:-5px; border-radius:10px; }
input[type="radio"]:checked + label::after, label > input[type="radio"]:checked + span::after, .wpcf7-list-item > input[type="radio"]:checked + span::after { background-color:#64a2bc; }
input[type="checkbox"] + label::after, label > input[type="checkbox"] + span::after, .wpcf7-list-item > input[type="checkbox"] + span::before { content:""; position:absolute; z-index:2; top:50%; display:block; width:20px; height:10px; left:3px; margin-top:-10px; border-left:5px solid transparent; border-bottom:5px solid transparent; transform:rotate(-45deg); }
input[type="checkbox"]:checked + label::after, label > input[type="checkbox"]:checked + span::after, .wpcf7-list-item > input[type="checkbox"]:checked + span::before { border-color:#64a2bc; }
/* display control by checked item */
input.displaycontrol-1:not(:checked) ~ .displaytarget-1, input.displaycontrol-2:not(:checked) ~ .displaytarget-2, input.displaycontrol-3:not(:checked) ~ .displaytarget-3, input.displaycontrol-4:not(:checked) ~ .displaytarget-4, input.displaycontrol-5:not(:checked) ~ .displaytarget-5, input.displaycontrol-6:not(:checked) ~ .displaytarget-6 { display:none; }
input.displaycontrol-1:checked ~ .displaytarget-1, input.displaycontrol-2:checked ~ .displaytarget-2, input.displaycontrol-3:checked ~ .displaytarget-3, input.displaycontrol-4:checked ~ .displaytarget-4, input.displaycontrol-5:checked ~ .displaytarget-5, input.displaycontrol-6:checked ~ .displaytarget-6 { display:block; }
 
@media only screen and ( min-width : 782.1px ){ 
  body:not(.is_mobile) a[href^="tel:"] { cursor:default; pointer-events:none; }
}
@media only screen and ( max-width : 782px ){ 
	html { font-size:15px; } 
	h1 small, h2 small { font-size:.85em; }
	.container { width:calc(100% - 48px); }
}
@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 ){ 
	html { font-size:14px; line-height:1.65; } 
	select { padding-right:24px; background-position:center right 6px; background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='8px' viewBox='0 0 16 10' %3E%3Cg%3E%3Cpath fill='%23cccccc' d='M8.01,9.173L0,1.163L1.163,0L8.01,6.847L14.858,0l1.163,1.163L8.01,9.173z' /%3E%3C/g%3E%3C/svg%3E"); }
	.container { width:calc(100% - 32px); }
	*:not(label) > input[type="radio"], *:not(label) > input[type="checkbox"], label > input[type="radio"]:not(:last-child), label > input[type="checkbox"]:not(:last-child) { width:0; height:0; visibility:hidden; float:left; }
	input[type="radio"] + label, input[type="checkbox"] + label, input[type="radio"] + span, input[type="checkbox"] + span { float:none; display:block; margin:0 0 8px 0; }
	blockquote { border-left-width: .3em; padding:0 0 0 2em ; background-color:transparent; }
	blockquote::before { font-size:3em; left: .1em; }
	blockquote::after { display:none; }
}
@media only screen and ( max-width:380px ){ 
	html { font-size:13px; } 
	h1 span { display:inline; }
}

@media only screen and ( max-width:340px ){ 
	h2 span, h3 span { display:inline; }
	.container { width:calc(100% - 24px); }
}



/* Star Ratings */
.star-rating { overflow:hidden; display:inline-block; position:relative; height:1em; line-height:1em; font-size:1em; width:5.5em; padding:0; margin:0; font-family:"fontello"; }
.star-rating::before { content:"\e981\e981\e981\e981\e981"; float:left; top:0; left:0; letter-spacing:.2em; position:absolute; color:#ccc; white-space:nowrap; }
.star-rating span { display:block; overflow:hidden; float:left; top:0; left:0; position:absolute; padding:1.5em 0 0 0; }
.star-rating span::before, .star-rating::after { display:block; content:"\e981\e981\e981\e981\e981"; top:0; float:left; letter-spacing:.2em; height:1em; padding:0; margin:0; position:absolute; overflow:hidden; left:0; right:auto; color:orange; white-space:nowrap;}
.star-rating::after { width:0; } .star-rating-1::after { width:10%; } .star-rating-2::after { width:20%; } .star-rating-3::after { width:30%; } .star-rating-4::after { width:40%; } .star-rating-5::after { width:50%; } .star-rating-6::after { width:60%; } .star-rating-7::after { width:70%; } .star-rating-8::after { width:80%; } .star-rating-9::after { width:90%; } .star-rating-10::after { width:100%; } 


/* ::::::::::: BREADCRUMB ::::::::::: */
.breadcrumb { padding:0; margin:0; font-size:0.9em; vertical-align:middle; }
.breadcrumb::after { content:''; display:table; clear:both; }
.breadcrumb li { display:inline-block; word-break:break-all; margin:0; font-size:inherit; vertical-align:inherit; }
.breadcrumb li a { display:block; padding:0; margin:0; position:relative; }
.breadcrumb li span, .breadcrumb li strong { font-size:inherit; vertical-align:inherit; line-height:1em; margin:0; display:block; padding:.3em; }
.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.older: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:#f5f5f5; 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:rgba(0,0,0,0.1); display:block; content:''; position:absolute; z-index:1; width:100%; height:100%; }
.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='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.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='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:.8em; opacity:.6; }
.single-post-navi .post-info .title { display:block; margin:0; font-size:.9em; line-height:1.3em; }
.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:.8em; }
.single-post-navi:hover span { color:inherit; }
.single-post-navi.newer .post-info { text-align:left; padding:0 0 0 16px; }
.single-post-navi.older { flex-direction:row-reverse; }
.single-post-navi.older .post-info { text-align:right; padding:0 16px 0 0; }
.single-post-navi .post-info:first-child { padding:0; } /*disable thumbnail*/
.single-post-navi.older .post-info:first-child h3::after, .single-post-navi.newer .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.older .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.newer .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; }
.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:14px; min-width:28px; height:28px; line-height:18px; margin:0 3px; border-width:1px; 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 { }
.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:12px; }
.page-count-start, .page-count-end, .page-found-posts { font-weight:bold; }
@media screen and ( max-width : 782px ){
  .channel { padding-top: 0; border-top-width:0; }
  .single-post-navi .image-wrap { display:none; }
  .single-post-navi { border-width:1px; position:relative; }
  .single-post-navi.older .post-info:first-child h3::after, .single-post-navi.newer .post-info:first-child h3::before { display:none; }
  .single-post-navi.older .post-info, .single-post-navi.newer .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.older { border-right-width: 20px; }
  .single-post-navi.newer { border-left-width: 20px; }
  .single-post-navi.older::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.newer::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:36px; font-size:16px; line-height:18px; border-radius:0; }
  .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 ::::::::::: */

.entry { margin:0; padding:0; line-height:inherit; /* 管理画面のinline css でline-heightが指定されているため */}
/* p要素のmargin0.5em */
.entry-section { margin:4em 0 0 0; margin-top:calc( 2em + 4% ); }
.entry-section-header { margin:0 0 1.8em; padding:0; display:block; }
.entry-section-header h2 { margin: 0; }
.entry::after { content:''; display:table; clear:both; }

/* columns */
.columns { height:auto; width:auto; padding:0; margin:2em auto; display:block; position:relative; }
.column { height:auto; width:auto; padding:0; margin:0; display:block; }
.column-text::after { display:table; content: ''; clear: both; }
.column.with-image { align-self:auto; }
.column-boxes, .column-data, .column-table, .column.bg, .column.with-image { margin:1.5em 0; }
.column.bg::after { content:''; display:table; clear:both; }
.column.bg { align-self:stretch; display:block; }
.columns.bg, .column.bg { background-color:#f5f5f5; }
.columns.bg { margin-bottom:0; margin-top:4em; }
.columns.bg + .columns { margin-top:4em; }
.columns.bg + .columns.bg { margin-top:0; }


.column.bg table { background-color:#fff; }
.columns.bg.bg-image { background-color:transparent; }
.bg-image { position:relative; background-color:transparent; z-index:1;  }
.bg-image .bg-image-image { position:absolute; z-index: -2; left:0; top:0; right:0; bottom:0; }
.bg-image .bg-image-image::before { width:100%; height:100%; background-color: #000; display:block; content:''; opacity: .2; position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; }
.bg-image .bg-image-image img { width:100%; height:100%; object-fit:cover; }
.column .image { display:block; text-align:center; vertical-align:middle; position:relative; overflow:hidden; background-position:center; background-size:cover; }
.column.bg .text, .column.bg .image { margin-top:0; margin-bottom:0; }
/* .column.with-image:not(.crop-image):not(.round-image) .image { margin-left:auto; margin-right:auto; max-width:382px; } */
.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:.5em; }
.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:35%; float:left; }
.column.side-image .text { width:62%; margin-left:3%; width:calc(63% - 1em); margin-left:calc( 2% + 1em ); float:right; }
.column.side-image-reverse .image { float:right; }
.column.side-image-reverse .text { float:left; margin-left:0%; margin-right:3%; margin-right:calc( 2% + 1em ); }
.column.side-image h3 { text-align:left; }


* + h1, * + h2, .column h2.margintop, .onecolumns .column + .column > h1:first-child, .onecolumns .column + .column > h2:first-child { margin-top:1.8em; }
* + h3, * + h4, * + h5, .onecolumns .column + .column > h3:first-child, .onecolumns .column + .column > h4:first-child, .onecolumns .column + .column > h5:first-child { margin-top:1.6em; }

/* デフォルトエントリーの最初の要素 */
.entry :first-child, 
/* .entry :not(.column) > :first-child, */
/* .column > > :first-child,  */

/* .entry :not(.column) > h1:first-child, .entry :not(.column) > h2:first-child, .entry :not(.column) > h3:first-child, .entry :not(.column) > h4:first-child, .entry :not(.column) > h5:first-child, .entry :not(.column) > h6:first-child, */
/* 最初のリスト系要素 */
/* table:first-child, ul:first-child, ol:first-child, dl:first-child, */
/* DIV内（.onecolumns除く）の最初の要素 */
/* .entry div:not(.columns):not(.column) > :first-child, */
/* リスト内の最初のタイトル要素 */
/* *:not(.column) > p:first-child, *:not(.column) > h1:first-child, *:not(.column) > h2:first-child, *:not(.column) > h3:first-child, *:not(.column) > h4:first-child, *:not(.column) > h5:first-child, */
/* 背景カラム内の最初の要素 */
.columns.bg > .column:first-child > :first-child, .columns .column.bg > :first-child, .columns .column + .column.bg > :first-child, /* 上書きのための記述 */
/* 最初のカラム */

.onecolumns:first-child > .column:first-child, .onecolumns:first-child > .column:first-child > :first-child, 
/* カラム内のテキストボックスの最初の要素 */
.onecolumns.bg > .column:first-child, .column .text :first-child,
/* フロート要素（画像など）の次に来るブロック要素 */
.alignleft + *:not(.alignleft):not(.alignright), .alignright + *:not(.alignleft):not(.alignright), .alignleft + br + *, .alignright + br + *
{ margin-top:0; }

.entry :last-child, 
.column.bg > :last-child,
/* table:last-child, ul:last-child, ol:last-child, dl:last-child, */
.columns:last-child, .onecolumns .column:last-child, .onecolumns .column:last-child > :last-child, .column .text :last-child, .column > :last-child,
/* 背景カラム内の最後の要素 */
li p:last-child, dd p:last-child, td p:last-child
 { margin-bottom:0; }

/* margin相殺の調整 */
/* * + h1, * + h2, .onecolumns.columns > .column:not(.bg) > h1:first-child, .onecolumns.columns > .column:not(.bg) > h2:first-child { margin-top:1.8em; } */
/* * + h3, * + h4, .onecolumns.columns > .column:not(.bg) > h3:first-child, .onecolumns.columns > .column:not(.bg) > h4:first-child { margin-top:1.6em; } */
/* * + h5, * + h6, .onecolumns.columns > .column:not(.bg) > h5:first-child, .onecolumns.columns > .column:not(.bg) > h6:first-child { margin-top:1.4em; } */

.post-password-form p + p {}
.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; vertical-align:baseline; }
.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 {}
.column-title + .column { margin-top:2em; }
.onecolumns .column { clear:both; margin-left:auto; margin-right:auto; }
.onecolumns .column.bg { padding:1.8em; }
.columns.bg { padding:1.8em; }
/* .columns.bg + .columns.bg { padding-top: 0; } */
.onecolumns.bg-image { padding:4em; }

.twocolumns { display:flex; flex-wrap:wrap; justify-content:space-between; } /* flex box はmaginの相殺が起こらないことに注意 */
.twocolumns .column { width:48.5%; width:calc(49% - 0.5em); margin:3em 0 0; }
.twocolumns .column .image { margin-left:auto; margin-right:auto; margin-bottom: 1em; }
.twocolumns .column.narrow { width:40.5%; width:calc(41% - 0.5em); }
.twocolumns .column.wide { width:56.5%; width:calc(57% - 0.5em); }
.twocolumns .column.bg { padding:1.6em; }

.autocolumns { column-count:2; column-gap:32px; margin-top:24px; }
.autocolumns .column { display:block; margin-bottom:24px; width:100%; page-break-inside:avoid; break-inside:avoid;}

.threecolumns h2, .threecolumns h3, .fourcolumns h2, .fourcolumns h3, .twocolumns .image:not(.side-image) + .text h3 { text-align:center; }
.threecolumns { display:flex; flex-wrap:wrap; justify-content:space-between; } /* flex box はmaginの相殺が起こらないことに注意 */  
.threecolumns .column { width:30.666%; margin:2em 0 0; }
.threecolumns .column .image { margin-left:auto; margin-right:auto; margin-bottom: 1em; }
.threecolumns .column .text { font-size:.95em; }
.threecolumns .column.bg { padding:1.4em; width:calc( 33.33% - 1.33em ); }

.threecolumns::after { content:""; width:31%; width:calc( 33.33% - 1.33em ); display: table; } /* 左揃えに使用 */

.fourcolumns { display:flex; flex-wrap:wrap; justify-content:space-between; } /* flex box はmaginの相殺が起こらないことに注意 */  
.fourcolumns .column { width:22%; margin:2em 0 0; }
.fourcolumns .column .image { margin-left:auto; margin-right:auto; margin-bottom: 1em; }
.fourcolumns .column.bg { padding:1.2em; width:calc( 25% - 1.5em ); }
.fourcolumns .column .text { font-size:.95em; }
.fourcolumns::before { content:""; width:22%; display: table; order:999; } /* 左揃えに使用 */

/* .twocolumns, .twocolumns + .columns, .threecolumns, .threecolumns + .columns, .fourcolumns, .fourcolumns + .columns { margin-top:1em; } */
/* .twocolumns + .onecolumns:not(.bg), .threecolumns + .onecolumns:not(.bg), .fourcolumns + .onecolumns:not(.bg) { margin-top:0; } */
/* .twocolumns + .onecolumns:not(.bg) .column:first-child, .threecolumns + .onecolumns:not(.bg) .column:first-child, .fourcolumns + .onecolumns:not(.bg) .column:first-child { margin-top:1em; } /* 孫関係でmargin相殺しないので、先頭のh等marginが相殺するようにcolumnレベルに設定 */ */

.entry > .entry-section:first-of-type > .entry-section-header { margin-top:0; }

@media only screen and ( min-width:935px ){
  .fourcolumns .column:nth-child(-n + 4), .fourcolumns .column:nth-child(-n + 4) > :first-child, 
  .entry-section-header + .fourcolumns .column:nth-child(-n + 4) > :first-child { margin-top:0; }
  /* .fourcolumns .column:nth-last-child(-n + 4), .fourcolumns .column:nth-last-child(-n + 4) > :last-child { margin-bottom:0; } */
}
@media only screen and ( max-width:934px ){

	.fourcolumns .column { width:48%; }
	.fourcolumns .column.bg { width:calc( 50% - 1em ); }
	.onecolumns .column.bg { padding:1.7em; }
	.twocolumns .column.bg { padding:1.5em; }
	.threecolumns .column.bg { padding:1.3em; }
	.fourcolumns .column.bg { padding:1.1em; }
	.fourcolumns .column:nth-child(-n + 2), .fourcolumns .column:nth-child(-n + 2) > :first-child, 
	.entry-section-header + .fourcolumns .column:nth-child(-n + 2) > :first-child { margin-top:0; }
	/* .fourcolumns .column:nth-last-child(-n + 2), .fourcolumns .column:nth-last-child(-n + 2) > :last-child { margin-bottom:0; } */
}
@media screen and ( min-width : 782.1px ){
	.entry .sp { display:none; }
}
@media screen and ( max-width : 782px ){
	.entry .pc { display:none; }
	.onecolumns .column.bg { padding:1.5em; }
	.twocolumns .column.bg { padding:1.3em; }
	.threecolumns .column.bg { padding:1.2em; }
	.fourcolumns .column.bg { padding:1em; }
}
@media only screen and ( min-width : 600.1px ){ /* 600以下のときにoncolumnと同じ状態に戻す */
	.twocolumns .column:nth-child(-n + 2), .twocolumns .column:nth-child(-n + 2) > :first-child, 
	.entry-section-header + .twocolumns .column:nth-child(-n + 2), .entry-section-header + .twocolumns .column:nth-child(-n + 2) > :first-child, 
	.threecolumns .column:nth-child(-n + 3), .threecolumns .column:nth-child(-n + 3) > :first-child, 
	.entry-section-header + .threecolumns .column:nth-child(-n + 3), .entry-section-header + .threecolumns .column:nth-child(-n + 3) > :first-child 
	{ margin-top:0; }
/* 	.twocolumns .column:nth-last-child(-n + 2), .twocolumns .column:nth-last-child(-n + 2) > :last-child, 
	.threecolumns .column:nth-last-child(-n + 3), .threecolumns .column:nth-last-child(-n + 3) > :last-child 
	{ margin-bottom:0; } */
}
@media screen and ( min-width : 600.1px ) and ( max-width : 934px ){
	.threecolumns.columns-6 .column { width:48%; width:calc(50% - 1em); }
	.threecolumns.columns-6 .column:nth-child(n) { margin: 1em 0; }
	.threecolumns.columns-6 .column:nth-child(-n + 2), .threecolumns.columns-6 .column:nth-child(-n + 2) > :first-child, 
	.entry-section-header + .threecolumns.columns-6 .column:nth-child(-n + 2), .entry-section-header + .threecolumns.columns-6 .column:nth-child(-n + 2) > :first-child
	{ margin-top:0; }
/* 	.threecolumns.columns-6 .column:nth-last-child(-n + 2), .threecolumns.columns-6 .column:nth-last-child(-n + 2) > :last-child
	{ margin-bottom:0; } */
}
@media only screen and ( max-width : 600px ){
  .onecolumns .column.bg, .twocolumns .column.bg, .threecolumns .column.bg, .columns.bg, .column.bg { padding:1em; }

  .twocolumns { display:block; margin:0; }
  .twocolumns .column, .twocolumns .column.narrow, .twocolumns .column.wide { display:block; width:auto; clear:both; margin:1em 0 0; }
  .twocolumns .column:last-child, .twocolumns .column:last-child > :last-child { margin-bottom: 0; }
  
  .threecolumns { display:block; margin:0; }
  .threecolumns .column, .threecolumns .column.bg { display:block; width:auto; clear:both; }
  .threecolumns .column:last-child, .threecolumns .column:last-child > :last-child { margin-bottom: 0; }

  .fourcolumns .column { width:calc( 50% - .6em ); margin:.6em 0; }
  .fourcolumns p br { display:none; }

  .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:75%; }
  .threecolumns .column.with-image .text { margin:0; width:70%; font-size:.95em; flex-grow:2; display:block; padding-left:16px; }
  .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; }
  .twocolumns:first-of-type > .column:first-child, .twocolumns:first-of-type > .column:first-child > :first-child, 
  .threecolumns:first-of-type > .column:first-child, .threecolumns:first-of-type > .column:first-child > :first-child
  { margin-top:0; }

  .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.side-image .text { width:100%; float:none; margin-left:auto; margin-right:auto; }
  .column.side-image .image { margin:0; }
  .column.side-image .text { margin:.5em 0 0; }
  .column.side-image-reverse .image { margin:.5em 0 0; }
  .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, .twocolumns .image:not(.side-image) + .text h3 { text-align:inherit; }
  .threecolumns .column.with-image .text { padding-left:12px; font-size:.95em; }

  p br { display:none; }
  address br { display:block; }
}




ul.boxes { margin:0 -0.238%; display:flex; flex-wrap:wrap; }
ul.boxes li { width:16.066%; padding:6px; display:block; float:left; vertical-align:top; border-width:1px; margin:3px .3%; }
.column.bg ul.boxes li, .columns.bg .column:not(.bg) ul.boxes li { border-width:0; background-color:#fff; }
/* ul.boxes li .color { display:block; width:40px; height:40px; border-radius:50%; margin:0 auto; }
ul.boxes li .color.lighten { border:2px solid rgba(0,0,0,0.1); }
ul.boxes li .image::before { content:''; display:block; padding:100% 0 0; } */
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; font-size:.9em; line-height:1.42; } 
ul.boxes li .title { display:block; font-size:1.05em; line-height:1.3; margin:0 0 .2em; text-align:center; }
ul.boxes li::after { display:table; content:''; clear:both; }

@media screen and ( max-width:934px ){
  ul.boxes li { width:16.066%; }
}
@media screen and ( max-width : 782px ){
  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:1.5; vertical-align:middle; background-color:#f5f5f5; 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:1px; 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:#fff; }

.image-wrap { display:inline-block; max-width:100%; vertical-align:middle; }
.image-wrap img { vertical-align:bottom; 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 { position:relative; } 
.image-link.video-link::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:#fff; background-color:rgba(0,0,0,.4); position:absolute; left:0; bottom:0; right:0; margin:auto; text-align:center; font-size:12px; line-height:1.2; padding:4px; }

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

a.text-link, .mce-content-body a { border-bottom:1px dashed #64a2bc; }

.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:12px; vertical-align:middle; line-height:1.2; color:#fff; border-color:#fff; background-color:rgba(0,0,0,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(0,0,0,0.8); border-width:20px solid black; }
p + .wp-video { margin-top:24px; }
.entry .mov, .embed-youtube, .embed-vimeo { position:relative; display:inline-block; padding:0; max-width:720px; width:100%; }
.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 .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の内容はfn_header.phpから直接書き出し*/
.inline-frame { font-size:.9em; overflow-y:scroll; overflow-x:hidden; padding:1em 1.25em; margin:1em 0; height:28em; border-width:1px; }

.card-wrapper { display:block; margin: 1em 0; overflow: hidden; border-width:1px; background-color: #fff; }
.card-wrapper a.card-link { display:table; width:100%; color: inherit; padding:0; margin: 0; }
.card-wrapper .card-content { display:table-cell; padding:.5em; vertical-align:middle; word-wrap: break-word; width: auto; }
.card-wrapper .card-image { display:table-cell; width:8.2em; height: 8.2em; padding:0; vertical-align:middle; }
.card-wrapper .card-image img { display:block; object-fit:cover; }
.card-wrapper strong.card-title { display:block; font-size: 1em; font-weight:bold; overflow:hidden; color: inherit; padding:0; margin:0 0 .4em; line-height: 1.2; max-height:2.4em; background-color:transparent; }
.card-wrapper .card-description { display:block; font-size: .8em; padding:0; line-height: 1.3; max-height:3.9em; overflow: hidden; }
.card-wrapper .card-sitename { font-size: .8em; line-height:1; height:1em; display:block; margin-top:.6em; padding:0; overflow:hidden; }
.card-wrapper .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% 8px 0; max-width:48.4%; display:block; }
.alignright { float:right; margin:0 0 8px 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; }
h2 + .alignleft, h2 + .alignright, h3 + .alignleft, h3 + .alignright, h4 + .alignleft, h4 + .alignright, h5 + .alignleft, h5 + .alignright { margin-top:.2em; }
.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,
h1 + ul, h1 + ol, h1 + dl, h2 + ul, h2 + ol, h2 + dl, h3 + ul, h3 + ol, h3 + dl, h4 + ul, h4 + ol, h4 + dl, h5 + ul, h5 + ol, h5 + dl { margin-top:8px; }
.alignright + .alignleft { clear:right; }
.aligncenter { text-align:center; margin:1em auto; display:block; }

ul, ol, dl, table { margin:1.6em 0; line-height:1.45; }
ul ul, ol ul, dl ul, table ul, ul ol, ol ol, dl ol, table ol, ul dl, ol dl, dl dl, table dl, ul table, ol table, dl table, table table { margin:.8em 0; }
ul p, ol p, table p, dl p { margin:0; padding:0; }

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

li { list-style:none; display:block; margin:.6em 0; }
li:first-child { margin-top: 0; }
li::before { background-color:#a9a9a9; color:#fff; }
ul, ol { display:block; list-style:none; }
ol > li::before { background-color:transparent; color:inherit; border-color:inherit; }
/* li h2, li h3, li h4, li h5 { margin-bottom:.1em; } */

/* .entry ul:not([id]):not([class]) {}
.entry ul:not([id]):not([class]) > li { position:relative; }
.entry ul:not([id]):not([class]) > li, ul.halflist li { padding:0 0 0 16px; }
.entry ul:not([id]):not([class]) > li::before, ul.halflist li::before { content:''; display:block; position:absolute; top:.5em; left:0; margin:0; height:8px; width:8px; line-height:8px; vertical-align:middle; border-radius:50%; transition:all .1s ease-in; }
.entry ul:not([id]):not([class]) > li:empty { display:none }


.entry ol { }
.entry ol:not([class]) { counter-reset:li; 
.entry ol:not([class]) > li { padding:0 0 0 2.2em; text-decoration:none; position:relative; }
.entry ol:not([class]) > li::before { content:counter(li); counter-increment:li; display:block; position:absolute; left:0; top:.2em; font-size:.9em; line-height:1em; margin:0; padding:.3em .05em; vertical-align:middle; height:1.7em; width:1.7em; line-height:1em; font-weight:400; text-align:center; border-radius:2px; border-width:1px; transition:all .1s ease-in; }
.entry ol:not([class]) > li > ol:not([class]) { counter-reset:childli; }
.entry ol:not([class]) > li > ol:not([class]) > li { padding-left:2.8em; }
.entry ol:not([class]) > li > ol:not([class]) > li::before { content:counter(li)'-'counter(childli); counter-increment:childli; left:-3.1111em; margin:0 -2.4em 0 0; width:2.4em; }
.entry ol:not([class]) > li:empty { display:none } */

.entry ul:not([id]):not([class]) {}
.entry ul:not([id]):not([class]) > li, ul.halflist li { display:block; padding:0 0 0 16px; position:relative; }
.entry ul:not([id]):not([class]) > li::before, ul.halflist li::before { content:''; display:inline-block; position:absolute; top:0; bottom:0; left:0; margin:auto 0; height:8px; width:8px; line-height:8px; vertical-align:middle; border-radius:50%; transition:all .1s ease-in; }
.entry ul:not([class]) > li > p:first-child, .entry ul:not([class]) > li > h3, .entry ul:not([class]) > li > h4 { display:inline; }
.entry ul:not([class]) > li > p::after, .entry ul:not([class]) > li > h3::after, .entry ul:not([class]) > li > h4::after { display:block; content: ''; }

.entry ol { }
.entry ol:not([class]) { counter-reset:li; }
.entry ol:not([class]) > li { padding:0 0 0 2.2em; text-decoration:none; position:relative; }
.entry ol:not([class]) > li::before { content:counter(li); counter-increment:li; display:block; position:absolute; left:0; top:0; font-size:.9em; line-height:1em; margin:0; padding:.3em .05em; vertical-align:middle; height:1.7em; width:1.7em; line-height:1em; font-weight:400; text-align:center; border-radius:2px; border-width:1px; transition:all .1s ease-in; }
.entry ol:not([class]) > li > ol:not([class]) { counter-reset:childli; }
.entry ol:not([class]) > li > ol:not([class]) > li { padding-left:2.8em; }
.entry ol:not([class]) > li > ol:not([class]) > li::before { content:counter(li)'-'counter(childli); counter-increment:childli; width:2.4em; }
.entry ol: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:1px; 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; z-index:3; clear:left; background-color:rgba(0,0,0,0.025); border-top-width:1px; }
dl.info > dd { width:75%; max-width:calc(100% - 140px); margin:0; padding:12px; 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; background-color:rgba(255,255,255,0.2); z-index:-1; }

dl.tag { padding:0; display:block; }
dl.tag dt { background-color:#a9a9a9; background-color:rgba(255,255,255,0.2); color:#fff; font-size:.8em; float:left; clear:left; width:88px; margin:5px 0; padding:6px .5em 4px .5em; display:block; text-align:center; text-transform:uppercase; line-height:1em; }
dl.tag dd { text-align:left; font-size:1em; width:auto; margin:0 0 0 104px; display:block; }

dl.notice { border-width:1px 1px 0 1px; overflow:hidden; display:block; }
dl.notice > dt { padding:8px 16px 0; font-weight:600; display:block; width:auto; }
dl.notice > dt::before { font-family:'fontello'; content:'\e960'; display:inline-block; position:relative; margin:-1.25em .6em 0 0; color:#64a2bc; font-size:1.5em; height:1em; width:1em; line-height:1em; text-align:center; font-weight:400;}
dl.notice > dt::after { content:''; display:block; border-bottom-width:1px; padding-top:8px; }
dl.notice > dd { display:block; padding:8px 16px; width:auto; border-bottom-width:1px; }

dl.field { overflow:hidden; vertical-align:baseline; display:block; display:flex; flex-wrap:wrap; } 
dl.field dt, dl.field dd { float:left; display:block; margin:0; padding:12px 0; border-bottom-width:1px; } 
dl.field dt { clear:left; width:25%; width:calc(0% + 140px); font-weight:600; font-size:.85em; }
dl.field dd { width:75%; width:calc(100% - 140px); }
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; }

table:not([id]):not([class]) th, table:not([id]):not([class]) thead th, table:not([id]):not([class]) thead td, table:not([id]):not([class]) tfoot th, table:not([id]):not([class]) tfoot td { background-color:rgba(0,0,0,0.1); }

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:rgba(255,255,255,0.3); color:#64a2bc; 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 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; text-align:center; transition:all .1s ease-in; }
ul.checklist::after { display:table; content:''; clear:both; }
ul.checklist-cross li::before { font-family:'fontello'; content:'\e989'; color:#dd6600; }
ul.checklist-cross li:hover::before{ color:#ed3a16; }
ul.checklist small { font-weight: normal; }

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; 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:0 -8px; position:relative; display:block; list-style:none; }
.gallery::after { content:''; display:table; clear:both; }
.gallery-item { margin:0; padding:8px; width:33.3333%; float:left; text-align:center; display:block; list-style:none; vertical-align:bottom; }
.gallery .image-wrap { margin:0; display:block; padding:0; }
.gallery-item img { display:block; vertical-align:bottom; margin:0 auto; }
.gallery-columns-1 .gallery-items { margin:0; }
.gallery-columns-1 .gallery-item { width:100%; padding:0; margin:16px 0; }
.gallery-columns-1 .gallery-item:first-child { margin-top:0; }
.gallery-columns-2 .gallery-item { width:50%; }
.gallery-columns-3 .gallery-item { width:33.3333%; }
.gallery-columns-4 .gallery-item { width:25%; }
.gallery-columns-5 .gallery-item { width:20%; }
.gallery-columns-6 .gallery-item { width:16.6666%; }
.gallery-columns-7 .gallery-item { width:14.2857%; }
.gallery-columns-8 .gallery-item { width:12.5%; }
.gallery-columns-9 .gallery-item { width:11.111%; }
.gallery-columns-10 .gallery-item { width:10%; }
.gallery .collage li { margin:0; }
.collage { list-style:none; margin:1em -.8em .2em; padding:0 .8em; /* padding between images */ opacity:0; /* fadein by collagePlus */ }
.collage > *, .collage > * > *, .collage > * img { margin:0; padding:0; display:block; }
.column-gallery > .collage:first-child { margin-top:-.8em!important; }
.column-gallery > .collage:last-child { position:relative; bottom: -.8em; }
/* MAP DISPLAY */
.map-canvas { margin:8px 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: 1rem; } /* google maps default class */
.gm-style p, .gm-style h2, .gm-style h3, .gm-style h4 { margin: 0; }

@media screen and ( max-width : 600px ){
  h1 br, h2 br { display:none; } 
  .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; }
  
  dl.tag { padding:0; }
  dl.tag dt { width:auto; margin:8px 0 0; }
  dl.tag dd, dl.tag dt:first-child + dd { padding:3px 0px 8px; clear:left; border-top-width:0; border-bottom-width:1px; margin:0; }
  dl.tag dd::before { 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:8px 0 0; float:none; }
  dl.info dl.field dd { display:block; width:auto; float:none; padding:4px 0; margin:0 0 8px ;}
}
@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; border-top-width:0; width:auto; min-width:initial; min-width:auto; border-left-width:6px; margin:0; border-bottom-width:1px; padding:.5em; display:block!important; line-height:1.2em; vertical-align:middle; 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:.4em 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 > dd, dl.info > dd:hover { background-color:transparent!important; }
  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:8px 0 0; float:none; }
  dl.field dd { display:block; width:auto; float:none; padding:2px 0; margin:0 0 8px ;}
}
@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 PAGE & COMMENTS FORM ::::::::::: */
#comments { text-align:left; margin:0; padding:0; }
.comment-list, .commentlist { padding:0; margin:0; }
.comment-list .comment, .commentlist .comment { } 
.comment .reply { margin:8px 0 0; }
.reply-box { margin:0 0 16px; padding:16px; background-color:#fff; }
.comment-awaiting-moderation { color:gray; font-family:inherit; font-size:.9em; }
.comment { background-color:#f6f6f6; padding:16px; display:block; position:relative; }
.comment.byuser { background-color:#eff8f6; }
.comment.depth-1 { margin-top:16px; }
.children .comment { background-color:#fff; }
.comment-list::after, .commentlist::after { display:table; clear:both; content:''; }
#respond-header { margin-top:16px; padding:8px 0; }
.comment-meta { margin:0 0 16px; padding:0; }
.comment-meta .edit-link { display:inline-block; float:none; text-align:left; }
.comment-meta .edit-link a { padding:2px 4px; }
/* .comment-meta::after{ content:''; display:block; clear:both; overflow:hidden; visibility:hidden; } */
.comment-date { font-size:.9em; margin:0; float:right; padding:0; }
.comment-meta + * { clear:left; margin-top:0; }
.comment-author { padding:0; font-size:1.1em; line-height:1.5em; margin:0; display:inline; }
img.avatar { object-fit:cover; }
.comment .avatar { display:block; width:64px; height:64px; margin-right:12px; float:left; border-radius:50%; }
.comment-author cite { font-weight:normal; text-decoration:none; font-style:normal; margin-top:6px; display:inline-block; }
.comment-author .says { display:none; }
/*.comment-author span::before { font-family:'fontello'; content:'\e814'; margin-right:5px; font-weight:normal; } */
/* .comment.byuser .comment-author cite { color:#5e8f92; } */
.comment-entry a { text-decoration:underline; }
.comment .children { overflow:hidden; height:auto; margin:0; padding:0; } 
.comment.ready .children { height:0; } /* gallery系プラグインなどの対応のため display:noneを避ける */
.comment-toggle { margin:-24px 0 0; display:inline-block; position:relative; text-decoration:none; float:right; font-size:12px; line-height:12px; padding:6px 28px 6px 8px ; text-align:center; min-width:130px; background-color:inherit; border-radius:2px; }
.comment-toggle::before { display:inline-block; }
.comment-toggle::after { display:block; content:''; margin:auto 8px; height:9px; width:21px; background-repeat:no-repeat; position:absolute; right:0; top:0; bottom:0; }
.comment .children .comment:last-child .comment-entry p:last-child::after { content:''; display:inline-block; width:130px; float:right; height:1em; }
.comment.child-closed > .comment-toggle::after { background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28px' height='10px' viewBox='0 0 16 10' %3E%3Cg%3E%3Cpath fill='%23a9a9a9' d='M8.01,9.173L0,1.163L1.163,0L8.01,6.847L14.858,0l1.163,1.163L8.01,9.173z' /%3E%3C/g%3E%3C/svg%3E"); }
.comment.child-opened > .comment-toggle::after { background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28px' height='10px' viewBox='0 0 28 10' %3E%3Cg%3E%3Cpath fill='%23a9a9a9' d='M14,0.8l8,8L20.9,10L14,3.2L7.2,10L6,8.8L14,0.8z' /%3E%3C/g%3E%3C/svg%3E"); }

.comment-body, .comment-text { font-size:.95em; line-height:1.6em; clear:both; padding:0; }
.comment-body h3 { font-size:1.1em; margin:0 0 .5em; }
.comment-body p { margin:.6em 0; }
.comment-body p:last-child { margin-bottom:0; }
.comment-body::after { display:table; clear:both; content:''; }
.comment #reply-title { display:none; }
/* .comment-reply-link { position:absolute; display:block; z-index:10; padding:8px; font-size:16px; line-height:1em; bottom:16px; right:16px; left:16px; text-align:center; color:#fff; background-color:#a9a9a9; background-position:right center; background-repeat:no-repeat; }
.comment-reply-link { background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28px' height='10px' viewBox='0 0 16 10' %3E%3Cg%3E%3Cpath fill='%23ffffff' d='M8.01,9.173L0,1.163L1.163,0L8.01,6.847L14.858,0l1.163,1.163L8.01,9.173z' /%3E%3C/g%3E%3C/svg%3E"); }
.replying .comment-reply-link { background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28px' height='10px' viewBox='0 0 28 10' %3E%3Cg%3E%3Cpath fill='%23ffffff' d='M14,0.8l8,8L20.9,10L14,3.2L7.2,10L6,8.8L14,0.8z' /%3E%3C/g%3E%3C/svg%3E"); }
 */
a.comment-reply-link::before { font-family:'fontello'; content:'\e932'; display:inline-block; margin-right:5px; font-weight:normal; }
a.comment-reply-link:hover { }

.comment-content p.moderation { color:#a9a9a9; font-size:1em; font-weight:bold; }
.comment-attachments { clear:both; display:block; padding:0; }
.comment-attachments .gallery { margin:0; }
.comment-attachments .gallery-item { width:20%; }
.comment-attachments > .image-wrap { max-width:200px; max-height:200px; text-decoration:none; }
.comment-list .children > .comment, .commentlist .children > .comment { padding:8px; display:block; margin:8px 0 0; }

#comments .note, #comments .nopassword { margin:0; font-size:.85em; }
#comments .nopassword { padding-left:30px; }
#comments > p.roman { height:16px; padding:5px 0 2px 0; clear:both; display:block; font-size:1em; }
#comments .message { height:16px; padding:5px 0; clear:both; display:block; font-size:11px; }
.comment-respond { padding:24px 0; margin:0 0 24px; border-top-width:1px; clear:both; }
.comment-form { width:auto; display:block; position:relative; padding:0; margin:0 -8px; }
.comment-form::after { content:""; display:table; clear:both; }
#comments-wrapper { padding:16px 0; }
h2.comments-title { font-size:1.4em; }
.comment-form > * { padding:8px 8px 0; margin:0; }
.comment-form > *:first-child { padding-top:0; }
/* .comment-form > * label { display: } */
.comment-form input[type="text"], .comment-form textarea, .comment-form input[type="tel"], .comment-form input[type="email"], .comment-form input[type="number"], .comment-form input[type="url"], .comment-form input[type="date"], .comment-form input[type="password"], .comment-form select { width:100%; /*padding-left:86px; */text-align:left; }
.comment-form label small { font-size:.8em; }
.comment-form label small::before { display:inline; content:"── "; }
.comment-form .form-submit { padding-top:16px; clear:both; }
.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-captcha, .comment-form-rating, .comment-form-attachment { width:50%; float:left; }
.comment-form-comment, .comment-form-avatar, .comment-form .form-submit { clear:left; }
.comment-form-avatar::after { display:table; content:''; clear:both; }
.comment-form-avatar .avatar-wrap { height:96px; width:96px; float:left; display:block; margin-top:4px; position:relative; background-position:center; background-color:transparent; background-repeat:no-repeat; }
.comment-form-avatar .avatar-wrap img.avatar { width:100%; height:100%; margin:0; padding:0; display:block; object-fit:cover; }
.comment-form-avatar .avatar-wrap img.avatar.loading { opacity:.4; }
.comment-form-avatar .comment-form-avatar-label { display:block; }
.comment-form-avatar .avatar-inputs-wrap { margin-left:108px; display:block; }
.comment-form-avatar .avatar-inputs-wrap label.sns_type_label { margin:0 16px 0 0; display:inline-block; }
.comment-reply-title .reply-to { display:block; border:1px solid #ccc; padding:4px 10px; border-radius:2px; margin:0 0 9px; }
.comment-reply-title .reply-to::before { font-family:'fontello'; content:'\e830'; margin-right:5px; font-weight:normal; }
.comment-form input[type="submit"], .comment-form .submit.button { display:block; width:100%; }
.ajax-status { clear:both; padding-top:0; padding-bottom:0; width:auto; display:block; }
.ajax-status div { position:relative; padding:8px; font-size:16px; line-height:20px; margin:8px 0 0; }
.ajax-status div * { padding:0; margin:0; font-size:inherit; line-height:inherit; }
.ajax-status .ajax-error { background-color:#2bb; color:#fff; }
.ajax-status .ajax-success { background-color:#2bb; color:#fff; } 
.ajax-status .ajax-processing { background-color:#f5f5f5; } 
.ajax-status .ajax-processing::before { width:auto; display:block; content:' '; margin:0; padding:0; background-color:#2bb; position:absolute; height:100%; left:0; right:0; bottom:0; animation:fullexpand 1s ease-out; z-index:1;}
.comment-form.replytocom .comment-form-rating { display:none }
/* .comment-form-rating > label:first-child { display:none; } */
.comment-form-rating a, .comment-form-rating .star { display:inline-block; position:relative; width:1.2em; text-indent:-9999px; margin-right:.8em; border-width:0; font-size:16px; background-color:transparent; }
.comment-form-rating a::after, .comment-form-rating .star::after { color:#ccc; font-family:"fontello"; font-size:inherit; content:"\e982"; opacity:1; letter-spacing:.1em; display:inline-block; text-indent:0; position:absolute; top:0; left:0; }
.comment-form-rating a.active::after, .comment-form-rating .star:hover::after, .comment-form-rating input:checked + .star::after  { content:"\e981"; color:orange; background-color:transparent; }
.comment-form-rating .star::before, .comment-form-rating .star::after { position:static; border: none; background-color:transparent; margin: 0; width:auto; height:auto; }
.comment-form-rating .star-2::after { content:"\e982\e982"; }
.comment-form-rating .star-2 { width:2.4em; }
.comment-form-rating .star-2::after { content:"\e982\e982"; }
.comment-form-rating .star-2.active::after, .comment-form-rating .star-2:hover::after, .comment-form-rating input:checked + .star-2::after { content:"\e981\e981"; }
.comment-form-rating .star-3 { width:3.6em; }
.comment-form-rating .star-3::after { content:"\e982\e982\e982"; }
.comment-form-rating .star-3.active::after, .comment-form-rating .star-3:hover::after, .comment-form-rating input:checked + .star-3::after  { content:"\e981\e981\e981"; }
.comment-form-rating .star-4 { width:4.8em; }
.comment-form-rating .star-4::after { content:"\e982\e982\e982\e982"; }
.comment-form-rating .star-4.active::after, .comment-form-rating .star-4:hover::after, .comment-form-rating input:checked + .star-4::after  { content:"\e981\e981\e981\e981"; }
.comment-form-rating .star-5 { width:6em; }
.comment-form-rating .star-5::after { content:"\e982\e982\e982\e982\e982"; }
.comment-form-rating .star-5.active::after, .comment-form-rating .star-5:hover::after , .comment-form-rating input:checked + .star-5::after { content:"\e981\e981\e981\e981\e981"; }
#modal-comment-open { width:100%; margin-top:1em; }
.modal-box .ajax-status { position:fixed; bottom:0px; left:0; right:0; margin:0; padding: 0; text-align:center; font-size:12px; }
.modal-box .ajax-status .ajax-processing { background-color:transparent; } 

@media screen and ( max-width : 782px ){
  .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-captcha, .comment-form-rating, .comment-form-attachment { width:auto; float:none; }
}
@media screen and ( max-width : 480px ){
  .comment .avatar { width:48px; height:48px; margin-right:8px; }
  .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-captcha, .comment-form-rating { margin:0; }
  .comment-form-avatar .avatar-wrap { height:48px; width:48px; float:left; display:block; margin:2px 8px 4px 0; }
  .comment-form-avatar .comment-form-avatar-label { display:block; }
  .comment-form-avatar .avatar-inputs-wrap { margin:0; display:inline; }
  .comment-form-avatar .avatar-inputs-wrap label.sns_type_label { margin:0 12px 0 0; display:inline-block; }
}




/* ::::::::::: BANNER BUTTONS ::::::::::: */
.banners { display:flex; flex-wrap:wrap; }
.banners > * { font-size:1em; margin:0; display:block; } /*between 1.5%*/
.banners.c2 > * { width:50%; font-size:1em; } /*between 1.5%*/
.banners.c3 > * { width:33.333%; font-size:.9em; } /*between 1.5%*/
.banners.c4 > * { width:25%; font-size:.8em; } /*between 1.5%*/
.banners.c5 > * { width:20%; font-size:.8em; } /*between 1.5%*/
.banners.c2.n1 { width:100%; font-size:1em; }
.banners.c5.n4 > *, .banners.c5.n7 > :nth-child(n + 4), .banners.c5.n8 > *, .banners.c5.n9 > :nth-child(-n + 4), .banners.c5.n11 > :nth-child(n + 4), .banners.c5.n12 > *, .banners.c5.n13 > :nth-child(-n + 8), .banners.c5.n14 > :nth-child(-n + 4), .banners.c5.n16 > *, .banners.c5.n17 > :nth-child(-n + 12), .banners.c5.n18 > :nth-child(-n + 8), .banners.c5.n19 > :nth-child(-n + 4), .banners.c5.n21 > :nth-child(-n + 16), .banners.c5.n22 > :nth-child(-n + 12), .banners.c5.n23 > :nth-child(-n + 8), .banners.c5.n24 > :nth-child(-n + 4)
{ width:25%; font-size:.8em; }
.banners.c4.n5 > *
{ width:20%; font-size:.8em; }
.banners.c2.n3 > *, .banners.c2.n5 > :nth-child(n + 3), .banners.c2.n7 > :nth-child(n + 5), .banners.c2.n11 > :nth-child(n + 9), .banners.c2.n13 > :nth-child(n + 11), .banners.c2.n15 > :nth-child(n + 13), .banners.c2.n17 > :nth-child(n + 15), .banners.c2.n19 > :nth-child(n + 17), .banners.c2.n21 > :nth-child(n + 19), 
.banners.c3.n5 > *,
.banners.c4.n3 > *, .banners.c4.n6 > *, .banners.c4.n7 > :nth-child(-n + 3), .banners.c4.n9 > *, .banners.c4.n10 > :nth-child(-n + 6), .banners.c4.n11 > :nth-child(-n + 3), .banners.c4.n13 > :nth-child(-n + 9), .banners.c4.n14 > :nth-child(-n + 6), .banners.c4.n15 > :nth-child(-n + 3), .banners.c4.n17 > :nth-child(-n + 9), .banners.c4.n18 > :nth-child(-n + 6), .banners.c4.n19 > :nth-child(-n + 3), .banners.c4.n21 > :nth-child(-n + 9), .banners.c4.n22 > :nth-child(-n + 6), .banners.c4.n23 > :nth-child(-n + 3),
.banners.c5.n3 > *, .banners.c5.n6 > *, .banners.c5.n7 > :nth-child(-n + 3), .banners.c5.n11 > :nth-child(-n + 3)
{ width:33.333%; font-size:.9em; }
.banners.c3.n4 > *, .banners.c3.n5 > :nth-child(-n + 2), .banners.c3.n7 > :nth-child(-n + 4), .banners.c3.n8 > :nth-child(-n + 2), .banners.c3.n10 > :nth-child(-n + 4), .banners.c3.n11 > :nth-child(-n + 2), .banners.c3.n13 > :nth-child(-n + 4), .banners.c3.n14 > :nth-child(-n + 2), .banners.c3.n16 > :nth-child(-n + 4), .banners.c3.n17 > :nth-child(-n + 2), .banners.c3.n19 > :nth-child(-n + 4), .banners.c3.n20 > :nth-child(-n + 2), .banners.c3.n22 > :nth-child(-n + 4), .banners.c3.n23 > :nth-child(-n + 2),
.banners.c3.n2 > *, .banners.c4.n2 > *, .banners.c5.n2 > *, .banners.c3.n1 > *, .banners.c4.n1 > *, .banners.c5.n1 > *
 { width:50%; font-size:1em; }

@media screen and ( max-width:934px ){
  .banners > * { font-size:.95em; }
  .banners.c5 > :nth-child(n) 
  { width:25%; font-size:.8em; }
  .banners.c4.n5 > :nth-child(n), 
  .banners.c5.n1 > *, .banners.c5.n2 > *, .banners.c5.n3 > *, .banners.c5.n6 > *, .banners.c5.n7 > :nth-child(-n + 3), .banners.c5.n9 > *, .banners.c5.n10 > :nth-child(-n + 6), .banners.c5.n11 > :nth-child(-n + 3), .banners.c5.n13 > :nth-child(-n + 9), .banners.c5.n14 > :nth-child(-n + 6), .banners.c5.n15 > :nth-child(-n + 3), .banners.c5.n17 > :nth-child(-n + 9), .banners.c5.n18 > :nth-child(-n + 6), .banners.c5.n19 > :nth-child(-n + 3), .banners.c5.n21 > :nth-child(-n + 9), .banners.c5.n22 > :nth-child(-n + 6), .banners.c5.n23 > :nth-child(-n + 3)
  { width:33.333%; font-size:.9em; }
  .banners.c4.n5 > :nth-child(-n + 2) 
  { width:50%; font-size:1em; }
}
@media screen and ( max-width : 782px ){
  .banners.c3:not(.c4) > * { width:50%; } 
  .banners.c4:not(.c5) > *, .banners.c4:not(.c5).n3 > :nth-child(n), .banners.c4:not(.c5).n4 > :nth-child(n), .banners.c4:not(.c5).n5 > :nth-child(n), .banners.c4:not(.c5).n6 > :nth-child(n), .banners.c4:not(.c5).n7 > :nth-child(n), .banners.c4:not(.c5).n8 > :nth-child(n), .banners.c4:not(.c5).n9 > :nth-child(n), .banners.c4:not(.c5).n10 > :nth-child(n), .banners.c4:not(.c5).n11 > :nth-child(n), .banners.c4:not(.c5).n12 > :nth-child(n), .banners.c4:not(.c5).n13 > :nth-child(n), .banners.c4:not(.c5).n14 > :nth-child(n), .banners.c4:not(.c5).n15 > :nth-child(n), .banners.c4:not(.c5).n16 > :nth-child(n), .banners.c4:not(.c5).n17 > :nth-child(n), .banners.c4:not(.c5).n18 > :nth-child(n), .banners.c4:not(.c5).n19 > :nth-child(n), .banners.c4:not(.c5).n20 > :nth-child(n), .banners.c4:not(.c5).n21 > :nth-child(n), .banners.c4:not(.c5).n22 > :nth-child(n), .banners.c4:not(.c5).n23 > :nth-child(n), .banners.c4:not(.c5).n24 > :nth-child(n)
  { width:33.333%; font-size:.9em; } 
  .banners.c4:not(.c5).n1 > :nth-child(n), .banners.c4:not(.c5).n2 > :nth-child(n), .banners.c4:not(.c5).n4 > :nth-child(n), .banners.c4:not(.c5).n5 > :nth-child(-n + 2), .banners.c4:not(.c5).n7 > :nth-child(-n + 4), .banners.c4:not(.c5).n8 > :nth-child(-n + 2), .banners.c4:not(.c5).n10 > :nth-child(-n + 4), .banners.c4:not(.c5).n11 > :nth-child(-n + 2), .banners.c4:not(.c5).n13 > :nth-child(-n + 4), .banners.c4:not(.c5).n14 > :nth-child(-n + 2), .banners.c4:not(.c5).n16 > :nth-child(-n + 4), .banners.c4:not(.c5).n17 > :nth-child(-n + 2), .banners.c4:not(.c5).n19 > :nth-child(-n + 4), .banners.c4:not(.c5).n20 > :nth-child(-n + 2), .banners.c4:not(.c5).n22 > :nth-child(-n + 4), .banners.c4:not(.c5).n23 > :nth-child(-n + 2)
  { width:50%; font-size:.85em; }
  .banners.c5 > *, .banners.c5.n3 > :nth-child(n), .banners.c5.n4 > :nth-child(n), .banners.c5.n5 > :nth-child(n), .banners.c5.n6 > :nth-child(n), .banners.c5.n7 > :nth-child(n), .banners.c5.n8 > :nth-child(n), .banners.c5.n9 > :nth-child(n), .banners.c5.n10 > :nth-child(n), .banners.c5.n11 > :nth-child(n), .banners.c5.n12 > :nth-child(n), .banners.c5.n13 > :nth-child(n), .banners.c5.n14 > :nth-child(n), .banners.c5.n15 > :nth-child(n), .banners.c5.n16 > :nth-child(n), .banners.c5.n17 > :nth-child(n), .banners.c5.n18 > :nth-child(n), .banners.c5.n19 > :nth-child(n), .banners.c5.n20 > :nth-child(n), .banners.c5.n21 > :nth-child(n), .banners.c5.n22 > :nth-child(n), .banners.c5.n23 > :nth-child(n), .banners.c5.n24 > :nth-child(n)
  { width:33.333%; font-size:.8em; } 
  .banners.c5.n1 > :nth-child(n), .banners.c5.n2 > :nth-child(n), .banners.c5.n4 > :nth-child(n), .banners.c5.n5 > :nth-child(-n + 2), .banners.c5.n7 > :nth-child(-n + 4), .banners.c5.n8 > :nth-child(-n + 2), .banners.c5.n10 > :nth-child(-n + 4), .banners.c5.n11 > :nth-child(-n + 2), .banners.c5.n13 > :nth-child(-n + 4), .banners.c5.n14 > :nth-child(-n + 2), .banners.c5.n16 > :nth-child(-n + 4), .banners.c5.n17 > :nth-child(-n + 2), .banners.c5.n19 > :nth-child(-n + 4), .banners.c5.n20 > :nth-child(-n + 2), .banners.c5.n22 > :nth-child(-n + 4), .banners.c5.n23 > :nth-child(-n + 2)
  { width:50%; font-size:.8em; }
  .banners.c3:not(.c4).n1 > *, .banners.c4:not(.c5).n1 > *, .banners.c5.n1 > *
  { width:100%; font-size:.9em; }
  .banners.c3:not(.c4).n3 > :nth-child(1), .banners.c3:not(.c4).n5 > :nth-child(1), .banners.c3:not(.c4).n7 > :nth-child(1), .banners.c3:not(.c4).n9 > :nth-child(1), .banners.c3:not(.c4).n11 > :nth-child(1), .banners.c3:not(.c4).n13 > :nth-child(1), .banners.c3:not(.c4).n15 > :nth-child(1), .banners.c3:not(.c4).n17 > :nth-child(1), .banners.c3:not(.c4).n19 > :nth-child(1), .banners.c3:not(.c4).n21 > :nth-child(1), .banners.c3:not(.c4).n23 > :nth-child(1), .banners.c3:not(.c4).n25 > :nth-child(1),
  .banners.c4:not(.c5):not(.n2):not(.n4):not(.n6):not(.n8):not(.n10):not(.n12):not(.n14):not(.n16):not(.n18):not(.n20):not(.n22):not(.n24) > :first-child
  { width:100%; }
}
@media screen and ( max-width : 600px ){
/*   .banners > *, .banners.c3:not(.c4).n2 > :nth-child(n), .banners.c3:not(.c4).n3 > :nth-child(n), .banners.c3:not(.c4).n4 > :nth-child(n), .banners.c3:not(.c4).n5 > :nth-child(n), .banners.c3:not(.c4).n6 > :nth-child(n), .banners.c3:not(.c4).n7 > :nth-child(n), .banners.c3:not(.c4).n8 > :nth-child(n), .banners.c3:not(.c4).n9 > :nth-child(n), .banners.c3:not(.c4).n10 > :nth-child(n), .banners.c3:not(.c4).n11 > :nth-child(n), .banners.c3:not(.c4).n12 > :nth-child(n), .banners.c3:not(.c4).n13 > :nth-child(n), .banners.c3:not(.c4).n14 > :nth-child(n), .banners.c3:not(.c4).n15 > :nth-child(n), .banners.c3:not(.c4).n16 > :nth-child(n), .banners.c3:not(.c4).n17 > :nth-child(n), .banners.c3:not(.c4).n18 > :nth-child(n), .banners.c3:not(.c4).n19 > :nth-child(n), .banners.c3:not(.c4).n20 > :nth-child(n), .banners.c3:not(.c4).n21 > :nth-child(n), .banners.c3:not(.c4).n22 > :nth-child(n), .banners.c3:not(.c4).n23 > :nth-child(n), .banners.c3:not(.c4).n24 > :nth-child(n),
  .banners.c4:not(.c5) > :nth-child(n), .banners.c4:not(.c5).n2 > :nth-child(n), .banners.c4:not(.c5).n3 > :nth-child(n), .banners.c4:not(.c5).n4 > :nth-child(n), .banners.c4:not(.c5).n5 > :nth-child(n), .banners.c4:not(.c5).n6 > :nth-child(n), .banners.c4:not(.c5).n7 > :nth-child(n), .banners.c4:not(.c5).n8 > :nth-child(n), .banners.c4:not(.c5).n9 > :nth-child(n), .banners.c4:not(.c5).n10 > :nth-child(n), .banners.c4:not(.c5).n11 > :nth-child(n), .banners.c4:not(.c5).n12 > :nth-child(n), .banners.c4:not(.c5).n13 > :nth-child(n), .banners.c4:not(.c5).n14 > :nth-child(n), .banners.c4:not(.c5).n15 > :nth-child(n), .banners.c4:not(.c5).n16 > :nth-child(n), .banners.c4:not(.c5).n17 > :nth-child(n), .banners.c4:not(.c5).n18 > :nth-child(n), .banners.c4:not(.c5).n19 > :nth-child(n), .banners.c4:not(.c5).n20 > :nth-child(n), .banners.c4:not(.c5).n21 > :nth-child(n), .banners.c4:not(.c5).n22 > :nth-child(n), .banners.c4:not(.c5).n23 > :nth-child(n), .banners.c4:not(.c5).n24 > :nth-child(n)
  { width:50%; font-size:.9em; } */
/*   .banners.c2:not(.c3) > :nth-child(n), .banners.c2:not(.c3).n2 > :nth-child(n), .banners.c2:not(.c3).n3 > :nth-child(n), .banners.c2:not(.c3).n4 > :nth-child(n), .banners.c2:not(.c3).n5 > :nth-child(n), .banners.c2:not(.c3).n6 > :nth-child(n), .banners.c2:not(.c3).n7 > :nth-child(n), .banners.c2:not(.c3).n8 > :nth-child(n), .banners.c2:not(.c3).n9 > :nth-child(n), .banners.c2:not(.c3).n10 > :nth-child(n), .banners.c2:not(.c3).n11 > :nth-child(n), .banners.c2:not(.c3).n12 > :nth-child(n), .banners.c2:not(.c3).n13 > :nth-child(n), .banners.c2:not(.c3).n14 > :nth-child(n), .banners.c2:not(.c3).n15 > :nth-child(n), .banners.c2:not(.c3).n16 > :nth-child(n), .banners.c2:not(.c3).n17 > :nth-child(n), .banners.c2:not(.c3).n18 > :nth-child(n), .banners.c2:not(.c3).n19 > :nth-child(n), .banners.c2:not(.c3).n20 > :nth-child(n), .banners.c2:not(.c3).n21 > :nth-child(n), .banners.c2:not(.c3).n22 > :nth-child(n), .banners.c2:not(.c3).n23 > :nth-child(n), .banners.c2:not(.c3).n24 > :nth-child(n)
  { width:100%; font-size:.9em; } */
  .banners.c2:not(.c3) > :nth-child(n)
  { width:100%; font-size:.9em; }
}
@media screen and ( max-width : 480px ){
  .banners.c5 > :nth-child(n)
  { width:50%; font-size:.8em; }
  .banners.c5:not(.n2):not(.n4):not(.n6):not(.n8):not(.n10):not(.n12):not(.n14):not(.n16):not(.n18):not(.n20):not(.n22):not(.n24) > :first-child
  { width:100%; }
 /*  .banners.c5 > :nth-child(n), .banners.c5.n2 > :nth-child(n), .banners.c5.n3 > :nth-child(n), .banners.c5.n4 > :nth-child(n), .banners.c5.n5 > :nth-child(n), .banners.c5.n6 > :nth-child(n), .banners.c5.n7 > :nth-child(n), .banners.c5.n8 > :nth-child(n), .banners.c5.n9 > :nth-child(n), .banners.c5.n10 > :nth-child(n), .banners.c5.n11 > :nth-child(n), .banners.c5.n12 > :nth-child(n), .banners.c5.n13 > :nth-child(n), .banners.c5.n14 > :nth-child(n), .banners.c5.n15 > :nth-child(n), .banners.c5.n16 > :nth-child(n), .banners.c5.n17 > :nth-child(n), .banners.c5.n18 > :nth-child(n), .banners.c5.n19 > :nth-child(n), .banners.c5.n20 > :nth-child(n), .banners.c5.n21 > :nth-child(n), .banners.c5.n22 > :nth-child(n), .banners.c5.n23 > :nth-child(n), .banners.c5.n24 > :nth-child(n)
  { width:50%; font-size:.8em; } */
/*   .banners > :nth-child(n), .banners.c3:not(.c4).n2 > :nth-child(n), .banners.c3:not(.c4).n3 > :nth-child(n), .banners.c3:not(.c4).n4 > :nth-child(n), .banners.c3:not(.c4).n5 > :nth-child(n), .banners.c3:not(.c4).n6 > :nth-child(n), .banners.c3:not(.c4).n7 > :nth-child(n), .banners.c3:not(.c4).n8 > :nth-child(n), .banners.c3:not(.c4).n9 > :nth-child(n), .banners.c3:not(.c4).n10 > :nth-child(n), .banners.c3:not(.c4).n11 > :nth-child(n), .banners.c3:not(.c4).n12 > :nth-child(n), .banners.c3:not(.c4).n13 > :nth-child(n), .banners.c3:not(.c4).n14 > :nth-child(n), .banners.c3:not(.c4).n15 > :nth-child(n), .banners.c3:not(.c4).n16 > :nth-child(n), .banners.c3:not(.c4).n17 > :nth-child(n), .banners.c3:not(.c4).n18 > :nth-child(n), .banners.c3:not(.c4).n19 > :nth-child(n), .banners.c3:not(.c4).n20 > :nth-child(n), .banners.c3:not(.c4).n21 > :nth-child(n), .banners.c3:not(.c4).n22 > :nth-child(n), .banners.c3:not(.c4).n23 > :nth-child(n), .banners.c3:not(.c4).n24 > :nth-child(n)
  { width:100%; font-size:.8em; } */
}
@media screen and ( max-width:380px ){
  .banners > :nth-child(n), .banners.c3:not(.c4).n2 > :nth-child(n), .banners.c3:not(.c4).n3 > :nth-child(n), .banners.c3:not(.c4).n4 > :nth-child(n), .banners.c3:not(.c4).n5 > :nth-child(n), .banners.c3:not(.c4).n6 > :nth-child(n), .banners.c3:not(.c4).n7 > :nth-child(n), .banners.c3:not(.c4).n8 > :nth-child(n), .banners.c3:not(.c4).n9 > :nth-child(n), .banners.c3:not(.c4).n10 > :nth-child(n), .banners.c3:not(.c4).n11 > :nth-child(n), .banners.c3:not(.c4).n12 > :nth-child(n), .banners.c3:not(.c4).n13 > :nth-child(n), .banners.c3:not(.c4).n14 > :nth-child(n), .banners.c3:not(.c4).n15 > :nth-child(n), .banners.c3:not(.c4).n16 > :nth-child(n), .banners.c3:not(.c4).n17 > :nth-child(n), .banners.c3:not(.c4).n18 > :nth-child(n), .banners.c3:not(.c4).n19 > :nth-child(n), .banners.c3:not(.c4).n20 > :nth-child(n), .banners.c3:not(.c4).n21 > :nth-child(n), .banners.c3:not(.c4).n22 > :nth-child(n), .banners.c3:not(.c4).n23 > :nth-child(n), .banners.c3:not(.c4).n24 > :nth-child(n)
  { width:100%; font-size:.8em; }
}



/* ::::::::::: RIBBON BANNER ::::::::::: */
.ribbon-banner { position:relative; color:#fff; background-color:#3D79D0; font-size:1.3em; padding:1.2em 2em 1.5em; margin-bottom:1.5em; line-height:1.42; vertical-align:middle; font-weight:800; text-align:center; }
.ribbon-banner::before, .ribbon-banner::after, .ribbon-excess::before, .ribbon-excess::after { position:absolute; margin:0; padding:0; content:''; display:block; }
.ribbon-banner::before, .ribbon-banner::after { position:absolute; left:-16px; bottom:-16px; margin:0; padding:0; z-index:-1; border:16px solid transparent; border-right-color:#043140; }
.ribbon-banner::after { left:auto; right:-16px; border-right-color:transparent; border-left-color:#043140; }
.ribbon-excess::before, .ribbon-excess::after { width:64px; height:100%; bottom:-16px; right:auto; left:-48px; z-index:-2; background:linear-gradient(to top right, rgba(255,255,255,0) 50%, #1D53C0 50.5%) no-repeat top left/100% 100%,  linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #1D53C0 50.5%) no-repeat top left/100% 100%; transform-origin:100% 0; }
.ribbon-excess::after { left:auto; right:-48px; background:linear-gradient(to top left, rgba(255,255,255,0) 50%, #1D53C0 50.5%) no-repeat top left/100% 100%,  linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #1D53C0 50.5%) no-repeat top left/100% 100%; transform-origin:0 0; }
.ribbon-banner.standby { transform:scaleX(0); }
.ribbon-banner.standby::before, .ribbon-banner.standby::after { transform:scaleY(0); }
.ribbon-banner.standby .ribbon-excess::before, .ribbon-banner.standby .ribbon-excess::after { transform:scaleX(0); }
.ribbon-banner:not(.standby) { animation:ribbonmain 250ms; }
.ribbon-banner:not(.standby)::before, .ribbon-banner:not(.standby)::after { animation:ribbonedge 500ms; }
.ribbon-banner:not(.standby) .ribbon-excess::before, .ribbon-banner:not(.standby) .ribbon-excess::after { animation:ribbonback 600ms; }
@keyframes ribbonmain { 0% { transform:scaleX(0); } 100% { transform:scaleX(1); } }
@keyframes ribbonedge {  0%, 50% { transform:scaleY(0); } 100% { transform:scaleY(1); } }
@keyframes ribbonback { 0%, 75% { transform:scaleX(0); } 100% { transform:scaleX(1); } }

@media all and ( max-width : 782px ) { 
  .ribbon-banner { padding:1em 1.4em 1.2em;}
}


/* ::::::::::: SOCIAL BUTTONS ::::::::::: */
.social-buttons { display:block; }
.social-buttons li { display:inline; padding:0; }
.social-buttons li a { margin:0; display:inline-block; vertical-align:baseline; font-size:1.5em; padding:.1em; }
.social-buttons li a i, .social-buttons li a:hover i { color:inherit; font-size:1em; }
.social-buttons li a i::before { margin:0; }
.social-buttons li.button-twitter a { color:#5b9bb0; }
.social-buttons li.button-twitter a:hover { color:#46b8de; }
.social-buttons li.button-facebook a { color:#695bb0; }
.social-buttons li.button-facebook a:hover { color:#7b61eb; }
.social-buttons li.button-gplus a { color:#b16142; }
.social-buttons li.button-gplus a:hover { color:#df7c55; }
.social-buttons li.button-hatebu a { color:#5b79b0; }
.social-buttons li.button-hatebu a:hover { color:#5488e5; }
.social-buttons li.button-line a { color:#87b05b; }
.social-buttons li.button-line a:hover { color:#93d54d; }
.social-buttons li.button-linkedin a { color:#699e7b; }
.social-buttons li.button-linkedin a:hover { color:#51af6e; }
.social-buttons li.button-pocket a { color:#b05b6d; }
.social-buttons li.button-pocket a:hover { color:#ea627c; }
.social-buttons li.button-pinterest a { color:#b0635b; }
.social-buttons li.button-pinterest a:hover { color:#cd584c; }

.sns-linkto { text-align:center; margin:0; padding:0; }
.sns-linkto > li { display:inline-block; margin:0 3px; vertical-align:middle; }
.sns-linkto > li a { color:#fff; background-color:rgba(0,0,0,.25); text-align:center; vertical-align:middle; display:block; margin:0; padding:8px 0; width:40px; height:40px; font-size:22px; line-height:24px; border-radius:50%; }




/* ::::::::::: CONTACT FORM ::::::::::: */
.wpcf7 { position:relative; clear:both; border-color:inherit; }
.wpcf7 .screen-reader-response { display:none; }
.wpcf7 .hidden-fields-container { display:none; }
.thankyou_message { display:none!important; background-color:#fff; background-color:rgba(255,255,255,0.9); 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:24px; }
.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; }
.wpcf7-form > :first-child, .wpcf7-form > .hidden-fields-container:first-child + h2, .wpcf7-form > .hidden-fields-container:first-child + h3 { margin-top:0; } /* wpcf7によって最初に吐き出されるhidden要素 */
.wpcf7 .sent .thankyou_message { display:block!important; }
.form-send .watermark { color:#dd6600; }
.wpcf7-radio, .wpcf7-checkbox { display:block; padding:0; margin:0; text-align:left; line-height:32px; vertical-align:middle; }
/*.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:100%; padding:0 0 12px; margin:0; position:relative; }
.form-box::after { display:table; clear: both; content: ''; }
.form-head { clear:both; width:100%; padding:12px 0; margin:0; }
.form-box + .form-head { padding-top: 24px; }
.form-head h3 { font-size:1em; margin: 0; }
.form-box + *:not(.form-box) { clear: left; }
.form-box em, .form-head em, .required { color:#dd6600; background-color:transparent; font-family:inherit; margin-left:.3em; border-width:0; text-decoration:none; } 
.wpcf7 .headword { /*position:absolute; display:block; z-index:1; left:4px; top:6px; text-align:center; padding:4px 6px; font-weight:600; */font-size:.85em; line-height:1.42; }
.wpcf7 .wpcf7-form-control-wrap { bottom:0; padding:0; display:block; position:relative; }
.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; height:220px; width:100%; resize:vertical; padding:12px 8px; margin:0!important; text-align:left; vertical-align:baseline; }
.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, .wpcf7-form.submitting .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:rgba(0,0,0,.1); 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; }
form.sent .wpcf7-response-output { display:none!important; }
.wpcf7-not-valid-tip { position:absolute; top:0; right:0px; z-index:10; }
.jetpack_subscription_widget .success p, .jetpack_subscription_widget p.error { background-color:#64a2bc; color:#fff; border-width:0; color:#fff; font-weight:600; font-size:.8em;padding:6px; line-height:16px; text-wrap:normal; }
.jetpack_subscription_widget p.error { background-color:#dd6600; }
.wpcf7-not-valid-tip, .wpcf7-response-output { background-color:#dd6600; border-width:0; color:#fff; font-weight:600; font-size:12px; padding:6px; line-height:16px; }
.form-response, .wpcf7-response-output { font-weight:600; text-align:center; text-wrap:normal; font-size:12px; padding:6px; line-height:16px; vertical-align:middle;}
.wpcf7-response-output:empty { 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-spinner { display:none; }

.repeater-form-box { padding:0 0 0 2.5em; counter-increment:repeaterform; position:relative; }
.repeater-form-box::after { content:counter(repeaterform); position:absolute; left:0; width:2em; top:0; bottom:0; font-size:1em; height:1em; text-align:center; margin:auto 0; vertical-align:middle; }
.repeater-form-box::before { background-color:#f5f5f5; content: ''; display:block; position:absolute; left:0; width:2em; top:0px; bottom:12px; }
.repeater-form-buttons .wpcf7_repeater_remove_field { display:none; }
.repeater-form-buttons .wpcf7_repeater_add_field { display:inline-block; }
.repeater-form-box + .repeater-form-box + .repeater-form-buttons .wpcf7_repeater_remove_field { display:inline-block; margin-right:8px; }
.repeater-form-buttons { counter-reset:repeaterform; text-align:right; padding:4px 0 12px;}

@keyframes fullexpand { 0% { right:100%;} 100% { right:0; } }
@media screen and ( min-width:782.1px ){
	.small-form-box { width:49%; float:left; }
	.small-form-box + .small-form-box { margin-left:2%; clear:none; }
	.small-form-box + .small-form-box + .small-form-box { margin-left:0; clear:left; }
	.small-form-box + .small-form-box + .small-form-box + .small-form-box { margin-left:2%; clear:none; }
	.small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box { margin-left:0; clear:left; }
	.small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box { margin-left:2%; clear:none; }
	.small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box { margin-left:0; clear:left; }
	.small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box { margin-left:2%; clear:none; }
	.small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box { margin-left:0; clear:left; }
	.small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box + .small-form-box { margin-left:2%; clear:none; }
	.div3-form-box { width:32%; float:left; }
	.div3-form-box + .div3-form-box { margin-left:2%; clear:none; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:0%; clear:left; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:2%; clear:none; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:0%; clear:left; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:2%; clear:none; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:0%; clear:left; }
}
@media screen and ( max-width : 782px ){
	.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; }
	.form-box, .small-form-box, .form-send { width:100%; margin:0; }
	.div3-form-box { width:49%; float:left; }
	.div3-form-box + .div3-form-box { margin-left:2%; clear:none; }
	.div3-form-box + .div3-form-box + .div3-form-box { margin-left:0; clear:left; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:2%; clear:none; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:0; clear:left; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:2%; clear:none; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:0; clear:left; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:2%; clear:none; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:0; clear:left; }
	.div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box + .div3-form-box { margin-left:2%; clear:none; }
}
@media screen and ( max-width : 480px ){
	.div3-form-box { width:100%; margin:0; }
	.thankyou_message > div { text-align:left; padding:12px; bottom:40px; }
	.thankyou_message > div br { display:none; }
	/* .wpcf7-list-item { display:block; padding:2px 0; margin:0; overflow:hidden; } */
	.form-response, .wpcf7 .wpcf7-response-output { font-size:10px; }
}


/*::::::::::: JETPACK LAZY IMAGES EFFECT SETTINGS ::::::::::: */
img.jetpack-lazy-image { opacity:0; }
img.jetpack-lazy-image.jetpack-lazy-image--handled { transition:opacity .5s ease-in 0s; opacity:1; }
/* img.jetpack-lazy-image.jetpack-lazy-image--handled { animation:lazy-image-fadein .25s linear .5s forwards; }
@keyframes lazy-image-fadein { 0% { opacity:0; } 100% { 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; touch-action:none; z-index:1500; -webkit-text-size-adjust:100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ 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:0.001; will-change:opacity; /* for open/close transition */ transition:opacity .25s cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open { display:block; }
.pswp--zoom-allowed .pswp__img { /* autoprefixer:off */ cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; }
.pswp--zoomed-in .pswp__img { /* autoprefixer:off */ cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; }
.pswp--dragging .pswp__img { /* autoprefixer:off */ 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:#000; opacity:0; transform:translateZ(0); 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 { touch-action:none; position:absolute; left:0; right:0; top:0; bottom:0; }

/* Prevent selection and tap highlights */
.pswp__container, .pswp__img { 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 .25s cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg { will-change:opacity; /* for open/close transition */ transition:opacity .25s 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 { 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; }

/* stretched thumbnail or div placeholder element (see below).  style is added to avoid flickering in webkit/blink when layers overlap */
.pswp__img--placeholder { backface-visibility:hidden; }

/* div element that matches size of large image. large image loads on top of it */
.pswp__img--placeholder--blank { background-color:#222; }
.pswp--ie .pswp__img { width:100% !important; height:auto !important; left:0; top:0; }

/* Error message appears when image is not loaded (JS option errorMsg controls markup) */
.pswp__error-msg { position:absolute; left:0; top:50%; width:100%; text-align:center; font-size:14px; line-height:16px; margin-top:-8px; color:#ccc; }
.pswp__error-msg a { color:#ccc; 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; appearance:none; display:block; border-width:0; padding:0; margin:0; float:right; opacity:0.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:0.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; vertical-align:middle; }
.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:13px; line-height:44px; color:#FFF; opacity:0.75; padding:0 10px; }

/*  4. Caption */
.pswp__caption { position:absolute; left:0; bottom:0; width:100%; min-height:44px; padding:8px 12px; color:#ccc; }
.pswp__caption small { font-size:11px; color:inherit; }
.pswp__caption a { color:inherit; }
.pswp__caption__center { text-align:center; max-width:720px; margin:0 auto; font-size:13px; 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:500px!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 0.25s 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:0.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 #FFF; 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 { backface-visibility:hidden; will-change:opacity; transition:opacity .25s 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(0,0,0,0.5); }
/* 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(0,0,0,0.3); }
/* 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:0.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:not(.swiper-container):not(.swiper-wrapper) { opacity: 0; height: 600px; }
.swiper-container { transition:opacity .1s ease-in; margin:0 auto; 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: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 { border-width:0; flex-shrink:0; width:100%; height:100%; margin:0; padding:0; list-style:none; position:relative; transition-property:transform; }
.swiper-slide .wp-caption { position:absolute; left:0; right:0; bottom:0; color:#fff; background-color:rgba(0,0,0,0.4); font-size:12px; line-height:1.2em; text-align:center; padding:4px; }
.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: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)); }
.swiper-button-prev, .swiper-button-next { position:absolute; top:50%; width:44px; height:44px; margin-top:-22px; z-index:10; cursor:pointer; background-size:27px 44px; background-size:50% auto; transition:opacity .1s ease-in; background-color:rgba(0,0,0,.3); background-position:center; background-repeat:no-repeat; }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity:0; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:0; right:auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:0; left:auto; }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity:0.35; cursor:auto; pointer-events:none; }
.swiper-button-lock { display:none; }
.swiper-pagination { text-align:center; transition:300ms opacity; transform:translate3d(0, 0, 0); }
.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:8px; 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:10px; height:10px; margin:0 3px; display:inline-block; border-radius:100%; background-color:rgba(0,0,0,.2); border-width:1px; overflow:hidden; cursor:pointer; background-position:center; background-size:cover; }
button.swiper-pagination-bullet { border-width:0; margin:0; padding:0; box-shadow:none; appearance:none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer; }
.swiper-pagination-bullet-active { opacity:1; background-color:#64a2bc; border-color:#64a2bc; }

.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 transform; transition:200ms transform, 200ms top; transition:200ms transform, 200ms top, 200ms transform; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; transform:translateX(-50%); white-space:nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:200ms left, 200ms transform; transition:200ms transform, 200ms left; transition:200ms transform, 200ms left, 200ms transform; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:200ms right, 200ms transform; transition:200ms transform, 200ms right; transition:200ms transform, 200ms right, 200ms transform; }
/* Progress */
.swiper-pagination-progressbar { background-color:rgba(0,0,0,0.25); position:absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color:#64a2bc; 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:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader::after { display:block; content:''; width:100%; height:100%; background-image:url( "data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position:50%; background-size:100%; background-repeat:no-repeat; }

@keyframes swiper-preloader-spin { 100% { transform:rotate(360deg); } }
/* 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; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { opacity: 1; pointer-events:auto; }
.swiper-container-cube { overflow:visible; }
.swiper-container-cube .swiper-slide { pointer-events:none; 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; backface-visibility:hidden; }
.swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; background-color:#000; opacity:0.6; filter:blur(50px); z-index:0; }
.swiper-container-flip { overflow:visible; }
.swiper-container-flip .swiper-slide { pointer-events:none; 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; backface-visibility:hidden; }
.swiper-container-coverflow .swiper-wrapper { }


.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; }
@supports ( object-fit:cover ) { 
	/* .swiper-crop-image .swiper-slide > .image-wrap { margin:0; padding:0; display:block; width:100%; height:100%; overflow:hidden;}  */
	.swiper-crop-image .swiper-slide > .image-wrap img { width: 100%; height: 100%; object-fit:cover; } 
}

.swiper-container-autoheight .swiper-slide, .swiper-perview-auto .swiper-slide { height: 100%; width: auto; }
.swiper-container-autoheight .swiper-slide > .image-wrap, .swiper-perview-auto .swiper-slide > .image-wrap { height: 100%; width:auto; }
.swiper-container-autoheight .swiper-slide > .image-wrap img, .swiper-perview-auto .swiper-slide > .image-wrap img { height: 100%; width: auto; }
.swiper-setting { padding:0; position:relative; }

.swiper-ratio-square::before, .swiper-ratio-horizontal::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-thumb-active, .swiper-slide-active { border-color:#64a2bc; }

.swiper-container-thumbs { padding:0; margin-top:12px; position:relative; overflow:hidden; }
.swiper-container-thumbs .swiper-wrapper { }
.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 .15s ease-in; }
.swiper-container-thumbs .swiper-slide-thumb-active::before, .swiper-container-thumbs .swiper-slide-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:1080px ){
/*   .swiper-ratio.swiper-per-4 { padding-top: 33.333%; }
  .swiper-ratio.swiper-per-5 { padding-top: 25%; }
  .swiper-ratio.swiper-per-6 { padding-top: 25%; } */
}
@media screen and ( max-width : 782px ){
 /*  .swiper-ratio.swiper-per-2 { padding-top: 66.666%; }
  .swiper-ratio.swiper-per-3 { padding-top: 50%; }
  .swiper-ratio.swiper-per-4 { padding-top: 50%; }
  .swiper-ratio.swiper-per-5 { padding-top: 33.333%; }
  .swiper-ratio.swiper-per-6 { padding-top: 33.333%; } */
  .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 : 480px ){
  /* .swiper-ratio.swiper-per-3 { padding-top: 66.666%; } */
  /* .swiper-ratio.swiper-per-5 { padding-top: 50%; } */
  /* .swiper-ratio.swiper-per-6 { padding-top: 50%; } */
  .swiper-pagination-bullet { width:8px; height:8px; margin:0 1px; }
  .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.15s; }
.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, .pswp__bg { background-color:#000; }
.modal-overlay { position:fixed; top:-100px; left:-100px; right:-100px; bottom:-100px; z-index:-100; opacity:0; display:none; cursor:pointer; transition:opacity .15s 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(255,255,255,0.05) rgba(255,255,255,0.05) rgba(255,255,255,0.05) rgba(255,255,255,.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; overflow:auto; top:24px; left:24px; right:24px; bottom:24px; margin:auto; opacity:0; z-index:-999; background-color:#fff; padding:0; border-width:0; transition:opacity .15s linear .15s; box-shadow:0 0 16px rgba(0,0,0,.3); }
/* body > .modal-box { display:block; } */
img.modal-box, video.modal-box, iframe.modal-box, object.modal-box { top:0; left:0; right:0; bottom:0; max-width:96%; max-width:calc(100% - 48px); max-height:96%; max-height:-webkit-calc(100% - 48px); max-height:calc(100% - 48px); }
.modal-box > * { max-width:1200px; }
.modal-box > :not(.modal-close-self):not(.modal-button-close):not(.modal-video-wrapper):not(.swiper-container):not(.swiper-button-next):not(.swiper-button-prev):not(video):not(iframe):not(object):not(a):not(span) { display:block!important; margin:0!important; padding:24px 24px 0!important; border-width:0; }
.modal-box > :not(.modal-close-self):not(.modal-button-close):not(.modal-video-wrapper):not(.swiper-container):not(.swiper-button-next):not(.swiper-button-prev):not(video):not(iframe):not(object):not(a):not(span)::after { display:block; height:24px!important; background-color:transparent; content:''; } /* スクロール時にパッディングが無視されるためブロックを挿入 */
 
body.modal-opened .modal-box.modal-target > :first-child:not(.modal-close-self):not(.modal-button-close) { 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; }

.modal-button { position:fixed; display:none; opacity:0; z-index:-98; border-width:0; margin:4px; cursor:pointer; transition:opacity .15s linear 0s; }
.modal-button-close { top:0; right:0; background-color: rgba(0,0,0,.3); }
.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 : 782.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-overlay:hover { }
.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:44px; height:44px; }
.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:hover .modal-button-close { } 
.modal-caption { font-size:10px; line-height:1.2em; display:none; text-align:center; color:#ccc; position:fixed; z-index:-100; left:0; right:0; bottom:0; padding:0.625em; /* 10 */}
.modal-caption span { font-size:inherit; line-height:inherit; }
.modal-overlay { animation:fade-in-opacity .15s linear; }
.modal-caption { animation:fade-in .15s linear; }
@keyframes fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes fade-in-opacity { from { opacity:0; } to { opacity:.85; } }
.modal-box { opacity:0; }
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-caption { display:block; z-index:903; 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 .15s linear .15s; }
body.modal-closing .modal-target { opacity:0; transition:opacity .15s linear 0s; }
body.modal-closing > .modal-button { opacity:0; }

.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-no-poster { max-width:100%; max-height:100%; width:1280px; margin:0; padding:0; background-color:#000; }
.modal-video-wrapper > .modal-video-no-poster::before { padding:56.25% 0 0 0; margin:0; display:block; content:''; }
.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 : 782px ){
  .modal-box::-webkit-scrollbar { width:4px; }
  .modal-box { top:0; left:0; right:0; bottom:0; }
  .modal-button::before, .pswp__button::before { width:32px; height:32px; }
  .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"); } 
  img.modal-box, video.modal-box, iframe.modal-box, object.modal-box { max-width:100%; max-height:97%; max-height:-webkit-calc(100% - 32px); max-height:calc(100% - 32px); }
}
@media screen and ( max-width : 480px ){  
  body.modal-opened .modal-box > :not(.modal-close-self):not(.modal-button-close):not(.modal-video-wrapper):not(.swiper-container):not(.swiper-button-next):not(.swiper-button-prev):not(video):not(iframe):not(object):not(a):not(span) { padding:16px 16px 0!important; }
  body.modal-opened .modal-box > :not(.modal-close-self):not(.modal-button-close):not(.modal-video-wrapper):not(.swiper-container):not(.swiper-button-next):not(.swiper-button-prev):not(video):not(iframe):not(object):not(a):not(span)::after { padding:16px 0 0!important; }
}



/*::::::::::: DATE PICKER ::::::::::: */
.ui-datepicker { width:360px; max-width:calc(100% - 24px); text-align:center; background-color:#a9a9a9; border-color:#bbb; margin:0; padding:0; font-weight:bold; }/*padding maybe cause of the gap of body bottom*/
.ui-datepicker a { color:#fff; }
.ui-datepicker a:hover { background-color:#ccc; }
.ui-datepicker a.ui-state-active { background-color:#ccc; }
.ui-datepicker-group { margin:0 0 10px 0; background-color:#a9a9a9; padding:10px; }
.ui-datepicker-header { color:#fff; padding:0; text-transform:uppercase; letter-spacing:1px; }
.ui-datepicker-title { position:relative; z-index:1; margin:0; padding:8px 40px; }
.ui-datepicker-title select { font-size: 16px; line-height: 1; padding:8px 4px; }
.ui-datepicker-prev { float:left; }
.ui-datepicker-next { float:right; }
.ui-datepicker-next span, .ui-datepicker-prev span { display:block; height:16px; width:24px; background-size:12px auto; background-position:center; overflow: hidden; text-indent:-100em; }
.ui-datepicker-prev span { background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' %3E%3Cg%3E%3Cpath fill='white' d='M2.1,48.3L83.6,1.2c1.3-0.8,3,0.2,3,1.7v94.1c0,1.5-1.7,2.5-3,1.7L2.1,51.7C0.8,51,0.8,49,2.1,48.3z' /%3E%3C/g%3E%3C/svg%3E"); }
.ui-datepicker-next span { background-image:url( "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' %3E%3Cg%3E%3Cpath fill='white' d='M97,48.3L15.5,1.2c-1.3-0.8-3,0.2-3,1.7v94.1c0,1.5,1.7,2.5,3,1.7L97,51.7C98.3,51,98.3,49,97,48.3z' /%3E%3C/g%3E%3C/svg%3E"); }
.ui-datepicker a.ui-datepicker-next, .ui-datepicker a.ui-datepicker-prev { background-color:#bbb; cursor:pointer; font-size: 16px; line-height: 1; position:relative; z-index: 2; padding:8px 12px; text-align:center; margin: 8px; }
.ui-datepicker a.ui-datepicker-next:hover, .ui-datepicker a.ui-datepicker-prev:hover { background-color:#ccc; }
.ui-datepicker a.ui-state-disabled { opacity: .5; cursor:default }
.ui-datepicker-calendar { width:100%; border-color:transparent; border-width: 0 4px 8px 4px; }
.ui-datepicker-calendar thead th { color:#fff; padding:10px; }
.ui-datepicker-calendar th, .ui-datepicker-calendar td { font-size:14px; color:#666; text-align:center; }
.ui-datepicker-calendar td span { display:block; padding:6px; }
.ui-datepicker-calendar td a { color:#fff; display:block; padding:6px; }





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

@media print {
  .container { padding-left:0; padding-right:0; }
  html { height:auto!important; }
  body { font-size:12px!important; line-height:1.4!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; height:auto!important; overflow:visible!important; }
@media only screen and ( max-width:782px ){ #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 { display:none!important; }
#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:#fff; width:5em; margin:-.5em auto; font-size:10px; line-height:1em; color:#a9a9a9; text-align:center; display:block!important; }
html.wp-toolbar { background-color:#fff; }
#tinymce .gallery-columns-1 >*:not(:first-child) { display:none!important; }
#tinymce .wpview-wrap { }
#tinymce .wpview-wrap .gallery {}
#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; }



