/*
Theme Name: QunRiniU
Author: 2G
Description: WP
Version: 1.0
*/

@charset "utf-8";

:root {
  --color-black:#000;
  --font-en: "Passion One", sans-serif;
}


body {
	line-height:2.8rem;
	color:#2a2a2a;
	-webkit-print-color-adjust: exact;
  font-family: "Zen Maru Gothic", serif;
  font-weight:500;
  /* overflow: hidden;
  height: 100vh; */
}

img {
	vertical-align:bottom;
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}

::selection {
  background:var(--color-black);
	color:#fff;
}


::-moz-selection {
  background:var(--color-black);
	color:#fff;
}

/*アクセス時のモーダルウィンドウ表示*/
.modal_title {
  margin: 0;
  padding: 1em 0;
  font-weight: bold;
}

.movie-content-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie-content-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mfp-content {
  max-width: 800px;
  padding-top: 44px;
}

.mfp-fade01.mfp-bg {
  opacity: 0;
  transition: all 0.2s ease-out;
}
.mfp-fade01.mfp-bg.mfp-ready {
  opacity: 0.7;
}
.mfp-fade01.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade01.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.2s ease-out;
}
.mfp-fade01.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade01.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}






.scroller {
  width:110px;
  height:110px;
  background:#fff;
  border-radius:100%;
  z-index:3;
  position:absolute;
  bottom:15px;
  left:15px;
}

.scroller .inner-sc {
  width:80%;
  height:80%;
  margin-top:10%;
  margin-left:10%;
  border-radius:50%;
}

.scroller .inner-sc img.scroller-txt {
  animation:scrollcircle 10s infinite linear;
}

@keyframes scrollcircle {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

.scrolldown4{
  position:absolute;
  right:50%;
  background:#f00;
  height:35px;
  animation: arrowmove 2s ease-in-out infinite;
}

@keyframes arrowmove{
      0%{top:32%;}
      50%{top:38%;}
     100%{top:32%;}
 }

.scrolldown4:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -5px;
    width: 1px;
    height: 15px;
    background: #000;
    transform: skewX(-31deg);
}

.scrolldown4:after{
  content:"";
  position: absolute;
  bottom:0;
  right:0;
  width:1px;
  height: 35px;
  background:#000;
}

#bg_obj_fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    z-index: -1;
}


#bg_obj1, #bg_obj2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: repeat;
    background-size: cover;
    z-index: -1;
}

#bg_obj1 {
    background-image: url(/wp-content/themes/qunriniu/imgs/bg_obj01.png);
}

#bg_obj2 {
    background-image: url(/wp-content/themes/qunriniu/imgs/bg_obj02.png);
}
/*
html:before,
html:after,
body:before,
body:after {
  content: "";
  background: #e51373;
  position: fixed;
  display: block;
  z-index: 1;
}

html:before {
  height: 10px;
  width: 100vw;
  left: 0;
  top: 0;
  z-index: 999;
}


html:after {
  width: 10px;
  height: 100vh;
  right: 0;
  top: 0;
  z-index: 999;
}


body:before {
  height: 10px;
  width: 100vw;
  bottom: 0;
  left: 0;
  z-index: 999;
}


body:after {
  width: 10px;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;

}
*/

/*
リンク色と下線の設定 --------------------------------------------*/

a {

	}

a:link {	
  color:var(--color-black);
	text-decoration:underline;
	}

a:visited {
  color:var(--color-black);
	text-decoration:underline;
	}

a:hover {
  color:var(--color-black);
	text-decoration:none;
	}

a:active {
  color:var(--color-black);
	text-decoration:underline;
}

#wrapper  {
  width: 100%;
}

h1 {
  width: 260px;
  position:fixed;
  top:10px;
  left:10px;
  z-index:5;
  transition: all 0.4s ease;
  /* mix-blend-mode: difference; */
}

h1.small-logo {
  width: 200px !important;
}

#key-img-pc {
  width: 100%;
  height: 100vh;
  position: relative;
  /* background: url(imgs/bg-key-pc.jpg) 0 bottom repeat-x; */
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*
#key-img-pc:after {
  display:block;
  width:100%;
  height:100vh;
  content:'';
  background: url(imgs/bg-key-pc.jpg) no-repeat 0 0 / cover;
  position:fixed;
  z-index:-1;
  top:0;
}
*/

#key-img-pc .img-key-nakajyou-pc {
  width:270px;
  height: auto;
  position: absolute;
  bottom:4%;
  left:20%;
}

#key-img-pc .img-key-inoue-pc {
  width:245px;
  height: auto;
  position: absolute;
  bottom:4%;
  left:41%;
}

#key-img-pc .img-key-aoi-pc {
  width:230px;
  height: auto;
  position: absolute;
  bottom:4%;
  right:23%;
}

#key-img-pc img.mvimg {
max-height: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

/*
#key-img-pc .img-key-sakuraba-pc {
  width:230px;
  height: auto;
  position: absolute;
  bottom:4%;
  left:43%;
  z-index: 2;
}
*/
/*
#key-img-pc .img-key-seidou-pc {
  width:192px;
  height: auto;
  position: absolute;
  bottom:4%;
  right:22%;
}
*/


/* 大きいモニター用表示位置 */
@media screen and (min-width:1400px) {
#key-img-pc .img-key-nakajyou-pc {
  bottom:12%;
}

#key-img-pc .img-key-aoi-pc {
  bottom:12%;
}

#key-img-pc .img-key-sakuraba-pc {
  bottom:12%;
}

#key-img-pc .img-key-seidou-pc {
  bottom:12%;
}

#key-img-pc .img-key-inoue-pc {
  bottom:12%;
}
}

#key-img-ts {
  display: none;
}




#menu-box {
  width: 800px;
  background:var(--color-black);
  position: fixed;
  top:0;
  right: 0;
  display: flex;
  z-index: 999;
  padding:12px 0;
  border-radius:0px 0px 0px 20px;
  -webkit-border-radius:0px 0px 0px 20px;
  -moz-border-radius:0px 0px 20px 0px;

}

#menu-box ul.txt-menu {
  width: 82%;
  display: flex;
  justify-content: space-between;
  padding:0 24px;
}

#menu-box ul.txt-menu li {

}

#menu-box ul.txt-menu li a {
  font-size:1.8rem;
  color: #fff;
  text-decoration: none;
  font-family:var(--font-en);
  letter-spacing: 0.5px;
  background-image: linear-gradient(90deg, #fff, #fff);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: background-size 0.6s;
}

#menu-box ul.txt-menu li a:hover {
  background-size: 100% 1px;
}

#menu-box ul.icon-menu {
  width: 28%;
  display: flex;
  justify-content:space-around;
  padding-right:10px;
}

#menu-box ul.icon-menu li img {
  width: 28px;
  height: auto;
  transition:.6s;
  opacity:1;
}

#menu-box ul.icon-menu li:hover img {
transform: rotateZ( 360deg ) ;
  opacity:0.5;
}






#member-box {
    /*background-image: url(imgs/bg_member.svg), url(imgs/bg_02.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center top, center top;
    background-color:#FFED61;
    background-size: 95% auto, auto 1.214286em;*/

    min-height: 100vh;
}

#member-box .inner {
    max-width: 1000px;
    padding:150px 0;
    margin:auto;
}

h2 {
  text-align: center;
  margin-bottom: 40px;
  font-family: var(--font-en);
  font-size:6rem;
  margin-bottom:70px;
}

h2 img {
  width: 286px;
  height: auto;
}

#member-box .inner .lead-txt {
  text-align: center;
  /*font-size:1.7rem;
  line-height:3.4rem;
  */
  letter-spacing: 1px;
  margin-bottom: 50px;
}

#member-box .inner ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#member-box .inner ul li {
  /* width: 210px; */
  width:22%;
  text-align: center;
  margin-bottom: 80px;
}

/*
#member-box .inner ul li:nth-child(even) {
  transform:translateY(30px);
}
*/

#member-box .inner ul li h3 {
  font-size:2rem;
  letter-spacing:2px;
  padding:20px 0 5px;
}

#member-box .inner ul li p {
  font-size:1.3rem;
  line-height:2.2rem;
  margin-bottom: 13px;
}

#member-box .inner ul li img.tw {
  width: 30px;
  height: auto;
  border-radius:6px;
}

.border-pink01 {
  border:5px solid #ff93f9;
}

.border-purple {
  border:5px solid #d481f6;
}

.border-wh {
  border:5px solid #efefef;
}

.border-blue {
  border:5px solid #78abf8;
}

.border-red {
  border:5px solid #fd6b6f;
}

.border-yellow {
  border:5px solid #fdfb6b;
}

.border-orange {
  border:5px solid #fdba6b;
}



#info-box {
    /*background-image: url(imgs/bg_member.svg), url(imgs/bg_03.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center top, center top;
    background-color:#fff;
    background-size: 95% auto, auto 1.214286em;*/
    /* background: #eee; */
    background-color: rgba(220,220,220,0.5);
    min-height: 100vh;

}

#info-box .inner {
    width: 1200px;
    padding:150px 0;
    margin:auto;
}

#info-box .inner ul.news__list {
  display: flex;
  justify-content: space-between;
}

#info-box .inner ul.news__list li {

  /**/
}

#info-box .inner ul.news__list li.twi {
  width:48%;
  height: 600px;
  overflow-y: scroll;
}

#info-box .inner ul.news__list li.blog {
  width:48%;
  padding:32px;
  border:5px solid #eee;
  background:#fff;
  border-radius:24px;
  line-height:1.7;
}

#info-box .inner ul.news__list li dl dt {
  font-size:1.3rem;
}

#info-box .inner ul.news__list li dl {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom:1px dotted #ccc;
}

#info-box .inner ul.news__list li dl dd {
  margin-bottom: 25px !important;
}

#info-box .inner ul.news__list li:last-child dl dd {
  margin-bottom: 0;
}


.calendar-box {
  margin-top:100px;
}

#contact-box {
    /* background-image: url(imgs/bg_member.svg), url(imgs/bg_02.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center top, center top;
    background-color:#FFED61;
    background-size: 95% auto, auto 1.214286em; */
    /* background:#555; */
    min-height: 100vh;
    /* margin-top: 50px; */
    /* background-color: rgba(0,0,0,0.5); */
}

#contact-box .inner {
    width: 1200px;
    padding:150px 0;
    margin:auto;
}

p.lead-contact {
  text-align:center;
  margin-bottom:40px;
}

/*
#contact-box h2 {
  color: #fff;
}
*/

.required {
    font-size: 1.1rem;
    color: #aaa !important;
}

input[type="submit"] {
  -webkit-appearance: none;
}

input[type=radio] {
  display:inline-block;
}

.wpcf7-list-item {
  width:auto !important;
  padding-bottom:10px !important;
}

.wpcf7-list-item { display: block; float: left; width: 80%; }
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  font-size:1.6rem;
  padding: 13px 5px;
  width: 100%;
 background:#eee;
 border:1px solid #fff;
}

input[type="text"].nenrei-txt {
  width: 45%;
  margin-right:0;
}


input[type="submit"].wpcf7-confirm,
input[type="submit"].wpcf7-submit,
.wpcf7-back { 
  /* background:#4CB114; */
  background:#000;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size:1.6rem;
  margin: 30px auto 0;
  padding: 20px 0;
  text-align: center;
  width: 80%;
}

select {
  padding:5px 3px 3px;
  border-radius: 0px;
  /*
  -webkit-appearance: none;
  appearance: none;
  */
}




.table-white {
  width:88%;
  margin:auto;
  background: #fff;
  padding:80px;
  border-radius:20px;
  border:1px solid #ccc;
  box-shadow: 6px 6px 0px -1px #cccccc;
}


table.base-01 {
  width:100%;
  font-size:1.5rem;
  line-height: 24px;
  margin:auto;

  overflow:hidden;
}

table.base-01 th {
  width: 22%;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  padding:20px 0;
  text-align: center;
  vertical-align:middle;
  display: table-cell;
}

table.base-01 td {
  width: 78%;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  padding:20px 20px 15px 20px;
  display: table-cell;
  text-align: left;
  margin-bottom: 0;
}

.copy {
  font-size:1.1rem;
  padding:10px 10px 10px 20px;
  /* color:#fff; */
  text-align: center;
}


/*
PC メンバー個別ページ --------------------------------------------*/
#member-box-lower {
    /* background-image: url(imgs/bg_member.svg);
    background-repeat: no-repeat, repeat-x;
    background-position: center top, center top;
    background-color:#FFED61;
    background-size: 95% auto, auto 1.214286em; */
    /* background:#fff; */
    min-height: 100vh;
}

#member-box-lower .inner {
    width: 1200px;
    padding:150px 0 60px;
    margin:auto;
}

#member-box-lower .inner .member-sigle {
  width: 1000px;
  display: flex;
  justify-content: space-between;
  align-items:center;
  flex-wrap: wrap;
  margin:auto;
}

#member-box-lower .inner .member-sigle .photo-box {
  width: 35%;
}

#member-box-lower .inner .member-sigle .txt-box {
  width: 60%;
}

#member-box-lower .inner .member-sigle .txt-box h3 {
  font-size:2.5rem;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

#member-box-lower .inner .member-sigle .txt-box .sns-icon {
  margin:15px 0 25px;
}

#member-box-lower .inner .member-sigle .txt-box .sns-icon img {
  width: 30px;
  height: auto;
  border-radius:6px;
}

.midashi-pink {
  display: inline-block;
  font-size:1.3rem;
  padding:0px 15px;
  color: #fff;
  /* background:#e51373; */
  background:#000;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
  border-radius:5px;
  margin-bottom: 10px;
}

.btn,
a.btn,
button.btn {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 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;
  overflow:hidden;
  color: #fff;
  border-radius: 100vh;
  margin-top:20px;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1.5rem;
  font-size:2rem;
  color:var(--color-black);
}

.btn-wh {
  background:#fff;
  border:1px solid #000;
  -webkit-box-shadow: 0 4px 0 #000;
  box-shadow: 0 4px 0 #000;
  color: #000 !important;
}

.btn-wh:hover {
  -webkit-box-shadow: 0 0 0 #000;
  box-shadow: 0 0 0 #000;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

.member-btn a.btn {
  width: 100%;
  padding: 0.7rem 0;
  font-size:1.3rem;
}





/*
PC youtube ************/
#youtube-box {
    background-color: rgba(220,220,220,0.5);
}

#youtube-box .inner {
    max-width: 1200px;
    padding:150px 0;
    margin:auto;
}

#youtube-box .inner .youtube {
  width: 70%;
  aspect-ratio: 16 / 9;
  margin:0 auto;
  position:relative;
}

#youtube-box .inner .youtube iframe {
  width: 100%;
  height: 100%;
  position:relative;
  border-radius:10px;
}

#youtube-box .inner .youtube:after {
  content:'';
  width: 104%;
  height: 105%;
  background: linear-gradient(60deg, #fa8d22, #f3f3f3, #60f02d, #ffe506, #22baec, #e23382);
  background-size: 1000% 1000%;
  -webkit-animation: osusumegrade 15s ease infinite;
  -moz-animation: osusumegrade 15s ease infinite;
  animation: osusumegrade 15s ease infinite;
  top:-3%;
  left:-2%;
  position:absolute;
  display:block;
  z-index:-1;
  border-radius:10px;
}

@-webkit-keyframes osusumegrade {
    0%{background-position:90% 0%}
    50%{background-position:11% 100%}
    100%{background-position:90% 0%}
}
@-moz-keyframes osusumegrade {
    0%{background-position:90% 0%}
    50%{background-position:11% 100%}
    100%{background-position:90% 0%}
}
@keyframes osusumegrade {
    0%{background-position:90% 0%}
    50%{background-position:11% 100%}
    100%{background-position:90% 0%}
}








.nomal__list {
  margin:0;
}


.nomal__list li {
  position: relative;
  padding-left: 1.5rem; /* マーカー分のスペースを確保 */

}

.nomal__list li::before {
  content: "・"; /* マーカーを追加 */
  position: absolute;
  left: 0;
  font-size: 1.5rem; /* マーカーのサイズを調整 */
}




/*
PC News */
.info__list a {
  text-decoration:none;
  transition:.5s;
}

.info__list li {
  border-bottom:1px dotted #ccc;
  padding-bottom:8px;
  margin-bottom:14px;
}

.info__list a:hover {
  opacity:.5;
}

p.infoBtn__txt a.btn {
  margin:24px auto 0;
  display:block;
  width:240px;

}

.icon-cate {
  font-size:1.1rem;
  line-height:1.1rem;
  color:#fff;
  line-height:22px;
  padding:0px 16px;
  display:inline-block;
  margin-left:7px;
  /* background:#e346da; */
  background:#2A2A2A;
  border-radius:16px;
}

time {
  font-size:1.3rem;
}


.news__blcok {
  max-width:960px;
  background:#fff;
  margin:140px auto 32px;
  border:1px solid #ccc;
  padding:72px 48px;
}

.infoTitle {
  border-bottom:1px solid #ccc;
  margin-bottom:40px;
}

.infoTitle h3.titleSingle {
  font-size:1.8rem;
  padding-bottom:16px;
}

.infoBody {
  border-bottom:1px solid #ccc;
  padding-bottom:24px;
}

.infoBody img {
  max-width:100%;
  height:auto !important;
  margin:14px 0;
}

ul.siglePager {
  display:flex;
  justify-content:space-between;
  align-item:center;
  margin-top:24px;
}

ul.siglePager li a {
  text-decoration:none;
  font-size:1.3rem;
  transition:.5s;
}

ul.siglePager li a:hover {
  opacity:.5;
}


.wp-pagenavi {
    margin: 20px 0 30px;
    font-size: 1.2rem;
    text-align:center;
}
.wp-pagenavi a {
    color: #4a4a4a;
    text-decoration:none;
}
.pages {
    margin-right: 20px;
}
.wp-pagenavi .current,
.wp-pagenavi a.page {
    margin: 0 6px 6px 0;
    display: inline-block;
    border: solid 1px #eee;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}
.wp-pagenavi .current {
    border: none;
    background:#000;
    color: #fff;
}
.wp-pagenavi a.page:hover {
    background:#000;
    color: #fff;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {/* ... */
    margin-right: 10px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    display: none;
}












.mb16 {
  margin-bottom:16px;
}


.mb24 {
  margin-bottom:24px;
}

.mb32 {
  margin-bottom:32px;
}

.mb40 {
  margin-bottom:40px;
}



































/*
PC block --------------------------------------------*/
.i_p_b {display: block !important;}
.i_t_b {display: none !important;}
.i_s_b {display: none !important;}
.i_pt_b {display: block !important;}
.i_ts_b {display: none !important;}
.dis-none {display:none !important;}