@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";







    html { overflow-y: scroll;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
input,
textarea { margin: 0; font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0;}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var { font-style: normal; font-weight: normal; }
ol,
ul { list-style: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }
q:before,
q:after { content: ''; }
abbr,
acronym { border: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
} body { color: #333; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; line-height: 170%; 
} *:first-child+html body {
font-size: 75%;
} * html body {
font-size:75%;
} .fNormal  { font-weight: normal;}
.fBold   { font-weight: bold;}
.fItalic { font-style: italic;}
.fSSS { font-size: 70%;}
.fSS  { font-size: 78%;} .fS   { font-size: 85%;} .fM   { font-size: 100%;}
.fL   { font-size: 115%;} .fLL  { font-size: 130%;} .fLLL { font-size: 143%;} .fLLLL { font-size: 200%;}
sup {
font-size: 78%;
vertical-align: top;
}
sub {
font-size: 78%;
vertical-align: baseline;
} .txtColor1 {
color: #137539;
}
.txtColor2 {
color: #f0c21f;
}
.txtColor3 {
color: #fe0000;
}
.txtColor4 {}
.txtColor5 {}
.fRed {
color: #cc0000;
}
.fGray {
color: #999999;
}
a {
color: #FF86A0;
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: underline;
} .mt00 { margin-top:  0 !important;}
.mt05 { margin-top:  5px!important;}
.mt10 { margin-top: 10px!important;}
.mt12 { margin-top: 12px!important;}
.mt15 { margin-top: 15px!important;}
.mt20 { margin-top: 20px!important;}
.mt25 { margin-top: 25px!important;}
.mt30 { margin-top: 30px!important;}
.mt35 { margin-top: 35px!important;}
.mt40 { margin-top: 40px!important;}
.mt45 { margin-top: 45px!important;}
.mt50 { margin-top: 50px!important;}
.mr00 { margin-right:  0px !important;}
.mr05 { margin-right:  5px!important;}
.mr10 { margin-right: 10px!important;}
.mr12 { margin-right: 12px!important;}
.mr15 { margin-right: 15px!important;}
.mr20 { margin-right: 20px!important;}
.mr25 { margin-right: 25px!important;}
.mr30 { margin-right: 30px!important;}
.mr35 { margin-right: 35px!important;}
.mr40 { margin-right: 40px!important;}
.mr45 { margin-right: 45px!important;}
.mr50 { margin-right: 50px!important;}
.mb00 { margin-bottom:  0 !important;}
.mb05 {
margin-bottom: 5px;
background-repeat: no-repeat;
}
.mb10 { margin-bottom: 10px!important;}
.mb12 { margin-bottom: 12px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb35 { margin-bottom: 35px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb45 { margin-bottom: 45px!important;}
.mb50 { margin-bottom: 50px!important;}
.ml00 { margin-left:  0 !important;}
.ml05 { margin-left:  5px;}
.ml10 { margin-left: 10px;}
.ml12 { margin-left: 12px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml30 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;} .pt00 { padding-top:   0 !important;}
.pt05 { padding-top:  5px;}
.pt10 { padding-top: 10px;}
.pt12 { padding-top: 12px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}
.pt45 { padding-top: 45px;}
.pt50 { padding-top: 50px;}
.pr00 { padding-right:   0 !important;}
.pr05 { padding-right:  5px;}
.pr10 { padding-right: 10px;}
.pr12 { padding-right: 12px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr40 { padding-right: 40px;}
.pr45 { padding-right: 45px;}
.pr50 { padding-right: 50px;}
.pb00 { padding-bottom:   0 !important;}
.pb05 { padding-bottom:  5px;}
.pb10 { padding-bottom: 10px;}
.pb12 { padding-bottom: 12px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}
.pb45 { padding-bottom: 45px;}
.pb50 { padding-bottom: 50px;}
.pl00 { padding-left:   0 !important;}
.pl05 { padding-left:  5px;}
.pl10 { padding-left: 10px;}
.pl12 { padding-left: 12px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl30 { padding-left: 35px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;} .inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;} .vlineT { vertical-align: top;}
.vlineM { vertical-align: middle;}
.vlineB { vertical-align: bottom;} .wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;} .tw03 { width:  3%;}
.tw05 { width:  5%;}
.tw10 { width: 10%;}
.tw13 { width: 13%;}
.tw15 { width: 15%;}
.tw20 { width: 20%;}
.tw25 { width: 25%;}
.tw30 { width: 30%;}
.tw35 { width: 35%;}
.tw40 { width: 40%;}
.tw45 { width: 45%;}
.tw50 { width: 50%;} .fltL {
display: inline;
float: left;
}
.fltR {
display: inline;
float: right;
}
.ft {
overflow: hidden;
zoom: 1;
} .imgBoxL,
.imgBoxR {
display: block;
min-height: 1%;
}
.imgBoxL:after,
.imgBoxR:after {
clear: both;
content:".";
display: block;
height: 0;
visibility: hidden;
}
* html .imgBoxL,
* html .imgBoxR {
height: 1%;/*\*//*/height: auto;
overflow: hidden;/**/}
.imgBoxL .fltImg {
display: inline;
float: left;
margin-right: 10px;
}
.imgBoxR .fltImg {
display: inline;
float: right;
margin-left: 10px;
} .clearfix {
display: block;
min-height: 1%;
}
.clearfix:after {
clear: both;
content:".";
display: block;
height: 0;
visibility: hidden;
}
* html .clearfix {
height: 1%;/*\*//*/height: auto;
overflow: hidden;/**/} .blockC { text-align: center;}
.blockC .block {
margin-right: auto;
margin-left: auto;
text-align: left;
} * html .blockC .block {
margin-right: 0;
margin-left: 0;
}
.blockR { text-align: right;}
.blockR .block {
margin-left: auto;
text-align: left;
} * html .blockR .block {
margin-left: 0;
} .clear { 
clear: both;
}
.block  { display: block;}
.inline { display: inline;}
.hide   { display: none;}
.nobg {
background: none;
}
.underLine { text-decoration: underline;}
.noLine    { text-decoration: none;} .edsmark { border: 2px solid #9966CC; padding: 10px; text-align: center; background-color: #FF99FF; color: #FFF;} .w100{width: 100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}
@media screen and (max-width: 768px){
.tw100{width:100%;	margin: 0 auto;		display: block;}
.tw90{width:90%;	margin: 0 auto;		display: block;}
.tw80{width:80%;	margin: 0 auto;		display: block;}
.tw70{width:70%;	margin: 0 auto;		display: block;}
.tw60{width:60%;	margin: 0 auto;		display: block;}
.tw50{width:50%;	margin: 0 auto;		display: block;}
.tw40{width:40%;	margin: 0 auto;		display: block;}
.tw30{width:30%;	margin: 0 auto;		display: block;}
.tw20{width:20%;	margin: 0 auto;		display: block;}
.tw10{width:10%;	margin: 0 auto;		display: block;}
} @media screen and (max-width: 480px){
.sw100{width:100%;	margin: 0 auto;		display: block;}
.sw90{width:90%;	margin: 0 auto;		display: block;}
.sw80{width:80%;	margin: 0 auto;		display: block;}
.sw70{width:70%;	margin: 0 auto;		display: block;}
.sw60{width:60%;	margin: 0 auto;		display: block;}
.sw50{width:50%;	margin: 0 auto;		display: block;}
.sw40{width:40%;	margin: 0 auto;		display: block;}
.sw30{width:30%;	margin: 0 auto;		display: block;}
.sw20{width:20%;	margin: 0 auto;		display: block;}
.sw10{width:10%;	margin: 0 auto;		display: block;}
}  #pagetop {
position: fixed;
right: 0px;
bottom: 0px;
} .block1{margin:0 1%;}
.block2{margin:0 2%;}
.block3{margin:0 3%;}
.block4{margin:0 4%;}
.block5{margin:0 5%;}
.block6{margin:0 6%;}
.block7{margin:0 7%;}
.block8{margin:0 8%;}  .pc_none {display:none;}  .pc1L {width: 8.33%;		float: left;}
.pc2L {width: 16.66%;		float: left;}
.pc3L {width: 24.99%;		float: left;} .pc4L {width: 33.33%;		float: left;} .pc5L {width: 41.66%;		float: left;}
.pck5L {width: 20%;			float: left;} .pc6L {width: 50%;			float: left;} .pc7L {width: 58.33%;		float: left;}
.pc8L {width: 66.66%;		float: left;}
.pc9L {width: 74.99%;		float: left;}
.pc10L {width: 83.33%;	float: left;}
.pc11L {width: 91.66%;	float: left;} .pc1R {width: 8.33%;		float: right;}
.pc2R {width: 16.66%;		float: right;}
.pc3R {width: 24.99%;		float: right;} .pc4R {width: 33.33%;		float: right;} .pc5R {width: 41.66%;		float: right;}
.pck5R {width: 20%;			float: right;} .pc6R {width: 50%;			float: right;} .pc7R {width: 58.33%;		float: right;}
.pc8R {width: 66.66%;		float: right;}
.pc9R {width: 74.99%;		float: right;}
.pc10R {width: 83.33%;	float: right;}
.pc11R {width: 91.66%;	float: right;}
@media screen and (max-width: 768px){
.tb_look{display: block;} .tb_none {display:none;} .tb1 {width: 100%; margin: 0 auto ; float: none;}
.tb2 {width: 49.99%; float: left; box-sizing: border-box; padding:0 5px;}
.tb3 {width: 33.33%; float: left; box-sizing: border-box; padding:0 5px;} .tb4 {width: 24.99%; float: left; box-sizing: border-box; padding:0 5px;} } @media screen and (max-width: 480px){
.sp_look{display: block;} .sp_none {display:none;} .sp1 {width: 100%;} .sp2 {width: 49.99%; float: left; padding: 5px; box-sizing: border-box;} .sp3 {width: 33.33%; float: left; padding: 5px; box-sizing: border-box;} .sp4 {width: 24.99%; float: left; padding: 5px; box-sizing: border-box;} .spL {width: 100%;float:left;}
.spR {width: 100%;float:right;}
.spbtn {
float: none;
text-align: center;
display: block;
margin: 20px 0px;
}
}   .table_basic { border-collapse: separate; border-spacing: 1px; background: #CCC; border-style: none; }
.table_basic th { background-color: #EEE; padding: 6px 10px; font-weight: normal; border-top: 1px solid #FFF; }
.table_basic td { background-color: #FFF; padding: 6px 10px; border-top: 1px solid #FFF; }
.table_basic tr.odd td { background-color: #FAFAFA; } #colorbox,
#cboxOverlay,
#cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft,
#cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay,
#cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }
#colorbox,
#cboxContent,
#cboxLoadedContent { box-sizing: content-box; } #cboxOverlay { background: #000; }
#colorbox { }
#cboxContent { margin-top: 20px; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { border: 5px solid #000; background: #fff; }
#cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; }
#cboxCurrent { position: absolute; top: -20px; right: 0px; color: #ccc; }
#cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; }
#cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/jquery.colorbox.controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; }
#cboxPrevious:hover { background-position: bottom left; }
#cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/jquery.colorbox.controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; }
#cboxNext:hover { background-position: bottom right; }
#cboxLoadingOverlay { background: #000; }
#cboxLoadingGraphic { background: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/css/images/loading.gif) no-repeat center center; }
#cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/jquery.colorbox.controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; }
#cboxClose:hover { background-position: bottom center; } .tipsy { padding: 5px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #000; color: #fff; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-arrow { position: absolute; background: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/jquery.tipsy.gif) no-repeat left top; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }   body {
min-width: 100%;
-webkit-text-size-adjust: none;
background-color: #ffffff;
overflow: hidden;
}
body {
letter-spacing: 0em;
margin: 0px;
padding: 0px;
border: none;
line-height: 180%;
font-size: 16px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
color: #000000;
} _:lang(x)::-ms-, ruby > rt {
font-size: 100%;
zoom: 0.5;
} _:lang(x)::-internal-media-controls-overlay-cast-button, ruby > rt {
font-size: 100%;
zoom: 0.5;
letter-spacing: 0.01em;
}
a:link, a:visited, a:active {
color: #0000cc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
hr {
margin: 20px 0px;
padding: 0px;
}
.pcnone {
display: none;
}
.br-sp {
display: block;
}
img {
image-rendering: -webkit-optimize-contrast;
}
@media screen and (max-width: 767px) {
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
width: 88%;
}
} .btn01 a {
padding-top:20px;
padding-bottom: 10px;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 340px;
border-radius: 500px;
font-size: 1.2em;
position: relative;
}
@media screen and (max-width: 767px) {
.btn01 a {
padding: 10px 6px;
font-size: 1rem;
}
}
.btn01 a:link, .btn01 a:visited {
text-decoration: none;
}
.btn01 a:hover {
text-decoration: none;
display: block;
}
.btn01 a:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
width: 22px;
font-family: "Font Awesome 6 Free";
font-weight: 700;
font-size: 70%;
content: '\f054';
padding-right: 3px;
color: #fff;
display: inline-block;
}
.btncolor01 a {
}
.btncolor01 a:link, .btncolor01 a:visited {
color: #fff;
background-color: #E5B002;
font-weight:bold;
}
.btncolor01 a:hover {
background-color: rgba(168, 120, 191, 1);
opacity:0.8;
}
.btncolor02 a {
background-color: #3ea6d5;
}
.btncolor02 a:link, .btncolor02 a:visited {
color: #ffffff;
}
.btncolor02 a:hover {
background-color: #1088BF;
}
.btncolor03 a {
background-color: #cecece;
}
.btncolor03 a:link, .btncolor03 a:visited {
color: #000000;
}
.btncolor03 a:hover {
background-color: #F0EDEE;
}
.btn02 a {
padding-top: 5px;
padding-bottom: 5px;
display: block;
text-align: center;
border-radius: 30px;
}
.btn02 a:link, .btn02 a:visited {
text-decoration: none;
}
.btn02 a:hover {
text-decoration: none;
display: block;
} .button003 {
width: 300px;
margin: 0 auto;
}
.button003 a {
background: #E5B002;
border-radius: 50px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 20px auto;
max-width: 260px;
padding: 10px 75px;
color: #313131;
transition: 0.3s ease-in-out;
font-weight: 500;
text-decoration:none;
}
.button003 a:hover {
background: #313131;
color: #FFF;
}
.button003 a:after {
content: '';
width: 5px;
height: 5px;
border-top: 3px solid #313131;
border-right: 3px solid #313131;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
right: 20px;
border-radius: 1px;
transition: 0.3s ease-in-out;
}
.button003 a:hover:after {
border-color: #FFF;
} .button004 {
width: 340px;
margin: 0 auto;
}
.button004 a {
background: #E5B002;
border-radius: 50px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 20px auto;
max-width: 350px;
padding: 14px 45px 10px;
color: #313131;
transition: 0.3s ease-in-out;
font-weight: 500;
text-decoration:none;
}
.button004 a:hover {
background: #313131;
color: #FFF;
}
.button004 a:after {
content: '';
width: 5px;
height: 5px;
border-top: 3px solid #313131;
border-right: 3px solid #313131;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
right: 20px;
border-radius: 1px;
transition: 0.3s ease-in-out;
}
.button004 a:hover:after {
border-color: #FFF;
}
@media screen and (max-width: 767px) {
.button004 a {
padding: 10px 60px;
}
} #header {
padding-top: 20px;
padding-bottom: 24px;
width: 100%;
background-color: #69308F;
text-align: center;
position:relative;
}
.headerInner {
width: 100%;
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/header_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 85% auto;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 20px 0;
height:300px;
}
.headerlogo {
position: absolute;
left: 0%;
top: 10px;
width: 100%;
right: 0%;
}
.headerlogo img {
width: 70%;
max-width: 960px;
}
#header .itemimg {
text-align: center;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
width: 100%;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
}
#header .itemimg img{
width:55%;
}
@media screen and (max-width: 788px) {
#header {
padding:0px;
}
.headerInner {
width: 100%;
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/header_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 20px 0;
height:356px;
}
#header .itemimg {
margin-top: 10px;
}
#header .itemimg img{
width:76%;
}
}
@media screen and (max-width: 1020px) {
.headerInner {
height: 314px;
}
}
#header .h-nav {
position: absolute;
right:3%;
top: 10px;
color: #ffffff;
}
#header .h-nav a {
color: #ffffff;
font-size: 0.8em;
}
.openbtn1 {
position: absolute;
right: 0%;
top: 30px;
z-index: 9999;
}
@media screen and (max-width : 1500px) {
#header .h-nav {
position: absolute;
right: 1%;
}
#header .h-nav li a {
font-size: 1em;
margin-right: 20px;
}
} #g-nav {
position: fixed;
z-index: -1;
opacity: 0;  top: 0;
width: 100%;
height: 100vh;  transition: all 0.3s;
background-color: #CBCBCB;
} #g-nav.panelactive {
opacity: 1;
z-index: 999;
height: 100vh;
} #g-nav.panelactive #g-nav-list { position: fixed;
z-index: 999;
width: 100%;
height: 100vh; overflow: auto;
-webkit-overflow-scrolling: touch;
} #g-nav .menuBox {
display: none; position: absolute;
z-index: 99999; left: 5%; }
#g-nav.panelactive .menuBox {
display: block;
padding-top: 5%;
padding-bottom: 80px;
} #g-nav ul {
min-width: 170px;
margin-bottom: 20px;
}
#g-nav li {
list-style: none;
text-align: left;
color: #000000;
font-size: 1.2em;
font-weight: bold;
}
#g-nav li a {
color: #000000;
text-decoration: none;
display: block; }
#g-nav li li a {
color: #000000;
text-decoration: none;
padding-top: 1px;
padding-right: 1px;
padding-left: 1em;
padding-bottom: 1px;
display: block; letter-spacing: 0em;
font-size: 0.7em;
font-weight: normal;
}
#g-nav li li a::before {
content: "●";
padding-left: 0em;
padding-right: 0.5em;
}
#g-nav li li li a {
color: #000000;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
display: block; letter-spacing: 0em;
font-size: 0.5em;
font-weight: normal;
}
#g-nav li li li a::before {
content: "-";
padding-left: 1em;
padding-right: 0.5em;
}
#g-nav p a {
color: #ffffff;
text-decoration: none;
padding-top: 30px;
padding-right: 10px;
padding-left: 40px;
padding-bottom: 10px;
display: block; letter-spacing: 0em;
font-size: 1.2em;
font-weight: normal;
border-top: 2px solid #ECECEC;
} .openbtn1 {
cursor: pointer;
width: 50px;
height: 50px;
} .openbtn1 span {
display: inline-block;
transition: all .4s;
position: absolute;
left: 14px;
height: 2px;
border-radius: 0px;
background-color: #ffffff;
width: 60%;
}
.openbtn1 .txt {
display: inline-block;
transition: all .4s;
position: absolute;
left: 14px;
border-radius: 2px;
width: 45%;
top: 30px;
font-size: 10px;
color: #ffffff;
}
.openbtn1 span:nth-of-type(1) {
top: 0px;
}
.openbtn1 span:nth-of-type(2) {
top: 10px;
}
.openbtn1 span:nth-of-type(3) {
top: 20px;
}
.openbtn1.active span:nth-of-type(1) {
top: 18px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
width: 50%;
background-color: #ffffff;
}
.openbtn1.active span:nth-of-type(2) {
display: none;
}
.openbtn1.active span:nth-of-type(3) {
top: 30px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
width: 50%;
background-color: #ffffff;
}
.openbtn1.active .txt {
color: #ffffff;
}
.pcnavi {
width: 100%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
letter-spacing: -0.1em;
}
.menu {
position: relative;
width: 100%;
max-width: 1200px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
.menu > li {
float: left;
}
.menu > li a {
display: block;
font-size: 1em;
}
.menu > li a:hover { }
ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 9999;
list-style-type: none;
}
.menu > li:hover {
background-color: #E5B002;
-webkit-transition: all .5s;
transition: all .5s;
}
.menu__second-level li {}
.menu__third-level li {}
.menu__second-level li a:hover {
background-color: #E5B002;
} .menu:before, .menu:after {
content: " ";
display: table;
}
.menu:after {
clear: both;
}
.menu {
*zoom: 1;
}
.menu > li.menu__single {
position: relative;
}
li.menu__single ul.menu__second-level {
position: absolute;
top: 40px; width: 320px;
background-color: #69308F;
-webkit-transition: all .2s ease;
transition: all .2s ease;
height: auto!important;
padding-top: 0em!important;
padding-bottom: 0em!important;
}
li.menu__single ul.secondend {
right: 0px!important;
}
li.menu__single ul.menu__second-level li a{
height: auto!important;
padding-top: 0.8em!important;
padding-bottom: 0.2em!important;
color: #fff;
border-bottom: 1px solid #8E8E8E;
border-left: 0px solid #eaeaea;
}
li.menu__single:hover ul.menu__second-level {
top: 50px;
visibility: visible;
opacity: 1;
}
.navitop a {
border-left: 0px!important;
padding-left: 0.5em!important;
}
.navi02 a {
padding-top: 0em!important;
height: 3.5em!important;
}
.end a {
border-right: 0px!important;
padding-right:0.5em!important;
}
.navimenu {
text-align: center;
}
.navimenu a {
font-size: 0.9em!important;
vertical-align: middle;
text-align: center;
border-left: 1px solid #eaeaea;
height: 2.0em;
padding: 1.5em 0.4em 0em !important;
line-height: 100%;
}
.navimenu a:link, .navimenu a:visited {
text-decoration: none;
color: #000000;
}
.navimenu a:hover {
text-decoration: none;
background-color: #E5B002;
color: #000000!important;
}
@media screen and (max-width : 1320px) {
.navimenu a {
display: inline-block;
vertical-align: middle;
text-align: center;
border-left: 1px solid #eaeaea;
height: 2.0em;
padding: 1.5em 0.7em 0em !important;
line-height: 100%;
font-size: 0.83em!important;
}
.menu {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
li.menu__single:hover ul.menu__second-level {
top: 45px;
}
} #contents {
padding-top: 50px;
margin-bottom: 100px;
}
.contentsInner {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
padding-left: 1%;
padding-right: 1%;
text-align: left;
max-width: 1300px;
}
.flexarea {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap; justify-content: space-between; }
.flexarea02 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap; justify-content: space-around; }
.flexarea03 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap; justify-content: flex-start; } #indexmain{
background-color:#FAF2FF!important;
}
#main {}
#mainInner {} #side {}
#sideInner {} .sitemapArea{
padding-bottom: 30px;
background-color: #e2b7ec;
padding-top: 30px;
padding-left: 2%;
padding-right: 2%;
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/bg_footer02.png);
background-repeat: repeat;
background-position: center;
background-size:73%;
margin-bottom: 0px;
}
@media screen and (min-width: 2000px) {
.sitemapArea{
background-size:45%;
}
}
.sitemapArea .contentsInner {} #footer-nav {
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}
#footer-nav .flexarea div{
max-width: 30%;
}
#footer-nav ul {
margin-right: 0%;
margin-bottom: 2em;
}
#footer-nav ul ul {
max-width: 100%;
}
#footer-nav li {
list-style: none;
text-align: left;
font-size: 1.2em;
}
#footer-nav li p {
text-decoration: none;
display: block;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 1px;
line-height: 180%;
color: #000000;
font-weight: bold;
}
#footer-nav li a {
text-decoration: none;
display: block;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 1px;
line-height: 180%;
color: #000000;
font-weight: bold;
}
#footer-nav li li a {
color: #000000;
text-decoration: none;
padding-top: 5px;
padding-left: 2.2em;
display: block;
font-weight: normal;
line-height: 150%;
font-size: 0.7em;
list-style-type: circle!important;
text-indent: -1em;
}
#footer-nav li li a::before {
content: "〇";
} #footer {
padding-top: 20px;
padding-bottom: 22px;
width: 100%;
background-color: #69308F;
text-align: center;
}
#footer .footerInner{
width: 100%;
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/footer_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding: 20px 0;
}
#footer .itemimg {
text-align: center;
max-width: 529px;
margin-left: auto;
margin-right: auto;
width: 60%;
}
@media screen and (max-width: 788px) {
#footer {
padding: 20px 0 22px;
margin:0px auto 0px;
font-size: 14px;
line-height: 100%;
}
#footer .footerInner{
padding: 0px;
width:96%;
}
#footer .itemimg {
margin-top: 0px;
}
}
#footer .itemimg img {
text-align: center;
width: 100%;
line-height: 0px;
}
.pagetop2 {
position: fixed;
bottom: 24px;
right: 24px;
margin: 0 auto;
z-index: 200;
}
.copyright {
font-size: 14px;
text-align: center;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
@media(min-width:700px){
.footer_fixed{
display: none;
}
}   .styled {
margin-bottom: 50px;
text-align: left;
min-height: 300px;
}
.section {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 100px;
position: relative;
} .pagetitle{
font-size: 3em;
color: #000000; font-weight: bold;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 90px!important;
}
.pagetitle02{
font-size: 3em;
color: #000000;
font-weight: bold;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 0px!important;
padding-top: 80px;
}
@media screen and (max-width: 767px) {
.pagetitle, .pagetitle02 {
font-size: 1.8em;
margin-bottom: 20px;
}
}
.pagetitle03{
position: relative;
padding-top: 50px!important;
padding-right: 2rem;
padding-left: 2rem;
padding-bottom: 1rem;
border-bottom: 6px solid #C6EDFF;
font-size: 2em;
color: #0A96D7;
text-align: left;
margin-top: 50px!important;
}
.pagetitle03:before {
position: absolute;
bottom: -6px;
left: 0;
width: 20%;
height: 6px;
content: '';
background-color: #0A96D7;
}
.singular .entry-header {
border-bottom: 0px double #EB6E8F!important;
}
#kyuyoji01 .entry-header {
display: none!important;
}
#kyuyoji01 h2 {
display: none!important;
}
#kyuyoji02 h2 {
position: relative;
color: #158b2b;
font-size: 2.3em;
padding: 10px 0;
text-align: center;
margin-right: 0;
margin-left: 0;
margin-bottom: 1.5em;
}
#kyuyoji02 h2:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 90px;
border-radius: 50%;
border: 5px solid #a6ddb0;
border-left-color: transparent;
border-right-color: transparent;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
h3{
position: relative;
padding-top: 1rem;
padding-right: 2rem;
padding-left: 1rem;
padding-bottom: 1rem;
border-bottom: 6px solid #D0ABE8;
font-size: 1.5em;
color: #000000;
margin-bottom: 30px;
}
h3:before {
position: absolute;
bottom: -6px;
left: 0;
width: 20%;
height: 6px;
content: '';
background-color: #69308F;
}
.title-kin{
padding-top: 1em;
padding-right: 0;
padding-left: 1rem;
padding-bottom: 0.5em; font-size: 1.4em;
background-color: #ae9b56;
margin-bottom: 30px;
}
.title-murasaki {
position: relative;
background: #a982ae;
color: #fff;
font-size: 25px;
line-height: 25px;
font-weight: bold;
padding: 35px 16px 20px;
}
.title-murasaki:after {
display: block;
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
height: 5px;
background: #ae9b56;
content: "";
}
.yellow_maru{
text-align: center;
margin-bottom: 60px;
}
.yellow_maru span{
padding: 30px 50px 15px;
background-color: #d3ca66;
border-radius: 50px;
font-size: 2rem;
}
h4 {
padding-top: 0.5em;
padding-right: 0;
padding-left: 1rem;
padding-bottom: 0.5em; font-size: 1.4em;
background-color: #ae9b56;
margin-bottom: 30px;
}
h5 {
color: #000; font-size: 16px; display: block;
position: relative;
padding: 6px 30px; }
h5:before {
font-family: FontAwesome;
font-weight: 900; font-size: 15px; color: #69308F; left: 15px;
top: 7px;
content:"\f0da";
position: absolute;
}
h6 {
font-weight: bold;
padding-top: 20px;
color: #69308F;
border-bottom: 1px solid #a982ae;
margin-bottom: 30px;
padding-bottom: 10px;
font-size: 1.1em;
padding-left: 0px;
} .title-subtit {
background: #e9eff1; border-left: 4px double #69308F; display:block;
font-size: 18px; padding: 0.7rem; } .title-subtit2 {
color: #6f4e4e; font-size: 22px; display: block;
position: relative;
padding: 10px 35px; }
.title-subtit2:before {
font-family: FontAwesome;
font-weight: 900; font-size: 22px; color: #69308F; left: 0;
top: 7px;
content:"\f138";
position: absolute;
}
} .styled p {
padding-top: 0px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
line-height: 170%;
} .styled ul {
margin-top: 15px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 15px;
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
}
.styled li ul {
margin-top: 0px;
margin-right: 0px;
margin-left: 50px;
margin-bottom: 15px;
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
font-size: 14px;
}
.styled ul li {
list-style: disc;
margin-top: 0.4em;
margin-bottom: 0.4em;
} .styled ol {
margin: 15px 0px 15px 25px;
padding: 0px 20px;
}
.styled ol ol {
margin: 0px 0px 0px 25px;
padding: 0px;
}
.styled ol li {
list-style: decimal;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.styled table p {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
} .table02 {
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 50px;
border: 1px solid #CCCCCC!important;
}
.table02 th, .table02 td {
padding: 8px 10px;
vertical-align: top;
border: 1px solid #CCCCCC!important;
background-color: #FFFFFF;
}
.table02 th {
background: #EEE;
border-right: 1px solid #CCCCCC!important;
white-space: nowrap;	 
}
.table02 td {
text-align: left;
}
.table02 td.pt01 {
text-align: center;
background-color: #DAECF9;
} .styled .table03 {
margin-top: 10px;
margin-left: 0px;
margin-bottom: 10px;
border: 1px solid #CCCCCC;
}
.styled .table03 th, .styled .table03 td {
padding: 8px 10px;
vertical-align: top;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
.styled .table03 th {
font-weight: bold;
background: #EEE;
border-right: 1px solid #CCCCCC;
} .styled table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0; }
.styled .table {
margin-top: 10px;
margin-bottom: 60px;
border-top: 1px solid #CCCCCC;
}
.styled .table th, .styled .table td {
padding: 8px 10px;
vertical-align: top;
border-bottom: 1px solid #CCCCCC;
}
.styled .table th {
font-weight: bold;
background: #EEE;
}
.styled .table thead th {
vertical-align: bottom;
}
.styled .table caption + thead tr:first-child th, .styled .table caption + thead tr:first-child td, .styled .table colgroup + thead tr:first-child th, .styled .table colgroup + thead tr:first-child td, .styled .table thead:first-child tr:first-child th, .styled .table thead:first-child tr:first-child td {
border-top: 0;
}
.styled .table tbody + tbody {
border-top: 2px solid #dddddd;
}
.styled .table-condensed th, .styled .table-condensed td {
padding: 4px 5px;
}
.styled .table-bordered {
border-collapse: separate;
*border-collapse: collapse;
border-left: 0 solid #CCCCCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
.styled .table-bordered th, .styled .table-bordered td {
border-left: 1px solid #CCCCCC;
}
.styled .table-bordered caption + thead tr:first-child th, .styled .table-bordered caption + tbody tr:first-child th, .styled .table-bordered caption + tbody tr:first-child td, .styled .table-bordered colgroup + thead tr:first-child th, .styled .table-bordered colgroup + tbody tr:first-child th, .styled .table-bordered colgroup + tbody tr:first-child td, .styled .table-bordered thead:first-child tr:first-child th, .styled .table-bordered tbody:first-child tr:first-child th, .styled .table-bordered tbody:first-child tr:first-child td {
border-top: 0;
}
.styled .table-bordered thead:first-child tr:first-child th:first-child, .styled .table-bordered tbody:first-child tr:first-child td:first-child {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.styled .table-bordered thead:first-child tr:first-child th:last-child, .styled .table-bordered tbody:first-child tr:first-child td:last-child {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.styled .table-bordered thead:last-child tr:last-child th:first-child, .styled .table-bordered tbody:last-child tr:last-child td:first-child, .styled .table-bordered tfoot:last-child tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
.styled .table-bordered thead:last-child tr:last-child th:last-child, .styled .table-bordered tbody:last-child tr:last-child td:last-child, .styled .table-bordered tfoot:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
.styled .table-bordered caption + thead tr:first-child th:first-child, .styled .table-bordered caption + tbody tr:first-child td:first-child, .styled .table-bordered colgroup + thead tr:first-child th:first-child, .styled .table-bordered colgroup + tbody tr:first-child td:first-child {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.styled .table-bordered caption + thead tr:first-child th:last-child, .styled .table-bordered caption + tbody tr:first-child td:last-child, .styled .table-bordered colgroup + thead tr:first-child th:last-child, .styled .table-bordered colgroup + tbody tr:first-child td:last-child {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.styled .table-striped tbody tr:nth-child(odd) td, .styled .table-striped tbody tr:nth-child(odd) th {
background-color: #f9f9f9;
}
.styled .table-hover tbody tr:hover td, .styled .table-hover tbody tr:hover th {
background-color: #f5f5f5;
}
.styled form input.inputtext, .styled form textarea.inputtext {
margin: 1px;
padding: 3px;
border: 1px solid #BBB;
}
.styled #facebook {
background-color: #F0F0F0;
padding: 10px;
}
.styled .fb-page.fb_iframe_widget {
text-align: center;
display: block;
}  hr{
height: 8px;
background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%), repeating-linear-gradient(135deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
background-size: 8px 8px;
border-bottom:none;
margin: 65px auto !important;
} .swiper-container-pickup {
width: 100%;
height: auto;
}   .swiper-pagination {
display: block;
}
.swiper-pagination {
z-index: 998!important;
} .swiper-button-next, .swiper-button-prev {
display: none!important;
}  .swiper {
width: 100%;
}
.swiper-slide img {
height: auto;
width: 100%;
}
.swiper-container-4 {
width: 100%;
height: 100%;
position:relative;
}
.thumb-list {
padding: 30px 30px 0px;
margin-top:-27px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
z-index: 100;
background: #FAF2FF;
background: -moz-linear-gradient( #070A09 0%, #69308F 25%, #FAF2FF 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#070A09), color-stop(25%, #69308F), to(#FAF2FF));
background: -webkit-linear-gradient( #070A09 0%, #69308F 25%, #FAF2FF 100%);
background: -o-linear-gradient( #070A09 0%, #69308F 25%, #FAF2FF 100%);
background: linear-gradient( #070A09 0%, #69308F 25%, #FAF2FF 100%);
}
.thumb-item {
list-style: none;
margin-bottom: 15px;
position: relative;
box-sizing: border-box !important;
padding: 5px;
}
.thumb-item a img{
border: 1px solid rgba(250, 242, 255, 0.6);
}
.thumb-link {
display: block;
width: 100%;
height: 100%;
}
@media screen and (min-width: 2021px) {
.thumb-item {
width: 14%;
margin-bottom: 10px;
width: calc(100% / 7);
}
}
@media (max-width: 2020px) and (min-width: 768px) {
.thumb-item {
width: calc(100% / 7);
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.thumb-list {
padding: 10px;
}
.thumb-item {
width: calc(100% / 3);
margin-bottom: 13px;
}
} #mainimg {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: 0px;
margin-bottom: 0px;
}
.swiper-wrap {
max-width: 100vw;
position: relative;
overflow: hidden; }
@keyframes zoom-in {
0% {
transform: scale(1.0);
}
100% {
transform: scale(1.1);
}
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
animation: zoom-in 10s linear 0s 1 normal both;  
}
.slide-text{
position: absolute;
bottom: 2%;
left: 0px;
right: 0px;
}
.slide-img img{
object-fit: cover; width: 100%;
}
.slide-text .txt01{
background-color: hsla(0,0%,100%,0.80);
display: inline-block;
font-size: 3vw;
font-weight: bold;
color: #69308f;
margin-bottom: 20px;
border-radius: 68px;
padding:3vw 3vw 1.5vw;
}
.slide-text img{
width: 80%;
max-width: 1000px;
display: block;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1200px) {
.swiper-wrap { }
.slide-text{
position: absolute;
bottom: 5%;
left: 0px;
right: 0px;
}
.slide-img img{
object-fit: cover; width: 100%;
}
}
@media screen and (max-width: 800px) {
.swiper-wrap { }
.slide-text{
position: absolute;
bottom:5%;
left: 0px;
right: 0px;
}
.slide-img img{
object-fit: cover; width: 100%;
}
}
@media screen and (max-width: 400px) {
.swiper-wrap { }
.slide-text{
position: absolute;
bottom:0%;
left: 0px;
right: 0px;
}
.slide-img img{
object-fit: cover; width: 100%;
}
}
#mainimg2nd {
height: 120px;
margin-bottom: 0px;
margin-top: 0px;
background-size:cover;
}
.bg2nd01{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd01.png);
background-position: center center;
background-repeat:no-repeat;
}
.bg2nd02{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd02.png);
background-position: center center;
background-repeat:no-repeat;
}
.bg2nd03{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd03.png);
background-position: center center;
background-repeat:no-repeat;
}
.bg2nd04{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd04.png);
background-position: center center;
background-repeat:no-repeat;
}
.bg2nd05{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd05.png);
background-position: center center;
background-repeat:no-repeat;
}
.bg2nd06{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd06.png);
background-position: center center;
background-repeat:no-repeat;
}
.bg2nd07{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd07.png);
background-position: center center;
background-repeat:no-repeat;
}
.bg2nd08{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd08.png);
background-position: center center;
background-repeat:no-repeat;
}
.bg2nd09{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd09.png);
background-position: center center;
background-repeat:no-repeat;
}
.bg2nd10{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd10.png);
background-position: center center;
background-repeat:no-repeat;
}
.bg2nd11{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd11.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd12{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd12.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd13{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd13.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd14{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd14.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd15{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd15.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd16{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd16.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd17{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd17.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd18{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd18.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd19{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd19.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd20{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd20.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd21{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd21.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd22{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd22.png);
background-position: center center;
background-repeat:no-repeat;
} .bg2nd23{
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/mainimg2nd23.png);
background-position: center center;
background-repeat:no-repeat;
} .index01 { background-position: center 60px;
background-repeat: repeat;
padding: 0; } .index01__wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:40px auto 45px;
}
.index01 .title{
margin: 45px auto;
text-align: center;
font-size: 1.4em;
}
.index01 .title span{
font-size: 1.5em;
}
@media screen and (max-width: 788px) {
.index01 {
padding: 20px;
}
.index01 .title{
font-size: 1em;
}	
}
.index01 .txt01 {
width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
max-width: 42em;
}
.index01 li {
color: #000000;
text-decoration: none;
padding-top: 5px;
padding-left: 3em;
display: block;
font-weight: normal;
line-height: 150%;
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/index/ico_index01.png);
background-repeat: no-repeat;
background-position: left 12px;
font-size:1.1em;
} .ExpBox{
position:relative;
width:16%;
}
.ExpBox a{
display: block;
} .ExpBox .txtBg{
position: absolute;
content: "";
width: 100%;
height: 80px;
background-color: rgba(168, 120, 191, 1);
left: 0;
bottom: 0px;
}
.ExpBox .txt01 {
position: absolute;
margin: 0;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
line-height: 13px; text-align:center;
width:95%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
@media screen and (max-width: 788px) {
.ExpBox{
width:48%;
}
.ExpBox .txt01 {
font-size: 12px;
}
}
.index02 {
background-color:#FAF2FF;
background-color: #FAF2FF;
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/index/bg_index05.png);
background-position: center center;
background-repeat: no-repeat;
padding-top: 68px;
padding-bottom: 80px; background-size: cover;
margin-bottom: 300px;
}
@media screen and (max-width: 767px) {
.index02 {
margin-bottom: auto;
}
}
@media screen and (min-width: 1600px) {
.index01 .title{
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 1.4em;
}
.index01 .title span{
font-size: 1.5em;
}
.index02 {
background-size: cover;
}
}
.index02 .contentsInner{
max-width: 1200px; 
}
.index02 .title{
margin-bottom: 50px;
font-weight: bold;
font-size: 1.9em;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
}
.index02 .title:before {
position: absolute;
bottom: -20px;
left: calc(50% - 35px);
width: 70px;
height: 3px;
content: '';
background: #69308f;
}
.index02 .snsBox{
width: 23%;
margin-left: auto;
margin-right: auto;
text-align: center;  
font-size: 1.1em;
}
.index02 .snsBox a{
color: #000000;    
}
.index02 .snsBox img{
width: 100%;
margin-bottom: 30px;
display: block;
margin-left: auto;
margin-right: auto;
} .newrelease__wrap{
margin: 10px auto 50px;
}
.newrelease__wrap .contentsInner {
width: 100%;
max-width: 1100px;
margin: auto;
margin: 0 auto;
padding-top: 70px;
padding-bottom: 20px;
}
.newrelease__box{
text-align: center;
background-color: #fff;
padding: 50px;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px;
}
.newrelease__box .maintit{
font-size: 1.8rem;
color: #D3161A;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.12em;
margin-bottom: 10px;
}
.newrelease__box .tit{
font-size: 1.5rem;
background-color: #D3161A;
color: #fff;
font-weight: bold;
padding: 15px 0 8px;
line-height: 1.5;
letter-spacing: 0.12em;
margin-bottom: 10px;
}
.newrelease__box .subtit{
font-size: 1.2rem;
color: #D3161A;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.12em;
margin-bottom: 10px;
}
.newrelease__wrap .contentsInner .flex_box{
display: flex;
justify-content: space-around;
align-items: center;
margin: 30px auto;
}
.newrelease__wrap .contentsInner .flex_box a{
border:3px solid #eee;
width: 42%;
padding: 20px;
}
@media screen and (max-width: 767px) {
.newrelease__wrap{
margin: 10px auto 30px;
}
.newrelease__wrap .contentsInner {
width: 90%;
padding-top: 40px;
padding-bottom: 20px;
}
.newrelease__box{
padding: 20px;
font-size: 12px;
}
.newrelease__box .maintit{
font-size: 1.2rem;
}
.newrelease__box .tit{
font-size: 1rem;
padding: 15px 0 8px;
}
.newrelease__box .subtit{
font-size: 0.8rem;
}
.newrelease__wrap .contentsInner .flex_box{
margin: 10px auto;
}
.newrelease__wrap .contentsInner .flex_box a{
border:3px solid #eee;
width: 37%;
padding: 13px;
}
} .btncm,
a.btncm,
button.btncm {
font-weight: 700;
display: inline-block;
padding: 1rem 0rem;
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;
border-radius: 100px;
width: 800px;
}
@media screen and (max-width: 767px) {
.btncm,
a.btncm,
button.btncm {
padding: 1rem 0rem 0.5rem;
font-size: 90%;
width: 100%;
}
}
.btn-wrapcm {
margin: 30px 0;
position: relative;
text-align: center;
}
.btn-wrapcm i{
position: absolute;
right: 10px;
top:50%;
transform: translateY(-50%) ;
}
a.btn-c1 {
position: relative;
color: #fff;
background: #76c1e0;
-webkit-box-shadow: 0 5px 0 #4db5e2;
box-shadow: 0 5px 0 #4db5e2;
}
a.btn-c2 {
position: relative;
color: #fff;
background: #4db5e2;
-webkit-box-shadow: 0 5px 0 #3aa2d9;
box-shadow: 0 5px 0 #3aa2d9;
}
a.btn-c3 {
position: relative;
color: #fff;
background: #3aa2d9;
-webkit-box-shadow: 0 5px 0 #2d8abb;
box-shadow: 0 5px 0 #2d8abb;
}
a.btn-c4 {
position: relative;
color: #fff;
background: #2d8abb;
-webkit-box-shadow: 0 5px 0 #1d6c9a;
box-shadow: 0 5px 0 #1d6c9a;
}
a.btn-c5 {
position: relative;
color: #fff;
background: #eb6b8a;
-webkit-box-shadow: 0 5px 0 #a9253b;
box-shadow: 0 5px 0 #a9253b;
}
a.cmbtn span.co1 {
font-size: 90%;
position: absolute;
top: -10px;
left: calc(50% - 150px);
display: block;
width: 300px;
padding: 0.6rem 0 0.2rem;
color: #1d6c9a;
border: 2px solid #1d6c9a;
border-radius: 50px;
background: #fff;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.otherbtn span.co2 {
font-size: 90%;
position: absolute;
top: -10px;
left: calc(50% - 150px);
display: block;
width: 300px;
padding: 0.6rem 0 0.2rem;
color: #e3425d;
border: 2px solid #e3425d;
border-radius: 50px;
background: #fff;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.cmbtn:hover {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
color: #fff;
background: #1d6c9a;
-webkit-box-shadow: 0 2px 0 #0e4e6b;
box-shadow: 0 2px 0 #0e4e6b;
}
a.otherbtn:hover {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
color: #fff;
background: #e3425d;
-webkit-box-shadow: 0 2px 0 #8f1b31;
box-shadow: 0 2px 0 #8f1b31;
}
a.cmbtn:hover:before {
left: 2rem;
}
a.otherbtn:hover:before {
left: 2rem;
} .onlinesanpai{
margin: 10px auto 50px;
}
.onlinesanpai .contentsInner{
width: 100%;
max-width: 1100px;
margin: auto;
margin:0 auto;
padding-top: 70px;
padding-bottom: 20px;
}
.onlinesanpai__content {
width: 100%;
max-width: 1100px;
border: 1px solid #c89f6b;
}
.onlinesanpai___tit {
padding: 8px 0;
background: #c89f6b;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.12em;
text-align: center;
padding-top: 15px;
}
.onlinesanpai___txt {
padding: 30px 20px 35px;
text-align: center;
font-size: 130%;
}
.c-btn01 {
max-width: 300px;
margin: 50px auto 0;
}
.c-btn01__link {
position: relative;
display: block;
text-decoration: none;
padding: 18px 10px 12px;
font-size: 1.2rem;
line-height: 1.5;
background: #353639;
border-radius: 50px;
color: #fff!important;
text-align: center;
letter-spacing: .1em;
}
.c-btn01__link:before {
position: absolute;
top:50%;
transform: translateY(-50%) ;
right: 4px;
width: 22px;
font-family: "Font Awesome 6 Free";
font-weight: 700;
font-size: 70%;
content:'\f054';
padding-right: 3px;
color: #fff;
display: inline-block;
}
.c-btn01__link:hover {
background: #c89f6b;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.onlinesanpai{
margin: 10px auto;
padding: 0 2%;
}
.onlinesanpai .contentsInner{
width: 100%;
max-width: 100%;
margin: auto;
margin:0 auto;
padding: 30px 0 20px;
}
.onlinesanpai__content {
width: 100%;
max-width: 100%;
border: 1px solid #c89f6b;
}
.onlinesanpai___tit {
padding: 8px 0;
font-size: 1rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.12em;
text-align: center;
padding-top: 15px;
}
.onlinesanpai___txt {
padding: 30px 20px 35px;
text-align: center;
font-size: 115%;
}
.c-btn01 {
max-width: 280px;
margin: 30px auto 0;
}
.c-btn01__link {
padding: 10px 6px;
font-size: 1rem;
}
.c-btn01__link:before {
position: absolute;
top:50%;
transform: translateY(-50%) ;
right: 15px;
width: 22px;
font-family: "Font Awesome 6 Free";
font-weight: 700;
font-size: 70%;
content:'\f054';
padding-right: 3px;
color: #fff;
display: inline-block;
}
.c-btn01__link:hover {
background: #c89f6b;
text-decoration: none;
}
}
.indexcm {
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/index/bg_index03.png);
background-position: center center;
background-repeat: no-repeat;
padding-top: 68px;
padding-bottom: 68px;
background-color: #e2b7ec;
background-size: cover;
margin-top: 55px;
}
.indexcm .contentsInner{
max-width: 950px; 
margin:0 auto;
}
.indexcm .title {
margin-bottom: 50px;
font-weight: bold;
font-size: 1.9em;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
}
.indexcm .title:before {
position: absolute;
bottom: -20px;
left: calc(50% - 35px);
width: 70px;
height: 3px;
content: '';
background: #69308f;
}
.indexcm #cmList{
margin-top:80px;
text-align:center;
}
.indexcm #cmList p{
margin-bottom:10px;
}
.indexcm #cmList span.tit {
background-color:#69308F;
color:#fff;
padding:12px 20px 5px;
border-radius: 3px;
margin: 20px 0;
font-weight:bold;
display:block;
}
.indexnews {
background-color:#FAF2FF;
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/index/bg_index04.png);
background-position: center center;
background-repeat: no-repeat;
padding-top: 68px;
padding-bottom: 68px;
background-size: cover;
}
.indexnews .contentsInner{
max-width: 950px; 
}
.indexnews .title {
margin-bottom: 50px;
font-weight: bold;
font-size: 1.9em;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
}
.indexnews .title:before {
position: absolute;
bottom: -20px;
left: calc(50% - 35px);
width: 70px;
height: 3px;
content: '';
background: #69308f;
}
#newsList {
margin-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 3% 0;
}
#newsList dl.list {
margin: 0px auto 10px;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-right: 0.8em;
padding-left: 0.8em;
padding-bottom: 5px;
border-bottom:1px solid #ddd;
line-height:33px;
}
#newsList dl.list a:hover {
opacity:0.7;
}
#newsList dl.list dt {
clear: left;
float: left;
width: 57%;
margin-top: 0;
margin-right: 0;
margin-left: 0px;
padding-left: 0px;
}
#newsList dl.list dd {
margin-left: 24em;
font-size:17px;
font-weight: bold;
}
#newsList a:link, #newsList a:visited, #newsList a:active {
color: #000000;
}
#newsList .ryukyusinpou-kafu,#newsList .ryukyusinpou-other{
font-size: 12px;
padding: 3px 10px;
color: #69308F;
border: 1px solid #69308F;
}  .info_color .kijigakujyutu {
background-color: #E34C66;
} .info_color .kijikuyou {
background-color: #089c1d;
} .info_color .kijijihou {
background-color: #2F96C8;
} .info_color .kijishoseki {
background-color: #e6b905;
} .info_color .kijishuzai {
background-color: #33c5bc;
} .info_color .kijirennsai {
background-color: #877cba;
} .info_color .kijiradio {
background-color: #04a1eb;
} .info_color .kijihouwa {
background-color: #ff8c1c;
} .info_color .kijiinfo {
background-color: #8B8B8B;
}
.info_color .kijigakujyutu,.info_color .kijikuyou,.info_color .kijijihou,.info_color .kijishoseki,.info_color .kijishuzai,.info_color .kijirennsai,.info_color .kijiradio,.info_color .kijihouwa,.info_color .kijiinfo{
color: #FFFFFF;
font-size: 0.8em;
padding-top: 0px;
padding-right: 2px;
padding-bottom: 0px;
padding-left: 2px;
margin-left: 30px;
width: 15em;
text-align: center;
display: inline-block;
line-height: 1.4em;
}  .post_color .kijigakujyutu {
background-color: #E34C66;
} .post_color .kijikuyou {
background-color: #089c1d;
} .post_color .kijijihou {
background-color: #2F96C8;
} .post_color .kijishoseki {
background-color: #e6b905;
} .post_color .kijishuzai {
background-color: #33c5bc;
} .post_color .kijirennsai {
background-color: #877cba;
} .post_color .kijiradio {
background-color: #04a1eb;
} .post_color .kijihouwa {
background-color: #ff8c1c;
} .post_color .kijiinfo {
background-color: #8B8B8B;
}
.post_color {
text-align: left;
margin-bottom: 30px;   
}
.post_color .kijigakujyutu,.post_color .kijikuyou,.post_color .kijijihou,.post_color .kijishoseki,.post_color .kijishuzai,.post_color .kijirennsai,.post_color .kijiradio,.post_color .kijihouwa,.post_color .kijiinfo{
color: #FFFFFF;
font-size: 1em;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: inline-block;
}
.post_color a{
color: #FFFFFF;
} .post_color h2 {
color: #000;
text-align: center;
display: block;
font-size: 32px;
}
@media screen and (max-width: 767px) {
.post_color h2 {
font-size: 24px;
line-height:30px;
}
} #content header.entry-header h1.entry-title{
display:none;
}
#content h1.kiji_tit{
font-size: 35px;
text-align: center;
} .post-grid .grid-items .layer-wrapper .title{
line-height:20px;
line-height: 22px;
margin: 10px 0 55px; padding: 0px;
}
.post-grid .grid-items .layer-wrapper .title:before {
content: "『";
}
.post-grid .grid-items .layer-wrapper .title:after {
content: "』";
}
.post-grid .grid-items .layer-wrapper .title a{
color:#000!important;
margin:0px;
padding:0px;	
}
.post-grid .grid-items .layer-wrapper .categories a{
background-color: #FAF2FF;
margin-right: 5px;
padding: 2px 10px;
color: #6A2F8F;
font-size:12px;
}
.element_1733275073527{
width: 90%;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.index03 {
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/index/mainimg01.jpg);
background-position: center 0px;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 100px;
background-color: #faf2ff;
margin: 225px auto 100px;
padding:330px 0 100px;
position: relative;
z-index:1;
}
.index03::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(82,41,91,0.8);
background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
background-size: 4px 4px;
background-position: 0 0, 2px 2px;
z-index:-1;
}
.index03 .contentsInner{
max-width: 950px; 
}
.index03 .title{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 3em;
line-height: 200%;
text-shadow: 0px 0px 5px rgba(255,255,255,0.8),1px 1px 5px rgba(255,255,255,0.7),1px 1px 5px rgba(255,255,255,0.7),1px 1px 5px rgba(255,255,255,0.7);
position:absolute;
top:-555px;
left:50%;
transform: translateX(-50%);
letter-spacing:1px;
}
.index03 .title rt{
font-size:0.8em;
}
.index03 .txt01 {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #ffffff;
text-decoration: none;
padding-top: 5px;
display: block;
line-height: 250%;
font-size: 1.1em;
font-weight: normal;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.index03 .title{
font-size:3.2em;
top:-530px;
}
.index03 .title rt{
font-size:0.3em;
}
.index03 .txt01 {
width: 93%;
}
}
.index03 .title{
padding-top: 54px;
margin-bottom:50px;
}
.index03 .contentsInner{
max-width: 950px; 
}
.index04 {
margin-bottom: 100px; 
}
.index04 .imgbnr01 {
width: 25%;
position: relative;
line-height: 0px;
}
.index04 .imgbnr01 .txt01 {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 0;
left: 0;
bottom: 0;
z-index: 2;
font-size: 1.5em;
font-weight:bold;
color: #FFFFFF;
line-height: 200%;
text-shadow: 0px 0px 5px #333,2px 2px 5px #333,2px 2px 5px #333,2px 2px 5px #333;
outline: 16px solid rgba(168, 120, 191, 0.8);
outline-offset: -16px;
}
.index04 .imgbnr01 .txt02 {
position: absolute;
display: flex;
align-items: flex-end;
justify-content: center;
width: 100%;
height: 100%;
margin: 0;
left: 0;
bottom: 20px;
z-index: 2;
font-size: 1.1em;
font-weight:bold;
color: #333;
line-height: 200%;
text-shadow: 0px 0px 5px #fff,2px 2px 5px #fff,2px 2px 5px #fff,2px 2px 5px #fff;
}
.index04 .imgbnr01 .fsmall {
font-size: 1.3em;
}
.index04 .imgbnr01 img{
object-fit: cover;
width: 100%;height: 500px;	
}
@media screen and (max-width: 1300px) {
.index04 .imgbnr01 img{
height: 480px;	
}
}
@media screen and (max-width: 1000px) {
.index04 .imgbnr01 img{
height: 300px;	
}
}
@media screen and (max-width: 767px) {
.index04 .imgbnr01 .txt01 {
font-size: 1em;
line-height: 200%;
text-shadow: 0px 0px 5px #333,2px 2px 5px #333,2px 2px 5px #333,2px 2px 5px #333;
outline: 10px solid rgba(168, 120, 191, 0.8);
outline-offset: -10px;
}
.index04 .imgbnr01 .txt02 {
font-size: 12px;	
}
.index04 .imgbnr01 .txt02 span{
font-size: 10px;
letter-spacing:-1px;
}
}
.index05 {
margin-bottom: 100px; 
}
.index05 .imgbnr01 {
width: 20%;
position: relative;
line-height: 0px;
}
.index05 .imgbnr01 .txt01 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 0;
left: 0;
bottom: 0;
z-index: 2;
font-size: 1.5em;
color: #000000;
line-height: 200%;
}
.index05 .imgbnr01 .txt01 span {
position: relative;  
}
.index05 .imgbnr01 .txt01 span:before {
position: absolute;
bottom: -20px;
left: calc(50% - 45px);
width: 88px;
height: 3px;
content: '';
background: #69308f;
}
.index05 .imgbnr02 {
width: 77%;
position: relative;
line-height: 0px;
border: 15px solid #9f65a3;
}
.index05 .imgbnr02 img{
object-fit: cover;
width: 100%;
height: 400px;	
}
@media screen and (max-width: 1300px) {
.index05 .imgbnr02 img{
height: 300px;	
}
}
@media screen and (max-width: 1000px) {
.index05 .imgbnr02 img{
height: 200px!important;	
}
.index05 .spl img{
object-position: center;
}
.index05 .spr img{
object-position: center;	
}	
.index05 .imgbnr01 {
width: 37%;
position: relative;
line-height: 0px;
}
.index05 .imgbnr02 {
width: 53%;
position: relative;
line-height: 0px;
}
}
.indexcount{
text-align:center;
padding:20px 0 60px;
}
.border-on {
border: 7px solid #000;
padding: 0px 0px 6px;
}
.indexcount img{
width:10%;
}
@media screen and (max-width: 767px) {
.border-on {
border: 7px solid #000;
padding: 0px;
}
.indexcount img{
width:20%;
}
} .border {
border: 1px solid #ae9b56;
margin-top: 24px;
padding: 8px 16px;
}
.pagenavi {
margin-top: 50px;
margin-bottom: 20px;
text-align: center !important;
}
.pagenavi .contentsInner {  margin-left:auto;
margin-right:auto;
width: 1100px; text-align: center !important;
}
.pagenavi li { display: inline-block}
.pagenavi li a{
margin-bottom: 10px;
text-align: left;
background-color: #ECECEC; margin-left: 0px;
margin-right: 10px;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
color: #000000;
display:block;
}
.pagenavi li a:hover{
color: #ffffff;
background-color: #69308F;
text-decoration: none!important;
}
@media screen and (max-width: 1000px) {
.pagenavi .contentsInner {
padding-left: 2%;
padding-right: 2%!important;
width: 96%;
text-align: center !important;
}
}
.img2ndright {
margin-bottom: 30px;
margin-left: 30px;
float: right;
width: 40%;
}
.img2ndright img {
width: 100%;
}
.img2ndleft {
margin-bottom: 30px;
margin-right: 30px;
float: left;
width: 40%;
}
.img2ndleft img {
width: 100%;
}
.map {
width: 50%;
margin-left: auto;
margin-right: auto;
}
.map img {
width: 100%;
margin-top: 50px;
}
.borderbox01 {
border: 1px solid #C6EDFF;
border-radius: 10px;
padding-top: 30px;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 3%;
}
.borderbox01 .wp-block-columns .wp-block-column > * {
margin-top: 5px;
margin-bottom: 5px;
}
.borderbox01 p {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
@media (min-width: 791px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
@media (max-width: 790px) {
a[href*="tel:"] {
pointer-events: auto;
cursor: pointer;
text-decoration: none;
}
}
.title-line {
border-bottom: solid #a982ae;
font-weight: bold; }
.title-bold {
font-weight: bold;
line-height: 24px;
}
.image-text {
line-height: 24px;
text-align: center;
}
.image-text:before {
content: "『";
}
.image-text:after {
content: "』";
}
.book {
border: 1px solid #ae9b56;
text-align: center;
margin: 16px auto 0;
}
.book-title {
background: #ae9b56;
font-size: 20px;
font-weight: bold;
margin-top: 0 !important;
padding-top: 16px;
margin-bottom: 16px;
}
.list-images {
margin-top: 16px;
}
.list-images div {
width: 49%;
text-align: center;
margin-top: 16px;
}
.list-images2 div {
width: 30%;
text-align: center;
margin-top: 16px;
}
.list-images img {
width: 100%;
max-width: 364px;
margin-bottom: 16px;
display: block;
}
ul.list li {
list-style: none!important;
font-family: sans-serif;
margin-bottom:10px;
letter-spacing: .15em;
line-height: 40px;
}
.table {
width: 100%;
margin: 15px auto;
}
.table th,
.table td {
border: 1px solid #ae9b56;
}
.table th {
color: #763421;
font-weight: bold;
white-space: nowrap;
text-align: center;
}
.table-base th {
background:#f7ebc4;
}
.table-gyouji td:nth-of-type(1) {
width:38%;
background: #f7ebc4;
}
.table-gyouji td:nth-of-type(2) {
width:38%;
background: #fff;
}
.pdf-list p {
border-bottom:1px dashed #ccc;
}
.illust-list * {
box-sizing: border-box;
}
.illust-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 16px;
padding: 0;
}
.illust-list div {
width: 49.5%;
margin: 0 0 1em;
list-style: none !important;
}
.illust-list div p {
text-align: center;
}
.illust-list img {
display: block;
width: 100%;
height: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 360px;
}
.marukakomi {
padding: 8px 2px;
margin-left: 10px;
border: 1px solid #333;
border-radius: 50%;
}
.marukakomiSingle {
padding: 8px 10px;
margin-left: 10px;
border: 1px solid #333;
border-radius: 50%;
} #formbtn{
display: block;
padding: 1em 0;
margin-top: 30px;
width: 50%;
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 320px;
border-radius: 30px;
font-size: 1.3em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #E5B002;
} #formbtn:hover{
background-color: #FDBD62;
color: #fff;
} .element_1587187714568{
margin:0 auto;
} .garan .garanInner{
max-width: 1050px; 
}
.garan .garanBox{
width: 20%;
text-align: center;  
font-size: 1.1em;
}
.garan .garanBox a{
color: #000000;    
}
.garan .garanBox img{
width: 100%;
margin-bottom: 30px;
max-width: 191px;
display: block;
margin-left: auto;
margin-right: auto;
}
.garan .garanBox p{
font-size:12px;
line-height:19px;
}
.garan .garanBox span:before {
content: "『";
}
.garan .garanBox span:after {
content: "』";
}
@media screen and (max-width: 767px) {
.garan .garanInner{
max-width: 100%; 
}
.garan .garanBox{
width: 24%;
text-align: center;  
font-size: 1.1em;
margin: 0 auto 0 0;
}
.garan .garanBox p{
font-size:9px;
line-height:15px;
}
} .sanpai2nd .Inner{
max-width: 1050px; 
margin: 0 auto;
}
.sanpai2nd .sanpaipicBox{
width: 32%;
text-align: center;
font-size: 1.1em;
padding: 5px;
}
.sanpai2nd .sanpaipicBox a{
color: #000000;    
}
.sanpai2nd .sanpaipicBox img{
width: 100%;
margin-bottom: 30px;
display: block;
margin-left: auto;
margin-right: auto;
}
.sanpai2nd .sanpaipicBox p{
font-size:12px;
line-height:19px;
}
.sanpai2nd .sanpaipicBox span:before {
content: "『";
}
.sanpai2nd .sanpaipicBox span:after {
content: "』";
}
@media screen and (max-width: 767px) {
.sanpai2nd .Inner{
max-width: 100%; 
}
.sanpai2nd .sanpaipicBox{
width: 31%;
text-align: center;  
font-size: 1.1em;
padding: 4px;
}
.sanpai2nd .sanpaipicBox p{
font-size:9px;
line-height:15px;
}
} .c-btn02 {
width: 370px!important;
margin: 50px auto 0;
}
.c-btn02__link {
position: relative;
display: block;
text-decoration: none;
padding: 18px 10px 12px;
font-size: 1.2rem;
line-height: 1.5;
background: #ddd;
border-radius: 50px;
color: #333!important;
text-align: center;
letter-spacing: .1em;
}
.c-btn02__link:before {
position: absolute;
top:50%;
transform: translateY(-50%) ;
right: 4px;
width: 22px;
font-family: "Font Awesome 6 Free";
font-weight: 700;
font-size: 70%;
content:'\f054';
padding-right: 3px;
color: #353639;
display: inline-block;
}
.c-btn02__link:hover {
background: #353639;
text-decoration: none;
color: #fff!important;
}
.c-btn02__link:hover::before{
color: #fff!important;
}
@media screen and (max-width: 767px) {
.c-btn02 {
margin: 30px auto 0;
}
.c-btn02__link {
padding: 10px 6px;
font-size: 1rem;
}
.c-btn02__link:before {
right: 15px;
width: 22px;
}
} .tit_par1 {
position: relative;
padding: 0.5rem 0 2rem;
margin-bottom: 3rem;
font-weight: bold;
font-size: 26px;
background-image: linear-gradient(135deg, #69308F 10%, #D0ABE8 100%);
background-repeat: no-repeat;
background-size: 4rem 0.4rem;
background-position: bottom;
text-align: center;
}
.tit_par2{
color: #69308F;
font-size: 25px;
line-height: 25px;
font-weight: bold;
border: 6px solid #a982ae;
padding: 10px;
text-align: center;
}
.tit_par3{
padding: 0.5em 0.5em 0.5em 1.5em; line-height: 1.4; color: #69308F; border-top: dotted 1px #a982ae;
border-bottom: dotted 1px #a982ae;
background: #FAF2FF;
text-align: center;
font-weight: bold;
font-size: 20px;
}
.tit_par3 span{
position: relative; }   .pdfemb-viewer .pdfemb-pagescontainer {
background-color: #fff!important;
}   @media screen and (min-width: 789px) { .br-pc {
display: none;
}
}
@media screen and (max-width: 1020px) { .pcnone {
display: block;
}
.tbnone {
display: none;
}
.spnone {
display: none;
}
.br-sp {
display: none;
}
#header {
width: 100%;
}
.headerInner {
width: 98%;
height: 180px;
margin-bottom: 0px;
}
.headerlogo {
position: absolute;
left: 0px;
top: 20px;
width: 60%;
right: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.headerlogo img {
width: 100%;
}
.h-nav {
display: none;   
}
.navimenu {
width: 18.0%;
text-align: center;
display: table;
}
.sitemapArea{
display: none;   
}
.copyright {
padding-bottom: 10px;
padding-top: 10px;
font-size: 10px;
margin-bottom: 0px;
text-align: center;
}
.contentsInner {
width: 96%;
padding: 0 2%;
position: relative;
}
.index01 {
}
.index01 .title img{
width: 30%;
max-width: 166px;
}	
.index02 .title span{
display: block;
}
.index02 .snsBox{
width: 45%;
margin-bottom: 20px;
}
.index02 .snsBox img{
width: 100%;
margin-bottom: 10px;
}
#newsList {
padding: 2%;
}
#newsList dl.list dt {
clear: left;
float: left;
width: 100%;
margin-top: 0;
margin-right: 0;
margin-left: 0px;
padding-left: 0px;
}
#newsList dl.list dd {
margin-left: 0em;
}
h2 {
padding: 0.5em; font-size: 20px;
margin-top: 40px;
text-align: center;
}
.map {
width: 80%;
}
}
@media screen and (max-width: 788px) { .br-sp {
display: none;
} .pagetop2 {
bottom: 10px;
right: 10px;
margin: 0 auto;
}
.pagetop2 img{
width: 25px;
} .spon {
display: block;
}
#bx-pagerSP {
display: block;
}
} @media screen and (max-width: 788px) { * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body {
min-width: 100%;
margin: 0px;
font-size: 14px;
padding-bottom: 50px;
}
html, body {
width: 100%;
}
textarea {
width: 100%
}
input.check01 {
width: auto
}
.styled p {
padding-right: 5px;
padding-left: 5px;
}
.br-sp {
display: none;
} #gnaviInner, #headerInner, #footerInner, .styled, #main, #contentsInner {
width: 100% !important;
}
img {
max-width: 100%;
height: auto;
}
.spnone {
display: none;
} .headerInner {height:205px;}
.headerlogo {
top: 10px;
}
.headerlogo img {
width: 60%;
}
#g-nav .menuBox {
display: block; }
.pcnavi {
display: none;
}  .companyArea .telcontact {
display: none;
}
.copyright {
padding-bottom: 10px;
padding-top: 10px;
margin-top:0px;
font-size: 10px;
margin-bottom: 0px;
text-align: center;
} .footer_fixed{
position:fixed;
display:flex;
width:100%;
bottom:0;
left:0;
z-index:999;
}
.footer_fixed a{
color: #fff;
text-decoration: none;
}
.footer_tel{
width:50%;
background:#008000;
text-align:center;
padding:10px 0;
}
.footer_contact{
width:50%;
background:#ffa500;
text-align:center;
padding:10px 0;
} #contents {
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
position: relative;
background-image: none;
}
#mainimg {} .indexcount img{width: auto !important;} #mainimg2nd {
height: 65px;
margin-bottom: 0px;
margin-top: 0px;
background-size: cover;
}
.pagePhoto2nd {
height: 200px;
}
.bread {
margin-bottom: 10px;
margin-top: 0px;
}
.img2ndright {
margin-bottom: 30px;
margin-left: 0px;
float: none;
width: 100%;
}
h2 {
padding: 0.5em; font-size: 20px;
margin-top: 20px;
text-align: center;
}
h3 {
font-size: 18px;
}
h3 {
margin-bottom: 20px;
margin-top: 20px;
}
.title-kin{
padding: 10px 12px 3px;
font-size: 14px;
margin-bottom: 20px;
line-height:28px!important;
}
.title-murasaki {
font-size: 18px;
line-height: 20px!important;
font-weight: bold;
padding: 20px 16px 15px;
}
.title-murasaki:after {
bottom: 5px;
height: 3px;
}
.yellow_maru{
text-align: center;
}
.yellow_maru span{
padding: 15px 15px 10px;
background-color: #d3ca66;
border-radius: 50px;
font-size: 0.8rem;
}
h4 {
padding-top: 0.5em;
padding-right: 0;
padding-left: 1rem;
padding-bottom: 0.5em; font-size: 18px;
background-color: #ae9b56;
margin-bottom: 30px;
}
h5 { }
h6 {
font-weight: bold;
padding-top: 20px;
border-bottom: 1px solid #AFAFAF;
margin-bottom: 30px;
padding-bottom: 10px;
font-size: 16px;
}
.styled {
font-size: 14px;
padding-right: 2%;
padding-left: 2%;
padding-top: 0px;
}
.section {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
position: relative;
}
.section02 {
margin-top: 30px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
position: relative;
}
.table02 {
margin: 0px;
width: 100%;
}
.table02 th, .table02 td {
display: block;
border-top: none;
}
.illust-list div {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.list-images2 div {
width: 48%;
text-align: center;
margin-top: 16px;
}
}
@media screen and (max-width: 520px) {
.headerlogo {
width: auto;
}
.headerInner {
height:155px;
}	
.headerlogo img {
width: 90%;
}
.index01 {
background-position: center 100px;
}
.headerInner {
background-image: url(//www.kyuyoji.com/wp/wp-content/themes/kyuyoji/img/common/header_spbg.png);
}
}
@media screen and (max-width: 375px) {
.headerInner {
height:125px;
}
#footer {
padding: 15px 0 14px;
line-height:100%;
}
}@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 30px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #fff!important;
opacity: 0.2;
}
@media screen and (max-width: 789px) {
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 23px;
left: 0;
width: 100%;
}
.swiper-pagination-bullet {
width: 4px!important;
height: 4px!important;
}
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}