@charset "UTF-8";

/*
Theme Name:inui-ilf
Theme URI:
Author:inui-ilf
Author URI:
Description:based on Sydney Theme
Template:sydney
Version:1.0.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:inui-ilf
Tags:lawyer
*/

/*html
{
scroll-behavior: smooth;
}*/





body
{
font-size: 100%;
line-height: 1.4;
color: #444;/*background:url(../../../images/lib/back/footerback01.jpg) bottom right no-repeat;
background-size:contain;*/
}

body.gallery
{
margin: 0px !important;
}

a,
a:link,
a:visited
{
/*color: #513895;*/
color: #513895;
}

.entry-content a:not(.button),
.entry-content a:not(.button):hover
{
/*color: #513895;*/
color: #513895 !important;
}

.page-wrap
{
padding: 80px 0px 2em 0px !important;
min-height: 600px;
}

.home .page-wrap
{
padding: 4em 0px 2em 0px !important;
min-height: 600px;
}

.archive .page-wrap,
.post-type-archive .page-wrap,
.single .page-wrap,
.single-column .page-wrap
{
padding: 150px 0px 2em 0px !important;
}

.page-wrap .content-wrapper
{
padding: 0px 0px 4em 0px !important;
background-color: transparent;
}

.home .page-wrap .content-wrapper
{
padding: 0px !important;
background: none;
}

.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper
{
padding: 0px;
}

.content-wrapper
{
margin: 2em 0px 0px 0px;
}

.wrapper-inner
{
width: 100%;
margin: 0em auto 0px auto;
max-width: 1024px;
overflow: hidden;
}

.container
{
/*width: 1024px;*/
width: 100% !important;
}

.container,
.container-fluid
{
margin: 0px auto;
padding: 0px;
}

.content-inner
{
max-width: 1024px;
margin: 0em auto 0px auto;
}

.content-inner.po
{
max-width: none;
width: 100%;
height: 100vh;
margin: 0em auto 0px auto;
display: flex;
align-items: center;
justify-content: center;
}

.content-inner.po img
{
width: auto;
height: auto;
max-width: 540px;
/*min-width:240px !important;*/
max-height: 100%;
/*min-height:240px !important;*/
margin: 0em auto 0px auto;
}

.row
{
margin: 0px;
}

.site-title
{
margin: 0em 0.5em 0em 0px;
padding: 0px;
/*text-shadow: 1px 1px 3px #fff;*/
width: auto;
float: left;
font-size: 100%;
display: block;
}

.site-title a
{
font-size: 60% !important;
margin: 0px;
padding: 0em 0px 0px 0px !important;
font-weight: 200;
line-height: 1;
letter-spacing: 0.1em;
display: block;
color: #222 !important;
text-shadow: none;
}

.site-logo
{
max-height: 65px !important;
width: auto;
margin: 0em 0px 15px 10%;
}

.site-description
{
font-size: 80% !important;
margin: 0em 0px 0px 0px;
padding: 1em 0px 0px 0px;
font-weight: 200;
color: #222 !important;
float: left;
line-height: 1;
letter-spacing: 0.1em !important;
}

.site-header
{
left: 0;
padding: 0px 0;
top: 0;
transition: all 0.3s ease-out 0s;
width: 100%;
z-index: 1000;
height: 80px;
background: rgba(255,255,255,0.9) !important;
}

.site-header.float-header
{
background: rgba(255,255,255,0.9) !important;
padding: 0px;
}

.site-header.fixed
{
position: fixed;
height: 80px;
padding: 0px;
}

.site-header.float
{
height: 80px;
padding: 0px;
}

.header-wrap
{
margin: 0px;
height: 80px;
display: flex;
align-items: center;
}

.header-wrap .container
{
margin: 0em auto 0px auto !important;/*max-width: 1024px;*/
}

.site-header #mainnav ul li ul
{
right: 0px;
}

#mainnav
{
display: block;
float: right;
transition: all 0.3s linear 0s;
margin: 0px 2.5% 0px 0px;
}

#mainnav ul li
{
padding: 0px;
}

#mainnav ul li.en,
#mainnav ul li.jp
{
border-left: 1px solid #aaa;
}

#mainnav ul li a
{
font-size: 95% !important;
padding: 0.25em 0.75em;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
border: 1px solid transparent;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
color: #666 !important;
}

.en #mainnav ul li a
{
font-size: 100% !important;
}

#mainnav ul li a:hover
{
background: none;
box-sizing: border-box;
transition: 0.2s linear border;
/*border-bottom:1px solid #513895;*/
border-bottom: 1px solid #513895;
}

#mainnav .sub-menu li a
{
border-top: 1px solid #fff;
display: block;
line-height: 25px;
padding: 0 0.5em;
transition: all 0.3s ease 0s;
font-family: serif;
color: #000 !important;
}

.mainnav.toggled,
#mainnav-mobi
{
background-color: transparent !important;
}

#mainnav-mobi ul li
{
border-top: 1px solid #fff;
cursor: pointer;
margin: 0;
position: relative;
text-align: left;
}

#mainnav-mobi ul li ul li
{
border-top: 1px solid #fff;
cursor: pointer;
margin: 0;
position: relative;
text-align: left;
}

#mainnav-mobi ul > li > a
{
display: block;
padding: 0.5em 1em;
text-decoration: none;
background: rgba(81,56,149,0.95);
color: rgba(255,255,255,1);
}

#mainnav-mobi ul > li > a:hover
{
display: block;
padding: 0.5em 1em;
text-decoration: none;
background: rgba(81,56,149,0.8);
color: rgba(255,255,255,1);
}

#mainnav-mobi ul > li > ul > li >a
{
color: #fff;
display: block;
padding: 0.5em 2em;
text-decoration: none;
background: #999;
}

#mainnav-mobi ul.sub-menu > li > a
{
border-top-color: rgba(255, 255, 255, 0.1);
display: block;
padding: 0.5em 2em;
text-decoration: none;
transition: all 0.2s ease-out 0s;
font-size: 80%;
}

div#n2-ss-1.n2-ss-load-fade
{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
transition: filter 1s linear;
}

div#n2-ss-1.n2-ss-load-fade:hover
{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
transition: filter 1s linear;
}

.posts-layout
{
width: 100%;
overflow: hidden;
}

.home .posts-layout
{
width: 100%;
max-width: 900px;
margin: 0px auto 0em auto !important;
padding: 0px 0px 0em 0px;
}

.archive .posts-layout,
.post-type-archive .posts-layout
{
width: 100%;
overflow: hidden;
margin: 0px auto 4em auto !important;
}

.titleimg
{
width: 100%;
height: 500px;
margin: 0px auto 3em auto;
}

.titleimg img
{
margin: 0px 0em;
object-fit: cover;
object-position: 100% 100%;
height: 500px;
width: 100%;
}

.page-header
{
padding: 0px;
margin: 0px 0px 5em 0px;
}

.page-name
{
margin: 0px 0px 0.75em 0px;
letter-spacing: 0.25em;
font-size: 60% !important;
text-transform: uppercase;
text-align: center;
color: #513895;
/*font-family: "Noto Sans JP", sans-serif;*/
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
}

.page .page-name
{
margin: 0px 0px 0.75em 0px;
letter-spacing: 0.1em;
font-size: 60% !important;
text-transform: uppercase;
color: #513895;
/*font-family: "Open Sans", "Noto Sans JP", sans-serif;*/
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
}

.posts-layout article,
.search-results #primary article
{
width: 30% !important;
float: left !important;
clear: none;
margin: 0px 5% 4em 0px;
padding: 0px;
height: 16em;
}

.posts-layout article:nth-of-type(3n),
.search-results #primary article:nth-of-type(3n)
{
margin: 0px 0% 4em 0px;
}

.post-type-archive h2.title-post
{
font-size: 90%;
font-weight: 200;
margin: 0px 0% 0.25em 0px;
font-family: "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

.meta-post
{
font-size: 70%;
margin: 0px 0% 0.25em 0px;
}

.home .posts-layout article
{
width: 100% !important;
float: none !important;
clear: none;
margin: 0px 0% 2em 0px !important;
padding: 1em;
height: auto;
overflow: hidden;
background: rgba(81,56,149,0.1);
border-radius: 0.5em;
}

.home .posts-layout article:nth-of-type(4n)
{
margin: 0px 0% 0px 0px;
}

main p
{
margin: 0px 0% 3em 0px;
font-size: 85%;
/*color: #513895;*/
color: #666;
letter-spacing: 0.05em;
line-height: 2;
/*font-family: "IBM Plex Sans JP", sans-serif;*/
font-family: "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400;
}

.posts-layout .hentry
{
margin-bottom: 0px;
padding-bottom: 0;
}

main .entry-content ul li
{
font-size: 85%;
/*color: #513895;*/
color: #666;
letter-spacing: 0.05em;
line-height: 2;
/*font-family: "IBM Plex Sans JP", sans-serif;*/
font-family: "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400;
}

.seriesname
{
font-size: 60% !important;
margin: 0px 0px 2em 0px
}

.entry-thumb
{
/*height: 160px;*/
aspect-ratio: 1.7;
margin: 0px 0px 0.75em 0px !important;
border: 1px solid #eee;
box-sizing: border-box;
display: block;
background: #eee;
}

.entry-thumb img
{
aspect-ratio: 1.7 !important;
object-fit: cover;
object-position: 50% 50%;
}

.single .entry-thumb img,
.single-column .entry-thumb img
{
aspect-ratio: 1 !important;
}


.home .entry-thumb
{
/*height: 80px;*/
/*aspect-ratio:1.8;*/
margin: 0px 2.5% 0.75em 0px !important;/*border: 1px solid #eee;
box-sizing: border-box;
width: 25%;
float: left;*/
}

.home .posts-layout .entry-thumb
{
/*height: 80px;*/
aspect-ratio: 1;
margin: 0px 2.5% 0em 0px !important;/*border: 1px solid #eee;
box-sizing: border-box;*/
width: 7%;
float: left;
}

.home .posts-layout .entry-thumb img
{
aspect-ratio: 1 !important;
object-fit: cover;
object-position: 50% 50%;
}

.entry-thumb:hover
{
opacity: 0.5;
transition: 0.3s linear opacity;
}

.home #infos
{
padding: 160px 0px 8em 0px;
}

.home #columns
{
padding: 160px 0px 0em 0px;
}

.home .infoposts h2,
.home .columnposts h2
{
font-size: 150%;
margin: 0px 0px 0.25em 0px;
font-family: sans-serif;
text-align: center;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400;
}

.home.en .infoposts h2,
.home.en .columnposts h2
{
font-size: 150%;
margin: 0px 0px 2em 0px;
font-family: sans-serif;
text-align: center;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400;
}

.home .infoposts .caption,
.home .columnposts .caption
{
margin: 0px 0px 2em 0px;
font-size: 60%;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400;
letter-spacing: 0.1em;
text-align: center;
}

.hentry .title-post
{
font-size: 90%;
font-weight: 200;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0px;
line-height: 1.4;
font-family: "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

.search-results #primary article h1.entry-title
{
font-size: 90% !important;
font-weight: 200;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0px;
line-height: 1.4;
font-family: serif;
}

.search-results #primary article.page h1.entry-title
{
font-size: 90% !important;
font-weight: 200;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0px;
line-height: 1.4;
}

h1.title-post
{
font-size: 180% !important;
margin: 0px 0px 0.25em 0px;
padding: 0px;
line-height: 1.2;
text-shadow: 0px 0px 3px #fff;
font-family: "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
text-align: center;
color: #513895;
}

.single h1.title-post
{
font-size: 130% !important;
margin: 0px 0px 0.25em 0px;
padding: 0px;
line-height: 1.2;
text-shadow: 0px 0px 3px #fff;
font-family: "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
text-align: left;
color: #513895;
}

.page-title
{
color: #222;
font-family: "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

h1.title-post a
{
color: #513895;
text-shadow: 0px 0px 3px #fff;
}

.page h1.title-post
{
font-size: 150% !important;
margin: 0px 0px 0.25em 0px;
padding: 0px;
line-height: 1.2;
font-family: "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

.en h1.title-post
{
font-size: 150% !important;
margin: 0px 0px 0.25em 0px;
padding: 0px;
line-height: 1.2;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;/*text-transform:uppercase;*/
}

.home .entry-header
{
margin: 0px 0px 0.5em 0px !important;
}

.home .title-post
{
font-size: 90%;
font-weight: 200;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0px;
line-height: 1.2;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400;
}

.home .entry-post
{
font-size: 70% !important;
}

.single .hentry .title-post,
.single-column .hentry .title-post
{
font-size: 150% !important;
margin: 0px 0px 0.5em 0px;
padding: 0;
font-family: "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

.single.en .hentry .title-post,
.single-column.en .hentry .title-post
{
font-family: -apple-system, "Open Sans", "Helvetica Neue", "Noto Sans JP", sans-serif !important;
}

.hentry .meta-post,
.hentry .meta-post a,
.home .entry-post
{
color: inherit;
font-size: 70%;
margin: 0px 0px 0em 0px;
}

.single .hentry .meta-post
{
color: inherit;
font-size: 75%;
margin: 0px 0px 0em 0px;
}

.content-area .post-wrap,
.contact-form-wrap
{
padding: 0px;
}

.content-area .hentry
{
padding: 0px;
position: relative;
}

.hentry::after
{
display: none;
}

.home .vbox
{
position: relative;
margin: 0px 0px 0em 0px;
}

.home .vbox .vblogo
{
position: absolute;
bottom: 0px;
right: 0px;
background: linear-gradient(270deg, rgba(255,255,255,0.9), rgba(255,255,255,0.7) 50%, rgba(255,255,255,0));
height: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
width: 70%;
}

.home .vbox video
{
line-height: 100%;
display: block;
}

.home .vbox .vblogo img
{
width: 400px;
height: auto;
margin: 0px 10% 20% 0%;
}

.home .pcont
{
width: 100%;
display: flex;
justify-content: space-between;
}

.home .pcol
{
width: 45%;
}

.home .pcol .pcatch
{
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0px auto 1.5em auto;
width: 100%;
padding: 0em 0px 0px 0px;
}

.home .pcol .pcatch p
{
writing-mode: vertical-rl;
line-height: 2;
font-size: 220%;
margin: 0px auto 0em auto;
color: #513895;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 400;
}

.home.en .pcol .pcatch p
{
writing-mode: horizontal-tb;
line-height: 1.3;
font-size: 160%;
margin: 0px auto 1em auto;
color: #513895;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400;
}

.home .pcol .prof
{
margin: 0px auto 0em auto;
font-size: 120%;
line-height: 1.6;
}

.home .pcol .profimg
{
margin: 0px auto 1em auto;
aspect-ratio: 0.7;
width: 50%;
height: 300px;
}

.home .pcol .profimg img
{
height: auto;
object-fit: cover;
object-position: 50% 50%;
height: 300px;
}

.home .pagemenu
{
margin: 0px;
}

.home .pagemenu h2
{
text-align: center;
}

.home .pagemenu article
{
margin: 0px auto 0em auto;
padding: 160px 0px 0px 0px;
}

.home .pagemenu article#intro
{
margin: 0px auto 0em auto;
padding: 0px 0px 0px 0px;
}

.home .gallery-icon
{
margin: 0px 0px 0.5em 0px;
aspect-ratio: 1.6;
position: relative;
}

.home .gallery-icon a::before
{
content: "さらに詳しく";
display: block;
background: rgba(255,255,255,0.5);
position: absolute;
top: 80%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0.5em 1em;
border-radius: 0.3em;
font-size: 80%;
}

.home.en .gallery-icon a::before
{
content: "More Details";
display: block;
background: rgba(255,255,255,0.5);
position: absolute;
top: 80%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0.5em 1em;
border-radius: 0.3em;
font-size: 80%;
}

.home .gallery-icon a:hover::before,
.home.en .gallery-icon a:hover::before
{
background: rgba(255,255,255,1);
transition: all 0.5s;
}

ul.wflow
{
margin: 0px 0px 2em 0px;
padding: 0px;
}

ul.wflow li
{
list-style-type: none;
width: 100%;
/*border: 1px solid #513895;*/
border: 1px solid #ccc;
border-radius: 0.5em;
padding: 2em;
margin: 0px 0px 2em 0px;
display: flex;
justify-content: space-between;
align-items: center;
}

ul.wflow li:nth-child(even)
{
background: rgba(81,56,149,0.1);
}

ul.wflow li p
{
margin: 0px 0px 0em 0px;
flex-basis: 55%;
text-align: left;
}

ul.wflow li h2
{
margin: 0px 5% 0em 0px;
flex-basis: 40%;
display: flex;
align-items: center;
}

.home ul.wflow li h2 .wfn
{
font-size: 250%;
margin: 0px 5% 0em 0px;
font-family: -apple-system, "Open Sans", "Helvetica Neue", "Noto Sans JP", sans-serif !important;
font-weight: 300;
line-height: 1.2 !important;
}

.page .gallery-icon
{
margin: 0px 0px 0.5em 0px;
aspect-ratio: 1.6;
min-height: 300px;
}

.home .gallery-icon
{
margin: 0px 0px 0.5em 0px;
aspect-ratio: 1.6;
min-height: 0;
}

.home .gallery-icon img
{
aspect-ratio: 1.6;
object-fit: cover;
object-position: 50% 50%;
}

.page .pcont
{
display: flex;
justify-content: space-between;
}

.page .pcol
{
width: 45%;
}

.page-about .pcol:nth-of-type(2)
{
padding: 0em 0px 0px 0em;
}

.page-about .pcol:nth-of-type(2) .nml
{
font-size: 120%;
}

.page-about .pcol h2
{
font-size: 150%;
margin: 0px 0px 1em 0px;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
width:90%;
}

.page .pcol ul
{
padding: 0px 0px 0px 1em;
}

.page .pcol ul li
{
font-size: 85%;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
}

.en .page .pcol ul li
{
font-size: 85%;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
}

.page .wcat
{
width: 100%;
height: 400px;
position: relative;
margin: 0px 0px 2em 0px;
}

.page .wcat img
{
object-fit: cover !important;
object-position: 50% 50% !important;
width: 100%;
height: 400px;
margin: 0px !important;
}

.page #artist.wcat img
{
object-position: 50% 20% !important;
}

.page .wcatttl
{
width: 100%;
margin: 0px 0px;
}

.page .wcatttl h2
{
/*position: absolute;*/
/*bottom: 0;
top: 0;
left: 0;
right: 0;*/
text-align: center;
color: #513895;
;
font-size: 180% !important;
margin: 0px 0px 1em 0px !important;
padding: 0px !important;
/*top: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
width: 100%;
line-height: 1.2 !important;
/*text-shadow: #513895 0px 0px 5px;*/
/*text-shadow: #000 0px 0px 5px;*/
font-weight: 300 !important;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
}

/*.page .wcat p
{
display:none;
}*/





.page .wcatttl h2::before
{
display: none;
}

.page .wcatttl h2 .ens
{
font-size: 60% !important;
font-style: italic;
letter-spacing: 0.1em;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
}

.page .pmenu
{
margin: 0px;
}

.page .pmenu h3
{
margin: 0px 0px 2em 0px !important;
text-align: center;
border-top: 1px solid #513895;
border-bottom: 1px solid #513895;
padding: 2em 0px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400 !important;
}

.en .page .pmenu h3
{
margin: 0px 0px 2em 0px !important;
text-align: center;
border-top: 1px solid #513895;
border-bottom: 1px solid #513895;
padding: 2em 0px;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400 !important;
text-transform: uppercase;
}

.page .pmenu ul
{
margin: 0px 0px 4em 0px !important;
padding: 0px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.page .pmenu ul li
{
list-style-type: none;
width: 47.5%;
font-size: 100%;
/*border: 1px solid #513895;*/
border: 1px solid #ccc;
border-radius: 0.5em;
padding: 1.5em;
margin: 0px 0px 1em 0px;
background: rgba(81,56,149,0);
}

/*.page .pmenu ul li:nth-child(even)
{
background: rgba(81,56,149,0);
}*/







.page .pmenu ul li.wide
{
list-style-type: none;
width: 100%;
font-size: 100%;
/*border:1px solid #513895;*/
border-radius: 0.5em;
padding: 1.5em;
margin: 0px 0px 1em 0px;
background: rgba(81,56,149,0);
}

.page .pmenu ul li.wide img
{
width: 33.33%;
height: auto;
}

.page .pmenu ul li h4
{
font-weight: 300 !important;
margin: 0px 0px 0.75em 0px !important;
text-align: center;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400 !important;
color: #666;
}

.en .page .pmenu ul li h4
{
font-weight: 300 !important;
margin: 0px 0px 0.75em 0px !important;
text-align: left;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400 !important;
color: #666;
}

.page .pmenu ul li p
{
margin: 0px 0px 0em 0px !important;
}

.cta
{
margin: 0px auto 2em auto;
}

.cta a
{
display: block;
margin: 0px auto;
padding: 1em;
width: 100%;
max-width: 1024px;
text-align: center;
color: #fff;
background: #513895;
border-radius: 0.5em;
font-family: "Noto Sans JP", sans-serif;
font-size: 100%;
text-transform: uppercase;
}

.en .cta a
{
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif !important;
font-size: 100%;
text-transform: uppercase;
}

a.wdet
{
display: block;
margin: 0px auto;
padding: 1em;
width: 100%;
max-width: 640px;
text-align: center;
color: #fff;
background: #513895;
border-radius: 0.5em;
font-size: 110%;
font-family: "Noto Sans JP", sans-serif;
text-transform: uppercase;
}

.en a.wdet
{
font-size: 110%;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
text-transform: uppercase;
}

.home .titlecatch,
.page .outline .titlecatch
{
text-align: center;
font-size: 240%;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
letter-spacing: 0em;
margin: 0px 0px 0.5em 0px !important;
}

.home.en .titlecatch,
.en .page .outline .titlecatch
{
text-align: center;
font-size: 240%;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
letter-spacing: 0em;
margin: 0px 0px 0.5em 0px !important;
}

.page .outline p
{
margin: 0px 0px 4em 0px;
line-height: 2 !important;
}

.page .outline ul
{
margin: 0px 0px 4em 0px;
padding: 0px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.page .outline ul li
{
margin: 0px 0px 2em 0px;
padding: 1em 1em;
border-radius: 0.5em;
list-style-type: none;
width: 100%;
text-align: center;
background: rgba(81,56,149,0.2);
/*background:rgba(81,56,149,0.2) url(../../../images/lib/back/mgram01.png) left bottom repeat;
background-size:10%;*/
line-height: 1.6 !important;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
/*border-top:2px solid rgba(81,56,149,0.2);
border-bottom:2px solid rgba(81,56,149,0.2);*/
border: 2px solid rgba(81,56,149,0.2);
color: rgba(81,56,149,1);
}

.page .outline ul li:nth-child(even)
{
background: rgba(81,56,149,0.1);
}

.page .outline ul li .oldesc
{
display: block;
margin: 0px 1em 0em 0px;
text-align: center;
font-size: 200%;
line-height: 1.2;
}

.page .outline p.eyepoint
{
margin: 0px 0em 1em 0px;
text-align: center;
font-size: 130%;
}

/*------------------------------------------*/








#primary,
#secondary
{
background-color: transparent !important;
background: none;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9
{
min-height: 1px;
padding: 0px;
position: relative;
}

.col-md-4
{
width: 32%;
margin: 0em 0% 0px 0px;
}

.col-md-8
{
width: 68%;
margin: 0em 0% 0px 0px;
}

.col-md-9,
.search-results #primary
{
width: 100%;
margin: 0px 0% 0px 0px;
background-color: none !important;
background: none;
float: none;
}

.home .col-md-9
{
width: 100%;
margin: 0px 0% 0px 0px;
}

.single .col-md-9,
.single-column .col-md-9
{
width: 65%;
margin: 0px 10% 0px 0px;
background-color: none !important;
background: none;
float: left;
}

.archive .col-md-9,
.post-type-archive .col-md-9
{
width: 100%;
max-width: 1024px;
background-color: none !important;
background: none;
float: none;
margin: 0px auto 4em auto;
}

.col-md-3
{
width: 25%;
background-color: none !important;
background: none;
float: left;
}

.single .col-md-3,
.single-column .col-md-3
{
width: 25%;
background-color: none !important;
background: none;
float: left;
}

.archive .col-md-3,
.post-type-archive .col-md-3
{
width: 100%;
max-width: 1024px;
background-color: none !important;
background: none;
float: none;
margin: 0px auto 0px auto;
}

.archive .col-md-3 .widget,
.post-type-archive .col-md-3 .widget
{
width: 30%;
}

.entry-header p
{
font-size: 60%;
font-family: serif;
margin: 0px 0px 0em 0px;
}

.entry-header p:last-of-type
{
margin: 0px 0px 0em 0px;
}

.widget_newpostcatch
{
margin: 0px 0em 2em 0px;
overflow: hidden;
}

#npcatch
{
margin: 0px 0em 0em 0px;
overflow: hidden;
}

#npcatch img
{
float: left;
padding: 0px 0em 0px 0px;
}

.ptype
{
font-size: 180%;
margin: 0 0 0.25em;
padding: 0;
text-align: center;
font-family: "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
line-height: 1.2;
}

.en .ptype
{
font-size: 150%;
margin: 0 0 0.25em;
padding: 0;
text-align: center;
font-family: -apple-system, "Open Sans", "Helvetica Neue", "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
line-height: 1.2;
}

.ptype a
{
color: #513895
}

.entry-content
{
margin: 0em 0px 2em 0px;
overflow: hidden;
border-bottom: 1px solid #ccc;
}

.page .entry-content
{
margin: 0em 0px 2em 0px;
overflow: hidden;
border-bottom: none;
}

.entry-content p
{
font-size: 85%;
line-height: 2;
margin: 0em 0px 2em 0px;
letter-spacing: 0.05em;
}

.entry-content .excomment
{
margin: 0em auto 4em auto;
width: 80%;
}

.entry-content h2,
.entry-content h3
{
clear: both;
}

.entry-content h2
{
font-size: 110% !important;
margin: 0em 0px 0.5em 0px;
/*border-bottom: 2px solid #ddd;*/
padding: 0px 0px 0.5em 0px;
}

.entry-content h2::before
{
content: "■";
margin: 0em 0.25em 0em 0px;
}

.entry-content dl+h2
{
font-size: 110% !important;
margin: 3em 0px 0.5em 0px;
/*border-bottom: 2px solid #ddd;*/
padding: 0px 0px 0.5em 0px;
}

.entry-content p+h2,
.entry-content ul+h2
{
font-size: 110% !important;
margin: 3em 0px 0.5em 0px !important;
/*border-bottom: 2px solid #ddd;*/
padding: 0px 0px 0.5em 0px;
}

.entry-content h3
{
font-size: 115% !important;
margin: 0em 0px 0.5em 0px;
}

.entry-content img
{
margin: 1em 0px;
}

.page-about .entry-content img
{
margin: 0em 0px 1em 0px;
}

.entry-content dl
{
width: 100%;
margin: 0em 0px 4em 0px;
/*padding: 1em 0em;*/
overflow: hidden;/*border-top:1px solid #ccc;
border-bottom:1px solid #ccc;*/
}

.entry-content dt
{
width: 30%;
margin: 0em 2.5% 0em 0px;
padding: 0.25em 0em;
float: left;
clear: left;
font-size: 85%;
/*font-family: "Helvetica Neue", "Noto Sans JP", sans-serif;*/
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400;
line-height: 1.6;
color: #666;
}

.entry-content dd
{
width: 67.5%;
margin: 0em 0px 0em 0px;
padding: 0.25em 0em;
float: left;
font-size: 85%;
/*font-family: "Helvetica Neue", "Noto Sans JP", sans-serif;*/
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400;
line-height: 1.6;
color: #666;
}

.entry-content .comments
{
width: 47.5%;
float: left;
display: block;
margin: 0em 5% 0em 0px;
}

.entry-content .comments p
{
margin: 0em 0% 1.5em 0px;
font-size: 80% !important;
line-height: 1.8;
}

.entry-content dl.gspec
{
width: 100%;
float: none;
margin: 0em 0% 0em 0px;
}

.page .wp-caption .wp-caption-text
{
font-size: 75%;
text-align: right;
}

.entry-footer
{
clear: left;
margin: 0px;
}

.single .entry-header
{
margin: 0em 0px 1em 0px;
display:flex;
justify-content: flex-start;
}

.single .entry-header .entry-thumb,
.single-column .entry-header .entry-thumb
{
margin: 0em 0% 0em 0px !important;
width:70px !important;
/*min-width:70px !important;*/
border:none;
height:70px;
}

.single .entry-header .entry-thumb img,
.single-column .entry-header .entry-thumb img
{
object-fit:cover !important;
object-position: 50% 50%;
}

.single .entry-header .header-title,
.single-column .entry-header .header-title
{
margin: 0em 0px 1em 2.5%;
width:auto;
}


.page .entry-header
{
margin: 2em 0px 2em 0px;
font-size: 120%;
}

.page h2
{
font-size: 150%;
margin: 0px auto 1em auto;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
width:90%;
}

.page h3
{
font-size: 120%;
margin: 0px 0px 1em 0px;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

.posts-navigation
{
width: 100% !important;
clear: both;
}

.posts-navigation .nav-previous,
.posts-navigation .nav-next
{
padding: 0px;
}

.post-navigation
{
padding: 0px;
background: none !important;
margin: 0em 0px 2em 0px;
font-size: 80%;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
overflow: hidden;
}

.post-navigation a
{
/*color: #3d3591;*/
color: inherit;
}

.post-navigation ul
{
padding: 0px !important;
overflow: hidden;
}

.post-navigation li
{
padding: 0px;
list-style-type: none !important;
}

.post-navigation .prev
{
width: 40%;
float: left;
text-align: left;/*height: 1.5em;*/
}

.post-navigation .next
{
width: 40%;
float: right;
text-align: right;/*height: 1.5em;*/
}

.post-navigation .back
{
width: 20%;
float: left;
text-align: center;
height: 1.5em;
}

.widget input,
.widget select
{
width: 100%;
}

#secondary h3.widget-title
{
font-size: 85%;
font-weight: 200;
padding: 0px 0px 0.5em 0px;
border-bottom: 1px dotted #999;
margin: 0px 0px 1em 0px;
}

#secondary .widget ul li a
{
font-size: 85%;
}

.category-info #secondary .widget ul li,
.single #secondary .widget ul li,
.post-type-archive #secondary .widget ul li
{
margin: 0px 0px 1.5em 0px !important;
padding: 0px 0px 1em 0px !important;
border-bottom: none;
position: relative;
font-weight: 400 !important;
font-family: "Noto Sans JP", sans-serif;
}

.category-info #secondary .widget ul li a,
.single #secondary .widget ul li a,
.post-type-archive #secondary .widget ul li a
{
position: relative;
padding: 0.25em 0px 0.25em 0em;
}

.category-info .widget_recent_entries .post-date,
.single .widget_recent_entries .post-date,
.post-type-archive .widget_recent_entries .post-date
{
margin-left: 0;
float: left;
position: absolute;
bottom: -0.5em;
left: 0em;
font-size: 70%;
font-family: "Noto Sans JP", sans-serif;
}

.site-footer
{
line-height: 2;
padding: 0;
height: 320px;
background-color: transparent !important;
background: none !important;
}

.site-info
{
width: 100%;
max-width: 1024px;
margin: 0px auto;
padding: 2em 0px 0px 0px;
display: flex;
/*color: #513895 !important;*/
color: #666 !important;
align-items: center;
}

.site-info a
{
/*color: #513895 !important;*/
color: #666 !important;
}

.site-infodesc
{
width: 90%;
max-width: 1024px;
margin: 0px auto;
/*color: #513895;*/
color: #666;
font-size: 70%;
padding: 2.5em 0px 2em 0px;
letter-spacing: 0.05em;
overflow: hidden;
}

.site-infodesc a
{
color: #513895;
}

.fcol
{
width: 50%;
}

.menu-fnav-container
{
margin: 0px 0px;
}

.fcol:nth-of-type(1) img
{
width: 300px;
height: auto;
display: block;
margin: 0px 0px 1em 0px;
}

.fcol:nth-of-type(2) .fnav ul
{
display: flex;
flex-wrap: wrap;
margin: 0px 0px 0em 0px;
padding: 0px;
}

.fcol:nth-of-type(2) .fnav ul li
{
list-style-type: none;
/*border-right: 1px solid #513895;*/
border-right: 1px solid #666;
margin: 0px 0px 1em 0px;
}

.fcol:nth-of-type(2) .fnav ul li:last-child
{
border-right: none;
}

.fcol:nth-of-type(2) .fnav ul li a
{
padding: 0px 1em;
font-size: 80%;
line-height: 1 !important;
display: block;
font-family: "Noto Sans JP", sans-serif;
}

.en .fcol:nth-of-type(2) .fnav ul li a
{
padding: 0px 1em;
font-size: 80%;
line-height: 1 !important;
display: block;
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
}

.sname_en
{
font-size: 150%;
letter-spacing: 0.5em;
color: #ccc;
}

.cr
{
display: block;
font-size: 64% !important;
letter-spacing: 0.05em;
line-height: 1.6;
margin: 0px 0px 2em 0px;
/*font-family: "Open Sans", "Noto Sans JP", sans-serif;*/
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
}

.adr
{
/*font-family: sans-serif;
font-size: 100%;
letter-spacing: 0.05em;*/
display: block;
color: #ccc;
margin: 0px 0px 0.75em 0px;
}

.go-top
{
width: 50px;
height: 50px;
/*line-height: 1.6;
font-size: 180%;*/
border-radius: 0px;
/*color: #222;*/
right: 0px;
}

.go-top.show
{
bottom: 0px;
opacity: 1;
visibility: visible;
/*background: rgba(255,255,255,0.5) !important;*/
background: #513895;
right: 0px;
}

.go-top.show:hover
{
/*background: rgba(255,255,255,0.8) !important;*/
background: rgba(81,56,149,0.7);
}

.btn-menu .sydney-svg-icon
{
margin-top: 0px;
}

.go-top svg
{
fill: #fff !important;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
width: 100% !important;
padding: 0.5em !important;
}

input[type="button"],
input[type="submit"]
{
border-radius: 0.5em !important;
margin: 0px 1em 0px 0px;
}

input[name="date01"],
input[name="date02"]
{
width: 50% !important;
margin: 0px 0px 1em 0px;
}

input[name="your-name"],
input[name="your-namekana"],
input[name="your-email"],
input[name="telno"],
inputtextarea[name="your-message"]
{
background: #fafafa !important;
}

select
{
font-size: 80%;
}

label
{
width: 100% !important;
}

label::before
{
content: "■";
margin: 0em 0.25em 0em 0px;
}

.wpcf7-form
{
max-width: 900px;
margin: 0px auto;
}

.home iframe,
.home object
{
filter: grayscale(100%);
/*-webkit-filter: none;*/
transition: all 0.3s linear;
min-height: 450px;
}

.home iframe:hover,
.home object:hover
{
filter: grayscale(0%);
/*-webkit-filter: none;*/
transition: all 0.3s linear;
}

.jps,
.ens
{
font-size: 70%;
line-height: 1.6;
display: inline-block;
}

/*-------------------------------------*/








.amw-galleria-slideshow
{
margin: 0px 0% 3em 0px;
width: 100%;
}

.galleria-container
{
/*background: #fff none repeat scroll 0 0;*/
background: none;
overflow: hidden;
position: relative;
margin: 0px 0px 3em 0px;
width: 100%;
background: #fff !important;
}

.galleria-thumbnails-container
{
width: 100% !important;
}

.galleria-stage
{
width: 100% !important;
margin: 0px 0px 1em 0px !important;
background: #fff !important;
}

.galleria-images
{
width: 100% !important;
}

.galleria-image
{
background: #fff;
width: 100%;
}

.galleria-image img
{
left: auto;
right: auto;
margin: 0px auto !important;
width: 100%;
max-width: 100% !important;
height: auto;
}

.galleria-amw-fullscreen
{
right: 0px;
top: 0px;
}

.galleria-info-link
{
/*bottom: 0px;
left: 0px;*/
display: none;
}

.galleria-thumbnails-container
{
bottom: 0px;
height: 50px;
left: 0px;
position: absolute;
right: 0px;
z-index: 2;
background: #fff !important;
}

.galleria-thumbnails .galleria-image
{
/*background: #000 none repeat scroll 0 0;*/
background: #fff;
/*border: 1px solid #000;*/
border: none;
cursor: pointer;
float: left;
margin: 0px 1px 0px 0px;
}

br.mob
{
display: none;
}

label
{
/*font-weight: 300;*/
font-family: -apple-system, "Helvetica Neue", "Noto Sans JP", sans-serif;
font-weight: 400;
}

.n2-ow
{
letter-spacing: 0.1em !important;
font-weight: normal !important;
}

.execphpwidget p
{
font-size: 75%;
}

.widget-area
{
border: none;
}

.share ul
{
padding: 0px !important;
margin: 0px 0px 3em 0px;
}

.share ul li
{
display: inline-block;
list-style-type: none;
padding: 0px !important;
margin: 0px 0.5em 0em 0px;
height: 40px;
font-size: 90%;
font-family: "Cardo", serif;
}

.share ul li:last-child
{
margin: 0px 0em 0em 0px;
}

.share ul li a
{
color: #fff;
width: 32px;
height: 32px;
border-radius: 20px;
display: block;
vertical-align: middle;
margin: 0px;
font-size: 18px;/* フォントサイズ */
text-align: center;
text-decoration: none;
line-height: 1;
padding: 7px;
}

.share .tweet a
{
background-color: #55acee;
background-color: #999;
}

.share .facebook a
{
background-color: #315096;
background-color: #999;/*margin:0px 0.5em 0px 0px;*/
}

.share .instagram a
{
background-color: #CF2E92;
background-color: #999;
}

.share li span
{
display: none;
}

.wpcf7 form .wpcf7-response-output
{
margin: 2em 0em 1em;
border-radius: 0.3em;
}

span.wpcf7-list-item
{
margin: 0.5em 0px 0px 0px;
display: block;
}

.wpcf7-spinner
{
margin: 0em 1em;
}

#wpcf7cpcnf table
{
border: none;
}

#wpcf7cpcnf table th
{
background-color: #ddd;
border: none;
color: #222;
text-align: center;
width: 25%;
border: 1px solid #fff;
}

#wpcf7cpcnf table td
{
background-color: #eee;
border: 1px solid #fff;
text-align: left;
padding-left: 1.5em;
}

#wpcf7cpcnf table td p,
#wpcf7cpcnf table th p
{
margin: 0px !important;
}

/* ボタン */

#wpcf7cpcnf button
{
background-color: #999;
border: none;
color: #fff;
border-radius: 0.5em;
}

legend
{
display: block;
width: 100%;
padding: 0;
margin-bottom: 0;
font-size: 85%;
line-height: inherit;
color: #666 !important;
border: none;
}
 @media only screen and (max-width: 1024px) {

.container
{
width: 100%;
}

.home .content-inner,
.page .content-inner
{
width: 90%;
}

.wrapper-inner
{
width: 90%;
margin: 0em auto 0px auto;
}

.metaslider
{
margin: 60px auto 3em auto !important;
}

.header-wrap
{
width: 100%;
margin: 0px auto;
}

.header-wrap .container
{
margin: 0em auto 0px auto !important;
}

.site-header .col-md-4,
.site-header .col-md-8
{
margin: 1em auto 0em auto;
}

.site-title
{
width: auto;
float: left;
margin: 0em 0.5em 0em 0px;
padding: 0em 0px 0px 0px;
}

.site-description
{
font-size: 70% !important;
width: auto;
float: left;
padding: 1em 0px 0px 0px;
}

.page-wrap
{
width: 100%;
margin: 0px auto;/*padding: 120px 0px 0px 0px !important;*/
padding: 60px 0px 2em 0px !important;
}

.home .posts-layout
{
width: 90%;
margin: 0px auto 4em auto !important;
}

.home .posts-layout article
{
height: auto;
margin: 0px 0% 2em 0px;
clear: none;
width: 100%;
}

.site-info
{
width: 90%;
margin: 0px auto;
}

.cr
{
text-align: center;
}

.fcol:nth-of-type(2) .fnav ul li a
{
text-align: center;
}

.site-header
{
height: 60px;
}

.site-header.fixed
{
position: fixed !important;
height: 60px;
padding: 0px;
}

#mainnav-mobi
{
margin: 0px auto 0;
top: 60px;
}

.site-logo
{
max-height: 50px !important;
margin: 0px 0px 10px 5%;
}

.header-wrap
{
height: 60px;
}

.btn-menu
{
position: absolute;
right: 0px;
top: 10px;
margin: 0px 10px 0px 0px;
z-index: 100;
font-weight: 100 !important;
}

.btn-submenu
{
cursor: pointer;
font-size: 20px;
height: 40px;
line-height: 40px;
position: absolute;
right: 20px;
text-align: center;
top: 0;
width: 40px;
}

.home .pagemenu article
{
margin: 0px auto 4em auto;
padding: 120px 0px 0px 0px;
}

.archive .col-md-9,
.post-type-archive .col-md-9
{
width: 90%;
margin: 0px auto 4em auto;
}

.archive .col-md-3,
.post-type-archive .col-md-3
{
width: 90%;
margin: 0px auto 0px auto;
}

.col-md-4
{
width: 50%;
margin: 0em 0% 0px 0px;
}

.col-md-8
{
width: 50%;
margin: 0.5em 0% 0px 0px;
}

.site-header .col-md-4,
.site-header .col-md-8
{
margin: 0em auto 0;
}

.home .pcol .profimg
{
margin: 0px auto 1em auto;
aspect-ratio: 0.7;
width: 50%;
height: 200px;
}

.home .pcol .profimg img
{
height: auto;
object-fit: cover;
object-position: 50% 50%;
height: 200px;
}

.site-info
{
width: 90% !important;
margin: 0px auto 0em auto !important;
flex-wrap: wrap;
}

.fcol
{
width: 100%;
margin: 0px auto 2em auto;
}

.fcol:nth-of-type(1) img
{
margin: 0px auto 1em auto;
}

.fcol:nth-of-type(2) .fnav ul li
{
width: 33.33%;
}

.fcol:nth-of-type(2) .fnav ul li:nth-child(3n)
{
border-right: none;
}

.home .vbox
{
margin: 60px 0px 4em 0px;
}

.home .vbox .vblogo img
{
width: 70%;
}

.cta
{
margin: 0px auto 2em auto;
width: 90%;
}
}
 @media only screen and (max-width: 767px) {

.n2_clear
{
margin: 60px 0px 0em 0px;
}

.home .page-wrap
{
padding: 0em 0px 2em 0px !important;
}

.col-md-8.col-sm-4.col-xs-12
{
margin: 0px auto !important;
}

.header-wrap .container
{
margin: 0em auto 0px auto !important;
}

.site-header .col-md-4,
.site-header .col-md-8
{
margin: 0em auto 0em auto;
}

.header-wrap
{
margin: 0 auto;
width: 100%;
}

.header-wrap .container
{
margin: 1em auto 0;
}

.site-title
{
width: auto;
float: none;
margin: 0em auto 0.1em auto;
}

.site-title a
{
font-size: 100% !important;
}

.site-description
{
font-size: 70% !important;
width: auto;
float: none;
margin: 0em auto 0em auto;
padding: 0em 0px 0px 0px !important;
line-height: 1.4;
font-size: 70% !important;
}

.col-md-9,
.search-results #primary
{
width: 100%;
margin: 0px 0% 4em 0px;
padding: 0px 0px 1em 0px;
float: none;
}

.single .col-md-9,
.single-column .col-md-9
{
width: 100%;
margin: 0px 0% 4em 0px;
float: none;
}

.col-md-4,
.col-md-3
{
width: 100%;
margin: 0px 0% 0px 0px;
padding: 0px 0px 0em 0px;
float: none;
clear: both;
}

.single .col-md-3,
.single-column .col-md-3
{
width: 100%;
background-color: none !important;
background: none;
float: none;
}

.col-md-8
{
width: 100%;
margin: 0px 0% 0px 0px;
float: none;
position: absolute;
top: 0px;
}

.btn-menu
{
position: absolute;
right: 10px;
top: 10px;
margin: 0px 0px 0px 0px;
z-index: 100;
}

#mainnav-mobi
{
margin: 0px auto 0;
top: 60px;
}

.page-wrap
{
padding: 60px 0px 0px 0px !important;
}

.home .posts-layout
{
clear: none;
float: none;
height: auto;
margin: 0 auto 2em auto !important;
padding: 0;
width: 90% !important;
}

.home .posts-layout article
{
clear: none;
float: none;
height: auto;
margin: 0 0% 1em 0;
width: 100%;
}

.home .n2-ss-slider-align-visible
{
margin: 60px auto 3em auto;
}

.entry-content .comments
{
display: block;
float: none;
margin: 0 0% 2em 0;
width: 100%;
}

.entry-content dl.gspec
{
float: none;
margin: 0 0 0 0;
width: 100%;
}

.entry-content dt
{
width: 25%;
}

.entry-content dd
{
width: 75%;
}

.site-footer
{
line-height: 1.8;
}

br.mob
{
display: inline;
}

.hentry .meta-post,
.hentry .meta-post a,
.home .entry-post
{
text-align: left;
}

.single .hentry .meta-post
{
text-align: left;
}

h1.title-post
{
text-align: center !important;
}

.single h1.title-post,
.single-column h1.title-post
{
text-align: left !important;
}

.page-name
{
text-align: center;
}

.ptype
{
text-align: center;
}

.seriesname
{
text-align: center;
}

.page-header
{
margin: 0 0 6em 0;
padding: 0;
}

.posts-layout article,
 .search-results #primary article
{
clear: none;
float: left;
height: 15em;
margin: 0 5% 4em 0;
width: 47.5% !important;
}

.posts-layout article:nth-of-type(3n),
.search-results #primary article:nth-of-type(3n)
{
margin: 0 5% 4em 0;
}

.posts-layout article:nth-of-type(2n),
.search-results #primary article:nth-of-type(2n)
{
margin: 0 0% 4em 0;
}

.amw-galleria-slideshow
{
margin: 0 0 1em 0;
width: 100%;
}

.site-info
{
text-align: center;
}

.sname
{
display: block;
width: auto;
margin: 0px auto 1em auto;
min-height: 25px;
float: none;
background-size: contain;
opacity: 1;
outline: none;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.sadr
{
display: block;
width: 100%;
margin: 0px auto 1em auto;
float: left;
color: #ccc;
font-family: sans-serif;
font-size: 110%;
letter-spacing: 0.05em;
line-height: 1.6;
text-align: center;
}

.ssns
{
display: block;
width: 100%;
float: none;
text-align: center !important;
}

div.crafty-social-buttons-align-right
{
text-align: center !important;
}

.share ul
{
text-align: center;
}

.home .pcont
{
flex-wrap: wrap;
}

.home .pcol
{
width: 100%;
margin: 0em 0% 4em 0px;
}

.home .gallery-columns-3 .gallery-item
{
max-width: 100%;
margin: 0em 0% 2em 0px;
}

.home main p
{
text-align: left !important;
}

.fcol:nth-of-type(2) .fnav ul li
{
width: 50%;
}

.fcol:nth-of-type(2) .fnav ul li:nth-child(3n)
{
border-right: 1px solid #513895;
}

.fcol:nth-of-type(2) .fnav ul li:nth-child(2n)
{
border-right: none;
}

.page .pcont
{
flex-wrap: wrap;
}

.page .pcol
{
width: 100%;
}

.titleimg
{
height: 300px;
}

.titleimg img
{
height: 300px;
}

.home .pcol .prof p
{
text-align: center !important;
}

ul.wflow li
{
flex-wrap: wrap;
}

ul.wflow li p
{
margin: 0px 0px 0em 0px;
flex-basis: 100%;
text-align: left;
}

ul.wflow li h2
{
margin: 0px 0% 1em 0px;
flex-basis: 100%;
}

.page .outline p br
{
display: none;
}

.page .outline p
{
text-align: left;
}

.page .pmenu ul li
{
width: 100%;
}

.page .pmenu ul li img
{
width: 100%;
}

.home .titlecatch,
.page .outline .titlecatch
{
line-height: 1.2 !important;
}

.page .outline ul li .oldesc
{
margin: 0px 0em 0.5em 0px;
}

.page .wcat h2
{
padding: 0em 1em !important;
}

ul.wflow li h2
{
justify-content: center;
}

.archive .col-md-3 .widget,
.post-type-archive .col-md-3 .widget
{
width: 45%;
}

.home .posts-layout .entry-thumb
{
height: 60px;
aspect-ratio: 1;
margin: 0px 5% 0em 0px !important;
width: 60px;
}

input[name="date01"],
input[name="date02"]
{
width: 100% !important;
margin: 0px 0px 1em 0px;
}

input[type="button"],
input[type="submit"]
{
border-radius: 0.5em !important;
margin: 0px 0em 0px 0px;
width: 100%;
}

.wpcf7-spinner
{
margin: 1em 0em;
}

.home .pcol .profimg
{
margin: 0px auto 1em auto;
aspect-ratio: 0.7;
width: 50%;
height: 360px;
}

.home .pcol .profimg img
{
height: auto;
object-fit: cover;
object-position: 50% 50%;
height: 360px;
}

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

.home .posts-layout article,
.home .posts-layout article:nth-of-type(2n)
{
clear: none;
float: none;
height: auto;
margin: 0 0% 2em 0 !important;
width: 100% !important;
}

.gallery .widget ul#npcatch li
{
width: 20% !important;
}

.posts-layout article,
.search-results #primary article
{
clear: none;
float: none;
height: auto;
width: 100% !important;
margin: 0 0 2em 0 !important;
}

.posts-layout article .entry-header,
.search-results #primary article .entry-header
{
margin: 0 0 1em 0 !important;
}

.site-logo
{
max-height: 50px !important;
margin: 0px 0px 10px 0%;
}

.home .entry-thumb
{
width: 100%;
float: none;
height: 8em;
}

.home .posts-layout article .entry-header
{
margin: 0px 0px 0.25em 0px !important;
}

.home .title-post
{
margin: 0px;
}

.exhibition .posts-layout article
{
width: 100% !important;
float: none;
clear: none;
margin: 0px 0% 2em 0px;
padding: 0px;
height: 24em;
}

.fcol:nth-of-type(1) img
{
width: 200px;
}

.home .vbox .vblogo
{
width: 100%;
justify-content: center;
}

.home .vbox .vblogo img
{
width: 50%;
margin: 0px 0% 5% 0px;
}

.archive .col-md-3 .widget,
.post-type-archive .col-md-3 .widget
{
width: 100%;
}

#wpcf7cpcnf table th
{
border-top: none;
border-right: none;
border-left: none;
text-align: left;
display: inline-block;
width: 100% !important;
float: left;
font-weight: bold;
padding: 0.5em;
}

#wpcf7cpcnf table th::before
{
content: "■";
display: inline-block;
color: #999;
margin: 0px 0.3em 0px 0px;
}

#wpcf7cpcnf table th p
{
display: inline;
}

#wpcf7cpcnf table td
{
background-color: #eee;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 10px solid #fff;
text-align: left;
padding: 1em;
float: left;
width: 100% !important;
}

#wpcf7cpcnf button.wpcf7cp-cfm-edit-btn
{
width: 100%;
margin: 0px 0px 2em 0px;
}

#wpcf7cpcnf button.wpcf7-submit
{
width: 100%;
margin: 0px 0px 0em 0px;
background: #513895;
}
}