html {
overflow: auto;
overflow-y: scroll;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
overflow: hidden;
background: #f1f1f1;
font-size: 14px;
font-size: 1.4rem;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "a-otf-midashi-go-mb31-pr6n", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
font-feature-settings: "palt";
letter-spacing: .05em;  } @media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, h1,h2,h3,h4,h5,h6 {
font-feature-settings: "pkna";
letter-spacing: 0;
}
}
p {
text-align: justify;
text-justify: inter-ideograph;
}
a {
text-decoration: none;
}
a:hover, 
a:focus {
text-decoration: underline;
}
a:active {
position: relative;
color: #f33;
left: 1px;
}
img {
max-width: 100%;
height: auto;
}
h1,h2,h3,h4,h5,h6,p,ul,ol {
margin-top: 0;
}
table {
border-collapse: collapse;
}
figure {
border: 0;
margin-right: 0;
margin-left: 0;
}
input,
textarea {
max-width: 100%; }
fieldset {
border: 0;
}
th > *:first-child,
td > *:first-child {
margin-top: 0 !important;
}
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media(max-width: 768px) {
html,body{
width: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
}  .l-site {
margin: 0 auto;
}
.l-site:after {
content: "";
display: table;
clear: both;
} .c1  .l-site { max-width:  910px }
.c2l .l-site { max-width: 1046px }
.c2r .l-site { max-width: 1046px }
.c3  .l-site { max-width: 1100px }
.c3r .l-site { max-width: 1100px } .l-main > div > *:first-child,
.l-sidebar > div > *:first-child {
margin-top: 0 !important;
}
.l-sidebar > div > *:last-child {
margin-bottom: 0 !important;
} .c1 .l-main {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.c1 .l-sidebar {
width: 50% !important;
}
.c1 .l-sidebar-1 {
float: left;
padding-right: 14px;
}
.c1 .l-sidebar-2 {
float: right;
padding-left: 14px;
} .c2r .l-main,
.c2l .l-main { width: 100%; }
.c2r .l-sidebar, 
.c2l .l-sidebar { width: 336px; } .c2r .l-main {
float: left;
margin-right: -366px; }
.c2r .l-main > * {
margin-right: 366px;
}
.c2r .l-sidebar {
float: right;
}
.c2r .l-sidebar-2 {
clear: right;
} .c2l .l-main {
float: right;
margin-left: -366px; }
.c2l .l-main > * {
margin-left: 366px;
}
.c2l .l-sidebar {
float: left;
}
.c2l .l-sidebar-2 {
clear: left;
} .c3 .l-main_sidebar-1 {
display: inline;
float: left; width: 880px;
}
.c3 .l-main {
float: right; margin-right: 20px; width: 620px;
}
.c3 .l-sidebar-1 {
float: left; width: 220px;
}
.c3 .l-sidebar-2 {
float: right; width: 220px;
} .c3r .l-main_sidebar-1 {
float: left;
width: 80%;
}
.c3r .l-main {
float: left;
margin-right: 2.5%;
width: 70%;
}
.c3r .l-sidebar-1 {
float: left;
margin-bottom: 1.5%;
width: 25%;
}
.c3r .l-sidebar-2 {
float: right;
margin-bottom: 2%;
width: 20%;
}
@media(max-width: 1046px) {  .c1  .l-site { width: 100% !important ; max-width:  910px !important ; }
.c2l .l-site { width: 100% !important ; max-width: 1046px !important ; }
.c2r .l-site { width: 100% !important ; max-width: 1046px !important ; }
.c3  .l-site { width: 100% !important ; max-width: 1100px !important ; }
.c3r .l-site { width: 100% !important ; max-width: 1100px !important ; } .l-site {
padding-right: 15px;
padding-left: 15px;
}
.header-image {
margin-right: -15px;
margin-left: -15px;
} .c3 .l-main_sidebar-1 {
display: inline;
float: none;
width: 100%;
}
.c3 .l-main {
float: left;
margin-right: -356px; width: 100% !important;
}
.c3 .l-main > * {
margin-right: 356px;
}
.c3 .l-sidebar-1,
.c3 .l-sidebar-2 {
float: right;
margin-bottom: 1.5%;
width: 336px !important;
}
}
@media(max-width: 768px) {
.c2r .l-main,
.c2r .l-main > *,
.c2r .l-sidebar,
.c2l .l-main,
.c2l .l-main > *,
.c2l .l-sidebar,
.c3  .l-main_sidebar-1,
.c3  .l-main,
.c3  .l-main > *,
.c3r .l-main_sidebar-1,
.c3r .l-main,
.c3r .l-main > * {
float: none;
margin-right: 0 !important;
margin-left:  0 !important;
padding: 0 !important;
width: 100% !important;
}
.c1  .l-sidebar,
.c2r .l-sidebar,
.c2l .l-sidebar,
.c3  .l-sidebar,
.c3r .l-sidebar {
float: none !important;
margin-right: 0 !important;
margin-left:  0 !important;
padding-right: 0 !important;
padding-left:  0 !important;
width: 100% !important;
}
} .header {
}
.header-inner {
} .header-navigation {
padding: .75em 0;
background-color: rgba(0,0,0,.5);
}
.header-navigation ul {
float: right;
margin: 0;
padding-left: 0;
list-style-type: none;
text-align: right;
font-size: 0;
line-height: 1;
}
.header-navigation li {
display: inline;
margin-left: 1em;
color: #ededed;
text-align: right;
font-size: 12px;
font-size: 1.2rem;
}
.header-navigation a {
color: #ededed;
text-decoration: none;
}
.header-navigation a:hover {
color: #fff;
}
@media(max-width: 768px) {
.header-navigation { display: none;
} } .header-main {
}
.header-main-inner {
position: relative;
} .header-txt-ad {
} .header-ad {
position: absolute;
right: 0;
top: 0;
padding: 30px;
} .header-txt {
}
.site-title {
margin: 0;
padding: 30px 0 5px;
font-weight: bold;
font-size: 26px;
font-size: 2.6rem;
line-height: 1.333;
}
.site-title a, 
.site-title a:visited {
color: #333;
text-decoration: none;
}
.site-title a:hover {
color: #999;
}
.site-description {
margin-bottom: 30px;
color: #666;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.618;
} body.has-header-image {
}
.has-header-image .header {
min-height: 0;
}
.has-header-image .header-main-inner {
position: relative;
}
.has-header-image .header-image {
font-size: 0;
}
.has-header-image .header-txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.has-header-image .site-title,
.has-header-image .site-description {
text-shadow: none;
margin-left: 20px;
} header.header-center .header-txt,
header.header-center .header-txt p,
header.header-center .header-image {
text-align: center;
}
header.header-center .header-ad { display: none; }
@media(max-width: 768px) {
.header-main-inner {
}
.header-ad {
position: static;
right: auto;
top: auto;
padding: 15px;
}
.site-title {
font-size: 21px;
font-size: 2.1rem;
text-align: center;
}
.site-description {
width: 100%;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
}
.header-image {
text-align: center;
}
} .global-navigation {
background-color: #666;
}
.global-navigation-inner {
margin: 0 auto;
}
.global-navigation * {
margin: 0;
padding: 0;
}
.global-navigation ul {
display: table;
margin: 0 auto;
padding: 0;
width: 100%;
list-style: none;
font-size: 0;
}
.global-navigation ul li {
position: relative;
display: table-cell;
font-size: 15px;
font-size: 1.5rem;
}
@media(max-width: 768px) {
.global-navigation ul {
display: block;
}
.global-navigation ul li {
display: block;
float: left;
}
} .global-navigation > ul > li {
padding: 1em;
text-align: center;
} .global-navigation > ul:first-child {
border-left: 1px solid rgba(0,0,0,.1);
}
.global-navigation > ul > li {
border-right: 1px solid rgba(0,0,0,.1);
} .global-navigation a {
position: relative;
display: block;
}
.global-navigation a:hover {
text-decoration: none;
}
.global-navigation a:active {
left: 1px;
}
.global-navigation > ul > li:hover,
.global-navigation > ul > li.current_page_item,
.global-navigation > ul > li.current_page_ancestor,
.global-navigation > ul > li.current-menu-item,
.global-navigation > ul > li.current-menu-ancestor {
background: -webkit-linear-gradient       (top, rgba(0,0,0,.05) 50%, rgba(0,0,0,.1) 100%);
background:         linear-gradient( to bottom, rgba(0,0,0,.05) 50%, rgba(0,0,0,.1) 100%);
}
.global-navigation > ul > li > a,
.global-navigation > ul > li > a:visited {
color: #fff;
} .global-navigation ul li.menu-item-has-children > a:after,
.global-navigation ul li.submenu > a:after {
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: rgba(255,255,255,.5);
content: "";
} .global-navigation ul li ul {
position: absolute;
top: 100%;
left: 0;
z-index: 3;
display: block;
width: 133%;
border: none;
border-radius: 0 0 5px 5px;
background: #fefefe;
box-shadow: 0 1px 3px rgba(0,0,0,.333);
}
.global-navigation ul li ul li {
display: block;
overflow: hidden;
height: 0; border: none;
text-align: left;
font-size: 13px;
line-height: 1.333;
-webkit-transition: .2s;
-moz-transition: .2s;
transition: .2s;
}
.global-navigation ul li:hover > ul > li {
overflow: visible;
margin-top: 1px;
padding-top: .5em;
padding-bottom: .5em;
height: auto; border-top: 2px solid rgba(0,0,0,.05);
}
.global-navigation ul li:hover > ul > li:first-child {
border-top: none;
} .global-navigation ul li ul li a,
.global-navigation ul li ul li a:visited {
color: #333;
padding: .5em 2em .5em 1em;
text-shadow: none;
}
.global-navigation ul li ul li a:hover {
color: #fff;
background-color: #06c;
} .global-navigation ul li ul li.menu-item-has-children > a:after,
.global-navigation ul li ul li.submenu > a:after {
position: absolute;
top: 12px;
right: 12px;
width: 0;
height: 0;
border: 4px solid transparent;
border-left-color: #333;
content: "";
}
.global-navigation ul li ul li.submenu:hover > a:after {
border-left-color: #fff;
}
.global-navigation ul li:last-child ul li.submenu > a:after { border-left-color: transparent;
border-right-color: #333;
}
.global-navigation ul li:last-child ul li.submenu:hover > a:after {
border-right-color: #fff;
} .global-navigation ul li ul li ul {
top: 0;
left: 100%;
width: 100%;
border-radius: 5px;
}
.global-navigation ul li:last-child ul li ul { left: -100%;
}
.global-navigation ul li ul li:hover > ul > li {
overflow: visible;
} .global-navigation-btn { display: none;
}
@media(max-width: 768px) {
.global-navigation {
background: none;
}
.global-navigation { box-shadow: none !important;
border: none !important;
background: none !important;
}
.global-navigation-inner { box-shadow: none;
border: none;
background: none;
}
.global-navigation:before,
.global-navigation:after { content: none !important;
}
.global-navigation.global-navigation-width100 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0;
margin-left: 0;
padding-right: 1em;
padding-left: 1em;
}
.global-navigation { display: none
} .global-navigation-btn {
z-index: 4;
display: block;
padding: .666em;
background-color: #666;
color: #fff;
font-size: 14px;
cursor: pointer;
} .global-navigation > ul {
display: block;
margin: 0 auto;
width: 95% !important;
border-radius: 0 0 5px 5px;
background: #fff;
background: rgba(255,255,255,.9);
box-shadow: 0 1px 3px rgba(0,0,0,.333);
}
.global-navigation > ul > li {
display: block;
float: none;
padding: 0;
width: 100%;
border-top: 1px solid rgba(0,0,0,.1);
text-align: left;
font-weight: bold;
font-size: 13px !important;
} .global-navigation > ul:first-child {
border-left: none;
}
.global-navigation > ul > li {
border-right: none;
} .global-navigation a {
display: block;
padding: 1em 1em;
}
.global-navigation a:hover {
text-decoration: none;
}
.global-navigation > ul > li:hover,
.global-navigation .current_page_item,
.global-navigation .current_page_ancestor,
.global-navigation .current-menu-item,
.global-navigation .current-menu-ancestor {
background: none;
} .global-navigation > ul > li > a,
.global-navigation > ul > li > a:visited {
color: #333 !important;
}
.global-navigation > ul > li a:before {
content: none !important;
} .global-navigation ul li.submenu > a:after {
content: none;
} .global-navigation ul li ul {
position: static;
width: 100%;
border-radius: 0;
box-shadow: none;
}
.global-navigation ul li ul li {
float: none;
overflow: visible;
height: auto;
border-top: 1px solid rgba(0,0,0,.1);
font-weight: normal;
}
.global-navigation ul li:hover > ul > li {
padding-top: 0;
padding-bottom: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
.global-navigation ul li:hover > ul > li:first-child {
border-top: 1px solid rgba(0,0,0,.1);
} .global-navigation ul li ul li a {
padding: 1em 1em 1em 3em;
}
.global-navigation ul li ul li a:hover {
color: inherit;
background-color: transparent;
} .global-navigation ul li ul li.submenu > a:after {
content: none;
}
.global-navigation ul li ul li a:before {
display: inline-block;
margin-right: 4px;
width: 0;
height: 0;
border: 4px solid transparent;
border-left-color: #999;
content: "";
} .global-navigation ul li ul li ul li {
float: none;
}
.global-navigation ul li ul li ul li a {
padding: 1em 1em 1em 5em;
}
} .content-area {
} .breadcrumb {
margin-bottom: 20px;
padding: 0;
overflow: hidden;
}
.breadcrumb ul {
padding: 1px 0;
font-size: 0;
}
.breadcrumb li {
float: left;
margin-bottom: 5px;
color: #888;
list-style-type: none;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.1;
}
.breadcrumb a {
padding-right: .5em;
color: #666;
text-decoration: none;
}
.breadcrumb a:after {
margin-left: .5em;
color: #ccc;
content: ">";
}
.breadcrumb li:hover a {
color: #000;
}
.breadcrumb li:last-child a:after {
content: none;
}
.breadcrumb li:last-child span {
max-width: 60em;
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media(max-width: 768px) {
.breadcrumb {
margin-bottom: 10px;
}
.breadcrumb ol li:last-child span {
max-width: 24em;
}
} .page-title {
margin: 0 0 1em;
color: #222;
font-weight: normal;
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
}
@media(max-width: 768px) {
.page-title {
font-size: 18px;
font-size: 1.8rem;
}
} .main {
font-size: 15px;
font-size: 1.5rem;
line-height: 2;
} .sub {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.618;
} .footer {
background-color: rgba(0,0,0,.025);
} .fat-footer:before,.fat-footer:after { content: ""; display: table }
.fat-footer:after { clear: both }
.fat-footer {
clear: both;
}
.fat-footer-inner > div {
float: left;
width: 33.333%;
}
.fat-footer .fat-footer1-inner {
padding-right: 14px;
padding-left : 0;
}
.fat-footer .fat-footer2-inner {
padding-right: 6px;
padding-left : 6px;
}
.fat-footer .fat-footer3-inner {
padding-right: 0;
padding-left : 14px;
}
.fat-footer.sub .widget {
margin-top: 0;
margin-bottom: 15px;
}
.fat-footer.sub .widget:last-child {
margin-bottom: 20px;
}
.fat-footer .fat-footer1-inner > .widget,
.fat-footer .fat-footer2-inner > .widget,
.fat-footer .fat-footer3-inner > .widget {
margin-top: 20px;
}
.fat-footer .fat-footer1-inner > .widget:last-child,
.fat-footer .fat-footer2-inner > .widget:last-child,
.fat-footer .fat-footer3-inner > .widget:last-child {
margin-bottom: 20px;
}
@media(max-width: 768px) {
.fat-footer-inner > div {
float: none;
width: auto;
}
.fat-footer .fat-footer1-inner,
.fat-footer .fat-footer2-inner,
.fat-footer .fat-footer3-inner {
padding-right: 0;
padding-left : 0;
}
} .site-info-footer-navigation {
padding: 20px 0;
background-color: rgba(0,0,0,.025);
}
.site-info-footer-navigation a,
.site-info-footer-navigation a:visited {
color: inherit;
} .site-info {
float: left;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.333;
text-align: left;
} .footer-navigation {
float: right;
}
.footer-navigation ul {
list-style-type: none;
font-size: 0;
}
.footer-navigation li {
float: left;
margin-left: 1em;
margin-left: 1em;
padding-left: 1em;
border-left: 1px solid #aaa;
list-style-type: none;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.333;
}
.footer-navigation li:first-child {
margin-left: 0;
padding-left: 0;
border-left: none;
} .back-to-top {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1;
display: none;
clear: both;
text-align: right;
}
.back-to-top a {
display: block;
overflow: hidden;
width: 40px;
height: 40px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABhlBMVEUAAADMzMzd3d2AgIDd3d3d3d3c3Nzb29vc3NzV1dXc3Nzc3Nzd3d3d3d3c3Nzb29vc3Nzc3Nze3t7c3NzW1tbb29vd3d3d3d3d3d3c3Nzc3Nzf39/d3d3d3d3b29va2trc3NzGxsbb29vc3Nzd3d3d3d3c3Nzc3Ny/v7/c3Nzd3d3c3NzR0dHY2Njc3Nzc3Nzc3Nzc3Nzc3Nzb29vY2Nja2trc3Nzc3NzZ2dnc3Nze3t7d3d3c3Nzc3Nzc3NzX19fc3Nzc3Nzc3Nzd3d3b29vc3Nzc3Nzb29vV1dXd3d3c3NzV1dXd3d3c3Nzc3Nzd3d3c3Nzc3Nzd3d3d3d3c3Nzc3Nzb29vc3Nzd3d3d3d3d3d3c3Nzd3d3d3d3////o6Oj9/f329vbm5ub8/Pz5+fn4+Pj+/v7w8PDj4+Py8vLx8fHv7+/i4uL4+fnk5OTs7Ozd3d339/ekpqrt7e3u7u6doKS3ubzLzM6+wMLr6+vf39/6+vrl5uexs7bR09WqrbDr7O3e3+Ej3aiqAAAAXnRSTlMACuEC35y4FXYMFunx9NtH60j0px9NeHCUUCT+WchcKewJB2y70VjzCKjX2gsh1m2Yk9yPDUXV5RTG79DjkL0g+eTinV3FHUYS3r8G7d2+b/KZ4NK3dZ5RSlJ3SVq5/bnMpQAAAw1JREFUeF6t2WVz4lAUgOGDU6SFFipABaruLluVdXe58eBWddl/vjPMMGXTJpwk9/0Bz6ebKydQp6X53va+Ce9gafP1m/6+9t75JTCeJTy7GuUvkpwosERmr0QuecFHV2fDFiOaranFzydF8igxyftbmmw6uYY2eyojEJWETMHe1gD44l8CTJloVmYC7jjWG7AyIqmbyFgHUFzoc4ojqLiUM1Tf6/IdywSZfOzrAu2GdnIS0ZGU+zqk5XmWGZboimWWPere+EyR6K44M67mdS9miYGyi91Pe5G1NDFUei3ylOdqTBKDZRpdj71XnUfEcEedCVDmYIiJGIfS68qxZkA2p1jhIZ9ETCX5QlCb85iYLOus9QZSsllQTsUePIuVI6bjrBao5mYIhRh31WsIiDRAsad6KkwyhErMJFSyvZDogJLdVgGbUoRShWAFbMnQAjPDlTXTLNACheYxAOjgCbX4DgCYStIDk1MAMCoigPztXwwojgJ4LhHe9eHJyV0eIV56IMjjPJzI/4LWIspDisVWcGQwHlZMO+AZh/DQIvcWRq4QHlq8GgGvgPDQouCF9yzKuztEiewglHBe/honlmAT5/2Ha4I9LM7Diewg2AU1774K3FQAlCh44ZPqsjmt8RTirfqy0VjYhw+eUjxXA7mX4EirgWcPnlK8Vv/0NDaH/GnVU4pnWptDkNfYVW/O8kTR/fmpxl7Lf0dtsPguPQCNIg7AHgHwgfIhRf8YHaN90MMw5asIBAuUL0s2O63r3Ecb5Qvnu+qVuIfulZj+pR0s1rJ5r1zzrIAYjYfPb6jJmTULZv9AbRvmH4+KycOu2eftLuUH+A4oS5gbEQw9NcTIUB1iAES2jI5ZtiIqg6BtY4Og7W5QaX/ByKhqYR9Ue76nf5i29xw0SkzrHfdNJ0C7bys6BpLZlR9Qt5BTx8h0AzDFsEPdGCCLuwOMpM1JTOBnHPDNtdkLdQbjcxRH982K0T02S3i9P8oX05woyITIgsili3y0fz1sAeO5Diq/P/ylkt870dfee+AC7f4Bnw1DMsoy0tsAAAAASUVORK5CYII=) no-repeat center center;
background-size: contain;
font-size: 0;
line-height: 100px;
}
.back-to-top a:active {
outline: 0 none black;
}
@media(max-width: 768px) {
.back-to-top {
right: 15px;
bottom: 15px;
}
} .iframe-wrap {
position: relative;
padding-top: 56.25%;
width: 100%;
}
.iframe-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .lsc,.large-screen {display: block;}
.ssc,.small-screen {display: none;}
@media(max-width: 768px) {
.lsc,.large-screen {display: none;}
.ssc,.small-screen {display: block;}
}