@charset "utf-8";
  :root {
--font-family: -apple-system,BlinkMacSystemFont,Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo, sans-serif;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
body {
font-family: var(--font-family);
font-weight: 400;
color: #333;
cursor: default;
line-height: 1.8;
word-wrap: break-word;
font-feature-settings: "palt";
letter-spacing: 0.16em;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main {
display: block;
}
nav ul {
list-style: none;
margin-left: 0;
}
figcaption
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a,
a img {
background: transparent;
font-size: 100%;
margin: 0;
padding: 0;
-webkit-transition: all .2s ;
-moz-transition: all .2s ;
-o-transition: all .2s ;
-ms-transition: all .2s ;
transition: all .2s ;
vertical-align: top;
}
a img:hover {
opacity: .8;
} ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table a {
word-break: break-all;
}
hr,
hr.wp-block-separator {
border: 0;
clear: both;
display: block;
height: 1px;
margin: 1.2em 0;
padding: 0;
width: 100%;
background-color: rgba(150, 150, 150, .4);
}
input,
select {
vertical-align: middle;
}
img {
font-size: 0;
height: auto;
line-height: 0;
max-width: 100%;
vertical-align: text-bottom;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;/*\*//*/height: auto;
overflow: hidden;/**/}
* {
margin: 0;
outline: none;
padding: 0;
}
html {
border: 0;
-webkit-text-size-adjust: none;
font-size: 62.5%;
overflow-y: scroll;
}
.clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.4;
margin: .5em 0;
}
body .is-layout-flow > h1 { margin: 0 0 .6em 0; }
body .is-layout-flow > h2 { margin: 0 0 .6em 0; }
body .is-layout-flow > h3 { margin: 0 0 .5em 0; }
body .is-layout-flow > h4 { margin: 0 0 .5em 0; }
body .is-layout-flow > h5 { margin: 0 0 .5em 0; }
body .is-layout-flow > h6 { margin: 0 0 .5em 0; }
h2 {
font-size: 29px;
font-size: 2.9rem;
}
h3 {
font-size: 23px;
font-size: 2.3rem;
}
h4 {
font-size: 20px;
font-size: 2.0rem;
}
h5 {
font-size: 16px;
font-size: 1.6rem;
}
a {
cursor: pointer;
overflow:hidden;
text-decoration: none;
}
a:link {
color: #007cd2;
text-decoration: none;
}
a:visited {
color: #007cd2;
text-decoration: none;
}
a:active {
color: #007cd2;
outline: none;
text-decoration: underline;
}
a:hover {
color: #0096ff;
text-decoration: none;
}
a:focus {
-moz-outline-style: none;
}
ul,
ol {
margin-left: 1.2em;
}
@font-face {
font-family: 'Noto Serif JP';
font-style: normal;
font-weight: 400;
src: local('Noto Serif JP'), local('Noto Serif JP-500'),
url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/font/noto-serif-jp-v8-latin_japanese-500.woff2) format('woff2');
} #wrapper {
font-size: 16px;
font-size: 1.6rem;
margin: 0 auto;
max-width: 100%;
overflow: clip;
position: relative;
width: 100%;
}
#main a:hover {
opacity: .7;
}
.single #main {
padding: 0 0 20px 0;
}
#content {
margin: 0 auto;
padding: 2em 0 3em;
position: relative;
max-width: 1024px;
width: 92%;
font-feature-settings: "pwid";
letter-spacing: 0.05em;
}
#content.content-w100 {
margin: 0 auto;
padding: 0;
width: 100%;
}
#content.content-mar-tb-0 {
padding: 0;
}
.home #content {
padding: 0;
}
.lp-page #content {
padding: 0;
}
#content.oneColumn {
width: 1050px;
}
.section-block {
width: 100%;
margin: 3em 0 3em 0; }
.content-w100 .section-block {
width: 100%;
margin: 0;
padding: 4em 0 1.5em 0;
}
.section-block-bg {
padding: 3em 0 3em 0;
}
.section-block-inner {
margin: 0 auto 1em;
max-width: 1024px;
width: 100%; }
.col-warp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 auto;
max-width: 1024px;
width: 100%;
}
.col-warp a p {
color: inherit;
}
.col-1-warp {
display: block;
overflow: hidden;
margin-bottom: 1.5em;
}
.col-1  {
margin: 0 0 1.5em;
overflow: hidden;
}
.col-2  {
width: calc( ( 100% - 50px ) / 2 );
margin: 0 50px 40px 0;
}
.col-2:nth-child(2n){
margin-right: 0;
}
.col-2.col-2w35  {
width: 35%;
margin: 0 0 40px 0;
}
.col-2.col-2w65  {
width: 65%;
margin: 0 0 40px 0;
}
.col-2.col-2w65.col-w:nth-child(odd) {
padding-right: 50px;
}
.col-2.col-2w65.col-w:nth-child(even) {
padding-left: 50px;
}
.col-2 > a,
.col-3 > a,
.col-4 > a {
color: #333;
display: block;
}
.col-2 > a:hover,
.col-3 > a:hover,
.col-4 > a:hover {
opacity: .7;
}
.col-3 {
width: calc( ( 100% - 60px ) / 3 );
margin: 0 30px 30px 0;
}
*::-ms-backdrop, .col-3 {
width: calc( ( 100% - 60px ) / 3 - .01px); }
.col-3:nth-child(3n){
margin-right: 0;
}
.slider-three .col-3 {
margin: 0 15px 20px 15px;
}
.slider-three .col-3:nth-child(3n){
margin-right: 15px;
}
.slider-three.slick-dotted.slick-slider,
.slider-four.slick-dotted.slick-slider {
margin: 15px 0 20px!important;
}
.col-4 {
width: calc( ( 100% - 75px ) / 4 );
margin: 0 25px 25px 0;
}
.col-4:nth-child(4n){
margin-right: 0;
}
.slider-four .col-4 {
margin: 0 15px 20px 15px;
}
.slider-four .col-4:nth-child(even){
margin-right: 15px;
} .col-card {
background-color: #f4f4f4;
border-radius: 10px;
}
.col-card .col-content-txt {
padding: 0 2rem 1.5rem 2rem;
}
.col-card a .col-head-txt::before {
right: 15px;
}
.col-card .col-head-txt {
padding: 0 3.4rem 0 2.2rem;
}
.col-card .col-head-txt.center {
padding: 0 3.4rem 0 2.5rem;
}
.img-icon {
text-align: center;
}
.img-icon img {
max-width: 160px;
height: auto;
padding: 20px;
}
.col-head-img {
text-align: center;
margin-bottom: .5em;
}
.col-head-txt {
font-size: 20px;
font-size: 2.0rem;
font-weight: 600;
margin: 1.5rem 0 1.5rem;
position: relative;
transition: all .2s;
line-height: 1.5;
}
a .col-head-txt {
color: #333;
}
.col-head-txt.center {
padding: 0 2.5rem;
}
.col-4 .col-head-txt {
font-size: 17px;
font-size: 1.7rem;
}
a .col-head-txt {
color: #333;
padding-right: 3rem;
}
a:hover .col-head-txt {
color: inherit;
}
a .col-head-txt::before {
font-family: "fontello";
content: '\f006';
color: #006ab8;
position: absolute;
right: 10px;
}
.col-content-txt {
color: #333;
}
#content .col-content-txt p:last-of-type {
margin-bottom: .5em;
}
.heading-base {
max-width: 1024px;
width: 100%;
}
.heading-lv2,
.headLv_2,
.single .heading-lv2 {
font-size: 28px;
font-size: 2.8rem;
font-weight: 400;
letter-spacing: .08em;
line-height: 1.3; margin: 0 0 2.5em 0;
padding: 1em 0 0;
position: relative;
max-width: 1024px;
width: 100%;
border-bottom: none;
}
.content-w100 .heading-lv2 {
padding: .5em 0 0;
}
.heading-lv2.headheading-lv2_center::before,
.headLv_2::before {
content: '';
position: absolute;
display: block;
bottom: -25px;
left: 50%;
margin: 0 0 0 -25px;
background-color: #006ab8;
width: 50px;
height: 4px;
}
.heading-lv2.headheading-lv2_left {
margin: 0 0 1.2em 0;
padding-top: 1em;
text-align: left;
}
.heading-lv2.headheading-lv2_left::before {
content: '';
position: absolute;
display: block;
left: -30px;
background-color: #006ab8;
width: 20px;
height: 3px;
top: 50%;
margin-top: .4em;
}
.heading-lv3,
.headLv_3 {
font-size: 24px;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.3;
margin: 1.5em 0 1.2em 0;
padding: .2em .6em;
position: relative;
}
.heading-lv3_left::after,
.headLv_3::after {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: .3rem;
height: 100%;
content: "";
background-color: #006ab8;
}
.heading-lv3.heading-lv3_left {
padding-left: .6em;
}
.heading-lv3.heading-lv3_center {
text-align: center;
}
.heading-lv3.heading-lv3_centerline {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.4;
margin: 1.5em 0;
text-align: center;
}
.heading-lv3.heading-lv3_centerline:before,
.heading-lv3.heading-lv3_centerline:after {
content: "";
height: 1px;
flex: 1 1 auto;
background-color: #666;
}
.heading-lv3.heading-lv3_centerline:before {
margin-right: 2rem;
min-width: 1.5em;
}
.heading-lv3.heading-lv3_centerline:after {
margin-left: 2rem;
min-width: 1.5em;
}
.heading-lv3.heading-lv3_underline {
padding: 4px 0 .6em 0;
border-bottom: 1px solid #dadada;
}
.heading-lv4,
.headLv_4 {
clear: both;
font-size: 20px;
font-size: 2.0rem;
line-height: 1.4em;
margin: .6em 0 .8em;
padding: .4em 0 .4em 1.3em;
position: relative;
}
.heading-lv4.headheading-lv4_left::before,
.headLv_4::before {
border: 4px solid #39f;
border-radius: 100%;
content: '';
left: .0;
position: absolute;
height: 4px;
top: .8em;
width: 4px;
z-index: 2;
}
.heading-lv4.headheading-lv4_center {
text-align: center;
padding: .4em 0 .4em 0;
}
#main .btn a,
#main a .btn,
#main span.btn a,
#main a span.btn {
padding: 10px 55px 12px 45px;
}
#content span.btn {
background-color: #fff;
border: 1px solid #006ab8;
border-radius: 10px;
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
margin: 0 auto;
padding: 0;
position: relative;
text-align: center;
text-decoration: none;
transition: all .2s ;
vertical-align: middle;
}
#content span.btn::before {
font-family: "fontello";
content: '\f006';
color: #006ab8;
position: absolute;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
#content span.btn:hover {
background-color: #006ab8;
color: #fff;
}
#content span.btn a:hover {
color: #fff;
}
#content span.btn:hover::before {
color: #fff;
}
#content .entry ul li {
line-height: 1.6;
margin: 2px 0 5px 0;
}
#content .entry ul.slick-dots li {
margin: 0 5px;
}
.serifJp {
font-family: 'Noto Serif JP',"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
} #headerGlobal { margin: 0 auto;
padding: 25px 0 25px 0;
width: 100%;
}
.headerGlobalInner {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
max-width: 1300px;
width: 98%;
}
.logoGlobal a {
transition: none;
}
.logoGlobal img {
max-height: 85px;
}
.logoWrapper {
width: 24%;
display: flex;
align-items: center;
}
.logoWrapper.logo-icon {
width: auto;
}
.logoWrapper.logo-icon a img {
vertical-align: middle;
}
.logoWrapper a {
display: flex;
align-items: center;
color: inherit!important;
}
.logoWrapper a:hover {
opacity: .7;
}
.logoGlobalSub {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.3;
}
.is-fixed .logoGlobalSub {
display: none;
}
.logoGlobalMain {
font-size: 32px;
font-size: 3.2rem;
font-weight: 600;
line-height: 1.3;
margin: 0;
letter-spacing: .03em;
white-space: nowrap;
}
.is-fixed .logoGlobalMain {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.1;
}
.logoGlobal {
line-height: 1;
margin: 0;
padding: 0;
margin-right: auto;
position: relative;
width: 100%;
}
.logoIcon {
width: 60px;
height: auto;
margin: 0 10px 0 0;
}
.is-fixed .logoIcon {
width: 50px;
}
.telHeader {
display: none;
} #navGlobal {
display: block;
position: relative;
width: 100%;
letter-spacing: 0.05em;
}
#navGlobal.nav-search {
margin-right: 50px;
}
nav#navGlobal ul.menu {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1050px;
position: relative;
}
nav#navGlobal ul li {
margin: 0;
position: relative;
}
nav#navGlobal ul > li {
margin: 0 14px;
}
nav#navGlobal ul li ul li {
float: none;
left: 0;
position: relative;
}
nav#navGlobal ul.menu li a {
color: inherit;
display: block;
font-size: 13px;
font-size: 1.3rem;
font-weight: 500;
padding: 15px 0;
position: relative;
}
nav#navGlobal ul li::after {
border-bottom: 2px solid #006ab8;
bottom: 7px;
content: "";
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 0;
}
nav#navGlobal ul li li::after {
border-bottom: none;
}
nav#navGlobal li:hover::after,
nav#navGlobal li[class*=current-menu-item]::after,
nav#navGlobal li[class*=current-page-parent]::after,
nav#navGlobal li[class*=current-page-ancestor]::after {
width: 100%;
}
nav#navGlobal ul li a:hover {
text-decoration: none;
opacity: .7;
}
nav#navGlobal ul li.current_page_item a,
nav#navGlobal ul li.current-menu-item a,
nav#navGlobal ul li.current-menu-parent a {
position: relative;
}
nav#navGlobal ul.sub-menu li.current_page_item a::after,
nav#navGlobal ul.sub-menu li.current-menu-item a::after,
nav#navGlobal ul.sub-menu li.current-menu-parent a::after,
nav#navGlobal ul.sub-menu li ul.sub-menu {
display: none;
}
nav#navGlobal ul ul.sub-menu {
background-color: #fff;
box-shadow: 0 5px 10px 3px rgba(0,0,0,0.2);
opacity: 0;
position: absolute;
transition: all .2s ;
top: 100%;
visibility: hidden;
z-index: 99999;
}
nav#navGlobal ul li:hover > ul {
left: 0;
opacity: 1;
visibility: inherit;
}
nav#navGlobal ul ul.sub-menu li a {
border-bottom: 1px solid #e8e8e8;
color: #333;
font-size: 13px;
font-size: 1.3rem;
font-weight: normal;
display: block;
height: auto;
line-height: 1.4em;
padding: 12px 0px!important;
position: relative;
width: 230px;
}
nav#navGlobal ul ul.sub-menu li a:hover {
opacity: .9;
}
nav#navGlobal ul.menu li.nav-btn a {
background-color: #fd7100;
border-radius: 5px;
border: 1px solid #fd7100;
color: #fff;
margin-left: 5px;
padding: 10px 1.1em;
line-height: 1;
}
nav#navGlobal ul.menu li.nav-btn::after {
display: none;
}
[class^="nav-btn"] a::before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .4em;
text-align: center;
vertical-align: 0;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: none;
border: none;
position: relative;
right: 0;
}
nav#navGlobal ul.menu li.nav-btn.nav-btn--mail a::before {
content: '\f0e0';
}
nav#navGlobal ul.menu li.nav-btn.nav-btn--doc-text a::before {
content: '\f0f6';
}
nav#navGlobal ul.menu li.nav-btn.nav-btn--calendar a::before {
content: '\e819';
}
nav#navGlobal ul.menu li.nav-btn.nav-btn--angle-right a::before {
content: '\f105';
}
nav#navGlobal ul.menu li.nav-btn.nav-btn--cart a::before {
content: '\f800';
} .gnavi__pc-style {
margin: 0 0 0 auto;
}
.gnavi__pc-style ul {
display: flex;
justify-content: space-between;
}
.gnavi__pc-style ul li:not(:last-of-type) {
margin-right: 10px;
} .menu-txt {
display: none;
}
.navGlobal-warp {
margin-left: auto;
position: relative;
min-height: 50px;
}
@media screen and (max-width: 1080px) {
.gnavi__pc-style {
display: none;    
}
.gnavi__sp-style {
display: block;
} .menu-btn {
display : block;
position: absolute;
z-index: 3;
right: 0;
top: 0;
width: 60px;
height: 60px;
cursor: pointer;
text-align: center;
z-index: 99;
}
.menu-btn span {
display : block;
position: absolute;
width: 30px;
height: 2px;
left: 15px;
background: #333;
transition: 0.3s ease-in-out;
}
.menu-btn span:nth-of-type(1) {
top: 15px;
}
.menu-btn span:nth-of-type(2) {
top: 22px;
}
.menu-btn span:nth-of-type(3) {
top: 30px;
}
.menu-txt {
display: block;
position: absolute;
bottom: 8px;
left: 0;
right: 0;
font-size: 10px;
font-weight: 600;
} .menu-btn.active {
background-color: #ffffff;
box-shadow: 0 2px 5px 0 rgba(0,0,0, .1);
position: fixed;
}
.menu-btn.active span:nth-child(1) {
top: 20px;
left: 15px;
background :#333;
transform: rotate(-45deg);
}
.menu-btn.active span:nth-child(2),
.menu-btn.active span:nth-child(3) {
top: 20px;
background :#333;
transform: rotate(45deg);
} .gnavi__sp-style {
position: fixed;
z-index: 2;
top: 0;
left: 0;
color: #fff;
background-color: rgba(0,0,0,0.7);
text-align: center;
width: 100%;
height: 100vh;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
display: flex;
align-items: center;
}
.gnavi__sp-style ul {
margin: 0 auto;
padding: 0;
width: 100%;
}
.gnavi__sp-style ul li {
list-style-type: none;
padding: 0;
width: 100%;
transition: .4s all;
}
.gnavi__sp-style ul li:last-of-type {
padding-bottom: 0;
}
.gnavi__sp-style ul li:hover{
background :#ddd;
}
.gnavi__sp-style ul li a {
display: block;
color: #fff;
padding: 1em 0;
text-decoration :none;
}
.navGlobal-warp {
opacity: 0;
background-color: #fff;
width: 100%;
height: 100vh;
min-height: inherit;
position: fixed;
top: 0;
left: 0;
transition: all .2s;
z-index: 0;
transform: translateX(100%);
animation: navSlide 0s forwards;
}
.navGlobal-warp.active {
opacity: 1;
overflow-y: auto;
z-index: 40;
animation: navSlideActive .3s forwards;
padding-bottom: 100px;
}
@keyframes navSlide {
from {
opacity: 0;
transform: translateX(0);
}
to {
opacity: 1;
transform: translateX(100%);
}
}
@keyframes navSlideActive {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
}
.is-fixed {
-webkit-backdrop-filter: saturate(150%) blur(12px);
backdrop-filter: saturate(150%) blur(12px);
background-color: rgba(255, 255, 255, 0.75);
border-top: none !important;
top: 0;
left: 0;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
padding: 12px 20px !important;
position: fixed;
-webkit-transition: all .3s;
transition: all .3s;
width: 100%;
z-index: 999;
}
.is-fixed .logoGlobal img {
max-height: 42px;
}
#headerGlobal.is-fixed {
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
}
.sp-nav-logo {
display: none;
}
.localNav {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
font-size: 14px; font-size: 1.4rem;
line-height: 1.4;
max-width: 1024px;
width: 100%;
margin: 1.5em auto;
}
.localNav li {
position: relative;
padding: .5em;
text-align: center;
}
.localNav li a {
border: 1px solid #dadada;
border-radius: 99px;
padding: .7em 1em .7em 2.5em;
display: block;
}
.localNav.nav-col2 li {
width: 50%;
}
.localNav.nav-col3 li {
width: 33.3333%;
}
.localNav.nav-col4 li {
width: 25%;
}
.localNav li::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
margin: 0 10px 2px 0;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg);
position: absolute;
left: 25px;
top: 34%;
}
.localNav li:hover::before {
animation: arrowDown .4s ease-in-out;
}
@keyframes arrowDown {
0% { top: 34%; }
50% { top: 40%; }
100% { top: 34%; }
}
#wrapper.noscroll {
overflow: hidden;
} .footer-fix-nav {
display: none;
}
.footer-fix-nav__line {
position: relative;
}
.footer-fix-nav__line::before {
content: "";
background-image: url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/images/icons-line.svg);
display: inline-block;
background-size: cover;
width: 28px;
height: 28px;
vertical-align: middle;
margin: 0 6px 0 0;
}
@media only screen and (max-width: 640px) {
.footer-fix-nav {
position: fixed;
bottom: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width: 100%;
box-shadow: 0 -2px 15px 0 rgb(0 0 0 / 8%);
z-index: 38;
font-size: 12px;
font-size: 1.2rem;
font-weight: 600;
}
.footer-fix-nav__tel,
.footer-fix-nav__contact {
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
background-color: #fff;
vertical-align: middle;
} .footer-fix-nav__line a {
position: relative;
}
.footer-fix-nav__line a::before {
content: "";
background-image: url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/images/icons-line.svg);
display: inline-block;
background-size: cover;
width: 28px;
height: 28px;
vertical-align: middle;
margin: 0 6px 0 0;
}
.footer-fix-nav__line a:link,
.footer-fix-nav__line a:visited {
color: #fff;
}
a.footer-fix-nav__line::before {
content: "";
background-image: url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/images/icons-line.svg);
display: inline-block;
background-size: cover;
width: 24px;
height: 24px;
vertical-align: middle;
margin: 0 6px 0 0;
}
a.footer-fix-nav__line:link,
a.footer-fix-nav__line:visited {
color: #fff;
}
.footer-fix-nav a {
display: block;
padding: 12px 5px;
letter-spacing: 1px;
}
.footer-fix-nav [class^="icon-"]:before,
.footer-fix-nav [class*=" icon-"]:before {
margin-right: .4em;
font-size: 14px;
font-size: 1.4rem;
vertical-align: baseline;
}
}
@media only screen and (max-width: 320px) {
.footer-fix-nav {
font-size: 11px;
font-size: 1.1rem;
}
}
.pageTop a {
background-color: #fff;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
bottom: 0;
box-shadow: 0 0 2px #999;
display: block;
height: auto;
line-height: 1;
overflow: hidden;
padding: 10px 15px 20px 15px;
position: fixed;
right: 10px;
text-decoration: none;
text-indent: -9999px;
width: 60px;
z-index: 8;
}
p.pageTop a:hover {
background-color: #f5f5f5;
}
.pageTop a::before {
border-right: 2px solid #333;
border-top: 2px solid #333;
content: "";
height: 7px;
left: 44%;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(-45deg);
top: 50%;
width: 7px;
}
.spanBlock {
display: block;
text-align: center;
text-indent: 0;
}
#footerGlobal {
clear: both;
background-color: #fff;
height: auto;
}
.footerBanner {
background-color: #ededed;
padding-top: 3em;
padding-bottom: 2em;
}
.footerBanner .col-warp {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0px 15px;
}
.footerBanner .col-1,
.footerBanner .col-2,
.footerBanner .col-3,
.footerBanner .col-4 {
margin-bottom: 25px;
}
.footerBanner .col-2 {
width: calc( ( 100% - 25px ) / 2 );
margin: 0 25px 25px 0;
}
.footerBanner .col-2:nth-child(2n){
margin-right: 0;
}
.footerBannerHead {
color: #fff;
font-size: 24px;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.5;
margin-top: .5em;
margin-bottom: .5em;
text-align: center;
}
.footerContact {
background-position: center;
background-size: cover;
padding: 5em 0;
position: relative;
}
.footerContact::after {
background-color: rgba(0, 0, 0, .5);
content: '';
display:block;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.footerContactInner {
color: #fff;
margin: 0 auto;
position: relative;
max-width: 1024px;
width: 100%;
z-index: 3;
}
.footerContact_ttl {
font-size: 26px;
font-size: 2.6rem;
font-weight: 400;
margin-bottom: 1em;
text-align: center;
line-height: 1.3;
}
.footerContact_set {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 auto;
max-width: 1024px;
width: 100%;
}
.footerContact_set div:nth-child(2){
border-left: 1px solid;
border-color: rgba(255, 255, 255, .3);
}
.footerContact_set.column-one div:nth-child(2){
border-left: none;
}
.footerContact_set_tel,
.footerContact_set_btn {
margin: 0 auto;
padding: 1em 1em;
text-align: center;
width: 50%;
}
.column-one .footerContact_set_tel,
.column-one .footerContact_set_btn {
width: 100%;
}
.footerContact_set_btn {
padding: 2.5em 2em;
}
.column-one .footerContact_set_btn {
padding: .5em 2em;
}
.footerContact_set_tel a:hover {
opacity: .7;
}
.footerContact_tel {
font-size: 32px;
font-size: 3.2rem;
font-weight: 600;
transform: scaleX(0.9);
}
.footerContact_tel.icon-phone:before,
.footerContact_tel.icon-fax:before {
margin-right: .35em;
}
.footerContact_set_tel a {
display: inline-block;
}
.footerContact_set_tel a:link,
.footerContact_set_tel a:visited {
color:#fff;
}
a.footerContact_btn {
background-color: #006ab8;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
margin: 0 auto;
padding: 15px 70px;
position: relative;
text-align: center;
text-decoration: none;
transition: all .2s;
vertical-align: middle;
}
a.footerContact_btn:hover {
opacity: .8;
}
.footerContact_set_tel .time,
.footerContact_set_tel .address {
font-size: 13px;
font-size: 1.3rem;
}
.footerTop {
background-color: #f1f1f1;
max-width: 100%;
overflow: hidden;
}
.footerTopInner {
max-width: 1050px;
margin: 0 auto;
}
.footerSnsSearch {
background-color: #fff;
max-width: 100%;
overflow: hidden;
box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, .05);
}
.footerSnsSearchInner {
max-width: 1050px;
margin: 0 auto;
}
.footerNav {
float: left;
max-width: 700px;
overflow: hidden;
padding-top: 22px;
}
.footerNav ul {
list-style: none;
margin-left: 0;
}
.footerNav ul li {
color: #666;
float: left;
font-size: 12px;
font-size: 1.2rem;
margin: 0 0 0.5em;
padding: 0 10px;
}
.footerNav ul li a {
color: inherit;
}
.footerNav ul li a:hover {
opacity: .7;
} .searchHeader .search-2 {
display: none;
}
.search-2 {
border-radius: 6px;
float: right;
overflow: hidden;
padding: 20px 10px 10px 0;
width: 280px;
}
.search-2.search-w100 {
width: 100%;
}
.search-2 input {
border-radius: 5px;
font-size: 16px;
font-size: 1.6rem;
height: 40px;
margin: 0;
padding-left: 15px;
padding-right: 50px;
width: 100%;
}
.search-2 input,
.search-2 textarea,
.search-2 select {
background-color: #fff;
}
.search-2 #searchform {
margin: 0 auto;
position: relative;
}
.search-2 button[type="submit"] {
background: transparent;
background-color: #333;
border: none;
border-radius: 0 5px 5px 0;
bottom: 0;
color: #333;
cursor: pointer;
height: 40px;
line-height: 40px;
min-width: 0;
right: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 50px;
}
.search-2 button[type="submit"]::before {
bottom: 0;
color: #fff;
font-size: 18px;
font-size: 1.8rem;
left: 0;
line-height: 40px;
margin: auto;
position: absolute;
right: 0;
}
#searchForm input[type="text"]:focus {
background-color: #f6f6f6;
border-color: #dddddd;
}
#content .search-2 {
float: none;
} .footerSubNav {
clear: both;
margin-bottom: 30px;
overflow: hidden;
padding-top: 40px;
}
.footerSubNavInner {
display: inline-block;
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 1em;
padding: 0 1%;
vertical-align: top;
width: 32.5%;
}
.footerSubNavInner .rinkTtl {
border-bottom: 1px solid #d6d6d6;
font-size: 14px;
font-size: 1.4rem;
font-weight: 600;
margin-bottom: .7em;
padding-bottom: .7em;
}
.footerSubNavInner div {
line-height: 1.3;
list-style: none;
margin-bottom: 0.4em;
position: relative;
}
.footerSubNavInner div.linkTxt {
padding-left: 15px;
}
.footerSubNavInner div.linkTxt a:link,
.footerSubNavInner div.linkTxt a:visited {
color: #666;
}
.footerSubNavInner div.linkTxt::before {
background-color: #333;
border-radius: 50%;
content: "";
position: absolute;
top: .55em;
left: 3px;
height: 4px;
width: 4px;
}
.footerSubNavInner a {
color: inherit!important;
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
position: relative;
word-break: break-word;
}
.footerSubNavInner a:hover {
opacity: .7;
}
.footer ul#snsFooter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 30%;
margin-left: 0;
}
.footer ul#snsFooter li {
font-size: 20px;
font-size: 2.0rem;
line-height: 1;
list-style: none;
margin: 0;
padding: 0 15px 0 0;
position: relative;
}
.footer ul#snsFooter li a {
color: #333;
}
.footer {
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
max-width: 1050px;
width: 100%;
padding: 20px 10px;
justify-content: center;
}
.footer.two-col {
justify-content: space-between;
}
.footer a {
color: inherit;
}
.footer a:hover {
color: inherit;
opacity: .7;
text-decoration: none;
}
p#copyright {
font-size: 11px;
font-size: 1.1rem;
clear: both;
color: #333;
text-align: left;
}
p#copyright a {
color: #333;
}
.footerSubNavInner .twitterWidget #twitter-widget-0,
.footerSubNavInner iframe#twitter-widget-0 {
width:100% !important;
}
.footerSubNavInner .facebook_wrap{
margin-left: auto;
margin-right: auto;
width: 80%;
}
.footerSubNavInner .fb-page,
.footerSubNavInner .fb-page span,
.footerSubNavInner .facebook_wrap iframe {
width: 100% !important;
} .login-member {
max-width: 380px;
margin: 3em auto 5em;
width: 90%;
}
.login-member .login-username .input,
.login-member .login-password .input {
width: 100%;
margin: 0 0 10px 0;
}
#content .login-member  p {
margin-bottom: .5em;
} #secondary {
margin: 2.5em 0 1em;
width: 100%;
}
#secondary .widget {
margin: 10px 0 10px 2.5%;
width: 30.333%;
}
#secondary .widget.widget_search form div {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#secondary .widget.widget_search form div input[type="submit"] {
appearance: none;
-webkit-appearance: none;
background-color: #333;
color: #fff;
border: none;
padding: 0 1em;
}
#secondary .widget ul {
margin-left: 0;
}
#secondary .widgettitle {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top: 30px;
width: 100%;
font-size: 19px;
font-size: 1.9rem;
}
#secondary .widgettitle::after {
content: "";
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
height: 2px;
background: #aaa;
margin:0 .4em;
}
#secondary .screen-reader-text {
display: none;
}
#secondary ul li {
font-size: 14px;
font-size: 1.4rem;
display: block;
margin-bottom: 10px;
padding: 10px 0;
margin: 0;
border-bottom: 1px solid #dadada;
letter-spacing: .1em;
}
#secondary ul li a {
color: #333;
display: block;
}
#secondary select {
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 15px auto;
background-position: right 12px center;
border: 1px solid #cecece;
border-radius: 5px;
padding: 10px 40px 10px 10px;
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 10px;
width: 100%;
}
.secondaryInner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -2%;
}
.post .cate {
background-color: #ededed;
color:  #333;
display: inline-block;
font-weight: 400;
margin-right: 10px;
padding: 5px 10px;
}
.post .cate ul {
list-style: none;
margin: 0;
padding: 0;
}
.post .cate ul li {
float: left;
margin: 0 5px;
padding: 0;
}
.newsDay {
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 0 !important;
padding-bottom: 0;
white-space: nowrap;
letter-spacing: .05em;
margin-left: -5px;
}
.newsDay.update {
border-right: 1px solid rgba(255, 255, 255, .4);
padding-right: 10px;
margin-right: 5px;
}
.blogHeader.blogHeader-noThum .blogHeader-inner .newsDay.update {
border-right: 1px solid rgba(0, 0, 0, .4);
}
.newsTitle {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.5;
margin-top: 0;
padding: .5em 0 .5em 0;
}
.cateDay {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
padding-bottom: 13px;
opacity: .85;
}
.cateDay .header-author__img {
width: 50px;
margin-right: 15px;
}
.cateDay .header-author__img img {
border-radius: 99px;
}
.cateDay .date {
display:  inline-block;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.3;
}
.cateDay-inner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
flex-wrap: wrap;
gap: 0.4em;
}
.widget_search input[type="text"] {
width: 85%;
}
.textwidget {
margin: 0 auto;
height: auto;
}
.category .navHead,
.category .sideNav {
display: none;
}  .mainImg {
background-color: #fff;
clear: both;
height: auto;
padding: 0;
text-align: center;
width: 100%;
position: relative;
}
.mainHead {
background-color: rgba(0,0,0,0.06);
clear: both;
color: #fff;
height: auto;
margin: 0;
padding: 20px 20px 30px;
position: relative;
width: 100%;
min-height: 200px;
}
.mainHead.layer::after {
background-color: rgba(0,0,0,0.5);
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.mainHead.bgimage {
min-height: 300px;
}
.mainImg img {
background-color: transparent;
max-width: 100%;
}
.slideWrapper {
margin: 0 auto;
max-width: 1050px;
width: 100%;
}
.slideshow div {
display: none;
}
.slick-prev, .slick-next,
.slick-dots li button {
text-shadow: 0 0 4px rgba(0,0,0,.2), 0 0 1px rgba(0,0,0,.2);
}
.slick-prev:before,
.slick-next:before,
.slick-dots li button {
color: #333!important;
} .scrollBtn {
display: none;
}
.scrollBtn span {
position: absolute;
bottom: 60px;
left: 50%;
width: 17px;
height: 17px;
margin-left: -10px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-animation: sdb 2s infinite;
animation: sdb 2s infinite;
box-sizing: border-box;
filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .9));
z-index: 2;
}
@-webkit-keyframes sdb {
0% {
-webkit-transform: rotate(-45deg) translate(0, 0);
opacity: 0;
}
70% {
opacity: 1;
}
100% {
-webkit-transform: rotate(-45deg) translate(-20px, 20px);
opacity: 0;
}
}
@keyframes sdb {
0% {
transform: rotate(-45deg) translate(0, 0);
opacity: 0;
}
70% {
opacity: 1;
}
100% {
transform: rotate(-45deg) translate(-20px, 20px);
opacity: 0;
}
}
.mainLeadWrapper {
max-width: 1400px;
padding: 5% 4%;
min-height: 640px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
justify-content: center;
margin: 0 auto;
position: relative;
z-index: 3;
}
.mainVideo .mainLeadWrapper,
.mainFull .mainLeadWrapper {
width: 100%;
padding: 20px 5%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.mainLeadInner {
position: relative;
}
.mainLeadWrapper.mainLeadCenter .mainLeadInner {
text-align: center;
}
.mainLeadWrapper.mainLeadLeft .mainLeadInner {
text-align: left;
width: 60%;
margin-right: auto;
}
.mainLeadWrapper.mainLeadRight .mainLeadInner {
text-align: left;
width: 60%;
margin-left: auto;
}
.mainVideo .mainLeadWrapper .mainLeadCenter.mainLeadInner,
.mainFull .mainLeadWrapper .mainLeadCenter.mainLeadInner {
text-align: center;
}
.mainVideo .mainLeadWrapper .mainLeadLeft.mainLeadInner,
.mainFull .mainLeadWrapper .mainLeadLeft.mainLeadInner {
text-align: left;
width: 100%;
margin-right: auto;
}
.mainVideo .mainLeadWrapper .mainLeadRight.mainLeadInner,
.mainFull .mainLeadWrapper .mainLeadRight.mainLeadInner {
text-align: left;
width: 60%;
margin-left: auto;
}
.mainLeadInner .wp-block-columns {
gap: 24px 0.5%;
}
.mainImgBg-banner {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 4;
}
.mainImgBg-banner.mainLeadLeftTop {
right: inherit;
left: 20px;
bottom: inherit;
top: 20px;
}
.mainImgBg-banner.mainLeadLeftBottom {
right: inherit;
left: 20px;
bottom: 20px;
top: inherit;
}
.mainImgBg-banner.mainLeadRightTop {
right: 20px;
left: inherit;
bottom: inherit;
top: 20px;
}
.home-main-photo .mainImgBg-banner {
right: 50px;
bottom: 30px;
}
.home-main-photo .mainImgBg-banner.mainLeadRightTop {
top: 30px;
bottom: inherit;
}
.home-main-photo .mainImgBg-banner.mainLeadLeftTop {
right: inherit;
bottom: inherit;
left: 4%;
top: 30px;
}
.home-main-photo .mainImgBg-banner.mainLeadLeftBottom {
right: inherit;
left: 4%;
}
.mainFull .mainImgBg-banner.mainLeadRightTop,
.mainFull .mainImgBg-banner.mainLeadLeftTop {
top: 100px;
}
.text-background > span {
position: relative;
display: inline-block;
}
.text-background > span::before {
content: "";
position: absolute;
bottom: -5px;
left: -5px;
top: 0px;
right: -5px;
background-color: #fff;
z-index: -1;
}
@media screen and (max-width: 840px) {
.mainLeadWrapper {
padding: 15% 4%;
min-height: 480px;
}
.mainLeadWrapper.mainLeadLeft .mainLeadInner,
.mainLeadWrapper.mainLeadRight .mainLeadInner,
.mainVideo .mainLeadWrapper .mainLeadLeft.mainLeadInner,
.mainVideo .mainLeadWrapper .mainLeadRight.mainLeadInner,
.mainFull .mainLeadWrapper .mainLeadLeft.mainLeadInner,
.mainFull .mainLeadWrapper .mainLeadRight.mainLeadInner {
width: 100%;
}
.home-main-photo .mainImgBg-banner,
.home-main-photo .mainImgBg-banner.mainLeadRightTop{
position: relative;
top: initial;
bottom: inherit;
text-align: right;
right: 20px;
margin-left: auto;
display: block;
}
.home-main-photo .mainImgBg-banner.mainLeadLeftTop,
.home-main-photo .mainImgBg-banner.mainLeadLeftBottom {
position: relative;
top: initial;
bottom: inherit;
display: inline;
}
.mainFull .mainImgBg-banner.mainLeadRightTop,
.mainFull .mainImgBg-banner.mainLeadLeftTop {
top: 70px;
}
}
.serifJp .mainLeadWrapper {
font-family: 'Noto Serif JP',"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.mainLeadWrapper .mainLead {
color: #fff;
font-size: 45px;
font-size: 4.5rem;
font-weight: 600;
margin-top: .3em;
margin-bottom: .3em;
text-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
line-height: 1.4;
}
@media screen and (max-width: 640px) {
.mainLeadWrapper .mainLead {
font-size: 34px;
font-size: 3.4rem;
}
}
.mainLeadWrapper .mainLead_sub {
color: #fff;
font-size: 20px;
font-size: 2.0rem;
font-weight: 600;
line-height: 1.5;
text-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
margin-bottom: .5em;
letter-spacing: 0.1em;
}
.mainVideo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
max-height: 680px;
overflow: hidden;
position: relative;
width: 100%;
}
.mainVideo video {
display: inline;
min-width: 680px;
position: relative;
width: 100%;
}
.videoLine {
background: url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/images/video_line.png);
background-color: rgba(0,0,0,0.30);
height: 680px;
position: absolute;
width: 100%;
z-index: 2;
}
.videoTextSet {
margin: 0 auto;
max-width: 1050px;
padding: 0 5%;
position: absolute;
text-align: center;
z-index: 3;
}
.serifJp .videoTextSet {
font-family: 'Noto Serif JP',"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.videoTextSet .videoTtl {
color: #fff;
font-size: 40px;
font-size: 4.0rem;
font-weight: 400;
line-height: 1.3em;
margin-bottom: 10px;
text-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
}
.videoTextSet .videoTxt {
color: #fff;
font-size: 20px;
font-size: 2.0rem;
font-weight: 400;
line-height: 1.6em;
text-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
}
.videoSp {
display: none;
}
section.infoArea .headLv_2 {
margin-bottom: 5px;
}
#content p.listBtn {
float: right;
line-height: 1;
margin-bottom: 0;
margin-top: -44px;
padding-right: 10px;
}
.listBtn a {
color: #fff;
font-size: 12px;
font-size: 1.2rem;
padding-left: 20px;
text-decoration: none;
}
.pickup {
border-radius: 10px;
margin: 0 auto;
padding: 1.5em 0;
max-width: 1024px;
overflow: hidden;
width: 100%;
}
.pickup-head {
background-color: #ff8a00;
color: #fff;
display: inline-block;
border-radius: 10px;
padding: 8px 15px 10px;
line-height: 1.2;
float: left;
font-size: 14px;
font-weight: 600;
margin-right: 15px;
width: 12em;
text-align: center;
}
.pickup-link {
font-weight: 600;
line-height: 1.4;
overflow: hidden;
padding: 5px 0;
}
.pickup-red .pickup-head {
background-color: #fa0000;
}
.pickup-line {
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
padding: 1em 0;
margin: 0 auto;
width: 100%!important;
border-radius: 0;
}
.infoArea {
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-top: 0;
margin-bottom: 0;
clear: both;
padding: 2em 1.5em;
}
.infoInner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding: 0 0 1em;
max-width: 1024px;
margin: 0 auto;
align-items: center;
}
.infoInner .title {
width: 22%;
}
.infoInner .title .head {
font-size: 22px;
font-size: 2.2rem;
position: relative;
}
.infoInner .title .head::before {
content: '';
position: absolute;
display: block;
border-radius: 20px;
bottom: -10px;
left: 25px;
margin: 0 0 0 -25px;
background-color: #006ab8;
width: 100px;
height: 2px;
}
.infoInner .title .listLink {
margin-top: 1.5em;
}
.infoInner .title .listLink a:link,
.infoInner .title .listLink a:visited,
.infoInner .title .listLink a:active {
color: inherit;
font-size: 14px;
font-size: 1.4rem;
}
.infoInner .list {
width: 78%;
}
.infoList {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 1em 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.infoList:nth-child(n + 2) {
border-top: 1px dashed #dadada;
}
.infoList dt.infoDate {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.6;
width: 14%;
margin-right: 1rem;
}
.infoList dd.infoCate {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.6;
width: 15%;
margin-right: 2%;
text-align: center;
border: 1px solid #006ab8;
}
.infoList dd.infoCate a {
display: block;
padding: 1px 5px;
color: #006ab8;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.infoList dd.infoLink {
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
width: 72%;
}
.infoList dd.infoLink a:link,
.infoList dd.infoLink a:visited,
.infoList dd.infoLink a:active {
color: inherit;
font-size: 15px;
font-size: 1.5rem;
display: block;
}
@media screen and (max-width: 800px) {
.infoInner {
display: block;
position: relative;
margin-bottom: 2em;
}
.infoInner .title {
width: 100%;
text-align: center;
}
.infoInner .title .head {
margin-bottom: 2em;
font-weight: 400;
}
.infoInner .list {
width: 100%;
margin-bottom: 2em;
}
.infoInner .title .head::before {
left: 50%;
bottom: -20px;
margin: 0 0 0 -25px;
width: 50px;
height: 4px;
}
.infoInner .title .listLink {
position: absolute;
bottom: 0;
right: 0;
}
.infoInner .infoList {
flex-wrap: wrap;
align-items: center;
}
.infoInner .infoList dd.infoLink {
width: 100%;
margin-top: 0.8em;
}
.infoList dt.infoDate {
width: 7em;
}
.infoList dd.infoCate {
width: 9em;
font-size: 11px;
font-size: 1.1rem;
}
} .home .layout-full.home-main-photo .hedaer-logo {
display: block;
}
.mainImgPhoto {
position: relative;
max-width: 1800px;
margin: 0 auto;
}
.mainImgPhoto-ph {
position: relative;
width: calc(100% - 35%); min-height: 450px;
margin-left: auto;
margin-right: 0;
padding: 0 40px 40px;
display: flex;
align-items: center;
justify-content: right;
}
.mainImgPhoto .mainLeadWrapper {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mainImgPhoto .mainImgPhoto-ph img {
border-radius: 10px;
display: block;
max-height: 700px; }
.mainImgPhoto .mainLeadWrapper .mainLead,
.mainImgPhoto .mainLeadWrapper .mainLead_sub {
color: inherit;
text-shadow: none;
}
@media screen and (max-width: 840px) {
.mainImgPhoto-ph {
width: 100%;
height: auto;
min-height: auto;
padding: 0;
}
.mainImgPhoto .mainLeadWrapper {
position: relative;
transform: inherit;
min-height: auto;
padding: 5% 4%;
}
.mainImgPhoto .mainImgPhoto-ph img {
border-radius: 0;
}
} .mainPerson {
background-repeat:  no-repeat;
background-position: 0 center;
background-size: cover;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: end;
padding-top: 4em;
}
.mainPersonInner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
max-width: 1500px;
margin: 0 auto;
width: 95%;
}
.mainPersonImg {
width: 36%;
overflow: hidden;
margin-top: auto;
margin-right: 4%;
background-size: 0 0;
}
.mainPersonImg img {
vertical-align: bottom;
}
.mainPersonLeadWrapper {
width: 60%;
padding: 2em 0px;
}
.mainPersonLead {
font-size: 42px;
font-size: 4.2rem;
margin-bottom: 0;
text-align: left;
line-height: 1.5;
font-weight: 600;
}
.mainPersonArea {
margin: 1.5em 0;
padding-bottom: 1em;
border-bottom: 1px solid #dec19f;
font-weight: 600;
}
.mainPersonArea-ttl {
display: flex;
align-items: center;
padding-bottom: .2em;
background-image: url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/images/location.svg);
background-size: 26px;
background-repeat: no-repeat;
padding-left: 35px;
}
.mainPersonArea-ttl::after {
border-top: 1px solid #dec19f;
content: "";
flex-grow: 1;
}
.mainPersonArea-ttl::after {
margin-left: 1rem;
}
.mainPersonArea-ttl,
.mainPersonArea-txt {
font-size: 16px;
font-size: 1.6rem;
}
.wp-block-image.mainImgRight {
width: 45%;
margin-left: auto;
margin-bottom: 0!important;
}
.wp-block-image.mainImgLeft {
width: 45%;
margin-right: auto;
margin-bottom: 0!important;
}
@media screen and (max-width: 1530px) {
.mainPersonLead {
font-size: 38px;
font-size: 3.8rem;
}
}
@media screen and (max-width: 1380px) {
.mainPerson {
padding-top: 2em;
}
}
@media screen and (max-width: 1280px) {
.mainPersonLead {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.4;
}
.mainPersonImg img {
width: 90%;
}
}
@media screen and (max-width: 1280px) {
.mainPersonLead {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.4;
}
}
@media screen and (max-width: 960px) {
.mainPerson {
background-image: none!important;
}
.mainPersonInner {
display: block;
text-align: center;
width: 100%;
}
.mainPersonImg {
width: 100%;
background-image: inherit;
background-repeat:  no-repeat;
background-position: bottom left;
background-size: cover;
margin-right: 0;
}
.mainPersonImg img {
max-width: 300px;
width: 90%;
}
.mainPersonLeadWrapper {
width: 90%;
text-align: center;
margin: 0 auto;
}
.mainPersonLead {
font-size: 25px;
font-size: 2.5rem;
}
.mainPersonArea-ttl,
.mainPersonArea-txt {
font-size: 14px;
font-size: 1.4rem;
}
.mainPersonArea-ttl {
padding-left: 25px;
background-size: 20px;
}
.mainPersonArea-txt {
text-align: left;
}
.wp-block-image.mainImgRight,
.wp-block-image.mainImgLeft {
width: 65%;
margin: 0 auto;
}
}
@media screen and (max-width: 600px) {
.wp-block-image.mainImgRight,
.wp-block-image.mainImgLeft {
width: 85%;
}
}
@media screen and (max-width: 400px) {
.mainPersonLead {
font-size: 24px;
font-size: 2.4rem;
}
} .home .layout-full .nav-logo {
display: block;
}
.home .layout-full .hedaer-logo {
display: none;
}
.layout-full .is-fixed {
padding: 12px 0 !important;
}
.layout-full .logoWrapper {
margin: 0 25px 0 10px;
}
.home .layout-full .is-fixed nav#navGlobal ul.menu li a,
.home .layout-full .is-fixed .menu-txt,
.home .layout-full .is-fixed .searchHeader #searchForm:before,
.home .layout-full .is-fixed .searchHeader #searchForm:before {
color: inherit;
}
.home .layout-full .is-fixed .menu-btn span {
background-color: #333;
}
.home .layout-full .is-fixed .nav-logo {
display: none;
}
.home .layout-full .is-fixed .logoGlobal .hedaer-logo {
display: block;
}
.home .layout-full #headerGlobal {
position: absolute;
z-index: 999;
}
.home .layout-full.home-main-photo #headerGlobal {
position: relative;
z-index: 999;
}
.home .layout-full #headerGlobal.is-fixed {
position: fixed;
}
.layout-full #headerGlobal .headerGlobalInner {
max-width: none;
width: 96%;
}
.mainFull {
position: relative;
overflow: hidden;
}
.mainFull .mainFull-item {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 100vh;  
position: relative;
}
.mainFull .mainFull-item::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
background-color: #000;
opacity: .5;
}
.mainFull .video_pc {
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 177.77777778vh;
height: 56.25vw;
min-height: 100%;
min-width: 100%;
}
.scrolldown {
position:absolute;
left: 50%;
right: 50%;
bottom: 70px;
height: 40px;
}
@media screen and (max-width: 640px) {
.scrolldown {
bottom: 40px;
}
}
.scrolldown span {
position: absolute;
left: -20px;
top: -25px;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0.05em;
}
.scrolldown::after {
content: "";
position: absolute;
top: 0;
width: 1px;
height: 40px;
background: rgb(226, 226, 226);
animation: pathmove 2.2s ease-in-out infinite;
opacity:0;
}
.scrolldown::before {
content: "";
position: absolute;
top: 0;
width: 1px;
height: 40px;
background: #000;
opacity: .5;
}
@keyframes pathmove {
0%{
height:0;
top:0;
opacity: 0;
}
25%{
height:20px;
opacity: 1;
}
100%{
height:0;
top: 40px;
opacity: 0;
}
} #content .coupon {
background: repeating-linear-gradient(-45deg, #FF8a00, #FF8a00 10px, #ff7800 0, #ff7800 20px);
border-radius: 5px;
margin-bottom: 20px;
}
#content .coupon h2.ttl {
color: #fff;
font-size: 35px;
font-size: 3.5rem;
padding: 40px 10px;
text-align: center;
}
#content .coupon .ttl {
color: #FF8400;
font-size: 18px;
font-size: 1.8rem;
font-weight: 400;
margin-bottom: 0 !important;
padding: 0 10px;
}
#content .coupon p {
padding: 5px 10px;
} input.wpcf7-submit,
button[type="submit"],
input.button-primary {
border: none;
border-radius: 10px;
background-color: #333;
box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset, 2px 2px 2px rgba(0, 0, 0, 0.1);
color: #fff;
cursor: pointer;
font-size: 1em;
min-width: 120px;
margin: 0 0 20px;
padding: 15px 20px 15px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .1em;
-webkit-appearance: none;
display: table;
margin: 1em auto 0;
transition: all .2s;
}
input.button-primary {
width: 100%;
}
input.wpcf7-submit:hover,
button[type="submit"]:hover,
input.button-primary:hover {
background-color: #666;
}
form[action*="gssc-cp-access"] {
text-align: center;
}
input:focus,
select:focus,
textarea:focus {
background-color: #fff;
}
input[type="submit"]:focus,
button[type="submit"]:focus {
background-color: #333;
}
input, textarea, select {
background: none repeat scroll 0 0 #F5F5F5;
border: 1px solid #cacaca;
border-radius: 5px;
color: #666;
font-size: 100%;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 5px;
padding: .7em .5em;
vertical-align: middle;
}
div.wpcf7 .wpcf7-submit:disabled {
opacity: .5;
}
span.wpcf7-spinner {
display: block;
margin: 0 auto;
}
.form_01 dd input[type="radio"],
.form_02 dd input[type="radio"],
.form_01 dd input[type="checkbox"],
.form_02 dd input[type="checkbox"] {
margin-right: 2px;
width: auto;
}
.form_01 dd input[type="radio"],
.form_02 dd input[type="radio"] {
margin-bottom: 5px;
}
input.wmax,
textarea.wmax,
select.wmax {
width: 100%;
}
.w50 {
width: 50px!important;
}
.w100 {
width: 100px!important;
}
.w150 {
width: 150px!important;
}
.w200 {
width: 200px!important;
}
.w300 {
width: 300px!important;
}
.width100 {
width: 100%;
}
.width100-img img {
width: 100%;
}
.width70-pc {
width: 70%;
margin: 0 auto;
display: table;
}
.width80-pc {
width: 80%;
margin: 0 auto;
display: table;
}
.width90-pc {
width: 90%;
margin: 0 auto;
display: table;
}
label {
margin-right: 10px;
}
.form_01,
.form_02 {
border-top: 1px solid #dadada;
margin-bottom: 20px;
margin-top: 1.5em;
}
.form_01 dt {
font-weight: 400;
clear: left;
float: left;
padding: 20px 0 15px;
text-align: left;
width: 24em;
}
.form_01 dt span.red {
color: #fff!important;
background-color: #ec0000;
padding: 2px 6px;
font-size: 12px;
border-radius: 4px;
margin-right: 10px;
float: right;
}
.form_01 dd {
border-bottom: 1px solid #dadada;
padding: 15px 0 15px 24.5em;
text-align: left;
}
#content .entry .form_01 p {
margin-bottom: inherit!important;
line-height: 1.6;
}
.form_02 dt {
clear: left;
font-weight: 400;
padding: 15px 0 0;
text-align: left;
}
.form_02 dd {
border-bottom: 1px solid #dadada;
padding: 15px 0 10px 0;
text-align: left;
}
.wpcf7 .ajax-loader {
display: block!important;
margin: 0 auto!important;
}
.AGENTMAIL__submit {
-webkit-appearance: none;
background-color: #E55C00;
border: 1px solid #E55C00;
color: #fff;
cursor: pointer;
display: table-cell;
margin: 0 auto;
}
.AGENTMAIL__submit:hover,
.AGENTMAIL__submit:focus {
background-color: #f07100;
} .entry .catFooter .ttl {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 1.8em;
}
.entry .catFooter h3 {
border: none;
font-size: 15px;
font-size: 1.5rem;
font-weight: normal;
margin-bottom: 0;
padding: 0 0 .3em;
}
.entry .catFooter h3::before {
display: none;
}
#content .entry .wpcf7-form p {
margin-bottom: 1.2em;
line-height: 1.6;
}
dl.form01 {
margin-bottom: 20px;
}
dl.form01 dt {
clear: left;
float: left;
font-weight: bold;
padding: 25px 0 20px 0;
width: 290px;
}
dl.form01 dd {
font-size: 15px;
font-size: 1.5rem;
padding: 15px 0 15px 20em;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
width: 100%;
}
.wpcf7 textarea {
letter-spacing: 0.06em;
}
@media screen and (max-width: 480px) {
.wpcf7 input[type="tel"] {
width: 100%;
}
}
.postFooter input[type="submit"],
.catFooter input[type="submit"] {
margin: 0 auto;
display: table;
} .pay-wrapper {
align-items: center;
border: 1px solid #dadada;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px;
margin-bottom: 20px;
width: 100%;
}
.pay-logo {
margin-bottom: 5px;
width: 35%;
}
.pay-form {
margin-bottom: 5px;
text-align: center;
width: 65%;
}
.pay-wrapper button,
.pay-wrapper button>span {
background-color: #505eea !important;
background-image: none;
border-radius: 6px;
font-size: 17px;
font-size: 1.7rem;
margin: 0 auto;
}
.pay-wrapper button {
padding: 0;
-webkit-transition: all .2s ;
-moz-transition: all .2s ;
-o-transition: all .2s ;
-ms-transition: all .2s ;
transition: all .2s ;
width: 80%;
}
.pay-wrapper button>span {
box-shadow: none;
height: auto;
line-height: 1.6;
padding: 15px;
}
.pay-wrapper button:hover {
opacity: .7;
}
.pay-wrapper img {
margin: 0 auto;
height: auto;
width: 100px;
}
.pay-wrapper input[type="submit"],
.pay-wrapper .pay-btn {
background-color: #032f8c;
color: #fff;
border-radius: 6px;
font-size: 17px!important;
font-size: 1.7rem!important;
font-weight: bold;
height: auto!important;
padding: 15px 10px!important;
margin: 0 auto;
-webkit-transition: all .2s ;
-moz-transition: all .2s ;
-o-transition: all .2s ;
-ms-transition: all .2s ;
transition: all .2s ;
width: 80%;
}
.pay-wrapper input[type="submit"]:hover,
.pay-wrapper .pay-btn:hover {
cursor: pointer;
opacity: .7;
text-decoration: none;
}
.pay-btn {
color: #fff;
display: block;
height: 45px;
}
.pay-onecol {
margin: 0 auto 30px;
width: 60%;
} #wpcf7cpcnf table th {
font-size: 14px;
font-weight: 600;
width: 40%;
text-align: left;
}
#wpcf7cpcnf table td {
width: 60%;
}
.wp-block-contact-form-7-contact-form-selector div#wpcf7cpcnf {
z-index: 9;
}
@media screen and (max-width: 640px) {
#wpcf7cpcnf table {
width: 100%;
border: none;
}
#wpcf7cpcnf table th {
border: none;
display: block;
width: 100%;
padding: 15px 0 0;
}
#wpcf7cpcnf table td {
border: none;
border-bottom: 1px solid #dadada;
display: block;
width: 100%;
padding: 0 0 15px;
font-size: 15px;
}
}
.wpcf7cp-btns {
display: flex;
max-width: 320px;
margin: 2em auto;
font-size: 14px;
}
.wpcf7cp-btns button {
border: none;
border-radius: 10px;
background-color: #333;
box-shadow: 0 0 0 rgb(255 255 255 / 50%) inset, 2px 2px 2px rgb(0 0 0 / 10%);
color: #fff;
cursor: pointer;
font-size: 1.1em;
font-weight: 400;
min-width: 120px;
margin: 0 0 20px;
padding: 10px 20px 12px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .1em;
-webkit-appearance: none;
display: table;
margin: 0 auto;
transition: all .2s;
}
.wpcf7cp-btns button.wpcf7cp-cfm-edit-btn {
background-color: #fff;
border: 1px solid #d8d8d8;
box-shadow: 0 0 0 rgb(255 255 255 / 50%) inset, 2px 2px 2px rgb(0 0 0 / 5%);
color: #333;
}
.wpcf7cp-btns button:hover {
opacity: .7;
} #sitemap_list {
margin-bottom: 30px;
margin-left: 40px;
}
#sitemap_list li {
margin-bottom: 15px;
}
#sitemap_list li li {
margin: 0 0 3px 15px;
padding: 0 0 0 5px;
}
#sitemap_list li li li {
margin: 0 0 3px 15px;
padding: 0 0 0 5px;
}  #content.oneColumn {
max-width: 100%;
}
#content section,
#content .section {
margin-bottom: 30px;
*zoom:1;
}
#content section:before,#content section:after,
#content .section:before,#content .section:after {
content:"";
display: table;
}
#content .section:after {
clear:both;
}
#content > section {
padding-top: 2em;
}
#content p {
margin-bottom: 1.5em;
line-height: 1.9;
}
#content p:last-child {
margin-bottom: 0;
}
.mainHead h1,
.mainHead h2 {
font-size: 36px;
font-size: 3.6rem;
font-weight: 500;
letter-spacing: .08em;
margin: 0 auto;
max-width: 1200px;
padding: 60px 0 50px;
text-align: center;
position: relative;
z-index: 3;
word-break: auto-phrase;
text-wrap: balance;
}
.mainHead-2col h1 {
font-size: 38px;
font-size: 3.8rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: .08em;
max-width: 1024px;
margin: 0;
padding: .5em 0 .3em;
position: relative;
z-index: 3;
word-break: auto-phrase;
text-wrap: balance;
}
.mainHead-2col h1::before {
content: "";
display: block;
position: absolute;
left: 0;
width: 35px;
height: 2px;
background-color: #050505;
top: 0;
}
.mainHead h1.entry-title_jp,
.mainHead h2.entry-title_jp {
padding-bottom: 5px;
}
.mainHead h1.left {
text-align: left;
}
.entry-title_en {
padding: 0 0 35px;
text-align: center;
font-size: 13px;
font-size: 1.3rem;
font-weight: 400;
max-width: 1200px;
margin: 0 auto;
position: relative;
letter-spacing: .05em;
z-index: 4;
}.entry-title_en.left {
text-align: left;
}
.mainHead-2col .entry-title_en {
padding: 0 0 25px;
text-align: left;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
white-space: nowrap;
letter-spacing: .05em;
}
.mainHead.bgimage h1,
.mainHead.bgimage h2 {
padding: 100px 0 90px;
}
.mainHead.bgimage h1.entry-title_jp,
.mainHead.bgimage h2.entry-title_jp {
padding: 100px 0 10px;
}
.mainHead-2col {
position: relative;
}
.mainHead-2col__inner {
display: flex;
gap: 30px;
max-width: 1200px;
width: 94%;
margin: 0 auto;
align-items: center;
padding: 2em 0;
position: relative;
}
.mainHead-2col .mainHead-2col__title {
width: 38%;
padding: 2em 0 0;
}
.mainHead-2col .mainHead-2col__img {
flex: 1;
text-align: right;
margin: 0 auto;
}
.mainHead-2col .mainHead-2col__img img {
vertical-align: bottom;
border-radius: 10px;
}
@media only screen and (max-width: 800px) {
.mainHead-2col__inner {
flex-direction: column;
gap: 5px;
width: 92%;
padding: 1em 0;
}
.mainHead-2col .mainHead-2col__title {
width: 100%;
padding: 3em 0 0;
}
.mainHead-2col .mainHead-2col__title h1 {
padding: .5em 0 .3em;
}
}
@media only screen and (max-width: 600px) {
.mainHead-2col h1 {
font-size: 28px; font-size: 2.8rem;
}
}
.column {
margin: 0 0 2em;
zoom:1;
}
.column:after {
clear: both;
content: "";
display: block;
}
.col {
display: block;
float: left;
margin: 0 0 0.5em 4%;
line-height: 1.6;
}
.navi02 .col{
margin-bottom: 15px;
}
.col img {
height: auto;
margin: 0 0 10px 0;
width: 100%;
}
.col img.size-thumbnail {
height: auto;
margin: 0 10px 0 0;
width: 40.875%;
}
.col.col2N img {
width: auto;
}
.col1 {
width: 100%;
}
.col2 {
width: 47.9%;
}
.col3 {
width: 30.6%;
}
.columnSet .col3 {
width: 29.333333%;
}
.col4 {
width: 22%;
}
.col2W {
width: 55.5%;
}
.col2N {
width: 40%;
}
.col2 a,
.col3 a,
.col4 a {
font-weight: 400;
}
.col2 .headLv_3,
.col2 .headLv_4,
.col3 .headLv_3,
.col3 .headLv_4,
.col4 .headLv_3,
.col4 .headLv_4 {
margin-top: 5px;
}
.column .col:first-child {
margin-left: 0;
}
.column .col2:nth-child(odd) {
margin-left: 0;
}
.column .col2:nth-child(odd) {
margin-left: 0;
}
#content .column .col2 p {
margin-bottom: 1em;
}
#content .column.navi02 .col2.border h1,
#content .column.navi02 .col2.border h2,
#content .column.navi02 .col2.border h3,
#content .column.navi02 .col2.border h4 {
padding-top: 5px;
}
#content .column.navi02 .col2.border p {
margin-bottom: 0;
}
.border {
border: 1px solid #dadada;
border-radius: 5px;
padding: 2%;
}
@media only screen and (max-width: 600px) {
.border {
padding: 3%;
}
}
.col.border { /margin-left: 3%;/padding: 0;} 
.blogThum {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.blogThum.castlist {
margin: 1em 0 2em;
padding: 0;
}
.blogThum .col {
float: none;
vertical-align: top;
width: 50%;
}
.blogThum .col:nth-child(odd) {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
margin-bottom: 0;
padding: 20px 20px 20px 0;
}
.blogThum .col:nth-child(even) {
border-bottom: 1px solid #ddd;
margin-bottom: 0;
margin-left: 0;
padding: 20px 0 20px 20px;
}
.blogThum .col:first-child,
.blogThum .col:nth-of-type(2) {
padding-top: 5px;
}
.blogThum .articleDate {
font-size: 13px;
display: block;
margin: 4px 0 8px;
line-height: 1;
}
.blogThum .articleThum {
background-position: 50%;
background-size: cover;
height: auto;
margin-bottom: 15px;
opacity: 1;
padding-top: 52.5%;
-webkit-transition: .3s ease;
transition: .3s ease;
width: 100%;
}
.blogThum .articleThum:hover {
opacity: .6;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease;
}
.blogThum .title {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.5;
}
.navLocal-inner {
margin: 0 auto;
max-width: 1140px;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position:relative;
}
.navLocal-wrapper {
border-bottom: 1px solid #dadada;
width: 100%;
}
.tml-action-login .navLocal-wrapper {
display: none;
}
.navLocal-inner ul.navLocal {
margin: 0 auto;
padding: 20px 0;
max-width: 1140px;
white-space:nowrap;
overflow-x:hidden;
scroll-behavior:smooth;
scroll-snap-type:inline;
}
.navLocal-inner ul.navLocal li {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
cursor: pointer;
overflow-x: hidden;
scroll-behavior: smooth;
scroll-snap-type: inline;
}
.navLocal-inner ul.navLocal li a {
color: inherit;
display:inline-block;
scroll-snap-align:center;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.3;
padding: 0 15px;
}
.navLocal-inner ul.navLocal li a:hover {
opacity: .7;
}
.navLocal-inner ul.navLocal li {
border-left: 1px solid #dadada;
margin: 5px 0;
}
.navLocal-inner ul.navLocal li:first-child {
border-left: none;
}
#menu-bar,
.menu-bar-label {
display: none;
} .arrow-left {
visibility: hidden;
border-right: 1px solid #dadada;
}
.arrow-right {
visibility: hidden;
border-left: 1px solid #dadada;
}
.navLocal-arrow {
cursor: pointer;
padding: 20px 8px;
}
.navLocal-arrow i {
font-size: 14px;
font-size: 1.4rem;
} .blogThum.castlist .col3 {
vertical-align: top;
width: 33%;
margin-bottom: 5%;
padding: 0 2%;
}
.blogThum.castlist .col3 .title {
text-align: center;
margin: .5em 0;
}
.blogThum.castlist .cast-col {
text-align: center;
}
.listContentColumn {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
width: 100%;
}
.listContentColumn .col_lc {
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
list-style: none;
margin-bottom: 0;
margin: 1%;
position: relative;
text-align: center;
width: 23%;
}
.listContentColumn a {
font-size: .9em;
display: block;
padding: 30px 10px;
}
.listContentColumn a img {
margin-bottom: 15px;
}
.single-2col figure {
float: left;
width: 40%;
text-align: center;
}
.single-2col table,
.single-2col .wp-block-table {
float: right;
font-size: 15px;
width: 55%;
}
.single-2col table td:nth-child(1),
.single-2col .wp-block-table td:nth-child(1) {
background-color: #f6f6f6;
width: 40%;
}
.single-2col .wp-block-columns figure,
.single-2col .wp-block-media-text figure {
float: none;
width: inherit;
text-align: inherit;
}
.single-2col .wp-block-columns table,
.single-2col .wp-block-columns .wp-block-table,
.single-2col .wp-block-media-text table,
.single-2col .wp-block-media-text .wp-block-table  {
float: none;
font-size: inherit;
width: inherit;
}
.single-2col .wp-block-columnstable td:nth-child(1),
.single-2col .wp-block-columns .wp-block-table td:nth-child(1),
.single-2col .wp-block-media-text td:nth-child(1),
.single-2col .wp-block-media-text .wp-block-table td:nth-child(1) {
background-color: inherit;
width: inherit;
}
.wp-block-image {
margin-bottom: 1.2em!important;
}
.wp-block-image a img {
vertical-align: middle;
} .entry h2 {
border-bottom: 6px solid #ccc;
clear: both;
font-size: 25px;
font-size: 2.5rem;
font-weight: 400;
line-height: 1.5em;
margin-top: 1.5em;
margin-bottom: 1em;
padding: 1rem 0;
position: relative;
}
.entry > h2:first-child {
margin-top: 0;
padding-top: 5px;
}
.entry h2::before {
background: #333;
bottom: -6px;
left: 0;
width: 15%;
height: 6px;
content: '';
margin: 0;
position: absolute;
}
.entry h2.is-style-heading-default,
.entry h3.is-style-heading-default,
.entry h4.is-style-heading-default,
.entry h5.is-style-heading-default,
.entry h6.is-style-heading-default {
border: none;
margin: .5em 0;
padding: 0;
font-size: revert;
font-weight: revert;
}
.entry h2.is-style-heading-default::before,
.entry h3.is-style-heading-default::before,
.entry h4.is-style-heading-default::before {
display: none;
}
.entry h5.is-style-heading-default {
font-weight: revert;
}
.headLv_2b {
clear: both;
font-size: 23px;
font-size: 2.3rem;
font-weight: 400;
line-height: 1.5em;
margin-bottom: 10px;
padding: 0;
}
.entry h3 {
border-bottom: 1px solid #dadada;
clear: both;
font-size: 20px;
font-size: 2.0rem;
font-weight: 400;
line-height: 1.5em;
margin: 1.8em 0 1em 0;
padding: .2em 0 .65em 1em;
position: relative;
}
.entry > h3:first-child {
margin-top: 0;
}
.entry h3::before {
background-color: #333;
border-radius: 2px;
clear: both;
content: "";
display: block;
height: -webkit-calc(100% - 1.5em);
height: calc(100% - .5em);
left: 0;
position: absolute;
top: 0;
width: 5px;
}
.entry .heading-lv3_left::after,
.entry .headLv_3::after {
display: none;
}
.headLvFlow::before {
display: none!important;
}
.headLv_3b {
border-bottom: 1px solid #dadada;
border-left: none;
font-size: 18px;
font-size: 1.5rem!important;
line-height: 1.3;
padding: 0.6em 0 0.6em 1em;
position: relative;
}
.headLv_3b::before {
background: #39f;
border-radius: 4px;
content: "";
height: 25px;
left: 0;
margin-top: 0!important;
position: absolute;
top: 50%;
width: 5px;
}
.entry h4 {
clear: both;
font-size: 18px;
font-size: 1.8rem;
font-weight: 400;
line-height: 1.4em;
margin: .6em 0 .5em;
padding: .4em 0 .4em 1.3em;
position: relative;
}
.entry h4::before {
border: 4px solid #333;
border-radius: 100%;
content: '';
left: .0;
position: absolute;
height: 4px;
top: .8em;
width: 4px;
z-index: 2;
}
.entry h5 {
clear: both;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4em;
margin: 1.3em 0 .2em;
padding: .4em 1em .4em 0;
position: relative;
}
.breadArea {
clear: both;
height: auto;
margin-top: 20px;
padding: 15px 0 10px 0;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}
.mainHead-2col .breadArea {
margin-top: 0px;
padding: 1.5em 0 10px 0;
}
@media only screen and (max-width: 640px) {
.breadArea {
margin-top: 10px;
}
}
.single .breadArea {
clear: both;
height: auto;
padding: 0;
position: relative;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, .2);
}
.single .breadcrumbs{
overflow-x: auto;
white-space: normal;
padding: 15px 0;
}
.breadAreaInner {
max-width: 1240px;
width:100%;
margin: 0 auto;
}
.breadcrumbs {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.4;
margin: 0 auto;
padding: 0 5px 0 0;
letter-spacing: 0.05em;
}
.breadcrumbs ul {
margin-left: 0;
}
.breadcrumbs li {
display: inline;
margin: 0;
vertical-align: bottom;
}
.breadcrumbs ul li a::after,
.blogHeader-inner .breadcrumbs ul li a::after {
content: '›';
color: #fff;
margin: 0 7px;
}
.breadcrumbs,
.breadcrumbs a:link,
.breadcrumbs a:visited,
.post-categories a,
.blogHeader-inner .breadcrumbs a:link,
.blogHeader-inner .breadcrumbs a:visited,
.blogHeader-inner .breadcrumbs a:hover,
.blogHeader-inner .breadcrumbs {
color: #fff;
opacity: .85;
}
.mainHead-2col .breadcrumbs a,
.mainHead-2col .breadcrumbs span {
color: #000;
}
.mainHead-2col .breadcrumbs ul li a::after {
color: #000;
}
.borderBox {
border: 1px solid #dadada;
border-radius: 10px;
padding: 2%;
}
.borderBox.single {
padding: 20px 29px;
}
.borderBox:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.borderBox {
min-height: 1px;
}
* html .borderBox {
height: 1px;/*\*//*/height: auto;
overflow: hidden;/**/}
.cornerBox {
overflow: hidden;
border-radius: 10px;
}
.caseBox {
border: 1px solid #dadada;
border-radius: 10px;
margin-bottom: 30px;
overflow: hidden;
padding: 20px;
}
.caseBoxHeadSet {
border-bottom: 1px solid #dddddd;
position: relative;
padding-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.caseBoxHead {
margin-left: 90px;
position: relative;
padding-right: 0;
width: 66%;
}
.caseNumber {
border: 1px solid #00a78d;
border-radius: 100%;
color: #00a78d;
font-size: 11px;
font-size: 1.1rem;
height: 70px;
letter-spacing: .1em;
position: absolute;
padding-top: 15px;
text-align: center;
width: 70px;
}
.caseNumber p {
display:  inline;
}
.caseNumber span {
display: block;
font-size: 20px;
font-size: 2.0rem;
line-height: 1;
}
.caseHeadLv0l {
font-size: 26px;
font-size: 2.6rem;
}
.caseHeadLv02 {
color: #00a78d;
display: inline;
font-size: 23px;
font-size: 2.3rem;
font-weight:  normal;
margin-right: 20px;
}
.casePh {
margin-left: auto;
width: 25%;
padding-left: 5%;
}
.caseLink {
display: inline-block;
margin-bottom: 0!important;
}
.caseImg {
float: right;
margin-left: 15px;
}
p.casetxt {
padding-top: 20px;
margin-bottom: 1em!important;
}
.linesSides {
margin: 0 15px 20px;
overflow: hidden;
padding: 0 20px;
text-align: center;
}
.linesSides span {
display: inline-block;
padding: 0 .6em;
position: relative;
}
.linesSides span::before,
.linesSides span::after {
border-top: 1px solid currentColor;
content: '';
position: absolute;
top: 50%;
width: 3em;
}
.linesSides span::before {
right: 100%;
}
.linesSides span::after {
left: 100%;
} table,
.wp-block-table table {
border: 1px solid #dadada;
margin-bottom: 20px;
width: 100%;
line-height: 1.5;
}
table th,
.wp-block-table table th {
border: 1px solid #dadada;
font-weight: normal;
padding: 10px;
vertical-align: top;
}
table td,
.wp-block-table table td {
border: 1px solid #dadada;
padding: 10px;
vertical-align: top;
}
table figcaption,
.wp-block-table table figcaption {
font-size: 15px;
}
.wp-block-table figcaption {
font-size: 14px;
margin-bottom: 10px;
text-align: center;
}
.table_01 {
border: none;
border-top: 1px solid #dadada;
margin-bottom: 30px;
width: 100%;
}
.table_01 th {
border: none;
border-bottom: 1px solid #dadada;
font-weight: normal;
padding: 13px 10px 13px 10px;
vertical-align: top;
}
.table_01 td {
border: none;
border-bottom: 1px solid #dadada;
padding: 13px 10px 13px 10px;
}
#acTab {
margin-bottom: 1.5em!important;
}
#acTab .table_01,
#acTab .table_02,
#acTab .table_03 {
border-top: none;
margin-bottom: 20px;
}
#acTab .resp-tab-content {
border: none!important;
border-top: 1px solid #dadada!important;
padding: 20px 5px!important;
}
.table_02 {
border: 1px solid #dadada;
margin-bottom: 30px;
width: 100%;
}
.table_02 th {
border: 1px solid #dadada;
font-weight: normal;
padding: 10px;
vertical-align: top;
}
.table_02 td {
border: 1px solid #dadada;
padding: 10px;
}
.table_03 {
border: 1px solid #dadada;
margin-bottom: 30px;
width: 100%;
}
.table_03 th {
background-color: #f5f5f5;
border: 1px solid #dadada;
font-weight: normal;
padding: 10px;
vertical-align: top;
}
.table_03 td {
border: 1px solid #dadada;
padding: 10px;
}
.table_04 {
border: none;
margin-bottom: 0;
width: auto;
}
.table_04 th {
border: none;
font-weight: normal;
padding: 0;
vertical-align: top;
}
.table_04 td {
border: none;
padding: 0;
}
table.tdRight td {
text-align: right;
} table.striped tr.alt{ background: #f5f5f5;} .tabWrapper{
margin: 0 auto 30px;
width: 100%;
}
.tabContainer {
overflow-x: auto;
}
.tabContainer::-webkit-scrollbar {
height: 0;
}
.bx-wrapper {
border: none;
padding: 0;
}
.tab{
display: table;
margin-top: 20px;
}
.resp-tab-active {
background-color: transparent!important;
}
.tab__button{ border: 0px solid transparent;
border-bottom-width: 4px;
display: table-cell;
font-weight: 400;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.tab__button a{
color: #777;
display: block;
font-size: 13px;
padding: 10px 25px;
text-decoration: none;
}
.tab__button.active {
border-bottom: 4px solid #39f;
}
.contents__content {
text-align: center;
}
.contents__content div a {
border-bottom:1px solid #ddd;
color:#222;
display: table;
font-size: 14px;
text-align: left;
text-decoration: none;
line-height: 1.5em;
padding: 10px;
width: 100%;
}
.contents__content div a span{
display: table-cell;
padding-left: 10px;
padding-right: 10px;
}
.contents__content div a:before {
background-color: #ddd;
content:'';
display: block;
display: table-cell;
height: 50px;
width: 50px;
}
.borderTop {
border-top: 1px solid #dadada;
padding-top: 10px;
}
.category-post-area {
margin: 0 auto;
}
.category-post-area .category-post {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-top: 1px solid #dadada;
padding: 1.2em 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.category-post-area .category-post:last-child {
border-bottom: 1px solid #dadada;
}
.category-post-area .category-post__img {
width: 180px;
margin-right: 20px;
}
.category-post-area .category-post__img a {
display: block;
height: 95px;
overflow: hidden;
}
.category-post-area .category-post__txt {
-ms-flex: 1;
flex: 1;
}
.category-post-area .category-post__txt a:link,
.category-post-area .category-post__txt a:visited,
.category-post-area .category-post__txt a:active {
color: inherit;
display: block;
}
.category-post-area .category-post__txt .icon-pencil {
margin-top: 5px;
font-size: 14px;
font-size: 1.4rem;
}
.category-post-area .category-post__txt .icon-pencil::before {
margin-right: 5px;
}
.category-post-area .category-post__txt .icon-pencil a {
display: inline;
}
#content .category-post-area .category-post__title {
line-height: 1.5;
margin-bottom: .5em;
}
.category-post-area .category-post__day {
font-size: 13px;
font-size: 1.3rem;
font-weight: 400;
width: 8em;
}
.category-post-area .category-post__category {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.5;
width: 10em;
margin-right: 2%;
text-align: center;
border: 1px solid #006ab8;
}
.category-post-area .category-post__category a {
display: block;
padding: 1px 5px;
color: #006ab8;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.contents_inner .category-post__not {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 1em 0.5em;
}
@media screen and (max-width: 600px) {
.category-post-area .category-post__img {
width: 135px;
margin-right: 15px;
}
.category-post-area .category-post__img a {
height: 76px;
}
#content .category-post-area .category-post__title {
font-size: 14px;
font-size: 1.4rem;
}
.category-post-area .category-post__day {
font-size: 12px;
font-size: 1.2rem;
}
.category-post-area.thum-no .category-post__day {
width: 7em;
}
.category-post-area.thum-no .category-post {
flex-wrap: wrap;
align-items: center;
}
.category-post-area.thum-no .category-post__txt {
flex: none;
width: 100%;
margin-top: 0.8em;
}
.category-post-area.thum-no .category-post__category {
width: 12em;
font-size: 11px;
font-size: 1.1rem;
}
} .tab_slide_wrap {
max-width: 1024px;
margin: 0 auto;
}
.tab_slide_wrap .slick-track {
margin: 0 auto 1em;
}
.tab_slide li {
padding: 8px 0;
cursor: pointer;
text-align: center;
font-weight: 600;
}
.tab_slide li.slick-slide {
border: 2px solid rgba(0,0,0,0.4);
color: rgba(0,0,0,0.4);
border-radius: 5px;
margin: 0 5px;
}
.tab_slide li.slick-current {
border: 2px solid rgba(0,0,0,0.9);
color: inherit;
}
.tab_content .tab_item {
padding: 20px;
list-style-type: none;
margin: 0;
}
.tab_content .tab_item img {
max-width: 100%;
width: inherit;
}
.tab_prev {
display: none;
width: 24px;
height: 100%;
background-color: #fff;
position: absolute;
bottom: 6px;
left: 0;
z-index: 8
}
.tab_prev:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: calc(50% - 8px);
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 8px 11px 8px 0;
border-color: transparent #000 transparent transparent;
}
.tab_next {
display: block;
width: 24px;
height: 100%;
background-color: #fff;
position: absolute;
bottom: 6px;
right: 0;
z-index: 8;
}
.tab_next::after {
content: '';
display: block;
position: absolute;
top: 50%;
right: calc(50% - 8px);
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 11px;
border-color: transparent transparent transparent #000;
}
.slick-disabled {
display: none !important;
} .listSitemap {
list-style: none;
}
.listSitemap li {
border-bottom: 1px solid #baa892;
clear: both;
overflow: hidden;
padding: 10px;
width: 710px;
}
.listSitemap li.lv2 {
float: left;
}
.listSitemap ul {
clear: both;
float: right;
list-style: none;
overflow: hidden;
width: 500px;
}
.listSitemap ul li {
border-bottom: none;
list-style: none;
margin-bottom: 0;
padding-bottom: 5px;
padding-top: 0;
} input,
textarea,
select {
font-size: 16px;
font-size: 1.6rem;
}
input,
textarea,
select {
padding: 0.5em;
vertical-align: middle;
}
span.wpcf7-list-item {
display: block!important;
margin: 0.5em!important;
}
.form_02 span.wpcf7-list-item,
.wpcf7-acceptance span.wpcf7-list-item {
display: inherit!important;
margin: 0.5em!important;
}
.select-w100 select {
width: 100%;
}
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {
box-shadow: inset 1px 1px 2px 0 rgba(0,0,0, 10%);
} .searchLead {
margin-bottom: 20px;
text-align: center;
}
.searchHeader {
display: block;
right: 0;
position: absolute;
top: 0;
width: 745px;
}
.searchHeader #searchForm {
display: block;
position: relative;
}
.searchHeader #searchForm:before,
.searchField {
height: 50px;
margin: 0;
right: 0;
position: absolute;
top: 0;
width: 45px;
}
.searchHeader #searchForm:before {
color: inherit;
font-size: 14px;
line-height: 50px;
text-align: center;
z-index: 19;
}
.searchField {
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
z-index: 60;
}
.searchField:focus {
cursor: text;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
width: 100%;
} #searchForm {
display: block;
position: relative;
}
#searchForm:before, .searchField {
height: 45px;
margin: 0;
right: 0;
position: absolute;
top: 0;
width: 45px;
}
#searchForm:before {
color: #000;
line-height: 45px;
text-align: center;
z-index: 19;
}
#searchForm input[type="text"] {
border: 1px solid #ddd;
padding: 10px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.searchHeader #searchForm input[type="text"]:focus {
background-color: #fff;
border-color: #dddddd;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
} ul.list_01 {
list-style: disc;
margin-bottom: 2em;
margin-left: 1.5em;
}
ul.list_01 li {
line-height: 1.6;
margin-bottom: 7px;
}
ul.list_01 li a,
ol.list_01 li a {
border: none;
display: inline;
margin: 0;
padding: 0;
}
ul.list_01 li a:hover,
ol.list_01 li a:hover {
background-color: transparent;
}
ol.list_01 {
margin-bottom: 2em;
margin-left: 1.5em;
}
ol.list_01 li {
line-height: 1.6;
margin-bottom: 10px;
}
ol.list_number {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin: 1em 0 1.5em!important;
}
ol.list_number li {
font-size: 16px;
line-height: 1.5;
list-style: none;
margin-bottom: .4em;
padding-left: 30px;
position: relative;
}
ol.list_number li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #333;
border: 1px solid;
border-radius: 50%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
height: 24px;
width: 24px;
color: #ffff;
font-size: 14px;
font-weight: 600;
line-height: 1;
position: absolute;
top: 1px;
left: 0;
}
ol.list_number.red li,
ol.list_number.orange li,
ol.list_number.blue li,
ol.list_number.green li,
ol.list_number.white li {
color: initial;
}
ol.list_number.red li:before {
background-color: #FF0000;
color: #fff;
}
ol.list_number.orange li:before {
background-color: #ff8b0d;
color: #ffffff;
}
ol.list_number.blue li:before {
background-color: #2e9afe;
color: #ffffff;
}
ol.list_number.green li:before {
background-color: #457f00;
color: #ffffff;
}
ol.list_number.white li:before {
background-color: #fff;
color: #333;
}
.listDisc ul {
margin-bottom: 5px;
margin-left: 1.6em;
padding: 0!important;
}
div.listDisc .display-posts-listing li.listing-item {
border-bottom: none!important;
list-style: disc!important;
min-height: auto!important;
overflow: inherit!important;
padding: 5px 0!important;
margin-left: 1.5em!important;
border-top: none!important;
}
.listDisc .display-posts-listing li.listing-item .title {
font-weight: 600;
}
.lcp_catlist {
list-style: disc;
margin-bottom: 0;
margin-left: 1.5em;
}
.lcp_catlist{
margin-bottom: 7px;
}
dl.dlInfo01 {
border-bottom: 1px solid #dadada;
}
dl.dlInfo01 dt {
clear: left;
float: left;
font-size: 13px;
font-size: 1.3rem;
padding: 16px 0 10px 0;
width: 10em;
}
dl.dlInfo01 dd {
line-height: 1.6;
padding: 13px 10px 15px 10em;
}
dl.dlInfo01 dd a,
dl.dlInfo01 dd a:visited,
dl.dlInfo01 dd a:active {
font-weight: 400;
text-decoration: underline;
}
dl.dlInfo01 dd a:hover {
text-decoration: none;
}
.list_qa {
border-bottom: 1px dotted #dadada;
max-width: 1024px;
width: 100%;
margin: 1.5em auto;
}
.list_qa dt {
font-weight: 600;
line-height: 1.8;
padding-bottom: 1.5em;
padding-left: 3.5em;
padding-top: 3px;
position: relative;
}
.list_qa dt::before {
background-color: #66b500;
border-radius: 10px;
color: #fff;
content: "Q";
font-weight: 600;
left: 0;
line-height: 1.4;
padding: 10px 15px;
position: absolute;
top: -3px;
}
.list_qa dd {
line-height: 1.8;
padding-bottom: 1.5em;
padding-left: 3.5em;
padding-top: 3px;
position: relative;
}
.list_qa dd::before {
background-color: #ff6c6c;
border-radius: 10px;
color: #fff;
content: "A";
font-weight: 600;
left: 0;
line-height: 1.4;
padding: 10px 15px;
position: absolute;
top: -3px;
} .accordion_area {
border: 1px solid #dadada;
border-radius: 10px;
margin-bottom: 1em;
}
.accordion_area .accordion_one .ac_header {
padding: 1.8rem 5rem 1.8rem 2rem;
position: relative;
z-index: +1;
cursor: pointer;
transition: .2s;
}
.accordion_area .accordion_one .ac_header .i_box {
position: absolute;
top: 50%;
right: 2rem;
width: 20px;
height: 20px;
margin-top: -10px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
position: absolute;
content: "";
margin: auto;
box-sizing: border-box;
vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
border-top: 2px solid #666;
width: 20px;
height: 0;
top: 0;
bottom: 0;
right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
border-left: 2px solid #666;
width: 0;
height: 20px;
top: 0;
bottom: 0;
right: 9px;
transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
height: 0;
}
.accordion_area .accordion_one .ac_inner {
display: none;
padding: .5rem 2rem 1.5rem 2rem;
box-sizing: border-box;
}
@media screen and (max-width: 736px) {
.accordion_area .accordion_one .ac_header {
padding: 1.5rem 4rem 1.5rem 1.5rem;
}
.accordion_area .accordion_one .ac_header .i_box {
right: 1.5rem;
width: 15px;
height: 15px;
margin-top: -7px;
}
.accordion_area .accordion_one .ac_header .i_box:before {
width: 15px;
}
.accordion_area .accordion_one .ac_header .i_box:after {
height: 15px;
right: 7px;
}
.accordion_area .accordion_one .ac_inner {
padding: .5rem 1.5rem 1.5rem 1.5rem;
}
} .qa__headinner {
display: block;
padding-left: 35px;
position: relative;
line-height: 1.5;
}
.qa__headinner::before {
position: absolute;
top: -3px;
left: 0;
content: "Q．";
color: #66b500;
font-size: 20px;
font-weight: bold;
}
@media screen and (max-width: 736px) {
.qa__headinner {
padding-left: 30px;
}
}
.qa__bodyinner {
display: block;
padding-left: 35px;
position: relative;
line-height: 1.5;
}
@media screen and (max-width: 736px) {
.qa__bodyinner {
padding-left: 30px;
}
}
.qa__bodyinner::before {
position: absolute;
left: 0;
content: "A．";
color: #ff6c6c;
font-size: 20px;
font-weight: bold;
}
.dlList01 {
display: block;
margin-bottom: 10px;
overflow: hidden;
padding: 0;
}
.dlList01 dt {
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.4;
margin-bottom: 10px;
padding: 0;
}
.dlList01 dd {
line-height: 1.4;
margin-bottom: 20px;
padding: 0 0 0 1.2em;
}
ul.listThumbnail {
list-style: none;
margin-left: 0;
}
ul.listThumbnail li {
border-bottom: 1px solid #dadada;
overflow: hidden;
margin: 5px 0 10px 0!important;
padding: 10px 0;
}
ul.listThumbnail span.date {
color: initial;
display: block;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: .3em;
}
ul.listThumbnail a.title {
display: block;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 3px;
}
ul.listThumbnail li a:not(.title) {
display: block; 
overflow: hidden;
}
ul.listThumbnail li a .thum {
overflow: hidden;
text-align: center;
width: 270px;
height: 142px;
margin-right: 20px;
margin-bottom: 5px;
}
ul.listThumbnail li .title {
font-size: 20px;
font-size: 2.0rem;
font-weight: 400;
margin-bottom: 0.2em;
overflow: hidden;
}
ul.listThumbnail li .txt {
color: initial;
font-size: 14px;
font-size: 1.4rem;
overflow: hidden;
} .authorBox {
border: 10px solid #f3f3f3;
border-radius: 6px;
clear: both;
display: table;
margin-bottom: 2em;
margin-top: 1em;
overflow: hidden;
padding: 20px 0;
width: 100%;
}
.authorBox .photo {
display: table-cell;
height: auto;
padding: 0 20px;
text-align: center;
width: 200px;
}
.authorBox .photo img {
border-radius: 50px;
height: auto;
margin: 0 auto 10px;
padding: 0;
width: 100px;
}
.authorBox .photo .author {
background: #f3f3f3;
border-radius: 10px;
color: #333!important;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.3;
margin-bottom: 15px;
padding: .4em .4em .6em;
position: relative;
word-break: break-word;
}
.authorBox .photo .author:after{
border-color: #f3f3f3 transparent transparent transparent;
border-style: solid;
border-width: 10px 10px 0 10px;
bottom: -10px;
content: "";
left: 0;
right: 0;
height: 0;
margin: auto;
position: absolute;
width: 0;
}
.authorBox .text {
border-left: 1px solid rgba(0,0,0,0.1);
font-size: 14px;
font-size: 1.4rem;
display: table-cell;
padding: 0 20px;
vertical-align: middle;
}
.authorBox .name {
background-color: transparent;
border: none;
color: #333;
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 10px;
padding: 0;
}
.authorBox .link {
margin-bottom: 0!important;
}
#content .authorBox p {
line-height: 1.6;
margin-bottom: 15px;
}
.authorBox .follow-btn {
margin-top: 10px;
text-align: right;
}
.authorBox .follow-btn a {
display: inline-block;
font-size: 20px;
}
.authorBox .follow-btn a.twitter::before {
background: url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/images/twitter.png);
background-repeat: no-repeat;
background-size: cover;
}
.authorBox .follow-btn a.facebook::before {
background: url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/images/facebook.png);
background-repeat: no-repeat;
background-size: cover;
}
.authorBox .follow-btn a.instagram::before {
background: url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/images/instagram.png);
background-repeat: no-repeat;
background-size: cover;
}
.authorBox .follow-btn a.youtube::before {
background: url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/images/youtube.png);
background-repeat: no-repeat;
background-size: cover;
}
.writer-profile {
display: inline-block;
margin-bottom: 20px;
padding: 0 1%;
vertical-align: top;
width: 25%;
}
.writer-profile a {
display: block;
}
.writer-profile a:hover {
opacity: .7;
}
.writer-profile .eyecatch {
margin-bottom: 10px;
}
.writer-profile .profiletxt p.name {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 5px!important;
text-align: center;
color: initial;
}
.writer-profile .profiletxt .description {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 5px;
color: initial;
}
.writer-profile .profiletxt .button {
font-size: 12px;
font-size: 1.2rem;
} .slider {
clear: both;
margin: 0 auto;
}
.slider.main-slide {
align-items: center;
overflow: hidden;
position: relative;
text-align: center;
}
.mainImg .slider {
max-width: 1400px;
}
.mainImgBg {
position: relative;
}
.mainImgBg .slider li.slick-slide {
list-style: none;
margin: 0;  }
.slick-prev, .slick-next {
margin-top: 7px;
z-index: 35;
}
.slick-dotted.slick-slider {
margin-bottom: 0!important;
}
.slick-slide img {
margin: 0 auto;
}
.footerBanner .slick-next {
right: 5px!important;
}
.footerBanner .slick-prev {
left: 5px!important;
}
.slick-next {
right: -20px!important;
}
.slick-prev {
left: -20px!important;
}
.slick-track {
overflow: hidden;
}
.slick-next:before {
font-size: 0!important;
}
.slick-next:before,
.slick-prev:before {
font-size: 0;
content: "";
border: #000 1px solid;
border-width: 1px 1px 0 0;
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
right: -7px;
bottom: 0;
margin: auto;
transform: rotate(-135deg);
transition: none;
box-shadow: 1px -1px 0 rgba(0,0,0,0.1);
}
.slick-next:before {
right: 0;
left: -5px;
transform: rotate(45deg);
}
.slick-prev:before {
font-size: 0!important;
}
.slick-dots li button:before {
font-size: 0!important;
background-color: #fff;
}
.mainImg .slick-next,
.mainImgBg .slick-next {
right: 15px!important;
}
.mainImg .slick-prev,
.mainImgBg .slick-prev {
left: 15px!important;
}
.mainImg .slick-dots,
.mainImgBg .slick-dots {
bottom: 10px;
}
.slider-full {
margin: 0;
}
.slider-full .slick-slide img {
height: 100vh;
margin: auto;
max-height: 100%;
max-width: 100%;
object-fit: cover;
width: 100%;
}
@keyframes zoomOut {
0% {
transform: scale(1.14);
}
100% {
transform: scale(1);
}
}
.anime-zoomOut {
animation: zoomOut 10s linear 0s normal both;
}
.slider-footer .slick-prev,
.slider-footer .slick-next {
top: 40%!important;
}
.slider-footer.slick-dots {
bottom: -20px;
}
.col-warp.slider-footer {
margin-bottom: 45px!important;
}
.slider-footer .col-4 {
margin: 0 12px 20px 12px;
}
.slider-footer .col-4:nth-child(4n){
margin-right: 12px;
}
.slick-slide {
margin: 0;
}
.wp-block-gallery.slider figure.slick-slide {
margin-left: 0!important;
margin-right: 0!important;
} .prefecturesBox {
border-radius: 10px;
border: 1px solid #ddd;
padding: 10px;
overflow: hidden;
}
.listPreColumn {
clear: both;
margin-bottom: 15px;
overflow: hidden;
}
.listPreColumn .preArea {
display: inline-block;
vertical-align: middle;
width: 77%;
}
.listPreColumn h3 {
background-color: rgba(0,0,0,0.06);
border-left: 2px solid #ff6600;
clear: both;
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
margin: 0 2% 0 0;
padding: 10px 0;
text-align: center;
vertical-align: middle;
width: 20%;
}
.listPreColumn h3 a {
color: #777;
display: block;
}
.listPreColumn .preArea li {
color: #a68868;
display: block;
float: left;
font-weight: 400;
line-height: 1;
list-style: none;
margin: 0 2%;
padding: 5px 0;
text-align: center;
} .couponBtn {
margin: 20px 0;
padding-bottom: 20px;
text-align: center;
}
.couponBtn a {
background-color: #fff;
border: 1px solid #CCCCCC;
border-radius: 30px;
color: #333;
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
margin: 0 auto;
padding: 18px 23px;
text-decoration: none;
vertical-align: middle;
}
.couponBtn a:hover {
background: none repeat scroll 0 0 #f6f6f6;
}
.couponBtn a:active {
background: none repeat scroll 0 0 #f6f6f6;
}
p.btn {
background-color: #fff;
border: 1px solid #CCCCCC;
border-radius: 30px;
display: table;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
margin: 0 auto;
text-align: center;
text-decoration: none;
vertical-align: middle;
}
span.btn {
background-color: #fff;
border: 1px solid #CCCCCC;
border-radius: 30px;
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
margin: 0 auto;
padding: 10px 25px;
text-align: center;
text-decoration: none;
vertical-align: middle;
}
.mainLeadWrapper .btn {
background-color: #fff;
border: none;
border-radius: 10px;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .3);
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
font-weight: 600;
margin: 1.5em auto 0;
padding: 0;
position: relative;
text-align: center;
text-decoration: none;
transition: all .4s ;
vertical-align: middle;
min-width: 240px;
}
.btn a {
display: block;
padding: 18px 23px;
}
.mainLeadWrapper .btn a {
display: block;
line-height: 1.3;
padding: 15px 2.5em 15px 1.8em;
color: #333;
}
.mainLeadWrapper .btn::before {
font-family: "fontello";
content: '\f006';
color: #006ab8;
position: absolute;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.mainLeadWrapper .btn:hover {
opacity: .8;
}
.btn:hover {
background: none repeat scroll 0 0 #f6f6f6;
}
.btn:active {
background: none repeat scroll 0 0 #f6f6f6;
} .headLvFlow {
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 1em;
padding: 15px 0!important;
position: relative;
}
.lowArrow {
border: 2px solid;
border-color: transparent transparent #999 #999;
transform: rotate(-45deg);
height: 25px;
width: 25px;
text-align: center;
margin: 0 auto 30px!important;
}
.col2.beforeAfter {
margin-left: 0;
width: 45%;
}
.col3.beforeAfter {
margin-left: 0;
width: 26.666%;
}
.baArrow {
float: left;
font-size: 200%;
margin: 80px auto 0;
text-align: center;
width: 10%;
}
.baArrow02 {
float: left;
font-size: 200%;
margin: 40px auto 0;
text-align: center;
width: 10%;
}
.navi01 a {
font-weight: 400;
border: 1px solid #dadada;
border-radius: 5px;
display: block;
margin-bottom: 10px;
padding: 15px 10px;
}
.navi01 a:hover {
background-color: rgba(0,0,0,0.06);
text-decoration: none;
}
.imgNavi {
background-color: transparent;
border: 1px solid #dadada;
}
.imgNavi img{
margin-bottom: 6px;	
}
.navi01 .imgNavi  {
margin-bottom: 0;
padding: 5px;
}
.navi01 .imgNavi a {
border: none;
border-radius: 0;
margin-bottom: 0;
padding: 0;
}
.navi01 .imgNavi a:hover {
background-color: transparent;
} .searchAeraWrapper {
position: relative;
}
.archive .searchAeraWrapper,
.category .searchAeraWrapper,
.single .searchAeraWrapper {
border-radius: 10px;
max-height: inherit;
height: auto;
position: relative;
margin: 2em 0;
padding: 2em 0;
}
.home .searchAeraWrapper .section-block-inner {
padding: 150px 0;
position: relative;
margin: 0 auto;
}
.searchAeraWrapper.page-search .section-block-inner {
padding: 80px 0;
position: relative;
margin: 0 auto;
}
.archive .searchAeraWrapper .section-block-inner,
.category .searchAeraWrapper .section-block-inner,
.single .searchAeraWrapper .section-block-inner {
position: relative;
top: auto;
left: auto;
transform: none;
width: 90%;
}
.searchAera {
background-color: rgba(0,0,0,.25);
border-radius: 6px;
overflow: hidden;
padding: 30px 30px;
}
.single .searchAera {
margin-bottom: 0;
margin-top: 0;
}
.searchAera h2 {
color: #fff;
font-size: 21px;
font-size: 2.1rem;
text-align: center;
}
.searchAera input {
font-size: 20px;
font-size: 2.0rem;
height: 60px;
margin: 0;
width: 100%;
}
.searchAera input, .searchAera textarea, .searchAera select {
background-color: #fff;
}
.searchAera #searchform {
position: relative;
}
.searchAera button[type="submit"] {
background: transparent;
border: none;
bottom: 1px;
color: #000;
cursor: pointer;
height: 60px;
line-height: 60px;
min-width: 0;
margin: 0;
padding: 0;
position: absolute;
right: 1px;
top: 5px;
width: 60px;
}
.searchAera button[type="submit"]::before {
bottom: 0;
color: #333;
font-size: 22px;
font-size: 2.2rem;
left: 0;
line-height: 60px;
margin: auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: .9;
position: absolute;
right: 0;
top: 0;
}
.popWordSet {
color: #fff;
margin-top: 10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
flex-wrap: wrap;
}
.popWordTtl {
font-size: 12px;
font-size: 1.2rem;
font-weight: 600;
margin-right: 1em;
width: 120px;
}
.popWordTag {
flex: 1
}
.popWord {
display: inline-block;
width: 70%;
}
.popWord span {
padding: 0 6px 0 0;
word-wrap: break-word;
}
#wrapper form.gsc-search-box {
font-size: 16px;
}
#wrapper .searchAera .gsc-search-box td {
border: none;
margin: 0;
padding: 0;
}
#wrapper table.gsc-search-box,
#wrapper .searchAera .gsc-search-box td table {
table-layout: auto;
}
#wrapper form table.gsc-search-box,
#wrapper form table.gsc-search-box table {
border: none;
height: 60px;
margin-bottom: 0;
padding-left: 10px!important;
}
#wrapper form table.gsc-search-box .gsc-input-box {
border: none;
height: 60px;
}
.gsst_b {
margin-top: 10px;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
margin-top: 0!important;
padding: 22px 27px!important;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
background-color: rgba(0,0,0,0.06)!important;
border-color: rgba(0,0,0,0.06)!important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
text-indent: 0.3em;
}
.gsc-control-cse table,
.gsc-control-cse table td {
border: none!important;
}
.gsc-above-wrapper-area *, *:before, *:after {
-webkit-box-sizing: content-box;
box-sizing: content-box;
} .balloonSet {
margin-bottom: 2em;
margin-top: 1.5em;
}
.balloonSet dt {
float: left;
overflow: hidden;
padding-top: 0;
width: 10%;
}
.balloonPh {
vertical-align: middle;
}
.balloonPh img {
border-radius: 50%;
display: table;
margin: 0 auto;
}
.balloonPh .wp-block-image figcaption {
font-size: 12px;
line-height: 1.4;
}
.balloonSet dt .name {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.3;
margin-top: 5px;
text-align: center;
}
.balloonSet dt .time {
background-color: #1b9efa;
color: #fff;
display: table-cell;
float: none;
font-size: 13px;
font-weight: 600;
height: 60px;
vertical-align: middle;
width: 60px;
}
.balloonHeadWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.balloonHeadWrap .balloonHead {
width: 25%;
padding: 0 1%;
line-height: 1.5!important;
}
.balloonHeadWrap .balloonHead .balloonPh {
display: block;
}
.balloonHeadWrap .balloonHead .balloonName {
display: block;
text-align: center;
margin-bottom: 5px;
}
.balloonHead .balloonPh {
margin-bottom: 10px;
display: inline-block;
}
.middle {
vertical-align: middle;
}
.balloonSet.timeline {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 20px;
position: relative;
overflow: hidden;
}
.balloonSet.timeline::before {
background-color: #d0e5f4;
content: "";
height: 100%;
left: 28px;
position: absolute;
top: auto;
width: 5px;
z-index: -1;
}
.balloonSet.timeline dt {
margin-bottom: 15px;
padding-top: 0;
border-radius: 100px;
text-align: center;
width: 60px!important;
}
.balloonSet.timeline .balloonTxt {
width: 92%;
margin: 0!important;
}
.balloon {
margin: 1.5em 0;
padding: 0 0 .5em; width: 100%;
}
.balloon .faceicon {
float: left;
margin-right: -90px;
width: 80px;
}
.balloon.right .faceicon {
float: right;
margin-left: -90px;
margin-right: 0;
}
.balloon .faceicon img {
border: solid 3px #ededed;
border-radius: 50%;
height: auto;
width: 100%;
}
.balloon .faceicon figcaption {
font-size: 12px;
font-size: 1.2rem;
padding: 5px 0;
text-align: center;
}
.balloon .chatting {
width: 100%;
}
.says {
background: #fff;
border: 2px solid #ddd;
border-radius: 12px;
display: inline-block;
position: relative;
margin: 5px 105px 0 105px;
padding: 17px 15px;
}
.says p {
margin-bottom: 0!important;
}
.balloon.right .says {
background-color: #f6f6f6;
border: 2px solid #ddd;
margin: 5px 105px 0 105px;
text-align: left;
}
.balloon.left .says::before {
border: 11px solid transparent;
border-right-color: #ddd;
content: "";
display: inline-block;
left: -24px;
position: absolute;
top: 19px;
}
.balloon.right .says::before {
border: 11px solid transparent;
border-left-color: #ddd;
content: "";
display: inline-block;
position: absolute;
right: -24px;
top: 19px;
}
.says::after {
border: 10px solid transparent;
border-right: 10px solid #fff;
content: "";
display: inline-block;
left: -20px;
position: absolute;
top: 20px;
}
.balloon.right .says::after {
border: 10px solid transparent;
border-left: 10px solid #f6f6f6;
left: inherit;
right: -20px;
top: 20px;
}
#content .entry .says p {
margin: 0;
padding: 0;
}
.borderBox > .headLv_2,
.borderBox > .headLv_3 {
margin-top: .5em;
} .rand-list {
background-color: #fff;
margin-top: 20px;
margin-bottom: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
border-radius: 5px;
}
.rand-ttl {
color: #333;
background-color: #fdcf2e;
font-size: 13px;
font-size: 1.3rem;
font-weight: 600;
padding: 10px;
position: relative;
text-align: center;
width: 12em;
border-radius: 5px 0 0 5px;
}
.rand-ttl::after {
border-bottom: 1.5em solid transparent;
border-left: 1em solid;
border-top: 1.5em solid transparent;
color: #fdcf2e;
content: "";
margin-top: -1.5em;
position: absolute;
right: -1em;
top: 50%;
}
.rand-txt {
font-size: 15px;
font-weight: 400;
line-height: 1.2;
margin-left: 2em;
text-align: left;
flex: 1
}
.rand-txt a {
display: block;
padding: 10px 10px 10px 0;
}
.rand-txt a:link,
.rand-txt a:visited {
color: inherit;
}
.rand-txt a:hover {
opacity: .7;
} .tml-login,
.tml-lostpassword {
max-width: 400px;
width: 90%;
margin: 0 auto;
}
.tml-login input[type="text"],
.tml-login input[type="password"] {
margin: 0 auto;
display: table;
}
.tml-lostpassword-link {
margin-left: 1.5em;
font-size: 13px;
}
.tml-button {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1.3rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
border-radius: 0.5rem;
color: #fff;
background-color: #444;
border: none;
width: 100%;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
.tml-button:hover {
color: #fff;
background: #555;
} .wpp-list {
margin-left: 0;
}
.wpp-list li {
border-bottom: 1px solid #dadada;
list-style: none;
margin-bottom: 1em!important;
padding-bottom: 15px;
text-align: left;
}
.wpp-list li a {
font-weight: 400;
}
.wpp-thumbnail {
height: auto;
margin-right: 20px!important;
width: 200px;
}
.wpp-post-title {
display: block;
line-height: 1.3;
}
.wpp-views {
clear: both;
font-size: 12px;
font-weight: 400;
}
.wpp-post-title {
margin-bottom: 2px;
}
.freeTag h2 {
background-color: #39f;
border-radius: 8px;
color: #fff;
margin-bottom: 10px;
padding: 10px;
}
.wpp-list li .wpp-author {
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
}
.wpp-post-title {
font-size: 20px;
font-size: 2.0rem;
margin-bottom: 10px;
} #content .listNav,
#content .cminds_poweredby {
display: none;
}
#content ul#glossaryList {
margin: 0 0 0 1.5em;
}
#content ul#glossaryList li {
margin: .5em 0;
} .gallery-item {
margin: 2%!important;
width: 29%!important;
} .slider-rss .blogcard-wrap {
padding: 20px;
}
.slider-rss a.blogcard-wrap {
color: #333;
}
.slider-rss .blogcard {
background-color: #fff;
border: none;
margin: 0 0 10px;
border-radius: 5px;
box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
overflow: hidden;
}
.slider-rss .blogcard-content {
font-size: 15px; font-size: 1.5rem!important;
line-height: 1.4;
margin: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.slider-rss .blogcard-post-date {
font-size: 13px; font-size: 1.3rem!important;
margin: 0 15px 15px;
color: #888;
}
.slider-rss .blogcard-post-date.off {
display: none;
}
@media only screen and (max-width: 600px) {
.slider-rss .blogcard-content {
font-size: 14px; font-size: 1.4rem!important;
margin: 10px;
}
.slider-rss .blogcard-post-date {
font-size: 12px; font-size: 1.2rem!important;
margin: 0 10px 10px;
}
} .margin_b0 {margin-bottom: 0!important;}
.margin_b5 {margin-bottom: 5px!important;}
.margin_b10 {margin-bottom: 10px!important;}
.margin_b20 {margin-bottom: 20px!important;}
.margin_b30 {margin-bottom: 30px!important;}
.margin_b40 {margin-bottom: 40px!important;}
.margin_b50 {margin-bottom: 50px!important;}
.margin_b60 {margin-bottom: 60px!important;}
.margin_b70 {margin-bottom: 70px!important;}
.margin_t0 {margin-top: 0!important;}
.margin_t5 {margin-top: 5px!important;}
.margin_t10 {margin-top: 10px!important;}
.margin_t20 {margin-top: 20px!important;}
.margin_t30 {margin-top: 30px!important;}
.margin_t40 {margin-top: 40px!important;}
.margin_t50 {margin-top: 50px!important;}
.margin_t60 {margin-top: 60px!important;}
.margin_t70 {margin-top: 70px!important;}
.margin_l0 {margin-left: 0!important;}
.margin_r0 {margin-right: 0!important;}
.padding_b0 {padding-bottom: 0!important;}
.padding_b5 {padding-bottom: 5px!important;}
.padding_b10 {padding-bottom: 10px!important;}
.padding_b20 {padding-bottom: 20px!important;}
.padding_b30 {padding-bottom: 30px!important;}
.padding_b40 {padding-bottom: 40px!important;}
.padding_b50 {padding-bottom: 50px!important;}
.padding_b60 {padding-bottom: 60px!important;}
.padding_b70 {padding-bottom: 70px!important;}
.padding_t0 {padding-top: 0!important;}
.padding_t5 {padding-top: 5px!important;}
.padding_t10 {padding-top: 10px!important;}
.padding_t20 {padding-top: 20px!important;}
.padding_t30 {padding-top: 30px!important;}
.padding_t40 {padding-top: 40px!important;}
.padding_t50 {padding-top: 50px!important;}
.padding_t60 {padding-top: 60px!important;}
.padding_t70 {padding-top: 70px!important;}
.line-h-s { line-height: 1.4!important;}
.line-h-m { line-height: 1.7!important;}
.line-h-l { line-height: 2.0!important;}
.center {
text-align: center;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.imgRight {
float: right;
margin-left: 40px;
}
.imgLeft {
float: left;
margin-right: 40px;
}
br.sp,
br.br-sp {
display: none;
}
br.pc,
br.br-pc {
display: block;
}
.center-pc {
text-align: center;
}
.center-sp {
text-align: left;
}
.sp-img { display: none!important; }
.page .vcard,
.page .date {
display: none;
}
.grecaptcha-badge {
z-index: 9;
}
.numberFlow {
background-color: #39f;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #fff;
display: inline-block;
font-weight: 400;
margin-bottom: 3px;
margin-right: 10px;
padding: 1px 10px 2px 10px;
vertical-align: middle;
}
.headLvFlow .numberFlow {
float: left;
margin-top: -.1em;
position: relative!important;
height: 100%;
}
.headLvFlow .numberTxt {
overflow: hidden;
}
.numberFlow.red {
background-color: #FF0000;
color: #fff!important;
}
.numberFlow.orange {
background-color: #ff8b0d;
color: #fff!important;
}
.numberFlow.blue {
background-color: #2e9afe;
color: #fff!important;
}
.numberFlow.green {
background-color: #457f00;
color: #fff!important;
}
.numberFlow.white {
background-color: #fff;
color: #333!important;
}
.numberCircleHead {
display: table;
overflow: hidden;
}
.numberFlow.circle {
border-radius: 100%;
min-width: 3.5em;
min-height: 3.5em;
margin-right: 15px;
text-align: center;
font-weight: 600;
position: relative;
}
.numberCircle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
line-height: 1.2;
}
.numberCircleHead .numberTxt {
display: table-cell;
vertical-align: middle;
font-weight: 400;
}
img.fullWidth {
clear: both;
display: block;
height: auto;
margin: 0 0 10px;
width: 100%;
}
.underline {
border-bottom: 1px solid #dadada;
padding-bottom: 10px!important;
}
.topline {
border-top: 1px solid #dadada;
padding-top: 10px!important;
}
.red {
color: #ff0000!important;
}
.yellow {
color: #ffee00!important;
}
.orange {
color: #ff8b0d!important;
}
.blue {
color: #2e9afe!important;
}
.green {
color: #457f00!important;
}
.white {
color: #fff!important;
}
.black {
color: #000!important;
}
.shadow {
text-shadow: rgba(0,0,0,0.5) 0 0 10px;
}
.no-shadow {
text-shadow: none!important;
}
.txtS,
.txt12 {
font-size: 12px;
font-size: 1.2rem!important;
}
.txtS-2 {
font-size: 16px;
font-size: 1.6rem!important;
}
.txtS2,
.txt-s,
.txt13 {
font-size: 13px;
font-size: 1.3rem!important;
}
.txtS3,
.txt14 {
font-size: 14px;
font-size: 1.4rem!important;
}
.txtS4,
.txt15 {
font-size: 15px;
font-size: 1.5rem!important;
}
.txt17 {
font-size: 17px;
font-size: 1.7rem!important;
line-height: 1.5!important;
}
.txtL,
.txt18 {
font-size: 18px;
font-size: 1.8rem!important;
line-height: 1.5!important;
}
.txtL2,
.txt24 {
font-size: 24px;
font-size: 2.4rem!important;
line-height: 1.5!important;
}
.txtL3,
.txt30 {
font-size: 30px;
font-size: 3.0rem!important;
line-height: 1.5!important;
}
.txt35 {
font-size: 35px;
font-size: 3.5rem!important;
line-height: 1.5!important;
}
.txtL4,
.txt40 {
font-size: 40px;
font-size: 4.0rem!important;
line-height: 1.4!important;
}
.txt45 {
font-size: 45px;
font-size: 4.5rem!important;
line-height: 1.4!important;
}
.txtL5,
.txt50 {
font-size: 50px;
font-size: 5.0rem!important;
line-height: 1.3!important;
}
.txt55 {
font-size: 55px;
font-size: 5.5rem!important;
line-height: 1.3!important;
}
.txtL6,
.txt60 {
font-size: 60px;
font-size: 6.0rem!important;
line-height: 1.3!important;
}
.txt65 {
font-size: 65px;
font-size: 6.5rem!important;
line-height: 1.3!important;
}
.txtB {
font-weight: 600;
}
.the-icons {
font-size: 14px;
line-height: 24px;
}
.span3 {
float: left;
width: 30%;
}
.nowrap {
white-space: nowrap;
display: inline-block;
}
.annotation {
text-indent: -1em;
padding-left: 1em;
line-height: 1.6!important;
}
em {
font-style: normal;
font-weight: 400;
}
.em {
background: linear-gradient(transparent 55%, rgba(255, 255, 0, .45) 55%);
font-weight: 400;
padding-bottom: .2em;
}
.marker_yellow,
.marker-yellow {
background: linear-gradient(transparent 55%, rgba(255, 255, 0, .45) 55%);
padding-bottom: .2em;
}
.marker_red,
.marker-red {
background: linear-gradient(transparent 55%, rgba(255, 0, 0, .25) 55%);
padding-bottom: .2em;
}
.marker_blue,
.marker-blue {
background: linear-gradient(transparent 55%, rgba(20, 140, 255, .30) 55%);
padding-bottom: .2em;
}
.marker-orange {
background: linear-gradient(transparent 55%, rgba(255, 152, 0, 0.45) 55%);
padding-bottom: .2em;
}
.marker-green {
background: linear-gradient(transparent 55%, rgba(73, 255, 0, 0.45) 55%);
padding-bottom: .2em;
}
.label-red {
background-color: #ff0000;
color: #fff;
border-radius: 0.2em;
margin-left: 0.1em;
margin-right: 0.1em;
padding: 0.1em 0.4em 0.2em;
}
.label-yellow {
background-color: #f5f512;
color: #333;
border-radius: 0.2em;
margin-left: 0.1em;
margin-right: 0.1em;
padding: 0.1em 0.4em 0.2em;
}
.label-orange {
background-color: #ff6714;
color: #fff;
border-radius: 0.2em;
margin-left: 0.1em;
margin-right: 0.1em;
padding: 0.1em 0.4em 0.2em;
}
.label-green {
background-color: #00cc14;
color: #fff;
border-radius: 0.2em;
margin-left: 0.1em;
margin-right: 0.1em;
padding: 0.1em 0.4em 0.2em;
}
.label-blue {
background-color: #1283f5;
color: #fff;
border-radius: 0.2em;
margin-left: 0.1em;
margin-right: 0.1em;
padding: 0.1em 0.4em 0.2em;
}
.label-black {
background-color: #000;
color: #fff;
border-radius: 0.2em;
margin-left: 0.1em;
margin-right: 0.1em;
padding: 0.1em 0.4em 0.2em;
}
img[src*="notoemoji"] {
width: 18px;
} .arrow_01 {
display: inline-block;
line-height: 1.4;
margin-left: .2em;
padding: 0 0 0 16px;
position: relative;
vertical-align: middle;
}
.arrow_01::before{
background-color: #007cd2;
-webkit-border-radius: 50%;
border-radius: 50%;
bottom: 0;
content: "";
height: 14px;
left: 0;
margin: auto;
position: absolute;
top: 0;
vertical-align: middle;
width: 14px;
}
.arrow_01::after{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
content: "";
height: 4px;
left: 3px;
margin: auto;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 8px;
vertical-align: middle;
width: 4px;
}
.wp-block-button__link .icon-angle-right:before,
.wp-block-button__link .icon-right-circle:before {
margin-left: 0;
} .pagination{
margin: 20px 0 30px;
text-align: center;
}
.pagination a,
.pagination > span,
.pagination span.dots {
background-color: #fff;
border: solid 1px #dadada;
border-radius: 5px;
display: inline-table;
margin: 5px 2px;
padding: 4px 8px;
text-decoration: none;
}
.pagination a:link,
.pagination a:visited {
color: #333;
}
.pagination span.dots {
border: none;
background-color: inherit;
}
.pagination .current {
background: #39f;
color: #fff;
}
.pagination h2.screen-reader-text {
display: none;
}
#infscr-loading {
margin: 0 auto;
text-align: center;
} #toc_container {
background: #f1f6f7!important;
border: none!important;
border-radius: 10px;
width: 100%!important;
}	
#toc_container li {
border-bottom: 1px solid #d2dadb;
padding: 8px 5px!important;
}
#toc_container li > ul li {
border-bottom: none;
}
#toc_container p.toc_title+ul.toc_list {
margin-bottom: .6em;
}
#toc_container ul.toc_list li:last-child {
border-bottom: none;
}
#toc_container li a span.toc_number {
margin-right: 5px;
position: relative;
}
#toc_container li a span.toc_number:after  {
content: ".";
position: absolute;
}
#toc_container a {
vertical-align: unset;
} .bcs-container-searchbox .bcs-searchbox {
margin-top: 8px;
}
.bcs-modal-content .bcs-modal-header h2,
.bcs-modal-content .bcs-result h2 {
background-color: inherit!important;
text-align: left;
}
.bcs-query-rewrite, .bcs-result {
margin: 0 0 30px;
}
.bcs-caption {
text-align: left;
}
.bcs-modal {
z-index: 1000000!important;
}
.grecaptcha-badge {
bottom: 55px!important;
} .relatedPostSet {
clear: both;
padding: 2.5em 0 1em;
}
.relatedPostSet .heading {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size: 18px;
font-size: 1.8rem;
font-weight: 600;
margin-top: 30px;
margin-bottom: 20px;
width: 100%;
}
.relatedPostSet .heading::after {
content: "";
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
height: 2px;
background: #aaa;
margin:0 .4em;
}
.relatedPost {
width: 100%;
}
.relatedSet {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
border-bottom: 1px solid #dadada;
margin-bottom: 20px;
padding-bottom: 20px;
}
.relatedPost .col:first-child {
padding: 0 1.5% 0 0;
}
.relatedPost .col:nth-of-type(2) {
padding: 0 1% 0 .5%;
}
.relatedPost .col:nth-of-type(3) {
padding: 0 .5% 0 1%;
}
.relatedPost .col:nth-of-type(4) {
padding: 0 0 0 1.5%;
}
.relatedPost .articleDate {
display: block;
font-size: 13px;
line-height: 1;
margin: 4px 0 8px;
}
.relatedPost .relatedThum {
background-position: 50%;
background-size: cover;
height: auto;
height: 200px;
width: 380px; opacity: 1;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.relatedPost a {
display: block;
}
.relatedPost .relatedTitleSet {
width: 65%;
padding-left: 30px;
}
.relatedPost .relatedTitle {
font-size: 20px;
font-weight: 400;
line-height: 1.3;
margin-bottom: 15px;
}
.relatedPost .relatedSub {
font-size: 15px;
line-height: 1.6;
color: #333;
} .mainLeadWrapper,
.videoTextSet {
opacity : 0;
transition : all 1500ms;
}
.fadein {
opacity : 0;
transform : translate(0, 0);
transition : all 1000ms;
}
.fadein.fadein-bottom {
opacity: 0;
transform : translate(0, 100px);
}
.fadein.fadein-left {
transform : translate(-100px, 0);
}
.fadein.fadein-right {
transform : translate(100px, 0);
}
.fadein.scrollin {
opacity: 1;
transform: translate(0, 0);
}
.content-w100 .heading-lv2,
.content-w100 .heading-lv3,
.content-w100 .heading-lv4,
.content-w100 .section-block .col-1-warp,
.content-w100 .section-block .col-warp,
.home .wp-block-cover__inner-container {
opacity : 0;
transform : translate(0, 100px);
transition : all 800ms;
}
.mainLeadWrapper.scrollin,
.videoTextSet.scrollin {
opacity : 1;
}
.content-w100 .heading-lv2.scrollin,
.content-w100 .heading-lv3.scrollin,
.content-w100 .heading-lv4.scrollin,
.content-w100 .section-block .col-1-warp.scrollin,
.content-w100 .section-block .col-warp.scrollin,
.home .wp-block-cover__inner-container.scrollin {
opacity : 1;
transform : translate(0, 0);
} .ts-fab-text h4:after {
display: none;
}
.latest-see-all {
font-size: 14px;
} .entry .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding: 0 8% 0 0;
}
.entry .wp-block-media-text {
margin-bottom: 1em;
}
.entry .wp-block-media-text .wp-block-media-text__content {
padding: 0 0 0 8%;
}
.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
margin-left: 0;
}
.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
padding: 10px;
}
.wp-block-post-template.is-flex-container li.type-post {
list-style: none;
padding: 0;
}
@media only screen and (max-width: 600px) {
.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
justify-content: center;
}
.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
padding: 10px 0;
}
}
.block-wrap,
.wp-block-query {
margin: 1em auto 2em;
max-width: 1024px;
}
ul.wp-block-post-template {
margin-left: 0;
}
.wp-block-post-date {
font-size: 13px;
line-height: 1.5;
}
@media only screen and (max-width: 600px) {
.wp-block-post-date {
margin-top: .8em;
}
}
:root .wp-block-button__link {
color: #fff;
}
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
opacity: .8;
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 2rem 2rem;
}
p.has-background {
padding: 1.25em 1.25em;
}
.wp-block-image.is-style-photoframe figcaption {
margin-bottom: .5em;
}
.wp-block-image figcaption {
font-size: 15px;
}
.aligncenter figcaption {
text-align: center;
}
@media (min-width: 782px) {
.wp-block-columns { margin-left: auto;
margin-right: auto;
}
.w-1200 .wp-block-columns {
max-width: 1180px;
}
.slider-three.wp-block-columns .wp-block-column,
.slider-four.wp-block-columns .wp-block-column,
.slider-three--2 .wp-block-columns .wp-block-column,
.slider-four--2 .wp-block-columns .wp-block-column {
margin-left: 0!important;
padding: 0 1em .5em;
}
}
@media (max-width: 599px) {
.slider-three .slick-slide,
.slider-four .slick-slide,
.slider-three--2 .slick-slide,
.slider-four--2 .slick-slide {
margin-bottom: 0!important;
padding: 0 .5em .5em;
}
}
.slider-three--2 .slick-dots,
.slider-four--2 .slick-dots {
bottom: -40px;
}
.wp-block-columns {
clear: both;
}
.is-vertically-aligned-center {
margin-left: auto;
margin-right: auto;
}
.alignfull {
width:100vw;
max-width: initial;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#content .alignfull.modula {
width:100vw;
} #content.blogContent {
z-index: 4;
margin-bottom: 0;
}
#content .single {
margin: 0 auto;
max-width: 800px;
width: 100%;
word-break: break-all;
}
#content .single.single-2col {
max-width: 900px;
}
.blogHeader {
position: relative;
overflow: hidden; 
width: 100%;
min-height: 400px;
background-repeat: no-repeat;
}
.blogHeader:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-image: inherit;
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-filter: blur(8px);
filter: blur(8px);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.blogHeader.blogHeader-thum:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .55);
} .blogHeader-inner {
position: relative;
color: #fff;
margin: 0 auto;
max-width: 1200px;
padding: 80px 5% 120px;
width: 100%;
z-index: 3;
}
.blogHeader.blogHeader-noThum {
background-color: rgba(255,255,255,.6);
min-height: inherit;
}
.blogHeader.blogHeader-noThum .blogHeader-inner {
color: #333;
padding: 35px 5% 15px;
}
.blogHeader.blogHeader-noThum .blogHeader-inner .post-categories a:link,
.blogHeader.blogHeader-noThum .blogHeader-inner .post-categories a:visited {
color: #333;
}
.blogHeader.blogHeader-noThum .blogHeader-inner .post-categories a:link,
.blogHeader.blogHeader-noThum .blogHeader-inner .post-categories a:visited {
color: #333;
border: 1px solid rgba(0, 0, 0, .4);
}
.blogHeader.blogHeader-thum .blogHeader-inner .breadArea {
border-top: 1px solid rgba(255, 255, 255, .2);
}
.blogHeader.blogHeader-noThum .breadcrumbs,
.blogHeader.blogHeader-noThum .breadcrumbs a:link,
.blogHeader.blogHeader-noThum .breadcrumbs a:visited,
.blogHeader.blogHeader-noThum .breadcrumbs a:hover,
.blogHeader.blogHeader-noThum .breadcrumbs ul li a::after,
.blogHeader.blogHeader-noThum .post-categories a {
color: #333;
}
.blogHeader-inner .icon-spin-1,
.blogHeader-inner .icon-clock {
margin-right: 5px;
}
.blogHeader-inner .cateDay-inner .date {
display: flex;
}
.header-author__inner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.header-author__inner .header-author__img {
width: 15%;
}
.header-author__inner .header-author__img img {
border-radius: 10px;
}
.header-author__inner .header-author__heading {
width: 82%;
}
.post-categories {
list-style: none;
margin-left: 0;
}
.post-categories li {
margin: 0;
}
.post-categories a:link,
.post-categories a:visited {
color: #fff;
border: 1px solid #fff;
border-radius: 99px;
font-size: 12px;
font-size: 1.2rem;
padding: 5px 10px;
display: block;
line-height: 1.3;
}
.cateDay .cate {
display: inline-block;
margin-right: 10px;
}
#fancybox-wrap, #fancybox-wrap:before, #fancybox-wrap:after,
#fancybox-wrap div, #fancybox-wrap div:before, #fancybox-wrap div:after,
#fancybox-close, #fancybox-close:before, #fancybox-close:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.entryMeta {
border-top: 1px dotted #ac9475;
font-size: 11px;
font-size: 1.1rem;
margin-bottom: 10px;
padding: 5px;
} .bogo-language-switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
padding: 5px 0;
position: absolute;
right: 0;
top: 10px;
z-index: 99;
background-color: #fff;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
font-size: 13px;
letter-spacing: 0;
}
.bogo-language-switcher li {
cursor: default;
box-sizing: border-box;
padding: 5px 10px 5px 0px!important;
text-align: center;
display: flex;
color: #999;
border-top: none !important;
border-bottom: none !important;
}
nav#navGlobal ul.bogo-language-switcher li::after {
display: none;
}
.bogo-language-switcher li > a {
display: none;
}
.bogo-language-switcher .ja {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.bogo-language-switcher .en-US {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.display-item {
width: auto;
box-sizing: border-box;
border-radius: 10px;
padding: 0 30px 0  0;
text-align: center;
font-size: 12px;
letter-spacing: 0;
position: absolute;
right: 10px;
top: -18px;
}
.display-item::before {
content: "";
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: .7em;
height: .7em;
border: 0.1em solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateY(-25%) rotate(135deg);
position: absolute;
right: 10px;
top: 7px;
}
.display-item.selectOn::before {
border: 0.1em solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateY(25%) rotate(-45deg);
}
@media screen and (min-width: 1080px) {
#headerGlobal.is-fixed .display-item {
display: none;
}
}
.bogo-language-name a {
display: block;
width: 100%;
color: #333!important;
background-color: #fff!important;
text-decoration: none;
}
@media screen and (max-width: 1080px) {
.display-item {
position: absolute;
top: 20px;
left: 50%;
right: inherit;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.home .display-item,
.home .display-item::before {
color: #333!important;
}
.bogo-language-switcher {
position: absolute;
top: 50px;
left: 50%!important;
right: inherit;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: auto !important;
}
nav#navGlobal ul li .bogo-language-name a {
padding-right: 0 !important;
padding: 0;
}
nav#navGlobal ul li .bogo-language-name a::before {
display: none;
}
} .snsBlock {
border-bottom: 1px dotted #D5D5D5;
border-top: 1px dotted #D5D5D5;
margin-top: 30px;
padding: 10px 10px 5px;
}
.fa-hatena:before {
font-family: Verdana;
font-weight: bold;
font-size: 12px;
font-style: normal;
content: 'B!';
}
.fa-line:before {
font-family: Verdana;
font-weight: bold;
font-size: 12px;
font-style: normal;
content: 'LINE';
}
.fa-urlcopy:before {
content: url(//www.pr-site.biz/wp/wp-content/themes/pr_site_biz/images/icon-urlcopy.svg);
display: block;
width: 14px;
height: 0px;
text-align: center;
margin: 0 auto;
}
.share {
border-top: dashed 1px #dadada;
clear: both;
margin-top:2em;
margin-bottom: 20px;
margin-right: 0;
padding-top: 20px;
}
.share ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0!important;
padding: 0;
list-style: none!important;
}
.share ul:after {
display: block;
clear: both;
content: '';
}
.share li {
width: 20%;
margin: 0 .5% 0 .5%!important;
}
.share li a {
border-radius: 5px;
font-size: 14px;
display: block;
padding: 5px;
text-align: center;
text-decoration: none;
color: #fff;
}
.share li a:hover {
opacity: .8;
}
.share li a:visited {
color: #fff;
}
.tweet a {
background-color: #000;
}
.facebooklink a {
background-color: #315096;
}
.line a {
background-color: #00b900;
}
.hatena a {
background-color: #008fde;
}
.pocket a{
background-color: #EF4156;
}
.url-copy {
border: 1px solid #dadada;
background-color: transparent;
border-radius: 5px;
}
.share-message {
padding: 0 10px 10px;
text-align: center;
}
.fa-facebook-color {
color: #315096;
}
.fa-twitter-color {
color: #55acee;
}
.fa-line-color {
color: #00b900;
}
.fa-hatena-color {
color: #008fde;
}
.fa-get-pocket-color {
color: #EF4156;
}
.copy-btn {
position: relative;
background: none;
border: none;
cursor: pointer;
width: 100%;
padding: 7px;
}
.tooltip-text {
visibility: hidden;
opacity: 0;
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 4px 8px;
border-radius: 4px;
font-size: 11px;
white-space: nowrap;
transition: opacity 0.3s;
z-index: 10;
}
.tooltip-text::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border-width: 6px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.copy-btn.show-tooltip .tooltip-text {
visibility: visible;
opacity: 1;
} p img {
padding: 0;
} img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
margin: 0 0 5px 30px;
}
.alignleft {
float: left;
margin: 0 30px 5px 0;
}
.txtright {
float: right;
margin: 0 0 5px 20px;
}
.txtleft {
float: left;
margin: 0 20px 5px 0;
}  html>body .entry ul {
list-style: disc;
margin-top: 10px;
margin-bottom: 30px;
padding: 0; }
html>body .entry li {
line-height: 1.5;
margin: 5px 0 10px 0;
}
body .entry ul {
list-style: disc;
padding-left: 20px;
}
.entry ol {
margin: 0 0 20px 20px;
padding: 0;
zoom : 1;
}
.entry ol li {
margin: 0;
}
body .entry h1 {
font-size: 24px;
font-size: 2.4rem;
margin: 1.3em 0 .8em;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-image: none;
list-style-type: none;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
ol ul li  {
list-style: disc;
} .entry {
margin-bottom: 3em;
}
pre {
font-family: inherit;
font-size: 15px;
margin-bottom: 1.5em;
} #searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
.entry form { text-align: left;
}
select {
background-color: #fff;
padding: 8px 5px;
width: 130px;
}
#commentform input {
margin: 5px 5px 1px 0;
padding: 2px;
width: 170px;
}
#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
padding: 2px;
width: 100%;
}
#respond:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#commentform #submit {
float: right;
margin: 0 0 5px auto;
}  .alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0; }
.commentlist li {
list-style: none;
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
}
.commentlist li ul li {
margin-left: 10px;
margin-right: -5px;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.children {
margin-bottom: 10px;
padding: 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
margin: 0;
padding: 0;
text-align: center;
}
.commentmetadata {
display: block;
margin: 0;
}  #wp-calendar th {
background: #e8e8e8;
} #aec-calendar table {
border: none;
}  acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
background-color: rgba(0,0,0,0.03);
margin-bottom: 1.8em;
padding: 3.5em 2.5em 2.5em;
position:relative;
}
blockquote::before{
color: #ccc;
content: "“";
font-family: 'ＭＳ Ｐゴシック',sans-serif;
font-size: 600%;
left: .1em;
line-height: 1em;
position: absolute;
top: .05em;
}
blockquote::after{
bottom: 0;
color: #ccc;
content: "”";
font-family: 'ＭＳ Ｐゴシック',sans-serif;
font-size: 600%;
line-height: 0;
position: absolute;
right: .1em;
}
blockquote cite {
display: block;
margin: 5px 0 0;
}
.hidden {
display: none!important;
}
hr.dottedLine {
border: 1px dotted #ccc;
height: 1px;
margin: 10px 0 20px 0;
visibility: visible;
}
a img {
border: none;
}
.navigation {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 15px;
text-align: center;
}
.navigationLeft {
display: inline-block;
width: 50%;
border-right: 1px solid #dadada;
text-align: left;
position: relative;
}
.navigationRight {
display: inline-block;
width: 50%;
text-align: right;
position: relative;
}
.navigationLeft a::before {
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #333;
border-left: solid 2px #333;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 50%;
left: 0;
margin-top: -4px;
}
.navigationRight a::before {
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #333;
border-right: solid 2px #333;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 0;
margin-top: -4px;
}
.navigation a {
display: block;
padding: 25px;
}
.navigation a:link,
.navigation a:visited {
color: inherit;
}  #toc_container {
margin-bottom: 2.5em!important;
}  .aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wp-caption {
background-color: #fff;
border: 1px solid #dadada;
border-radius: 3px;
margin-bottom: 5px;
overflow: hidden;
padding: 4px;
text-align: center;
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}
.entry .alignleft {
margin-right: 20px;
}
.entry .alignright {
margin-left: 20px;
}
.wp-caption p.wp-caption-text {
color: #333;
font-size: 11px;
font-size: 1.1rem;
line-height: 17px;
margin: 0!important;
padding: 5px;
text-align: center;
}  div.wp_social_bookmarking_light {
border-top: 1px solid #dadada !important;
clear: both;
margin-top: 20px !important;
padding: 10px 0 !important;
} .wp-block-gallery .wp-block-image {
margin-bottom: .5em!important;
} .ngg-gallery-thumbnail img {
border: 1px solid #dadada!important;
}
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
background-color: #39f!important;
}
.ngg-slideshow,
.ngg-slideshow img {
margin: 0 auto;
text-align: center;
} .blogcard {
line-height: 1;
word-wrap: break-word;
width: 100%;
margin: 20px 0;
border: 1px solid #e5e5e5; }
.blogcard a {
color: #333!important;
text-decoration: none;
opacity: 1;
background-color: #fff;
transition: all 0.2s ease;
}
.blogcard a:hover {
opacity: 0.6;
color: #7f7f7f!important;
background-color: #f8f8f8;
}
.blogcard_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blogcard_thumbnail {
padding: 20px 0 20px 20px;
width: 30%;
}
.blogcard_content {
width: 70%;
}
.blogcard_title {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
padding: 17px 20px 10px;  
}
.blogcard_excerpt {
font-size: 0.85em;
line-height: 1.6;
padding: 0 17px 15px 20px;
}
.blogcard_link {
font-size:0.65em;
padding:0 17px 15px 20px;
text-align: left;
}
.blogcard_link .favicon {
margin-bottom: -4px;
}
.blogcard_link .icon-external-link-alt::before {
font-size:0.75em;
}
@media screen and (max-width: 768px) {
.blogcard {
margin: 40px 0;
}
.blogcard_thumbnail {
padding: 15px 0 15px 15px;
width: 40%;
}
.blogcard_content {
width: 60%;
}
.blogcard_title {
font-size: 0.95em;
padding: 17px 15px 15px;  
}
.blogcard_link {
padding: 0 15px 15px 15px;
}
.blogcard_excerpt  {
display: none;
}
}
.wp-embedded-content {
width: 100%;
} ul.display-posts-listing {
padding: 0 1px;
margin: 0!important;
}
ul.display-posts-listing li.listing-item {
border-bottom: 1px solid #dadada;
list-style: none;
min-height: 91px;
margin: 0!important;
overflow: hidden;
padding: 15px 0;
text-align: left;
}
ul.display-posts-listing li:first-child {
border-top: 1px solid #dadada;
padding: 15px 0;
}
ul.display-posts-listing li:last-child {
padding: 15px 0;
}
ul.display-posts-listing li.listing-item .date {
display: block;
font-size: 12px;
font-size: 1.2rem;
display: block;
}
ul.display-posts-listing li.listing-item a.image {
background-color: #f2f2f2;
display: block;
float: left;
height: 65px;
margin-right: 15px;
overflow: hidden;
text-align: center;
width: 124px;
}
ul.display-posts-listing li img.attachment-thumbnail {
background-color: #f0f0f0;
margin: 0 auto;
max-width: 124px;
height: auto;
text-align: center;
}
ul.display-posts-listing li .title {
font-size: 18px;
font-size: 1.8rem;
font-weight: 400;
display: block;
line-height: 1.3;
margin-bottom: 3px;
}
ul.display-posts-listing li .excerpt-dash {
display: none;
}
ul.display-posts-listing li .excerpt {
display: block;
}
.list-large ul.display-posts-listing li.listing-item a.image {
height: auto;
width: 300px;
}
.list-large ul.display-posts-listing li .title {
font-weight: 600;
}
.tabListLink {
border-top: 1px solid #dadada;
margin: 0 15px;
padding-top: 10px;
text-align: right;
}
.content-w100 .yuzo_related_post {
display: none;
}
iframe[src^="https://www.google.com/maps/"] {
max-width: 100%;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.wp-block-embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.iframe-movie {
width: 100%;
aspect-ratio: 16 / 9;
}
.iframe-movie iframe {
width: 100%;
height: 100%;
}
.youtube-feed {
margin: 2.5em auto;
}
#content .youtube-feed p {
line-height: 1.6;
}
.youtube-feed p a {
color: inherit;
}
@media only screen and (max-width: 640px) {
.youtube-feed {
width: 98%;
}
}
.postFooter {
clear: both;
margin: 2em 0 2em 0;
}
.post-thumbnail {
clear: left;
margin-bottom: 2.5em;
margin-top: -120px;
text-align: center;
}
.main-thumbnail {
width: auto;
max-height: 800px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .25);
}
.main-thumbnail__height {
width: auto;
max-height: 800px;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, .25);
} .tagBtn {
clear: both;
margin-top: 0;
padding-top: 0;
overflow: hidden;
}
.tagBtn span {
display: block;
float:  left;
margin: 5px 5px 5px 0;
}
.tagBtn a {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 20px;
color: #333!important;
display: block;
float: left;
font-size: 11px;
font-size: 1.15rem;
margin: 0 5px 5px 0;
padding: 4px 10px;
}
.tagBtn a:hover {
background-color: #ececec;
text-decoration: none;
opacity: .7;
} a[class^="tag-link-"],
a[class^="tag-cloud-link"] { background-color: #fff;
border: 1px solid #ddd;
border-radius: 20px;
color: #333!important;
display: inline-table;
font-size: 11px!important;
font-size: 1.15rem!important;
margin-bottom: 5px;
padding: 4px 10px;
letter-spacing: .1em;
}
a[class^="tag-cloud-link"] { text-decoration: none;
}
a:hover[class^="tag-link-"],
a:hover[class^="tag-cloud-link"] {
background-color: #ececec;
text-decoration: none;
opacity: .7;
}
.tagBtn a::before,
a[class^="tag-link-"]::before,
a[class^="tag-cloud-link"]::before {
content: "#";
font-weight: 600;
margin-bottom: 5px;
margin-right: 3px;
}
.searchAera a[class^="tag-link-"],
.searchAera a[class^="tag-cloud-link"] {
border: none;
}
.icon-protected {
width: 40px;
height: 40px;
vertical-align: text-bottom;
}
.archive .icon-protected,
.page-template-bloglist .icon-protected {
width: 32px;
height: 32px;
vertical-align: middle;
}
.widget_recent_entries .icon-protected {
width: 20px;
height: 20px;
}
.category-post__title .icon-protected,
.wp-block-query .icon-protected,
.infoLink .icon-protected,
.pickup-link .icon-protected {
width: 30px;
height: 30px;
vertical-align: middle;
}
.rand-txt .icon-protected {
width: 22px;
height: 22px;
vertical-align: middle;
}
.icon-x {
padding: 0 .2em;
}
@media only screen and (max-width: 1213px) { .slider.main-slide {
display: block;
height: 100%;
}
}
@media only screen and (max-width: 1220px) { .mainVideo video {
top: 0;
}
nav#navGlobal ul > li {
margin: 0 8px;
}
.mainImg .slick-next,
.mainImgBg .slick-next {
right: -5px!important;
border-radius: 20px 0 0 20px;
}
.mainImg .slick-prev,
.mainImgBg .slick-prev {
left: -5px!important;
border-radius: 0 20px 20px 0;
}
}
@media only screen and (max-width: 1160px) {
#content.content-w100 {
padding: 0;
}
.content-w100 .section-block-inner {
width: 90%;
}
#content.blogContent {
padding: .5em 0 3em;
}
}
@media only screen and (max-width: 1080px) { .mainVideo {
height: 500px;
}
nav#navGlobal ul > li {
margin: 0;
}
.search #main {
padding: 35px 10px 20px 10px;
}
#sideArea {
padding: 0 10px 0 0;
}
.mainHead {
padding: 20px 20px 20px 20px;
}
.banner li {
width: 48.5%;
}
.breadArea {
padding: 5px 10px 10px 0;
}
.newsTitle {
font-size: 28px; font-size: 2.8rem;
}
}
@media only screen and (max-width: 1050px) { nav#navGlobal ul.menu li a {
display: block;
font-size: 12px;
font-size: 1.2rem;
padding: 15px 6px;
}
.mean-container .mean-nav ul li.current-menu-item {
background-color: #f0f0f0;
}
.mean-container .mean-nav ul li a::before,
.mean-container .mean-nav ul li ul li.menu-item a::before {
border-bottom: 3px solid #39f;
border-right: 3px solid #39f;
content: "";
display: block;
height: 10px;
margin-top: -6px;
right: 20px;
position: absolute;
top: 1.8em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 10px;
}
.mean-container .mean-nav ul li.menu-item-has-children a::before {
display: none;
}
.telNo.mean-container a.meanmenu-reveal {
padding-right: 13px!important;
}
.videoSp {
display: block;
} .balloonSet {
margin-bottom: 2em;
}
.balloonSet dt {
float: none;
width: 100%!important;
}
.balloonPh span,
.balloonPh div {
float: left;
margin-bottom: 5px;
}
.balloonPh span.nowrap {
float: none;
margin-bottom: 0;
}
.balloonSet dt .name {
display: inline-block;
margin: 20px 0 0;
padding-left: 10px;
text-align: left;
width: auto;
}
.balloonSet dt .name br {
display: none;
}
.balloonPh img {
float: left;
}
.balloonHeadWrap .balloonHead .balloonPh img{
float: none;
}
.balloonSet.wp-block-columns {
flex-wrap: wrap!important;
}
.timeline .balloonTxt::before {
display: none;
}
.balloonSet.timeline.timeline-end {
padding-bottom: 0;
}
.balloonSet.timeline.timeline-end dt {
margin-bottom: 15px;
}
.balloonSet.timeline .balloonTxt {
width: 100%;
}
.home .searchAeraWrapper .section-block-inner,
.searchAeraWrapper.page-search .section-block-inner {
padding: 80px 4%;
}
}
@media only screen and (max-width: 1080px) { html.fix {
overflow: hidden;
}
#headerGlobal,
.is-fixed {
padding: 0!important;
}
.logoWrapper,
.layout-full .logoWrapper {
width: 100%;
margin: 0 60px 0 15px;
}
.logoGlobalSub {
font-size: 11px;
font-size: 1.1rem;
}
.logoGlobalMain {
font-size: 26px;
font-size: 2.6rem;
}
.logoIcon {
width: 50px;
} nav#navGlobal ul.menu li a {
font-size: 13px;
font-size: 1.3rem;
padding: 15px 15px;
font-weight: 600;
}
nav#navGlobal {
background-color: inherit;
padding-top: 70px;
}
#navGlobal.nav-search {
margin-right: 0;
margin-bottom: 20px;
}
nav#navGlobal ul,
nav#navGlobal ul li {
clear: both;
float: none;
left: 0;
}
nav#navGlobal ul {
margin: 0 auto;
width: 100%;
}
nav#navGlobal ul[id^="menu-"] {
border-radius: 5px;
display: block;
}
nav#navGlobal ul li::after {
display: none;
}
nav#navGlobal li:hover::after,
nav#navGlobal li[class*=current-menu-item]::after,
nav#navGlobal li[class*=current-page-parent]::after {
display: none;
}
nav#navGlobal ul li {
border-bottom: 1px solid #e9e9e9;
overflow: hidden;
}
nav#navGlobal ul li.nav-btn {
border-top: none;
border-bottom: none;
width: 90%;
margin: 20px auto;
}
nav#navGlobal ul.menu li.nav-btn a {
color: #fff!important;
font-size: 15px;
font-size: 1.5rem;
margin-left: 0;
padding: 10px!important;
line-height: inherit;
text-align: center;
}
nav#navGlobal ul.menu li.nav-btn a::before {
display: none;
}
nav#navGlobal ul li:first-child {
border-top: 1px solid #e9e9e9;
}
nav#navGlobal ul li a {
color: #333!important;
padding: 15px;
position: relative;
padding-right: 45px!important;
}
nav#navGlobal ul li a::before {
border-right: 2px solid #666;
border-top: 2px solid #666;
bottom: 0;
content: "";
height: 6px;
margin: auto;
position: absolute;
right: 20px;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
width: 6px;
}
nav#navGlobal ul ul.sub-menu {
border: none;
border-radius: 4px;
box-shadow: inherit;
display: none;
opacity: inherit;
position: relative;
visibility: inherit;
transition: inherit;
}
nav#navGlobal ul ul.sub-menu li {
border: none;
}
nav#navGlobal ul ul.sub-menu li a {
background-color: inherit!important;
color: #333;
padding: 15px 15px 15px 2em!important;
}
nav#navGlobal ul ul.sub-menu li a:last-child {
border-bottom: none;
}
nav#navGlobal ul ul.sub-menu ul.sub-menu li a {
background-color: inherit;
padding: 15px 15px 15px 3em!important;
}
nav#navGlobal ul li.menu-item-has-children::before {
display: none;
}
nav#navGlobal ul li:hover > ul {
border: none;
border-top: 1px;
opacity: inherit;
visibility: inherit;
}
nav#navGlobal ul.sub-menu li ul.sub-menu {
display: none;
position: relative;
}
nav#navGlobal ul li ul.sub-menu li:hover > ul.sub-menu {
left: 0;
opacity: inherit;
position: relative;
visibility: inherit;
}
nav#navGlobal ul li.current_page_item > a::after, nav#navGlobal ul li.current-menu-item > a::after, nav#navGlobal ul li.current-menu-parent > a::after {
display: none;
}
nav#navGlobal ul li.menu-item-has-children span.btn-plus {
cursor: pointer;
display: block;
height: 50px;
position: absolute;
right: 0;
top: 0;
width: 50px;
}
nav#navGlobal ul li.menu-item-has-children span.btn-plus::before,
nav#navGlobal ul li.menu-item-has-children span.btn-plus::after {
background: #666;
border-radius: 5px;
content: '';
display: block;
height: 2px;
position: absolute;
right: 35%;
top: 50%;
transform: translateY(-50%);
width: 12px;
}
nav#navGlobal ul li.menu-item-has-children span.btn-plus::after {
transform: translateY(-50%) rotate(90deg);
transition: .3s;
}
nav#navGlobal ul li.menu-item-has-children span.btn-plus.active::after {
opacity: 0;
transform: rotate(0);
transition: .3s;
}
nav#navGlobal ul li.menu-item-has-children a,
nav#navGlobal ul ul.sub-menu li.menu-item-has-children > a {
padding-right: 60px!important;
}
nav#navGlobal ul li.menu-item-has-children a::before,
nav#navGlobal ul ul.sub-menu li.menu-item-has-children > a::before {
display: none;
}
nav#navGlobal ul ul.sub-menu,
nav#navGlobal ul ul.sub-menu li a {
width: 100%;
}
.sp-nav-logo {
margin: 0 auto;
display: block;
margin-top: 32px;
max-width: 120px;
max-height: 40px;
}
.headerGlobalInner,
.layout-full #headerGlobal .headerGlobalInner {
height: 60px;
padding: 10px 0;
position: relative;
width: 100%;
}
.logoGlobal {
width: auto;
margin: 0;
}
.logoGlobal img {
max-height: 40px;
max-width: 270px;
}
.is-fixed .logoGlobal img {
max-height: 40px;
}
#searchForm:before,
.searchField {
height: 65px;
width: 45px;
}
#searchForm:before {
line-height: 65px;
}
.searchHeader {
display: block;
width: 90%;
margin: 0 auto;
position: relative;
}
.searchHeader .searchField,
.searchHeader #searchForm:before {
display: none;
}
.searchHeader .search-2 {
float: none;
width: 100%;
display: block;
padding: 0;
margin: 15px 0 10px;
}
.telHeader {
color: #333;
display: table;
height: auto;
padding: 15px 10px 15px 10px;
position: relative;
right: 0;
text-align: center;
top: 0;
width: 100%;
z-index: 99;
}
.telHeader a {
color: #0084c9!important;
text-align: center;
vertical-align: middle;
}
.telHeader .icon-phone,
.telHeader .icon-fax {
display: inline-block;
font-size: 26px;
font-size: 2.6rem;
font-weight: 600;
padding: 5px 10px;
transform: scaleX(.9);
}
.telHeader .icon-phone::before {
color: #333;
}
.time-holiday {
display: block;
font-size: 14px;
font-size: 1.4rem;
}
dl.form_01 dt,
dl.form_02 dt {
clear: both;
float: none;
padding-bottom: 0;
width: 100%;
}
.form_01 dt span.red {
float: none;
margin-left: 10px;
}
.form_01 dd,
.form_02 dd {
padding: 5px 0 15px;
}
.form_01 dd input,
.form_01 dd textarea,
.form_02 dd input,
.form_02 dd textarea {
width: 100%;
}
.form_01 dd .your-zip input,
.form_02 dd .your-zip input {
width: 40%;
}
.footerBannerHead {
font-size: 21px;
font-size: 2.1rem;
}
dl.form01 dt {
width: 100%;
float: none;
padding: 15px 0 0 0;
}
dl.form01 dd {
width: 100%;
padding: 10px 0 5px 0;
}
}
@media only screen and (max-width: 800px) { .mainVideo video {
min-width: auto;
height: 100%;
width: auto;
}
#content {
float: none;
}
#sideArea {
clear: both;
float: none;
padding: 0 3%;
width: 100%;
}
.sideBtm {
float: left;
margin-left: 1%;
margin-right: 1%;
width: 48%;
}
.banner img {
width: 100%;
}
.banner.sideTop img {
width: 90%;
}
.couponBtn {
display: none;
}
.ngg-gallery-thumbnail img {
height: auto;
width: 137px;
}
.footerSnsSearch .search-2 {
float: none;
padding: 10px 2% 10px 2%;
width: 100%;
}
.footer {
padding: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer ul#snsFooter {
float: none;
left: 0;
margin-bottom: 10px;
width: 100%;
}
.footer ul#snsFooter li {
float: none;
left: 0;
margin-bottom: 15px;
margin-right: 0;
text-align: center;
}
p#copyright {
width: calc(100% - 70px);
text-align: left;
}
.slider-footer .col-4 {
margin: 0 15px 15px 15px;
}
.slider-footer .col-4:nth-child(even){
margin-right: 15px;
}
.footerContact_ttl {
font-size: 21px;
font-size: 2.1rem;
padding: 0 15px;
}
.footerContact_set_tel,
.footerContact_set_btn {
width: 100%;
border-right: none!important;
}
.footerTopInner {
padding: 0 2%;
}
.footerNav {
margin-bottom: 1em;
padding: 20px 5px 0;
}
.relatedPost .relatedThum {
height: 95px;
width: 180px;
}
.relatedPost .relatedTitleSet {
width: 100%;
padding-left: 20px;
}
.relatedPost .relatedTitle {
font-size: 16px;
font-size: 1.6rem;
}
.relatedPost .relatedSub {
display: none;
}
.pickup-head {
display: block;
float: none;
margin: 0 auto .5em;
width: 100%;
}
.footerContact_set_btn {
border-left: none!important;
padding: 1.5em 2em;
} .alignright {
margin: 0 0 5px 15px;
}
.alignleft {
margin: 0 15px 5px 0;
}
.width70-pc,
.width80-pc
.width90-pc {
width: 100%;
}
.list-large ul.display-posts-listing li.listing-item a.image {
width: 220px;
}
.balloonHeadWrap {
display: block;
}
.balloonHeadWrap .balloonHead {
width: 100%;
padding: 1% 0;
}
.balloonHeadWrap .balloonHead .balloonPh {
display: inline-block;
}
.balloonHeadWrap .balloonHead .balloonName {
text-align: left;
} .searchAera {
padding: 15px 10px;
}
.searchAera h2 {
font-size: 18px;
font-size: 1.8rem;
}
.popWordTtl {
float: none!important;
width: 100%!important;
text-align: center;
margin-bottom: 5px;
}
.rand-ttl {
float: none!important;
width: 100%!important;
border-radius: 5px 5px 0 0;
}
.rand-txt {
margin-left: 0!important;
padding: 10px 10px 10px 10px;
font-size: 14px;
}
.rand-ttl::after {
border: 10px solid transparent;
border-bottom-width: 0;
border-top-color: #fdcf2e;
display: block;
left: 48%;
margin-top: 0;
top: 100%;
width:0;
}
}
@media only screen and (max-width: 640px) { #headerGlobal #headerLeft {
display: block;
overflow: hidden;
width: 100%;
}
#headerGlobal #headerRight {
display: block;
overflow: hidden;
width: 100%;
}
#snsFooter {
margin-bottom: 20px;
overflow: hidden;
}
.couponBtn a, .btn a {
display: block;
}
.mainImgBg .slider li.slick-slide {
min-height: auto;
}
.mainLeadWrapper .mainLead_sub {
font-size: 16px;
font-size: 1.6rem;
}
.mainImg.main-img img {
width: 100%;
}
.baArrow {
margin: 50px auto 0;
}
.baArrow02 {
margin: 30px auto 0;
}
.navi01 .col2,
.navi01 .col3,
.navi01 .col4,
.navi02 .col2,
.navi02 .col3,
.navi02 .col4 {
width: 100%;
}
.navi01 .col,
.navi02 .col {
margin-left: 0;
}
.footer {
padding: 15px 15px 60px;
justify-content: start;
} .listPreColumn .preArea {
width: 100%;
}
.listPreColumn h3 {
margin: 0 0 10px 0;
width: 100%;
}
.listContentColumn .col_lc {
width: 48%;
}
.relatedPost .col {
width: 50%;
}
.relatedPost .col:first-child,
.relatedPost .col:nth-of-type(3) {
padding: 0 1.5% 0 0;
}
.relatedPost .col:nth-of-type(2),
.relatedPost .col:nth-of-type(4) {
padding: 0 0 0 1.5%;
}
.videoTextSet .videoTtl {
font-size: 24px;
font-size: 2.4rem;
}
.videoTextSet .videoTxt {
font-size: 16px;
font-size: 1.6rem;
}
.breadcrumbs {
font-size: 11px;
font-size: 1.1rem;
}
.navLocal-wrapper {
border-bottom: none;
}
.navLocal-inner {
border: none;
padding: 20px 10px 0;
width: 100%;
display: block;
}
.navLocal-inner input {
display: none; } .navLocal-inner label {
border: 1px solid #dadada;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1);
cursor :pointer;
display: block;
font-size: 14px;
font-size: 1.4rem;
text-decoration: none;
color: #333;
line-height: 1;
position: relative;
margin: 0;
padding: 15px;
background-color: #fff;
} .navLocal-inner ul.navLocal {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 1px;
white-space: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.navLocal-inner ul.navLocal li {
height: 0;
margin: 0;
overflow-y: hidden;
transition: padding-bottom 0.5s, padding-top 0.5s; -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
-moz-transition: padding-bottom 0.5s, padding-top 0.5s;
-ms-transition: padding-bottom 0.5s, padding-top 0.5s;
-o-transition: padding-bottom 0.5s, padding-top 0.5s;
display: block;
border-left: none;
}
.navLocal-inner ul.navLocal li a {
padding: 15px 40px 15px 15px;
position: relative;
display: block;
color: #333;
}
.navLocal-inner ul.navLocal li a::before {
border-right: 2px solid #333;
border-top: 2px solid #333;
bottom: 0;
content: "";
height: 6px;
margin: auto;
position: absolute;
right: 15px;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
width: 6px;
}
#menu-bar:checked ~ .navLocal li {
height: auto; opacity: 1;
background: #f1f1f1;
width: 100%;
} #menu-bar:checked ~ .navLocal li:last-child {
border: none;
} .navLocal-inner label:after{
content:"";
display:block;
width:8px;
height:8px;
border-top: #333 2px solid;
border-right: #333 2px solid;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
position:absolute;
right: 4%;
top: 0;
bottom: 15%;
margin: auto;
} .navLocal-inner input[type=checkbox]:checked + label:after{
content:"";
display:block;
width:8px;
height:8px;
border-top: #333 2px solid;
border-right: #333 2px solid;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position:absolute;
right: 4%;
top: 7%;
bottom: 0;
margin: auto;
}
.navLocal-arrow {
display: none;
} .blogThum.castlist .col3 {
width: 50%;
padding: 0 2.5%;
}
.footerSubNavInner {
width: 100%;
padding: 0 1% 2%;
}
.list_qa dt {
padding-left: 3em;
padding-top: 0;
}
.list_qa dt::before {
padding: 7px 12px;
}
.list_qa dd {
padding-left: 3em;
padding-top: 0;
}
.list_qa dd::before {
padding: 7px 13px;
}
.blogHeader {
min-height: auto;
}
.blogHeader-inner {
padding: 30px 5% 120px;
}
.blogHeader.blogHeader-noThum .blogHeader-inner {
padding: 25px 5% 10px;
}
.newsTitle {
padding: 1em 0 .5em 0;
}
h2 {
font-size: 23px;
font-size: 2.3rem;
}
h3 {
font-size: 19px;
font-size: 1.9rem;
}
h4 {
font-size: 16px;
font-size: 1.6rem;
}
h5 {
font-size: 15px;
font-size: 1.5rem;
}
.entry h2 {
font-size: 22px;
font-size: 2.2rem;
padding: 15px 0 15px 0;
}
.entry h3 {
font-size: 19px;
font-size: 1.9rem;
}
.entry h4 {
font-size: 17px;
font-size: 1.7rem;
}
.single-2col figure {
float: none;
width: 100%;
}
.single-2col table,
.single-2col .wp-block-table {
float: none;
font-size: 14px;
font-size: 1.4rem;
width: 100%;
}
.single-2col table td:nth-child(1), .single-2col .wp-block-table td:nth-child(1) {
font-size: 13px;
font-size: 1.3rem;
}
ul.listThumbnail li a .thum {
width: 120px;
height: 64px;
}
ul.listThumbnail li .title {
font-size: 16px; font-size: 1.6rem;
line-height: 1.3;
}
ul.listThumbnail li .txt {
display: none;
}
#secondary .widget {
float: none;
margin: 0 0 20px;
width: 100%;
}
.secondaryInner {
margin-left: 0;
}
#secondary ul li {
font-size: 13px;
font-size: 1.3rem;
}
.navigation {
font-size: 14px; font-size: 1.4rem;
}
.newsTitle {
font-size: 24px; font-size: 2.4rem;
}
.post-categories a:link, .post-categories a:visited,
.newsDay {
font-size: 11px;font-size: 1.1rem;
margin-left: 0;
}
.newsDay.update {
padding-right: 5px;
}
.cateDay .cate {
vertical-align: top;
margin-right: 0px;
}
.cateDay .date {
font-size: 12px;font-size: 1.2rem;
margin-right: auto;
}
.cateDay {
padding-bottom: 0;
}
.cateDay .header-author__img {
margin-right: 10px;
}
.header-author .cateDay .cate {
margin-right: auto;
}
.header-author .cateDay-inner {
flex-flow: column;
justify-content: left;
}
ul.listThumbnail li a .thum {
margin-right: 10px;
}
.mainHead h1,
.mainHead h2 {
font-size: 26px;
font-size: 2.6rem;
letter-spacing: .05em;
}
.entry-title_en {
padding: 0 0 30px;
font-size: 11px;
font-size: 1.1rem;
}
.mainHead-2col .entry-title_en {
font-size: 12px;
font-size: 1.2rem;
}
.mainHead,
.mainHead.layer,
.mainHead.bgimage {
min-height: 150px;
}
.mainHead h1, .mainHead h2,
.mainHead.layer h1, .mainHead.layer h2,
.mainHead.bgimage h1, .mainHead.bgimage h2 {
padding: 50px 0 50px;
line-height: 1.3;
}
.mainHead.layer h1.entry-title_jp, .mainHead.layer h2.entry-title_jp,
.mainHead.bgimage h1.entry-title_jp, .mainHead.bgimage h2.entry-title_jp {
padding: 50px 0 5px;
line-height: 1.3;
}
.col-2  {
width: 100%;
margin: 0 0 25px 0;
}
.col-2.col-2w35  {
width: 100%;
margin: 0 0 25px 0;
}
.col-2.col-2w65  {
width: 100%;
margin: 0 0 25px 0;
}
.col-2.col-2w65.col-w:nth-child(odd) {
padding-right: 0;
}
.col-2.col-2w65.col-w:nth-child(even) {
padding-left: 0;
}
.order-1 {
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.order-2 {
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.footerBanner .col-2 {
width: 100%;
margin: 0 0 25px 0;
}
.col-3 {
width: 100%;
margin: 0 0 25px 0;
}
.col-4 {
width: calc( ( 100% - 25px ) / 2 );
margin: 0 25px 20px 0;
}
.col-4:nth-child(2n) {
margin-right: 0;
}
.localNav {
font-size: 12px;
font-size: 1.2rem;
width: 99%;
}
.localNav li {
padding: .3em;
}
.localNav li::before {
width: 6px;
height: 6px;
left: 18px;
}
.localNav li a {
padding: .7em 1em .7em 2.2em;
}
.localNav.nav-col3 li,
.localNav.nav-col4 li {
width: 50%;
}
.img-icon img {
max-width: 120px;
height: auto;
padding: 10px;
}
.txtS,
.txt12 {
font-size: 11px;
font-size: 1.1rem!important;
}
.txtS2,
.txt13 {
font-size: 12px;
font-size: 1.2rem!important;
}
.txtS-2 {
font-size: 14px;
font-size: 1.4rem!important;
}
.txtL2,
.txt24 {
font-size: 21px;
font-size: 2.1rem!important;
line-height: 1.4;
}
.txtL3,
.txt30 {
font-size: 24px;
font-size: 2.4rem!important;
line-height: 1.3;
}
.txt35 {
font-size: 27px;
font-size: 2.7rem!important;
line-height: 1.3;
}
.txtL4,
.txt40 {
font-size: 30px;
font-size: 3.0rem!important;
line-height: 1.3;
}
.txt45 {
font-size: 32px;
font-size: 3.2rem!important;
line-height: 1.3;
}
.txtL5,
.txt50 {
font-size: 34px;
font-size: 3.4rem!important;
line-height: 1.3;
}
.txt55 {
font-size: 38px;
font-size: 3.8rem!important;
line-height: 1.3;
}
.txtL6,
.txt60 {
font-size: 43px;
font-size: 4.3rem!important;
line-height: 1.3;
}
.txt65 {
font-size: 48px;
font-size: 4.8rem!important;
line-height: 1.3;
}
.balloon .faceicon {
width: 55px;
}
.says {
margin: 0 0 0 70px;
}
.balloon.right .says {
margin: 0 70px 0 0;
}
.balloon .faceicon figcaption {
font-size: 11px;
font-size: 1.1rem;
}
.mainLeadWrapper .btn {
width: 90%;
display: block;
}
.mainLeadWrapper .btn a {
font-size: 15px;
font-size: 1.5rem;
padding: 15px 2.5em 15px 1.8em
}
#content span.btn {
width: 80%;
display: table;
}
a.footerContact_btn {
width: 100%;
padding: 15px;
}
.home .searchAeraWrapper .section-block-inner,
.searchAeraWrapper.page-search .section-block-inner {
padding: 50px 4%;
}
.blogThum .title {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.4;
}
.scrollBtn {
display: block;
}
.center-pc {
text-align: left;
}
.center-sp {
text-align: center;
}
.footerBanner {
padding-top: 1.5em;
padding-bottom: 1em;
}
.wpp-post-title {
font-size: 16px;
font-size: 1.6rem;
}
.wpp-list li .wpp-author {
font-size: 14px;
font-size: 1.4rem;
}
.wpp-meta, .post-stats {
text-align: right;
}
.wpp-thumbnail {
width: 145px;
}
.caseBoxHeadSet {
display: block;
}
.caseBoxHead {
width: 100%;
}
.casePh {
width: 55%;
margin: 0 auto;
padding: 20px 0 0 0;
}
.caseBox {
padding: 15px 10px;
}
.caseNumber {
margin: 0 auto 15px;
position: relative;
}
.caseBoxHead {
margin-left: 0;
}
.caseHeadLv0l {
font-size: 22px;
font-size: 2.2rem;
}
.caseHeadLv02 {
font-size: 20px;
font-size: 2.0rem;
}
.caseImg {
margin-left: 5px;
}
#footerGlobal.footer-fix-nav--on {
padding-bottom: 50px;
}
.pageTop {
display: none;
}
.icon-protected {
width: 30px;
height: 30px;
}
}
@media only screen and (max-width: 600px) {
.entry .wp-block-media-text .wp-block-media-text__content {
padding: 2% 4% 2% 4%;
}
.txtL {
font-size: 18px;
font-size: 1.8rem!important;
}
.numberCircleHead {
display: block;
margin: 0 auto;
text-align: center;
}
.numberFlow.circle {
margin: 0 0 15px;
}
.numberCircleHead .numberTxt {
text-align: left;
}
.media-text__content_margin-t70_sp .wp-block-media-text__content {
margin-top: -70px;
}
.wp-block-table figcaption {
font-size: 12px;
text-align: left;
}
.pc-img { display: none!important; }
.sp-img { display: inline-block!important; }
}
@media only screen and (max-width: 480px) { #wrapper {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
.heading-lv2,
.headLv_2 {
font-size: 22px;
font-size: 2.2rem;
}
.heading-lv2.headheading-lv2_left::before {
left: -25px;
}
.headLv_2b {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3;
}
.heading-lv3,
.headLv_3 {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.3;
}
.heading-lv4,
.headLv_4 {
font-size: 16px;
font-size: 1.6rem;
}
.footerBannerHead {
font-size: 18px;
font-size: 1.8rem;
}
.smp-full {
height: auto;
width: 100%!important;
margin: 0 0 15px;
float: none;
}
.post .newsTitle {
font-size: 21px;
font-size: 2.1rem;
}
.col-4 .col-head-txt {
font-size: 17px;
font-size: 1.7rem;
}
.borderBox,
.borderBox.single {
padding: 3%;
}
.baArrow {
font-size: 150%;
margin: 40px auto 0;
}
.baArrow02 {
font-size: 100%;
margin: 20px auto 0;
}
dl.dlInfo01 dt {
float: none;
padding: 16px 0 0;
width: 100%;
}
dl.dlInfo01 dd {
padding: 10px 0 15px 0;
}
#content span.btn {
width: 90%;
} .fc-header td {
display: inline;
} div.mobileArea,.couponBtn,.smpNone {
display: none!important;
} table {
font-size: 14px;
font-size: 1.4rem;
}
table th,
table td {
padding: 10px 6px!important;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
padding: inherit!important;
}
.ui-datepicker {
width: 94%!important;
}
.scrollSp {
margin-bottom: 15px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.scrollSp::-webkit-scrollbar{
height: 5px;
}
.scrollSp::-webkit-scrollbar-track{
background: #F1F1F1;
}
.scrollSp::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.scrollSp table {
width: 980px;
}
table tr.alt { 
padding: 0;
}
table.scroll { 
display: block;
margin: 0;
width: 100%;
}
table.scroll thead{ 
display: block;
float: left;
overflow-x:scroll;
}
table.scroll tbody{ 
display: block;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling:touch;
width: auto;
}
table.scroll th{ 
display: block;
padding: 7px;
width: auto;
}
table.scroll tbody tr{ 
display: inline-block;
margin: 0 -3px;
}
table.scroll td{ 
display: block;
padding: 7px 10px;
}
.scroll table{
width:100%;
}
.scroll{
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
height: 5px;
}
.scroll::-webkit-scrollbar-track{
background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.slick-next,
.slick-prev {
display: none!important;
}
.footerSubNavInner {
width: 100%;
padding: 0 2%;
}
#content .coupon h2.ttl {
font-size: 25px;
font-size: 2.5rem;
padding: 40px 5px
}
ul.display-posts-listing li .title {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.3;
}
.AGENTMAIL__submit {
-webkit-appearance: none;
background-color: #E55C00;
border: 1px solid #E55C00;
cursor: pointer;
color: #fff;
display: table-cell;
margin: 0 auto;
}
.AGENTMAIL__submit:hover,
.AGENTMAIL__submit:focus {
background-color: #f07100;
}
#agentmailuserform form input[type="text"],
#agentmailuserform form input[type="email"],
#agentmailuserform form textarea {
width: 100%!important;
}
.authorBox .photo {
display: block;
width: 100%;
}
.authorBox .text {
display: block;
}
#content p.listBtn {
margin-top: -40px;
}
.column.smp .col2,
.column.smp .col2W,
.column.smp .col2N,
.column.smp .col3,
.column.smp .col4 {
float: none;
margin: 0;
width: 100%;
clear: both;
}
.col { margin: 0 0 1em 0;
}
.no100p .col {
margin: 0 0 0.5em 4%;
}
.col2 {
width: 100%;
}
.no100p .col2 {
width: 47.9%;
}
.col3 {
width: 100%;
}
.col4 {
width: 50%;
padding-right: 2%;
}
.col4:nth-child(even) {
padding-left: 2%;
padding-right: 0;
}
.col2W {
width: 100%;
}
.col2N {
width: 100%;
}
br.sp,
br.br-sp {
display: block;
}
br.pc,
br.br-pc {
display: none;
}
.writer-profile {
width: 50%;
}
.blogThum {
padding: 0 2%;
}
.blogThum .col {
width: 100%;
}
.blogThum .col:nth-child(odd) {
border-right: none;
padding: 15px 0 20px 0;
}
.blogThum .col:nth-child(even) {
padding: 15px 0 20px 0;
}
.blogThum .col:first-child {
padding-top: 0;
} .pay-logo,
.pay-form,
.pay-wrapper button {
width: 100%;
}
.pay-logo {
margin-bottom: 20px;
}
.pay-wrapper input[type="submit"],
.pay-wrapper .pay-btn {
width: 100%!important;
}
.tab__button a{
font-size: 12px;
}
.list-large ul.display-posts-listing li.listing-item a.image {
width: 100%;
float: none;
margin-bottom: 15px;
}
.list-large ul.display-posts-listing li .title {
font-size: 16px;
font-size: 1.6rem;
}
.list-large ul.display-posts-listing li .excerpt {
display: none;
}
.lowArrow-s {
height: 15px;
width: 15px;
}
.caseImg {
float: none;
margin-left: 0;
text-align: center;
}
.newsTitle {
font-size: 22px; font-size: 2.2rem;
}
ul.listThumbnail span.date {
font-size: 11px;
font-size: 1.1rem;
}
.single .breadcrumbs{
white-space: nowrap;
}
}
@media only screen and (max-width: 320px) { #wrapper {
font-size: 14px;
font-size: 1.4rem;
}
}
select[name="s_author_expr2"]::before {
content: "\A";
white-space: pre;
}
:root :where(.is-layout-flow) > p {
margin-block-start: 0;
margin-block-end: 0;
} .blog-cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.blog-card {
background-color: #fff;
border: 1px solid #0000001c;
border-radius: 10px;
text-align: center;
}
.blog-card a {
color: inherit!important;
}
.blog-card img {
max-width: 100%;
height: auto;
width: 100%;
aspect-ratio: 1.91 / 1;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
.blog-card h3 {
font-size: 16px;
text-align: left;
border: none;
font-weight: 600;
line-height: 1.4;
margin: 15px 0 10px 0;
padding: 0 15px;
}
.blog-card h3::before {
display: none;
}
.blog-card p {
font-size: 13px;
text-align: left;
letter-spacing: .03em;
padding: 0 15px 15px;
}
.blog-card-link {
text-decoration: none;
color: #333;
}
@media only screen and (max-width: 600px) {
.blog-cards {
flex-direction: column;
display: flex;
}
}