@charset "UTF-8";
/***************************
CHARACTER
****************************/
.teamlist .line,
.teamlist ul li {
  margin-bottom: 50px;
}
.teamlist ul li img {
  width: 100%;
	transition: .3s;
}
.teamlist ul li img:hover {
  opacity: .8;
} 

@media all and (max-width:560px){
  .teamlist .line,
  .teamlist ul li {
    margin-bottom: 25px;
  }
}
/*
team
*/
.teamtab ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  
}
.teamtab ul li {
  margin-right: 40px;
}
.teamtab ul li:last-child {
  margin-right: 0;
}
.teamtab ul li svg {
  cursor: pointer;
  width: 100%;
  -webkit-filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
  filter:grayscale(100%);
	transition: .3s;
}
.teamtab ul li.act svg,
.teamtab ul li svg:hover {
  -webkit-filter:grayscale(0%);
  -moz-filter:grayscale(0%);
  -ms-filter:grayscale(0%);
  filter:grayscale(0%); 
}
.teamtab ul li img {
  cursor: pointer;
  width: 100%;
  -webkit-filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
  filter:grayscale(100%);
	transition: .3s;
}
.teamtab ul li.act img,
.teamtab ul li img:hover {
  -webkit-filter:grayscale(0%);
  -moz-filter:grayscale(0%);
  -ms-filter:grayscale(0%);
  filter:grayscale(0%); 
}
@media all and (max-width:560px){
  .teamtab ul {
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
  }
  .teamtab ul li {
    width: calc(33% - 10px);
    margin-right: 10px;
  }
  .teamtab ul li:nth-child(3) {
    margin-right: 0;
  }
}
.teamdip h3 {
  width: 60%;
  margin: 0 auto;
}
.teamdip h3 svg {
  filter: drop-shadow(0px 0px 20px #fff);
  position: relative;
  z-index: 100;
}
.teamdip .cont > .charabox {
  position: relative;
  height: 800px;
  margin-bottom: 40px;
}
.teamdip .cont > .charabox a {
  position: absolute;
  top: 0;
	transition: .3s;
}
.teamdip .cont > .charabox a:hover {
  -webkit-filter:brightness(120%);
  -moz-filter:brightness(120%);
  -ms-filter:brightness(120%);
  filter:brightness(120%); 
}
.teamdip .cont .txtbox {
  width: 80%;
  background-color: rgba(255,255,255,.8);
  margin: 0 auto;
  padding: 10px;
  border-radius: 10px;
}
.teamdip .cont .txtbox h4 {
  font-size: 48px;
  text-align: center;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
  transform: skewX(-10deg);
  margin-bottom: 30px;
}
.teamdip .cont .txtbox p {
  font-size: 24px;
  text-align: center;
}
@media all and (max-width:560px){
  .teamdip .cont > .charabox {
    height: 280px;
    margin-bottom: 0;
  }
  .teamdip [class^="tm"] .cont > .charabox a img {
    height: 280px;
  }
  .teamdip .cont .txtbox h4 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .teamdip .cont .txtbox p {
    font-size: 18px;
  }
}
.teamdip div[class^="tm"] {
  display: none;
}
.teamdip div[class^="tm"].act {
  /*display: block;*/
}


/*
team nolimit
*/
.teamdip .tm01 {
  background: url(../img/chara_tm_bg01.png) no-repeat;
  background-size: cover;
  background-position: top center;
}
.teamdip .tm01 .cont > .charabox a {
  top: -100px;
}
.teamdip .tm01 .cont > .charabox a:nth-child(1) {
  z-index: 1;
  left: 0;
}
.teamdip .tm01 .cont > .charabox a:nth-child(2) {
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.teamdip .tm01 .cont > .charabox a:nth-child(3) {
  z-index: 2;
  right: 0;
}
@media all and (max-width:560px){
  .teamdip .tm01 .cont > .charabox a {
    top: -20px;
  }
}
/*
team cardjockey
*/
.teamdip .tm02 {
  background: url(../img/chara_tm_bg02.png) no-repeat;
  background-size: cover;
  background-position: top center;
}
.teamdip .tm02 .cont > .charabox a {
  top: -50px;
}
.teamdip .tm02 .cont > .charabox a:nth-child(1) {
  z-index: 1;
  left: -65px;
}
.teamdip .tm02 .cont > .charabox a:nth-child(2) {
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.teamdip .tm02 .cont > .charabox a:nth-child(3) {
  z-index: 2;
  right: 0;
}
@media all and (max-width:560px){
  .teamdip .tm02 .cont > .charabox a {
    top: -20px;
  }
  .teamdip .tm02 .cont > .charabox a:nth-child(1) {
    left: 0;
  }
}
/*
team うちゅうのはじまり
*/
.teamdip .tm03 h3 {
  width: 50%;
}
.teamdip .tm03 {
  background: url(../img/chara_tm_bg03.png) no-repeat;
  background-size: cover;
  background-position: top center;
}
.teamdip .tm03 .cont > .charabox a {
  top: -60px;
}
.teamdip .tm03 .cont > .charabox a:nth-child(1) {
  z-index: 1;
  left: -65px;
}
.teamdip .tm03 .cont > .charabox a:nth-child(2) {
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.teamdip .tm03 .cont > .charabox a:nth-child(3) {
  z-index: 2;
  right: -100px;
}
@media all and (max-width:560px){
  .teamdip .tm03 .cont > .charabox a {
    top: -20px;
  }
  .teamdip .tm03 .cont > .charabox a:nth-child(1) {
    left: 0;
  }
  .teamdip .tm03 .cont > .charabox a:nth-child(3) {
    right: -20px;
  }
}
/*
team DIAGRAM
*/
.teamdip .tm04 {
  background: url(../img/chara_tm_bg04.png) no-repeat;
  background-size: cover;
  background-position: top center;
}
.teamdip .tm04 .cont > .charabox a {
  top: -50px;
}
.teamdip .tm04 .cont > .charabox a:nth-child(1) {
  z-index: 3;
  left: 0;
}
.teamdip .tm04 .cont > .charabox a:nth-child(2) {
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.teamdip .tm04 .cont > .charabox a:nth-child(3) {
  z-index: 2;
  right: 0;
}
@media all and (max-width:560px){
  .teamdip .tm04 .cont > .charabox a {
    top: -20px;
  }
  .teamdip .tm04 .cont > .charabox a:nth-child(1) {
    left: 0;
  }
}
/*
team アンシエント・サプライズ
*/
.teamdip .tm05 h3 {
  width: 50%;
}
.teamdip .tm05 {
  background: url(../img/chara_tm_bg05.png) no-repeat;
  background-size: cover;
  background-position: top center;
}
.teamdip .tm05 .cont > .charabox a {
  top: -50px;
}
.teamdip .tm05 .cont > .charabox a:nth-child(1) {
  z-index: 1;
  left: -150px;
}
.teamdip .tm05 .cont > .charabox a:nth-child(2) {
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.teamdip .tm05 .cont > .charabox a:nth-child(3) {
  z-index: 2;
  right: -150px;
}
@media all and (max-width:560px){
  .teamdip .tm05 .cont > .charabox a {
    top: -20px;
  }
  .teamdip .tm05 .cont > .charabox a:nth-child(1) {
    left: -50px;
  }
  .teamdip .tm05 .cont > .charabox a:nth-child(3) {
    right: -50px;
  }
}
/*
team DXM
*/
.teamdip .tm06 h3 {
  width: 50%;
}
.teamdip .tm06 {
  background: url(../img/chara_tm_bg06.png) no-repeat;
  background-size: cover;
  background-position: top center;
}
.teamdip .tm06 .cont > .charabox a {
  top: -50px;
}
.teamdip .tm06 .cont > .charabox a:nth-child(1) {
  z-index: 1;
  left: -150px;
}
.teamdip .tm06 .cont > .charabox a:nth-child(2) {
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.teamdip .tm06 .cont > .charabox a:nth-child(3) {
  z-index: 2;
  right: -150px;
}
@media all and (max-width:560px){
  .teamdip .tm06 .cont > .charabox a {
    top: 0px;
  }
  .teamdip .tm06 .cont > .charabox a:nth-child(1) {
    left: 0px;
  }
  .teamdip .tm06 .cont > .charabox a:nth-child(3) {
    right: 0px;
  }
}
/*
team きゅるきゅーん
*/
.teamdip .tm07 {
  background: url(../img/chara_tm_bg07.png) no-repeat;
  background-size: cover;
  background-position: top center;
}
.teamdip .tm07 .cont > .charabox a {
  top: -100px;
}
.teamdip .tm07 .cont > .charabox a:nth-child(1) {
  z-index: 1;
  left: 0;
}
.teamdip .tm07 .cont > .charabox a:nth-child(2) {
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.teamdip .tm07 .cont > .charabox a:nth-child(3) {
  z-index: 2;
  right: 0;
}
@media all and (max-width:560px){
  .teamdip .tm07 .cont > .charabox a {
    top: -20px;
  }
}
/*
team selectorシリーズ　ルリグ
*/
.teamdip .tm08 h3{
	height: 100px;
}
.teamdip .tm08 h3 img{
	width: 100%;
}
.teamdip .tm08 {
  background: url(../img/chara_tm_bg08.png) no-repeat;
  background-size: auto 44%;
  background-position: top center;
}
.teamdip .tm08 .cont > .charabox {
  margin-top: 100px;
	height: 1600px;
}
.teamdip .tm08 .cont > .charabox a {
  top: 0px;
}
.teamdip .tm08 .cont > .charabox a:nth-child(1) {
  z-index: 1;
  right: -100px;
  top: 0;
}
.teamdip .tm08 .cont > .charabox a:nth-child(2) {
  z-index: 2;
  left: 45%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.teamdip .tm08 .cont > .charabox a:nth-child(3) {
  z-index: 3;
  left: -100px;
  top: 0;
}
.teamdip .tm08 .cont > .charabox a:nth-child(5) {
  z-index: 5;
  left: -150px;
  top: 700px;
}
.teamdip .tm08 .cont > .charabox a:nth-child(6) {
  z-index: 6;
  left: 50%;
  top: 700px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.teamdip .tm08 .cont > .charabox a:nth-child(7) {
  z-index: 4;
  right: -57px;
  top: 700px;
}
@media all and (max-width:560px){
	.teamdip .tm08 h3{
		height: 80px;
	}
	.teamdip .tm08 .cont > .charabox {
	  margin-top: 0px;
	  height: 500px;
	}
	.teamdip .tm08 .cont > .charabox a:nth-child(1) {
	  right: -20px;
	}
	.teamdip .tm08 .cont > .charabox a:nth-child(2) {
	  left: 45%;
	}
	.teamdip .tm08 .cont > .charabox a:nth-child(3) {
	  left: -20px;
	}
	.teamdip .tm08 .cont > .charabox a:nth-child(5) {
	  left: 0px;
	  top: 220px;
	}
	.teamdip .tm08 .cont > .charabox a:nth-child(6) {
	  left: 50%;
	  top: 220px;
	}
	.teamdip .tm08 .cont > .charabox a:nth-child(7) {
	  right: 0px;
	  top: 220px;
	}
}
/*
lrig
*/
.lrigdip div[class^="lrig"] .cont > div {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
.lrigdip div[class^="lrig"] .cont > div:first-child img {
  width: 100%;
}
.lrigdip div[class^="lrig"] .cont > div:last-child {
  text-align: center;
  padding-top: 20px;
}
.lrigdip div[class^="lrig"] .cont > div:last-child .logo {
  width: 60%;
  filter: drop-shadow(0px 0px 20px #fff);
}
.lrigdip div[class^="lrig"] .cont > div:last-child picture:first-child img {
      vertical-align: bottom;
}
.lrigdip div[class^="lrig"] .cont > div:last-child picture:last-child img {
      vertical-align: top;
}
.lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner {
  background: rgba(255,255,255,.85);
  padding: 20px 40px 40px;
}

.lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner h4 {
  margin-bottom: 30px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 30px;
}
/* 色別 */
.lrigdip div[class^="lrig"].pink .cont > div:last-child .txt_inner h4 {
  border-bottom: 4px double #fc3878;
}
.lrigdip div[class^="lrig"].blue .cont > div:last-child .txt_inner h4 {
  border-bottom: 4px double #7059ff;
}
.lrigdip div[class^="lrig"].yellow .cont > div:last-child .txt_inner h4 {
  border-bottom: 4px double #ae6210;
}
.lrigdip div[class^="lrig"].green .cont > div:last-child .txt_inner h4 {
  border-bottom: 4px double #1d842a;
}
.lrigdip div[class^="lrig"].purple .cont > div:last-child .txt_inner h4 {
  border-bottom: 4px double #9e4cea;
}

.lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner h4 span {
  font-size: 50px;
  -webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
  transform: skewX(-10deg);
  display: inline-block;
  margin-right: 1rem;
}
.lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner dl dt {
  color: #fc3878;
  width: 46%;
  border-bottom: dashed 1px #888;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}
/* 色別 */
.lrigdip div[class^="lrig"].pink .cont > div:last-child .txt_inner dl dt {
  color: #fc3878;
}
.lrigdip div[class^="lrig"].blue .cont > div:last-child .txt_inner dl dt {
  color: #7059ff;
}
.lrigdip div[class^="lrig"].yellow .cont > div:last-child .txt_inner dl dt {
  color: #ae6210;
}
.lrigdip div[class^="lrig"].green .cont > div:last-child .txt_inner dl dt {
  color: #1d842a;
}
.lrigdip div[class^="lrig"].purple .cont > div:last-child .txt_inner dl dt {
  color: #9e4cea;
}

.lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner dl dd {
  width: 54%;
  border-bottom: dashed 1px #888;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}
.lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner p {
  text-align: left;
}

/* 次前ボタン */
.lrigNav_sub {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 1rem;
}
.lrigNav_sub li {
  cursor: pointer;
  padding: 5px 0;
  text-align: center;
  position: relative;
  background: #ffdee9;
  margin-right: 30px;
  width: 160px;
  transition: .3s;
  height: 36px;
}
.lrigNav_sub li:last-child {
  margin-right: 0;
}
.lrigNav_sub li:hover {
  background: #fd3776;
}
.lrigNav_sub li span {
  font-size: 18px;
  font-weight: 900;
  display: inline-block;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  transform: skewX(-10deg);
  transition: .3s;
}
.lrigNav_sub li:hover a span {
  color: #fff;
}
.lrigNav_sub li:first-child::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 18px 10px 18px 0;
  border-color: transparent #ffdee9 transparent transparent;
  left: -10px;
  top: 0;
  transition: .3s;
}
.lrigNav_sub li:first-child:hover::before {
  border-color: transparent #fd3776 transparent transparent;
}
.lrigNav_sub li:first-child:hover::after {
  border-color: transparent #fd3776 transparent transparent;
}
.lrigNav_sub li:first-child::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 36px 20px 0 0;
  border-color: #ffdee9 transparent transparent transparent;
  right: -20px;
  top: 0;
  transition: .3s;
}
.lrigNav_sub li:first-child:hover::after {
  border-color: #fd3776 transparent transparent transparent;
}
.lrigNav_sub li:last-child::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 0 36px 20px;
  border-color: transparent transparent #ffdee9 transparent;
  left: -20px;
  top: 0;
  transition: .3s;
}
.lrigNav_sub li:last-child:hover::before {
  border-color: transparent transparent #fd3776 transparent;
}
.lrigNav_sub li:last-child::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 18px 0 18px 10px;
  border-color: transparent transparent transparent #ffdee9;
  right: -10px;
  top: 0;
  transition: .3s;
}
.lrigNav_sub li:last-child:hover::after {
  border-color: transparent transparent transparent #fd3776;
}

@media all and (max-width:560px){
  .lrigdip div[class^="lrig"] .cont {
    position: relative;
  }
  .lrigdip div[class^="lrig"] .cont > div:first-child {
    width: 70%;
    z-index: 1;
    margin: 0 auto;
    display: block;
  }
  .lrigdip div[class^="lrig"] .cont > div:first-child img {
    margin-top: 70px;
  }
  .lrigdip div[class^="lrig"] .cont > div:last-child {
    width: 100%;
    z-index: 2;
    padding-top: 0;
    margin-top: -30px;
  }
  .lrigdip div[class^="lrig"] .cont > div:last-child h3 {
    position: absolute;
    top: 0;
    width: calc(100% - 2rem);
  }
  .lrigdip div.lrig06 .cont > div:last-child h3,
  .lrigdip div.lrig07 .cont > div:last-child h3,
  .lrigdip div.lrig08 .cont > div:last-child h3 {
    top: -60px;
  }
  .lrigdip div.lrig06 .cont > div:first-child,
  .lrigdip div.lrig07 .cont > div:first-child,
  .lrigdip div.lrig08 .cont > div:first-child {
    margin-top: 30px;
  }
  .lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner {
    padding: 10px;
  }
  .lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner h4 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner h4 span {
    font-size: 24px;
  }
  .lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner p,
  .lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner dl dt,
  .lrigdip div[class^="lrig"] .cont > div:last-child .txt_inner dl dd {
    font-size: 14px;
  }
}

/*
lrig 個別背景
*/
.lrigdip .lrig00 {background: url(../img/chara/chara_lrig00_bg.png) no-repeat;}
.lrigdip .lrig01 {background: url(../img/chara/chara_lrig01_bg.png) no-repeat;}
.lrigdip .lrig02 {background: url(../img/chara/chara_lrig02_bg.png) no-repeat;}
.lrigdip .lrig03 {background: url(../img/chara/chara_lrig03_bg.png) no-repeat;}
.lrigdip .lrig04 {background: url(../img/chara/chara_lrig04_bg.png) no-repeat;}
.lrigdip .lrig05 {background: url(../img/chara/chara_lrig05_bg.png) no-repeat;}
.lrigdip .lrig06 {background: url(../img/chara/chara_lrig06_bg.png) no-repeat;}
.lrigdip .lrig07 {background: url(../img/chara/chara_lrig07_bg.png) no-repeat;}
.lrigdip .lrig08 {background: url(../img/chara/chara_lrig08_bg.png) no-repeat;}
.lrigdip .lrig09 {background: url(../img/chara/chara_lrig09_bg.png) no-repeat;}
.lrigdip .lrig10 {background: url(../img/chara/chara_lrig10_bg.png) no-repeat;}
.lrigdip .lrig11 {background: url(../img/chara/chara_lrig11_bg.png) no-repeat;}
.lrigdip .lrig12 {background: url(../img/chara/chara_lrig12_bg.png) no-repeat;}
.lrigdip .lrig13 {background: url(../img/chara/chara_lrig13_bg.png) no-repeat;}
.lrigdip .lrig14 {background: url(../img/chara/chara_lrig14_bg.png) no-repeat;}
.lrigdip .lrig15 {background: url(../img/chara/chara_lrig15_bg.png) no-repeat;}
.lrigdip .lrig16 {background: url(../img/chara/chara_lrig16_bg.png) no-repeat;}
.lrigdip .lrig17 {background: url(../img/chara/chara_lrig17_bg.png) no-repeat;}

/* lrig 個別背景まとめ設定 */
.lrigdip div[class^="lrig"] {
  background-size: cover;
  background-position: top center;
}

/***************************
PRODUCT
****************************/
/* slick */
.slider{
	margin: 0 auto;
	width: 100%;
}
.slider img {
	height: auto;
	width: 800px;
	margin: 0 auto;
	/*max-width: 1280px;
  max-height: 400px;*/
  transition: .3s;
}
.slider .slick-center img {
	height: auto;
	width: 800px;
	margin: 0 auto;
	/*max-width: 1280px;
	max-height: 400px;*/
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
	color: #000;
}
.slick-dots {
	display: flex !important;
	justify-content: center;
	margin-top: 20px;
}
.slick-dots li {
	margin-left: 10px;
}
.slick-dots li:first-child {
	margin-left: 0;
}
.slick-dots button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;

	background: #ddd;
	width: 40px;
	height: 10px;
	color: transparent;
	transition: .3s;
}
.slick-dots .slick-active button,
.slick-dots button:hover {
	background: #fd3776;
}
.slick-arrow {
	position: absolute;
	top: calc(50% - 22%);
	z-index: 10;
	color: transparent;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 4%;
	max-width: 47px;
	height: 182px;
}
.slick-arrow.slick-prev {
	left: calc((100% - 800px) / 2 - 47px);
	background: url(../img/slick/btn_prev2.png) no-repeat;
	background-size: contain;
}
.slick-arrow.slick-prev:hover {
	background: url(../img/slick/btn_prev2_on.png) no-repeat;
	background-size: contain;
}
.slick-arrow.slick-next {
	right: calc((100% - 800px) / 2 - 47px) ;
	background: url(../img/slick/btn_next2.png) no-repeat;
	background-size: contain;
}
.slick-arrow.slick-next:hover {
	background: url(../img/slick/btn_next2_on.png) no-repeat;
	background-size: contain;
}
@media all and (max-width:560px){
  .slick-arrow {
		display: none;
  }
  .slider .slick-center img,
  .slider img{
    width: 100%;
  }
}
.product ul.productNav {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-bottom: 20px;
}
/* 真ん中 */
.product ul.productNav li {
	cursor: pointer;
	font-weight: 900;
	padding: 12px 0 9px;
	flex-grow: 1;
  text-align: center;
  position: relative;
  background: #ffdee9;
  margin-right: 30px;
  transition: .3s;
  height: 60px;
}
.product ul.productNav li::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 0 60px 20px;
  border-color: transparent transparent #ffdee9 transparent;
  left: -20px;
  top: 0;
  transition: .3s;
}
.product ul.productNav li::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 60px 20px 0 0;
  border-color: #ffdee9 transparent transparent transparent;
  right: -20px;
  top: 0;
  transition: .3s;
}
.product ul.productNav li:last-child {
  margin-right: 0;
}
.product ul.productNav li:hover,
.product ul.productNav li.act {
  background: #fd3776;
}
.product ul.productNav li:hover::before,
.product ul.productNav li.act::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 0 60px 20px;
  border-color: transparent transparent #fd3776 transparent;
  left: -20px;
  top: 0;
}
.product ul.productNav li:hover::after,
.product ul.productNav li.act::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 60px 20px 0 0;
  border-color: #fd3776 transparent transparent transparent;
  right: -20px;
  top: 0;
}



/* 拡張パック */
.product ul.productNav li:first-child::before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 30px 20px 30px 0;
	border-color: transparent #ffdee9 transparent transparent;
	left: -20px;
  top: 0;
}
.product ul.productNav li:first-child:hover::before,
.product ul.productNav li.act:first-child::before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 30px 20px 30px 0;
	border-color: transparent #fd3776 transparent transparent;
  left: -20px;
  top: 0;
}
.product ul.productNav li.act:first-child::after {
	content: "";
  position: absolute;
  border-style: solid;
  border-width: 60px 20px 0 0;
  border-color: #fd3776 transparent transparent transparent;
  right: -20px;
  top: 0;
}

/* 周辺グッツ */

.product ul.productNav li.act:last-child::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 0 60px 20px;
  border-color: transparent transparent #fd3776 transparent;
  left: -20px;
  top: 0;
}
.product ul.productNav li:last-child::after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 30px 0 30px 20px;
	border-color: transparent transparent transparent #ffdee9;
	right: -20px;
  top: 0;
  transition: .3s;
}
.product ul.productNav li:last-child:hover::after,
.product ul.productNav li.act:last-child::after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 30px 0 30px 20px;
	border-color: transparent transparent transparent #fd3776;
  right: -20px;
  top: 0;
}

.product ul.productNav li span {
	border-bottom: 4px solid #ffdee9;
}
.product ul.productNav li.act span {
	border-bottom: 4px solid #fff;
}
.product ul.productNav li:hover span {
	border-bottom: 4px solid #fd3776;
}

.product ul.productNav li span {
	font-size: 24px;
	font-weight: 900;
	display: inline-block;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	transition: .3s;
}
.product ul.productNav li.act span,
.product ul.productNav li:hover span {
	color: #fff;
}
@media all and (max-width:560px){
  .product ul.productNav li {
    padding: 5px;
    height: 60px;
  }
  .product ul.productNav li span {
    font-size: 15.7px;
    padding: 0;
  }
}
/* サブメニュー */
.product ul.productNav_sub {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
	position: relative;
	margin-bottom: 40px;
}
.product ul.productNav_sub li {
  cursor: pointer;
	padding: 5px 0;
  text-align: center;
  position: relative;
  background: #ffdee9;
  margin-right: 30px;
  width: 160px;
  transition: .3s;
  height: 36px;
}
@media all and (max-width:560px){
  .product ul.productNav_sub li {
    height: 36px;
  }
}
.product ul.productNav_sub li:last-child {
  margin-right: 0;
}
.product ul.productNav_sub li:hover {
  background: #fd3776;
}
.product ul.productNav_sub li a {
  display: block;
}
.product ul.productNav_sub li:hover a span{
  color: #fff;
}
.product ul.productNav_sub li span {
	font-size: 18px;
	font-weight: 900;
	display: inline-block;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	transition: .3s;
}
.product ul.productNav_sub li:first-child::before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 18px 10px 18px 0;
	border-color: transparent #ffdee9 transparent transparent;
	left: -10px;
  top: 0;
  transition: .3s;
}
.product ul.productNav_sub li:first-child::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 36px 20px 0 0;
  border-color: #ffdee9 transparent transparent transparent;
  right: -20px;
  top: 0;
  transition: .3s;
}
.product ul.productNav_sub li:last-child::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 0 36px 20px;
  border-color: transparent transparent #ffdee9 transparent;
  left: -20px;
  top: 0;
  transition: .3s;
}
.product ul.productNav_sub li:last-child::after {
  content: "";
	position: absolute;
	border-style: solid;
	border-width: 18px 0 18px 10px;
	border-color: transparent transparent transparent #ffdee9;
	right: -10px;
  top: 0;
  transition: .3s;
}
/* サブメニューhover */
.product ul.productNav_sub li:first-child:hover::before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 18px 10px 18px 0;
	border-color: transparent #fd3776 transparent transparent;
	left: -10px;
  top: 0;
}
.product ul.productNav_sub li:first-child:hover::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 36px 20px 0 0;
  border-color: #fd3776 transparent transparent transparent;
  right: -20px;
  top: 0;
}
.product ul.productNav_sub li:last-child:hover::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 0 36px 20px;
  border-color: transparent transparent #fd3776 transparent;
  left: -20px;
  top: 0;
}
.product ul.productNav_sub li:last-child:hover::after {
  content: "";
	position: absolute;
	border-style: solid;
	border-width: 18px 0 18px 10px;
	border-color: transparent transparent transparent #fd3776;
	right: -10px;
  top: 0;
}
/* 商品リスト */
.product ul.productList li {
  margin-bottom: 10px;
}
.product ul.productList li > div {
  background: rgba(255,255,255,.85);
  padding: 10px 20px;
  position: relative;
  height: auto;
}
.product ul.productList li > div > img {
  width: 150px;
  margin-right: 20px;
  float: left;
}

/* 上下枠 */
.product ul.productList li picture:first-child img {
  vertical-align: bottom;
}
.product ul.productList li picture:last-child img {
  vertical-align: top;
}
.product ul.productList li h3 {
  display: inline-block;
  color: #fd3776;
  font-size: 27px;
  font-weight: 700;
  margin-bottom: 10px;
}
/*.product ul.productList li .date {
  display: inline;
  font-size: 22px;
  font-weight: 700;
  position: absolute;
  top: 10px;
  right: 20px;
}*/
.product ul.productList li div > ul {
  min-height: 130px;
}
.product ul.productList li div > ul li {
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
}
.product ul.productList li div > ul li:nth-child(1) {
  width: 300px;
}
.product ul.productList li div > ul li:nth-child(2) {
  width: 485px;
}
.product ul.productList li div > ul li:nth-child(2) {
  text-align: right;
}
.product ul.productList li div > ul li:nth-child(4) {
  width: calc(100% - 170px);
}

.product ul.productList li div > ul li:nth-child(4) a {
  color: #0096ff;
  text-decoration: none;
  border: 1px solid #0096ff;
  margin-right: 10px;
  display: inline-block;
  padding: 3px 10px 5px;
  font-size: .7em;
  transition: .3s;
}
@media screen and (max-width:560px){
	.product ul.productList li div > ul li:nth-child(4) a{
		margin-bottom: 5px;
	}
}

.product ul.productList li div > ul li:nth-child(4) a:hover {
  color: #fff;
  background: #0096ff;
}
.product ul.productList li div > .detail {
  text-align: right;
  margin-top: -44px;
}
.product ul.productList li div > .detail a {
  transition: .3s;
}
.product ul.productList li div > .detail a:hover {
  opacity: .8;
}
/* 初期表示は構築済みデッキを表示 */
.product ul.productList > li {
  display: none;
}
.product ul.productList > li.starter {
  display: block;
}

@media all and (max-width:560px){
  .product ul.productList li > div {
    padding: 10px;
  }
  .product ul.productList li > div > img {
    width: 120px;
  }
  .product ul.productList li h3 {
    display: block;
    font-size: 20px;
    text-align: center;
  }
  .product ul.productList li .date {
    display: block;
    font-size: 12px;
    position: initial;
    top: 0;
    right: 0;
  }
  .product ul.productList li div > ul {
    min-height: 150px;
  }
  .product ul.productList li div > ul li {
    font-size: 12px;
    display: block;
  }
  .product ul.productList li div > ul li:nth-child(1),
  .product ul.productList li div > ul li:nth-child(2) {
    width: 100%;
  }
  .product ul.productList li div > ul li:nth-child(2) {
    text-align: left;
  }
  .product ul.productList li div > ul li:nth-child(3),
  .product ul.productList li div > ul li:nth-child(4) {
    width: 100%;
  }
  .product ul.productList li div > ul li:nth-child(4) {
    text-align: center;
  }
  .product ul.productList li div > .detail {
    text-align: center;
    margin-top: 10px;
  }
  .product ul.productList li div > .detail img {
    max-width: 80%;
  }
}

/***************************
DETAIL
****************************/
/* 上下枠 */
.detail .cont picture:first-child img {
  vertical-align: bottom;
}
.detail .cont picture:last-child img {
  vertical-align: top;
}
.detail .detail_cont {
  padding: 10px 0 40px;
  border-left:1px solid #fc3878;
  border-right:1px solid #3acbfd;
  background-image: url(../img/product_detail_cont_bg1.png),
                    url(../img/product_detail_cont_bg2.png);
  background-repeat: no-repeat,no-repeat;
  background-position: right top,left bottom;
  background-color: rgba(255,255,255,.6);
}
.detail .detail_cont .detail_cont_inner {
  padding:0 40px;
}
.detail .detail_cont h3 {
  padding-bottom: 10px;
  position: relative;
  border-bottom: 4px double #fc3878;
  margin-bottom: 40px;
}
.detail .detail_cont h3 span {
  display: block;
  font-size: 48px;
	font-weight: 700;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
/* 先頭1文字だけ色変える */
.detail .detail_cont h3 span::first-letter {
  color: #fc3878;
}
/* 画像は基本中央配置 */
.detail .detail_cont p.imgBox {
  text-align: center;
  margin-bottom: 40px;
}
.detail .detail_cont p.card_img {
  text-align: center;

}
.btn_img,.card_img img{
  opacity: 1;
  transition: .5s opacity;
}
.btn_img:hover,.card_img img:hover{
  opacity: 0.5;
  transition: .5s opacity;
}
.detail .detail_cont img {
  max-width: 100%;
}

/* 20220616追記　カード画像大きく表示 */
.card_big img{
	width: 40%;
	height: auto;
}
@media screen and (max-width:560px){
	.card_big img{
		width: 75%;
		height: auto;
	}
}

/* 20240809追記　未登録カード表示 */
.unregistered_card img{
	width: 168px!important;
	height: 234px!important;
}

.unregistered_card_yoko img{
	width: 234px!important;
	height: 168px!important;
}
.unregistered_card.card_big img{
	width: 40%!important;
	height: auto!important;
}
@media screen and (max-width:560px){
	.unregistered_card.card_big img{
		width: 75%!important;
		height: auto!important;
	}
}

/* 詳細UL */
.detail .detail_cont ul {
  width: 100%;
  margin-bottom: 40px;
}
.detail .detail_cont ul li {
  text-indent: -25px;
  margin-left: 25px;
  border-bottom: dashed 1px #888;
  padding-top: 10px;
  padding-bottom: 10px;
}
.detail .detail_cont ul li::before {
  content:  "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin-right: 5px;
  background-image: url(../img/dot_li.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
}
@media all and (max-width:560px){
  .detail .detail_cont ul li::before {
    top: 0;
  }
  .detail .detail_cont ul li {
    padding-top: 6px;
    padding-bottom: 3px;
  }
}

/* 詳細OL */
.detail .detail_cont ol {
  list-style-type: decimal-leading-zero;
  width: 100%;
  margin-bottom: 40px;
}
.detail .detail_cont ol li {
  margin-left: 1.8em;
  border-bottom: dashed 1px #888;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* 詳細DL */
.detail .detail_cont dl {
  width: 100%;
  margin-bottom: 40px;
  display:flex;
  flex-wrap: wrap;
}
.detail .detail_cont dl dt {
  font-weight: 700;
  color: #fc3878;
  width: 32%;
  border-bottom: dashed 1px #888;
  padding-top: 10px;
  padding-bottom: 10px;
}
.detail .detail_cont dl dd {
  width: 68%;
  border-bottom: dashed 1px #888;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* 詳細ボタン */
.detail .detail_cont a.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  height: 49px;
  position: relative;
  z-index: 3;
  border-top: 2px solid #3acbfd;
  border-bottom: 2px solid #3acbfd;
  color: #3acbfd;
  text-decoration: none;
  padding: 0 1em;
  width: 100%;
  margin: 0 auto;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(0deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(233,249,255,1) 51%, rgba(233,249,255,1) 100%);
  background: -webkit-linear-gradient(0deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(233,249,255,1) 51%,rgba(233,249,255,1) 100%);
  background: linear-gradient(180deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(233,249,255,1) 51%,rgba(233,249,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9f9ff',GradientType=1 );
  transition: .3s;
}

/*.detail .detail_cont a.btn::after,
.detail .detail_cont a.btn::before {
  position: absolute;
  top: 5px;
  width: 33px;
  height: 33px;
  z-index: 1;
  content: '';
  transition: .1s ease-in-out;
  transform: perspective(12px);
  transform: rotate(45deg);
  border: 0;
  background-color: #fff;
  transition: .3s;
}
.detail .detail_cont a.btn::before {
  left: -17px;
  border-bottom: 2px solid #3acbfd;
  border-left: 2px solid #3acbfd;
}
.detail .detail_cont a.btn::after {
  right: -17px;
  border-top: 2px solid #3acbfd;
  border-right: 2px solid #3acbfd;
  background-color: #E9F9FF;
}*/
.detail .detail_cont a.btn:hover,
.detail .detail_cont a.btn:hover::before,
.detail .detail_cont a.btn:hover::after {
  background: #3acbfd;
  color: #fff;
}

/* カードリストボタン */
.detail .detail_cont a.btn_cardlist {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  height: auto;
  z-index: 3;
  text-decoration: none;
  padding: 10px 1em;
  padding-right: 50px;
  width: calc(100%-50px);
  margin: 0 auto;
  background-color: #d70170;
  transition: .3s;
  border-radius: 500px;
  opacity: 1;
  position: relative;
}

.detail .detail_cont a.btn_cardlist::before {
  display: block;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  height: 100%;
  width: 25px;
  color: #fff;
  font-size: 20px;
  background:url(../img/btn_cardlist_icon2.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.detail .detail_cont a.btn_cardlist:hover{
  background: #d70170;
  opacity: 0.6;
  color: #fff;
  transition: .3s;
}

.detail .detail_cont a.btn_cardlist span{
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  position: relative;
  margin-left: 60px;
}

.detail .detail_cont a.btn_cardlist span::before{
  display: block;
  content: "";
  width: 25px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -35px;
  background:url(../img/btn_cardlist_icon.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* カードリストボタン */
.detail .detail_cont a.btn_setruleguide {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  height: auto;
  z-index: 3;
  text-decoration: none;
  padding: 10px 1em;
  padding-right: 50px;
  width: calc(100%-50px);
  margin: 0 auto;
  background-color: #00beff;
  transition: .3s;
  border-radius: 500px;
  opacity: 1;
  position: relative;
}

.detail .detail_cont a.btn_setruleguide::before {
  display: block;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  height: 100%;
  width: 25px;
  color: #fff;
  font-size: 20px;
  background:url(../img/btn_cardlist_icon2.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.detail .detail_cont a.btn_setruleguide:hover{
  background: #00beff;
  opacity: 0.6;
  color: #fff;
  transition: .3s;
}

.detail .detail_cont a.btn_setruleguide:hover{
  background: #00beff;
  opacity: 0.6;
  color: #fff;
  transition: .3s;
}

.detail .detail_cont a.btn_setruleguide span{
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  position: relative;
}

/* 横イチ見出し */
.h4wrapper1 {
  background: rgb(252,56,120);
  background: -moz-linear-gradient(left,  rgba(252,56,120,1) 0%, rgba(58,203,253,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(252,56,120,1) 0%,rgba(58,203,253,1) 100%);
  background: linear-gradient(to right,  rgba(252,56,120,1) 0%,rgba(58,203,253,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc3878', endColorstr='#3acbfd',GradientType=1 );
  padding: 4px 0;
  margin-bottom: 40px; 
}
.h4wrapper1 h4 {
  background: url(../img/product_detail_bg_h4.png) no-repeat -20px center;
  background-color: rgba(255,255,255,.75);
  padding: 10px 0 10px 40px;
  background-size: 120px;
}
.h4wrapper1 h4 span {
  color: #fff;
  display: block;
  font-size: 36px;
	font-weight: 700;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
  transform: skewX(-10deg);
  text-shadow: 
    #3dcbfd 2px 0px,  #3dcbfd -2px 0px,
    #3dcbfd 0px -2px, #3dcbfd 0px 2px,
    #3dcbfd 2px 2px , #3dcbfd -2px 2px,
    #3dcbfd 2px -2px, #3dcbfd -2px -2px,
    #3dcbfd 1px 2px,  #3dcbfd -1px 2px,
    #3dcbfd 1px -2px, #3dcbfd -1px -2px,
    #3dcbfd 2px 1px,  #3dcbfd -2px 1px,
    #3dcbfd 2px -1px, #3dcbfd -2px -1px;
}

.detail .detail_cont h5 {
  padding-bottom: 10px;
  position: relative;
  border-bottom: 2px solid #333;
  margin-bottom: 20px;
}
.detail .detail_cont h5 span {
  display: block;
  font-size: 24px;
	font-weight: 700;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}

/* テーブル */
.detail .detail_cont table {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
.detail .detail_cont table th {
  background: #888;
  color: #fff;
  font-weight: 900;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  padding: 14px;
}
.detail .detail_cont table td {
  background: #fff;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  padding: 14px;
}

/* アコーディオン */
.acd-check{
  display: none;
}
.acd-label{
  background: #888;
  color: #fff;
  display: block;
  padding: 10px;
  position: relative;
  padding-right: calc(2% + 20px);
}
.acd-content{
  border: 1px solid #888;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .3s;
  visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content {
  opacity: 1;
  padding: 10px;
  visibility: visible;
  height: auto;
}
.acd-check + .acd-label::after {
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 2%;
  top: 0;
  bottom: 15%;
  margin: auto;
}
.acd-check:checked + .acd-label::after {
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 2%;
  top: 7%;
  bottom: 0;
}

@media all and (max-width:560px){
  .detail .detail_cont a.btn {
    font-size: 14px;
  }
  .detail .detail_cont .detail_cont_inner {
    padding:0 10px;
  }
  .detail .detail_cont h3 span {
    font-size: 24px;
  }
  .detail .detail_cont dl dt {
    width: 40%;
  }
  .detail .detail_cont dl dd {
    width: 60%;
  }
  .h4wrapper1 h4 {
    padding: 2px 0 5px 10px;
  }
  .h4wrapper1 h4 span {
    font-size: 20px;
  }
  .detail .detail_cont h5 span {
    font-size: 18px;
  }

}

/* レイアウト */
.detail .layout_img-txt {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  justify-items: start;
  align-items: center;
  position: relative;   
}
.detail .layout_img-txt .imgBox {
  margin-right: 30px;
}
.detail .imgBox img {
  width: 100%;
  max-width: 100%;
}
@media all and (max-width:560px){
  .detail .layout_img-txt {
    display: block;
  }
  .detail .layout_img-txt .imgBox {
    margin-right: 0;
  }
  .detail .layout_img-txt .txtBox {
    text-align: center;
  }
}

/***************************
汎用一覧
****************************/
/* ナビゲーション */
.general ul.generalNav {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-bottom: 20px;
}
/* ナビゲーション真ん中 */
.general ul.generalNav li {
	cursor: pointer;
	font-weight: 900;
	padding: 12px 0 9px;
	flex-grow: 1;
  text-align: center;
  position: relative;
  background: #ffdee9;
  margin-right: 30px;
  transition: .3s;
}
.general ul.generalNav li::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 0 60px 20px;
  border-color: transparent transparent #ffdee9 transparent;
  left: -20px;
  top: 0;
  transition: .3s;
}
.general ul.generalNav li::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 60px 20px 0 0;
  border-color: #ffdee9 transparent transparent transparent;
  right: -20px;
  top: 0;
  transition: .3s;
}
.general ul.generalNav li:last-child {
  margin-right: 0;
}
.general ul.generalNav li:hover,
.general ul.generalNav li.act {
  background: #fd3776;
}
.general ul.generalNav li:hover::before,
.general ul.generalNav li.act::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 0 60px 20px;
  border-color: transparent transparent #fd3776 transparent;
  left: -20px;
  top: 0;
}
.general ul.generalNav li:hover::after,
.general ul.generalNav li.act::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 60px 20px 0 0;
  border-color: #fd3776 transparent transparent transparent;
  right: -20px;
  top: 0;
}



/* ナビゲーション最初 */
.general ul.generalNav li:first-child::before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 30px 20px 30px 0;
	border-color: transparent #ffdee9 transparent transparent;
	left: -20px;
  top: 0;
}
.general ul.generalNav li:first-child:hover::before,
.general ul.generalNav li.act:first-child::before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 30px 20px 30px 0;
	border-color: transparent #fd3776 transparent transparent;
  left: -20px;
  top: 0;
}
.general ul.generalNav li.act:first-child::after {
	content: "";
  position: absolute;
  border-style: solid;
  border-width: 60px 20px 0 0;
  border-color: #fd3776 transparent transparent transparent;
  right: -20px;
  top: 0;
}

/* ナビゲーション最後 */

.general ul.generalNav li.act:last-child::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 0 60px 20px;
  border-color: transparent transparent #fd3776 transparent;
  left: -20px;
  top: 0;
}
.general ul.generalNav li:last-child::after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 30px 0 30px 20px;
	border-color: transparent transparent transparent #ffdee9;
	right: -20px;
  top: 0;
  transition: .3s;
}
.general ul.generalNav li:last-child:hover::after,
.general ul.generalNav li.act:last-child::after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 30px 0 30px 20px;
	border-color: transparent transparent transparent #fd3776;
  right: -20px;
  top: 0;
}

.general ul.generalNav li span {
	border-bottom: 4px solid #ffdee9;
}
.general ul.generalNav li.act span {
	border-bottom: 4px solid #fff;
}
.general ul.generalNav li:hover span {
	border-bottom: 4px solid #fd3776;
}

.general ul.generalNav li span {
	font-size: 24px;
	font-weight: 900;
	display: inline-block;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	transition: .3s;
}
.general ul.generalNav li.act span,
.general ul.generalNav li:hover span {
	color: #fff;
}
@media all and (max-width:560px){
  .general ul.generalNav li {
    padding: 5px;
  }
  .general ul.generalNav li span {
    font-size: 15.7px;
    padding: 0;
  }
  .general ul.generalNav {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		background: transparent;
		position: relative;
		width: calc(100% - 0px);
		margin-left: 0;
		margin-bottom: 0;
	}
	.general ul.generalNav::after,
  .general ul.generalNav::before,
  .general ul.generalNav li::before {
		content: "";
		position: absolute;
    border: none;
	}

	.general ul.generalNav li {
		background: #ffdee9;
		width: calc(50% - 40px);
		margin-right: 0;
		margin-bottom: 20px;
		position: relative;
    height: 60px;
	}
	
  /* 奇数 */
	.general ul.generalNav li:nth-child(odd){
    margin-left: 20px;
    margin-right: 15px;
    transition: .3s;
  }
	.general ul.generalNav li:nth-child(odd)::before {
		content: "";
		position: absolute;
		border-style: solid;
		border-width: 30px 20px 30px 0;
		border-color: transparent #ffdee9 transparent transparent;
		left: -20px;
		top: 0;
    transition: .3s;
  }
  .general ul.generalNav li:nth-child(odd).act::before {
		border-color: transparent #fd3776 transparent transparent;
  }
  .general ul.generalNav li:nth-child(odd)::after {
		content: "";
    position: absolute;
    border-style: solid;
    border-width: 60px 20px 0 0;
    border-color: #ffdee9 transparent transparent transparent;
    right: -20px;
    top: 0;
    transition: .3s;
  }
  .general ul.generalNav li:nth-child(odd).act::after {
		border-color: #fd3776 transparent transparent transparent;
  }
  /* 偶数 */
	.general ul.generalNav li:nth-child(even) {
		margin-right: 20px;
    margin-left: 15px;
    transition: .3s;
  }
  .general ul.generalNav li:nth-child(even)::after {
		content: "";
		position: absolute;
		border-style: solid;
		border-width: 30px 0 30px 20px;
		border-color: transparent transparent transparent #ffdee9;
		right: -20px;
		top: 0;
    transition: .3s;
  }
  .general ul.generalNav li:nth-child(even).act::after {
		border-color: transparent transparent transparent #fd3776;
  }
  .general ul.generalNav li:nth-child(even)::before {
		content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 0 60px 20px;
    border-color: transparent transparent #ffdee9 transparent;
    left: -20px;
    top: 0;
    transition: .3s;
  }
  .general ul.generalNav li:nth-child(even).act::before {
    border-color: transparent transparent #fd3776 transparent;
	}
}

.general ul.generalList {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	/*justify-content: space-between;*/
	position: relative;
	margin-bottom: 20px;
}

.general ul.generalList a {
	text-decoration: none;
	background: #f6f6f6;
	display: block;
  transition: opacity .3s;
}
.general ul.generalList a:hover {
	opacity: .8;
}

.general ul.generalList li {
	width: calc(33% - 14px);
	margin-right: 14px;
	margin-bottom: 40px;
	position: relative;
}
.general ul.generalList li:nth-child(3n) {
	margin-right: 0;
}

.general ul.generalList li img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

.general ul.generalList li svg {
	position: absolute;
}

.general ul.generalList li p {
	padding: 10px;
	font-weight: 700;
}
.general ul.generalList li dl {
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
}
.general ul.generalList li dl::after {
	content: "";
	width: calc(100% - 20px);
	position: absolute;
	bottom: -16px;
	left: 0;
	border-style: solid;
	border-width: 16px 20px 0 0;
	border-color: #f6f6f6 transparent transparent transparent;
}
.general ul.generalList li dl dt {
	width: 50%;
	padding: 2px 0 2px 1em;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	position: relative;
  height: 28px;
}
.general ul.generalList li dl dt::after {
	content: "";
	position: absolute;
	top: 0;
	right: -24px;
	border-style: solid;
	border-width: 28px 24px 0 0;
	border-color: #000 transparent transparent transparent;
}
.general ul.generalList li dl dt::before {
	content: "";
	position: absolute;
	width: 14px;
	height: 28px;
	top: 0;
	right: -36px;
	background: #000;
  transform: skewX(-40deg);
}

.general ul.generalList li dl dd {
	color: #aaa;
	font-size: 16px;
	font-weight: 700;
	padding: 2px 1em 2px 0;
  height: 28px;
}

/* 
general カテゴリ別色指定 
*/
/* frame */
.general ul.generalList li.general-info svg {
	fill: #57e73b;
}
.general ul.generalList li.general-item svg {
	fill: #ffc342;
}
.general ul.generalList li.general-event svg {
	fill: #42baff;
}
.general ul.generalList li.general-other svg {
	fill: #ff42ef;
}

/* カテゴリ帯 */
.general ul.generalList li.general-info dl dt::before,
.general ul.generalList li.general-info dl dt {
	background: #57e73b;
}
.general ul.generalList li.general-item dl dt::before,
.general ul.generalList li.general-item dl dt {
	background: #ffc342;
}
.general ul.generalList li.general-event dl dt::before,
.general ul.generalList li.general-event dl dt {
	background: #42baff;
}
.general ul.generalList li.general-other dl dt::before,
.general ul.generalList li.general-other dl dt {
	background: #ff42ef;
}
/* カテゴリ帯右△ */
.general ul.generalList li.general-info dl dt::after {
	border-color: #57e73b transparent transparent transparent;
}
.general ul.generalList li.general-item dl dt::after {
	border-color: #ffc342 transparent transparent transparent;
}
.general ul.generalList li.general-event dl dt::after {
	border-color: #42baff transparent transparent transparent;
}
.general ul.generalList li.general-other dl dt::after {
	border-color: #ff42ef transparent transparent transparent;
}
/* 
一括色設定 
*/
/* frame */
.general ul.generalList li[class^="general-"] svg {
	fill: #888 !important;
}
/* カテゴリ帯 */
.general ul.generalList li[class^="general-"] dl dt::before,
.general ul.generalList li[class^="general-"] dl dt {
  background: #888;
}
/* カテゴリ帯右△ */
.general ul.generalList li[class^="general-"] dl dt::after {
	border-color: #888 transparent transparent transparent;
}
@media all and (max-width:560px){
  .general ul.generalList {
    justify-content: space-between;
  }
	.general ul.generalList li {
		width: calc(50% - 5px);
		margin-right: 0;
  }
  .general ul.generalList li {
		width: calc(50% - 5px);
		margin-right: 0;
	}
	.general ul.generalList li dl dt {
		width: calc(100% - 50px);
	}
	.general ul.generalList li dl dd {
		width: 100%;
		text-align: right;
	}
}
/*
ページャー
*/
.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wp-pagenavi,
.general .generalPager {
	display: flex !important;
	flex-wrap: wrap !important;
	flex-direction: row !important;
	justify-content: center !important;
	position: relative !important;
	margin-bottom: 20px !important;
}
.wp-pagenavi a,
.general .generalPager li {
  text-indent: initial !important;
  margin-left: initial !important;
  border-bottom: none !important;
  padding-top: initial !important;
  padding-bottom: initial !important;
  margin-right: 14px !important;
}
.general .generalPager li::before {
  content: none !important;
}
.general .generalPager li:last-child {
  margin-right: 0;
}
.wp-pagenavi a,
.general .generalPager a {
  text-decoration: none;
  font-size: 24px;
  line-height: 60px;
  display: block;
  color: #fff;
  background: rgba(0,0,0,.5);
  width: 60px;
  height: 60px;
  text-align: center;
  transition: .3s;
}
.wp-pagenavi a:hover,
.general .generalPager a:hover {
  background: rgba(0,0,0,.8);
}
.wp-pagenavi .pages {display: none;}
.wp-pagenavi .current {
  text-decoration: none;
  font-size: 24px;
  line-height: 60px;
  display: block;
  color: #fff;
  background: rgba(0,0,0,1);
  width: 60px;
  height: 60px;
  text-align: center;
  transition: .3s;
}
.wp-pagenavi span {
  margin-right: 14px !important;
}
.general .generalPager a.page_now{
  background-color:  rgba(0,0,0,.8);
  pointer-events: none
}
@media all and (max-width:560px){
  .wp-pagenavi span,
  .wp-pagenavi a,
  .general .generalPager li {
    width: calc(100% / 7 - 10px) !important;
    margin-right: 10px !important;
    font-size: 20px !important;
  }
  .wp-pagenavi a,
  .general .generalPager a {
    font-size: 20px;
    width: auto;
  }
}

/*
取扱店舗
*/
.shop .detail_cont table th {
  text-align: left !important;
  font-size: 22px;
  padding: 10px;
}
.shop .detail_cont table td {
  padding: 0 14px;
}
.shop .detail_cont dl {
  margin-bottom: 20px;
}
.shop .detail_cont dl.selectBox dt,
.shop .detail_cont dl.selectBox dd {
  border-bottom: none;
}
.shop .detail_cont dl.selectBox dd {
  position: relative;
}
.shop .detail_cont dl.selectBox dd select {
  height: 36px;
  padding: 0 .5em;
  width: 100%;
  border: 1px solid #888;
}
.shop .detail_cont dl.selectBox dd:after {
  content:"";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:14px;
  top:38%;
  border-bottom:#333 2px solid;
  border-right:#333 2px solid;
  transform:rotate(45deg)translateY(-30%);
  z-index: 5;
}
.shop .detail_cont dl.selectBox dd:before {
  content:"";
  display:block;
  width:36px;
  height:36px;
  position:absolute;
  right:0;
  top:10px;
  background: #888;
  z-index: 1;
}
@media all and (max-width:560px){
  .shop .detail_cont dl {
    display: block;
  }
  .shop .detail_cont dl dt,
  .shop .detail_cont dl dd {
    width: 100%;
  }
  .shop .detail_cont dl dd {
    border-bottom: 1px solid #888;
  }
}
/*
イベント
*/
.event ul.generalList {
  justify-content: space-between;
}
.event ul.generalList li {
  width: calc(50% - 10px);
  margin-right: 20px;
}
.event ul.generalList li:nth-child(2n) {
  margin-right: 0;
}
.event ul.generalList li h3 {
  color: #fff;
  background: #818181;
  padding: 10px;
}
.event ul.generalList li p {
  position: relative;
}
.event ul.generalList li p:after {
  content: "";
  width: calc(100% - 20px);
  position: absolute;
  bottom: -16px;
  left: 0;
  border-style: solid;
  border-width: 16px 20px 0 0;
  border-color: #f6f6f6 transparent transparent transparent;
}
.event ul.generalList .event-party svg {
  fill: #ea5565;
}
.event ul.generalList .event-party h3 {
  background: #ea5565;
}
.event ul.generalList .event-ceremony svg {
  fill: #8f86ff;
}
.event ul.generalList .event-ceremony h3 {
  background: #8f86ff;
}
/*
イベント開催店舗表示（都道府県）
*/
.detail .detail_cont .event_shop_list dt {
  color:#333;
  font-weight: 900 !important;
  width: 5em;
  border-bottom: dashed 1px #ccc;
  position: relative;
}
.detail .detail_cont .event_shop_list dt::after {
  content: "｜";
  font-weight: 900 !important;
  position: absolute;
  top: 10px;
  right: 10px;
}
.detail .detail_cont .event_shop_list dd {
  width: calc(100% - 5em);
  border-bottom: dashed 1px #ccc;
  padding-bottom: 0;
  color:#a19e9e;
}
.detail .detail_cont .event_shop_list dd ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.detail .detail_cont .event_shop_list dd ul li {
  text-indent: 0;
  margin-left: 0;
  margin-right: 0.9rem;
  border-bottom: none;
  padding-bottom: 10px;
  color:#a19e9e;
  padding-top: 0;
}
.detail .detail_cont .event_shop_list dd ul li::before {
  content:"";
  width: initial;
  height: initial;
  display: none;
}
.detail .detail_cont .event_shop_list dd ul li a {
  text-decoration: underline;
}
@media all and (max-width:560px){
  .detail .detail_cont .event_shop_list dt,
  .detail .detail_cont .event_shop_list dd,
  .detail .detail_cont .event_shop_list dd ul li {
    font-size: .75rem !important;
  }
}
/*
イベント開催店舗表示（詳細）
*/
.detail .detail_cont table.event_shop_detail {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
.detail .detail_cont table.event_shop_detail .td_padding {
  padding: 10px;
}
.detail .detail_cont table.event_shop_detail tr > th {
  background: #5b5b5b;
  color: #fff;
  font-weight: 900;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  padding: 10px;
}
.detail .detail_cont table.event_shop_detail tr > td {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  padding: 0;
}
.detail .detail_cont table.event_shop_detail tr > td .add a {
  margin-left: 1em;
}
.detail .detail_cont table.event_shop_detail tr.acc > th {
  text-align: center !important;
  width: 6em;
}
.detail .detail_cont table.event_shop_detail tr.acc > td > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.detail .detail_cont table.event_shop_detail tr.acc > td > div .date {
  width: calc(100% - 344px);
}
.detail .detail_cont table.event_shop_detail tr.acc > td > div .format {
  border-radius: 5px;
  background: #ccc;
  color: #fff;
  padding: 6px 5px;
  text-align: center;
  width: 230px;
  line-height: 1;
}
.detail .detail_cont table.event_shop_detail tr.acc > td > div .format.format_all {
  background: #fd3776;
}
.detail .detail_cont table.event_shop_detail tr.acc > td > div .format.format_diva {
  background: #3b76fd;
}
.detail .detail_cont table.event_shop_detail tr.acc > td > div .format.format_key {
  background: #d68f34;
}
.detail .detail_cont table.event_shop_detail tr.acc > td > div > button {
  background: #818181;
  color: #fff;
  border-radius: 5px;
  width: 90px;
  padding: 6px 5px;
  line-height: 1;
  transition: .3s;
}
.detail .detail_cont table.event_shop_detail tr.acc > td > div > button:hover {
  background: #bebebe;
}
.detail .detail_cont table.event_shop_detail tr.acc > td > div > button::before {
  content: "▼";
}
.detail .detail_cont table.event_shop_detail tr.acc > td > div > button.opn::before {
  content: "▲";
}
.detail .detail_cont table.event_shop_detail tr.acc+tr {
  display: none;
}
.detail .detail_cont table.event_shop_detail tr.acc+tr table {
  border-top: none;
  border-left: none;
}
.detail .detail_cont table.event_shop_detail tr.acc+tr table th {
  background: #818181;
  text-align: center !important;
  width: 6em;
  border-right: none;
}
.detail .detail_cont table.event_shop_detail tr.acc+tr table td {
  border-bottom: 1px solid #666;
  border-right: none;
}
.detail .detail_cont table.event_shop_detail tr.acc+tr table tr:last-child th,
.detail .detail_cont table.event_shop_detail tr.acc+tr table tr:last-child td {
  border-bottom: none;
}
@media all and (max-width:560px){
  .detail .detail_cont table.event_shop_detail tr > th {
    font-size: 14px;
    padding: 5px;
    vertical-align: middle;
  }
  .detail .detail_cont table.event_shop_detail tr > td p {
    font-size: 11px !important;
    word-break: break-all;
  }
  .detail .detail_cont table.event_shop_detail .td_padding {
    padding: 5px;
  }
  .detail .detail_cont table.event_shop_detail tr.acc > td > div {
    display: block;
    position: relative;
  }
  .detail .detail_cont table.event_shop_detail tr.acc > td > div .date,
  .detail .detail_cont table.event_shop_detail tr.acc > td > div .format {
    font-size: 11px;
    width: calc(100% - 80px);
  }
  .detail .detail_cont table.event_shop_detail tr.acc > td > div .date {
    width: auto;
    margin-bottom: 3px;
  }
  .detail .detail_cont table.event_shop_detail tr.acc > td > div button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 54px;
  }
  .detail .detail_cont table.event_shop_detail tr.acc+tr table td {
    font-size: 11px;
  }
}
/*
faq
*/
.faq .h4wrapper1 {
  margin-top: 40px;
}
.faq h5 {
  margin-top: 20px;
}
.faq .acd-label {
  padding-left: 2em;
  position: relative;;
}
.faq .acd-label:before {
  position: absolute;
  left: 10px;
  top: 10px;
  content: "Q.";
}
.faq .acd-check + .acd-label + .acd-content,
.faq .acd-check:checked + .acd-label + .acd-content {
  padding-left: 2em;
  position: relative;;
}
.faq .acd-content:before {
  position: absolute;
  left: 10px;
  top: 10px;
  content: "A.";
}
.faq .faqlink {
  display: flex;
  flex-wrap: wrap;
}
.faq .faqlink li {
  border-bottom: none !important;
  margin-right: .6em;
  padding-bottom: 0 !important;
  font-size: .9rem !important;
}
.faq .faqlink li::before {
  top: 2px !important;
}
@media all and (max-width:560px){
  .faq .acd-label,
  .faq .acd-content {
    font-size: .8em;
  }
}
/* 用語集 */
.glossary .acd-label,
.glossary .acd-check + .acd-label + .acd-content,
.glossary .acd-check:checked + .acd-label + .acd-content {
  padding-left: 10px;
  position: relative;;
}
.glossary .acd-label:before,
.glossary .acd-content:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.glossary .acd-label img,
.glossary .acd-content img {
  vertical-align: bottom;
}
.glossary .acd-content p {
  margin-top: 1em;
  text-align: right;
}
@media all and (max-width:560px){
  .glossary .acd-label,
  .glossary .acd-content {
    font-size: .8em;
  }
}
/*
card
*/
.card .cardform {
  background: rgba(0,0,0,.2);
  padding: 40px 0;
}
.card .cardform .u-flex1 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  justify-content:space-between;
  align-items: center;
}
.card .cardform .u-flex2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  justify-content:start;
  align-items: center;
}
.card .cardform .u-flex3 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
  justify-content:start;
  align-items: top;
}
.card .cardform .u-flex4 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
  justify-content:center;
  align-items: center;
}
.card .cardform .wd32 {
  width: 32%;
}
.card .cardform input[type="text"] {
  height: 36px;
  padding: 0 .5em;
  border: 1px solid #888;
  width: 740px;
	box-sizing: border-box;
}
.card .cardform .selectWrap {
  position: relative;
}
.card .cardform .selectWrap select {
  height: 36px;
  padding: 0 .5em;
  border: 1px solid #888;
  width: 100%;
  background: #fff;
}
.card .cardform .selectWrap select.select_type {
  width: 388px;
}
.card .cardform .selectWrap:after {
  content:"";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:14px;
  top:38%;
  border-bottom:#333 2px solid;
  border-right:#333 2px solid;
  transform:rotate(45deg)translateY(-30%);
  z-index: 5;
}
.card .cardform .selectWrap:before {
  content:"";
  display:block;
  width:36px;
  height:36px;
  position:absolute;
  right:0;
  top:0;
  background: #888;
  z-index: 1;
}
.card .cardform input[type="radio"],
.card .cardform input[type="checkbox"] {
  display: none;
}
.card .cardform input[type="radio"] + label,
.card .cardform input[type="checkbox"] + label {
  background: #fff;
  padding:.2em 1em;
  border: 1px solid #888;
  cursor: pointer;
}
.card .cardform input[type="checkbox"] + label img {
  vertical-align: bottom;
}
.card .cardform input[type="radio"]:checked + label,
.card .cardform input[type="checkbox"]:checked + label {
  background: #3b89fd;
  border: 1px solid #004eff;
  color: #fff;
}
.card .cardform .colorWrap label,
.card .cardform .formatWrap label,
.card .cardform .levelWrap label {
  margin-right: .4em;
  padding:.2em .6em .3em !important;
}
.card .cardform button {
  width: 20%;
  padding: 0.6em 0.8em 0.4em;
  transition: .3s;
  background:#ffdee9;
}
.card .cardform button:hover {
  background:#fd3776;
}
.card .cardform button:last-child {
  background:#ababab;
}
.card .cardform button:last-child:hover {
  background:#6a6a6a;
}

.card .cardform button span {
  font-weight: 900;
  display: inline-block;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  transform: skewX(-10deg);
  transition: .3s;
  color: #666;
}
.card .cardform button:hover span {
  color: #fff;
}
.card .cardform p.ttl {
  width: 10em;
}
.card .cardform .starter_accordion,
.card .cardform .booster_accordion {
  padding: .6em 0;
  background: rgba(0,0,0,.2);  
  display: none;
}
.card .cardform .pListWrap {
  overflow-y: scroll;
  height: 10em;
}

.abilityWrap label{
  margin-right: .4em;
  margin-bottom: 10px;
}
.accordion {
  display: none;
}
.accordionTrg2, 
.accordionTrg {
  text-align: center;
  cursor: pointer;
}
.accordionTrg span {
  padding-left:1.5em;
  position: relative;
}
.accordionTrg span:before {
  content:"";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 38%;
  border-bottom: #333 2px solid;
  border-right: #333 2px solid;
  transform: rotate(45deg)translateY(-30%);
  z-index: 5;
}
.accordionTrg.opn span:before {
  left: 5px;
  top: 40%;
  transform: rotate(-138deg)translateY(-30%);
}
.card .cardform .pListWrap ul li input[type="radio"] + label {
  background: transparent;
  padding:.2em 0 .2em 3em;
  border: none;
  cursor: pointer;
  position: relative;
}
.card .cardform .pListWrap ul li input[type="radio"]:checked + label {
  background: transparent;
  border: none;
}
.card .cardform .pListWrap ul li input[type="radio"] + label::before {
  content: "";
  width: 1em;
  height: 1em;
  background: #eee;
  border: 1px solid #888;
  border-radius: .5em;
  position: absolute;
  left: 1em;
  top: .5em;
}
.card .cardform .pListWrap ul li input[type="radio"]:checked + label::after {
  content: "";
  width: .7em;
  height: .7em;
  background: #3b89fd;
  border-radius: .5em;
  position: absolute;
  left: 1.24em;
  top: .7em;
}
@media all and (max-width:560px){
  .card .cardform .u-flex1 {
    display: block;
  }
  .card .cardform input[type="text"] {
    width: 100%;
    margin-bottom: 20px;
  }
  .card .cardform .selectWrap select.select_type {
    width: 100%;
  }
  .card .cardform input[type="radio"] + label,
  .card .cardform input[type="checkbox"] + label {
    padding: .1em .5em;
    font-size: .8rem;
    margin-bottom: 0.5rem;
    display: inline-block;
  }
  .card .cardform .wd32 {
    width: 100%;
    margin-bottom: .5rem;
  }
  .card .cardform p {
    font-size: .8rem;
  }
  .card .cardform .u-flex2 {
    align-items: start;
  }
  .card .cardform button {
    width: 45%;
  }
  .card .cardform p.ttl {
    width: 100%;
  }
}

/* cardlist */
.cardlist .cardDip h3 {
  font-size: 48px;
  font-weight: 700;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  transform: skewX(-10deg);
  border-bottom: 2px solid #333;
  padding-bottom: .2rem;
}
.cardlist .cardDip h3 p{
  display: inline-block;
  margin-left: 1em;
  font-size: 20px;
}
.cardDipSelect {
  margin: 20px 0;
  text-align: center;
}
.cardDipSelect input {display: none;font-size: 0;}
.cardDipSelect input + .tab_item {
  padding: .5em;
  background: #eee;
  color: #666;
  cursor: pointer;
  width: 10em;
  display: block;
  text-align: center;
  transition: .3s;
  display: inline-block;
  margin: 0 auto;
}
.cardDipSelect input:checked + .tab_item {
  background: #666;
  color: #fff;
}
.cardDipSelect > div[id^="dip"] {
  display: none;
  margin-top: 20px;
}
.cardDipSelect #thum:checked ~ #dipThum,
.cardDipSelect #list:checked ~ #dipList {
  display: block;
  padding-top: 10px;
  width: 100%;
  text-align: left;
}
.cardDipSelect #dipThum ul {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  justify-content:start;
  align-items: stretch;
}
.cardDipSelect #dipThum ul li {
  width: 326px;
  margin-right: 11px;
  margin-bottom: 20px;
  border: 2px solid #eee;
  background: rgba(255,255,255,.8);
  padding: 10px;
  text-align: center;
  height: 580px;
}
.cardDipSelect #dipThum ul li:nth-child(3n) {
  margin-right: 0;
}
.cardDipSelect #dipThum ul li img {
  width: 100%;
}
.cardDipSelect #dipList ul {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  justify-content:center;
  align-items: stretch;
}
.cardDipSelect #dipList ul li {
  text-align: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  background: rgba(255,255,255,.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardDipSelect #dipList ul li a {
  color: #fff;
}
.cardDipSelect #dipList ul.listHeader li {
  background: #606060;
  color: #fff;
}
.cardDipSelect #dipList ul li:nth-child(1) {width: 17%;}
.cardDipSelect #dipList ul li:nth-child(2) {width: 34%;}
.cardDipSelect #dipList ul li:nth-child(3) {width: 9%;}
.cardDipSelect #dipList ul li:nth-child(4) {width: 16%;}
.cardDipSelect #dipList ul li:nth-child(5) {width: 16%;}
.cardDipSelect #dipList ul li:nth-child(6) {width: 8%;}

/* カードリストの横向きのカードを上下中央にする */
.cardDipSelect .cardImg {
  display: flex;
  align-items: center;
}

@media all and (max-width:560px){
  .cardlist .cardDip h3 {
    font-size: 35px;
    padding-bottom: .2rem;
    text-align: center;
  }
  .cardlist .cardDip h3 p {
    display: block;
    margin-left: 1em;
  }
  .cardDipSelect input + .tab_item {
    width: 50%;
  }
  .cardDipSelect #dipThum ul li:nth-child(3n) {
    margin-right: 2%;
  }
  .cardDipSelect #dipThum ul li {
    width: 49%;
    margin-right: 2%;
    padding: 10px;
    height: auto;
  }
  .cardDipSelect #dipThum ul li:nth-child(2n) {
    margin-right: 0;
  }
  .cardDipSelect #dipList ul {
    margin-bottom: 20px;
    font-size: .8rem;
    line-height: 1;
  }
  .cardDipSelect #dipList ul li a {font-size: .7rem;}
  .cardDipSelect #dipList ul li:nth-child(1) {width: 100%;}
  .cardDipSelect #dipList ul li:nth-child(2) {width: 100%;}
  .cardDipSelect #dipList ul li:nth-child(3) {width: 25%;}
  .cardDipSelect #dipList ul li:nth-child(4) {width: 25%;}
  .cardDipSelect #dipList ul li:nth-child(5) {width: 25%;}
  .cardDipSelect #dipList ul li:nth-child(6) {width: 25%;}
}
.mordal {
  /*display:none;*/
  /*position: fixed;
  z-index: 10;
  background: rgba(0,0,0,.5);
  top: 0;
  left: 0;*/
}
/* 
cardDetail 
*/
.cardDetail {
  width: 1000px;
  background: #fff;
  height: 90vh;
  margin: 5vh auto;
  position: relative;
}
.cardDetail .cardDetailWrap {
  overflow-y: scroll;
  height: calc(100% - 20px);
  padding: 20px;
}
.cardDetail .close {
  position: absolute;
  top: -20px;
  right: -20px;
  background: #333;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  border: 2px solid #fff;
  color: #fff;
  transition: .3s;
}
.cardDetail .close i { 
  color: #fff;
}
.cardDetail .close:hover {
  opacity: .8;
}
/* タイトル */
.cardttlwrap {
  position: relative;
  border-bottom: 2px solid #ccc;
  padding-bottom: .6rem;
  margin-bottom: 1.6rem;
}
.cardttlwrap .cardName {
  font-weight: 900;
  font-size: 1.2rem;
}
.cardttlwrap .cardName span {
  font-weight: 900;
  font-size: .7rem;
  margin-left: 1rem;
}
.cardttlwrap .cardRarity {
  position: absolute;
  right: 0;
  bottom: 1rem;
  color: #3b76fd;
  font-size: 1.6rem;
  font-weight: 900;
}
/* 画像 */
.cardDetailWrap .cardImg {
  text-align: center;
  margin-bottom: 1rem;
}
.cardDetailWrap .cardImg img {
  width: 600px;
  margin: 0 auto;
}
.cardDetailWrap .cardImg p,
.cardDetailWrap .cardImg p span {
  font-size: 0.8rem;
}
.cardDetailWrap .cardData {
  margin-bottom: 1rem;  
}
.cardDetailWrap .cardData > dl {
  display: flex;
  flex-direction: row;
	flex-wrap: wrap;
  justify-content:start;
  align-items: stretch;
  border-top: 2px solid #989898;
  border-left: 2px solid #989898;
}
.cardDetailWrap .cardData > dl dt {
  background: #818181;
  color: #fff;
}
.cardDetailWrap .cardData > dl dt,
.cardDetailWrap .cardData > dl dd {
  padding: 10px;
  text-align: center;
  width: 16.66%;
  border-bottom : 2px solid #989898;
  border-right: 2px solid #989898;
}
.cardDetailWrap .cardData .cardText,
.cardDetailWrap .cardData .cardSkill {
  padding: 10px;
  border-left: 2px solid #989898;
  border-right: 2px solid #989898;
  border-bottom: 2px solid #989898;
  line-height: 1.8;
}
.cardDetailWrap .cardData .cardText img,
.cardDetailWrap .cardData .cardSkill img {
  margin-right: .5rem;
  vertical-align: sub;
}
/* faq */
.cardDetailWrap .cardData .cardFaq {
  border: 2px solid #989898;
}
.cardDetailWrap .cardData .cardFaq .faqTtl {
  background: #818181;
  color: #fff;
  text-align: center;
  padding: 10px;
}
.cardDetailWrap .cardData .cardFaq > dl dt {
  padding: 10px;
  color: #fd3776;
}
.cardDetailWrap .cardData .cardFaq > dl dt::before {
  content: "Q : ";
}
.cardDetailWrap .cardData .cardFaq > dl dd {
  padding: 0 10px 10px;
  border-bottom: 2px solid #989898;
}
.cardDetailWrap .cardData .cardFaq > dl dd::before {
  content: "A : ";
  color: #3b76fd;
}
.cardDetailWrap .cardData .cardFaq > dl dd:last-child {
  border-bottom: 0;
}
/* 限定公開info */
.cardDetailWrap .cardData .cardFaq > dl.limitedInfo dt {
  border-bottom:1px dashed #989898;
}
.cardDetailWrap .cardData .cardFaq > dl.limitedInfo dt::before {
  content: "";
}
.cardDetailWrap .cardData .cardFaq > dl.limitedInfo dd {
  padding: 10px;
}
.cardDetailWrap .cardData .cardFaq > dl.limitedInfo dd::before {
  content: "";
}

@media all and (max-width:560px){
  .cardDetail {
    width: calc(100% - 20px);
    background: #fff;
  }
  .cardDetail .cardDetailWrap {
    padding: 10px;
  }
  .cardDetail .close {
    position: absolute;
    top: -10px;
    right: -10px;
  }
  .cardDetail .close i { 
    color: #fff;
  }
  .cardDetail .close:hover {
    opacity: .8;
  }
  /* タイトル */
  .cardttlwrap {
    position: relative;
    border-bottom: 2px solid #ccc;
    padding-bottom: .6rem;
    margin-bottom: 1rem;
  }
  .cardttlwrap .cardName {
    font-weight: 900;
    font-size: 1.2rem;
  }
  .cardttlwrap .cardName span {
    margin-left: 0;
    display: block;
  } 
  /* 画像 */
  .cardDetailWrap .cardImg {
    text-align: center;
    margin-bottom: 1rem;
  }
  .cardDetailWrap .cardImg img {
    width: calc(100% - 20px);
  }
  .cardDetailWrap .cardImg p,
  .cardDetailWrap .cardImg p span {
    font-size: 0.8rem;
  }
  .cardDetailWrap .cardData > dl dt,
  .cardDetailWrap .cardData > dl dd {
    font-size:.6rem;
    padding: 5px;
    text-align: center;
    width: 25%;
    border-bottom : 2px solid #989898;
    border-right: 2px solid #989898;
  }
  .cardDetailWrap .cardData .cardText,
  .cardDetailWrap .cardData .cardSkill {
    font-size:.8rem;
  }
  .cardDetailWrap .cardData .cardText img,
  .cardDetailWrap .cardData .cardSkill img {
    margin-right: .5rem;
    height: 15px;
  }
  .cardDetailWrap .cardData .cardFaq .faqTtl,
  .cardDetailWrap .cardData .cardFaq  dl dt,
  .cardDetailWrap .cardData .cardFaq  dl dd {
    font-size: 0.8rem;
  }
}


/* 2022.9.2追加　youtube yanabu */
	.youtube {
	  width: 100%;
	  aspect-ratio: 16 / 9;
	}
	.youtube iframe {
	  width: 100%;
	  height: 100%;
	}	

/* 2023.1.19追加　デッキレシピ表 yanabu */
	.name_div{
		background-color: #666;
		color: #fff;
		height: 50px;
		padding-top: 10px;
		font-size: 20px;
		font-weight: bolder;
		padding-left: 15px;
		text-align: center;
	}
	.decklist_table{
		margin-bottom: 20px;
	}
	.decklist_table th{
		font-size: 15px;
		padding: 8px!important;
		text-align: center;
		font-weight: bold!important;
	}

/* 2023.1.19追加　デッキレシピ表　クリックで開く yanabu */
.decklist_hiddentype .acd-label {
	padding-left: 10px!important;
	position: relative;
}
.decklist_hiddentype .acd-label:before {
	position: absolute;
	left: 10px;
	top: 10px;
	content: "";
}
.decklist_hiddentype .acd-content {
	padding-left:10px;
}
.decklist_hiddentype .acd-content:before {
	position: absolute;
	left: 10px;
	top: 10px;
	content: "";
}
.decklist_hiddentype .acd-label {
	padding-left: 2em;
	position: relative;
	background-color: #666;
	border: #666 solid 1px;
}
.decklist_hiddentype .acd-label:before {
	position: absolute;
	left: 10px;
	top: 10px;
	content: "";
}
.decklist_hiddentype .acd-label:hover{
	background-color: #555;
}
.decklist_hiddentype .acd-content{
	border: none;
	padding: 0px!important;
}

/* 2023.1.19追加　ルールボタンブロック yanabu */
	.btn_rulechange{
		display: block;
		font-size: 22px;
		padding: 10px 1em;
		text-align: center;
		height: auto;
		border: solid 2px #3acbfd;
	}
	.btn_rulechange:hover{
		background-color: #3acbfd;
		color: #fff;
	}
	.btn_rulechange:hover .date_rulechange{
		color: #fff;
		transition: .3s;
	}
	.date_rulechange{
		color: #3acbfd;
	}
	.btn_rule_new{
		position: relative;
		display: inline-block;
		background-color: rgba(58,203,253,1.00);
		color: #fff;
		padding: 0px 10px 0px 10px;
	}
	.btn_rule_new::after{
		content: "";
		height: 100%;
		width: 20px;
		background: linear-gradient(55deg, rgba(58,203,253,1) 50%, rgba(58,203,253,0)50%);
		right: -20px;
		top: 0;
		display: block;
		position: absolute;
	}


  /* 0205mao */
  .story_img{
    width: 23px;
    height: 23px;
  }

  @media all and (min-width: 768px){
    .story_img{
      width: 100%;
    }
  }

  .cardData_story_img_wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .cardData_story_img{
    width: 25px;
    height: 25px;
  }

  @media all and (min-width: 768px){
    .cardData_story_img{
      width: 80%;
      height: auto;
    }
  }


/* 2023.02.09追加 白窓の部屋 yanabu */

	/* 表全体 */
	.com_event{
		border-right: solid 1px #4d31b1;
		border-left: solid 1px #4d31b1;
	}

	/* イベントタイトル */
	.com_event .title{
		background-color: #6750b8;
		width: 100%!important;
		padding: 10px 20px;
		border-bottom: solid #4d31b1 1px!important;
		display: flex;
		align-items: center;
	}
	.com_event .title span{
		color: #fff;
		font-size: 20px;
		font-weight: bold;
	}
	@media screen and (max-width:560px){
		.com_event .title{
			display: block;
			padding: 10px;
		}
	}

	/* コミュニティ名 */
	.com_event .title a{
		margin:0 0 0 auto;
		display: flex;
	}
	.com_event .title i{
		color: #00acee;
		background-color: #fff;
		max-width: 400px;
		padding:5px 35px 5px 10px;
		border: solid 2px #00acee;
		border-radius: 5px;
		position: relative;
		font-family: 'Noto Sans Japanese', 'Noto Sans JP' , sans-serif;
		font-size: 15px;
	}
	.com_event .title i:hover{
		color: #fff;
		background-color: #00acee;
	}
	.com_twitter::after{
		margin-left: 10px;
		content: "\e61b";
		position: absolute;
		right: 10px;
		top: 1px;
		display: flex;
		align-items: center;
		height: 100%;
		font-family: "Font Awesome 5 Brands";
	}
	@media screen and (max-width:560px){
		.com_event .title a{
			margin-top: 10px;
		}
	}

	/* 開催日と場所の表 */
	.com_event .event_txt{
		width: 100%!important;
		padding: 0!important;
		border: none!important;
	}
	.com_event .event_txt dl{
		margin: 0px;
		padding: 0px;
		font-size: 15px;
	}
	.com_event .event_txt dt{
		color: #4d31b1!important;
		background-color: #ebe5ff;
		width: 120px!important;
		padding:10px;
		border-bottom: solid 1px #4d31b1!important;
		border-right: solid 1px #4d31b1;
		font-size: 15px;
		display: flex;
		align-items: center;
	}
	.com_event .event_txt dd{
		background-color: #fff;
		width: calc(100% - 120px)!important;
		padding:10px!important;
		border-bottom: solid 1px #4d31b1!important;
		font-size: 15px;
		display: flex;
		align-items: center;
	}

	.com_event .event_txt dd.date_format{
		width: 100%!important;
		margin: 0!important;
		padding: 0!important;
		border-bottom: none!important;
	}
	.com_event .event_txt dd.date_format dl dt{
		width: 120px!important;
	}
	.com_event .event_txt dd.date_format dl dd{
		width: calc(50% - 120px)!important;
	}
	.com_event .event_txt dd.date_format dl dt.format{
		border-left: solid 1px #4d31b1;
	}
	.eventlist_202403 .com_event .event_txt dd.date_format dl dd{
		width: calc(100% - 120px)!important;
	}
	.eventlist_202403 .format{
		display: none!important;
	}
	@media screen and (max-width:560px){
		.com_event .event_txt dd.date_format dl dd{
			width: calc(100% - 120px)!important;
		}
		.com_event .event_txt dd.date_format dl dt.format{
			border-left:none;
		}
	}


	/* 画像有りの表 */
	.com_event .event_img{
		width: 30%!important;
		padding: 10px;
		border-bottom: solid 1px #4d31b1!important;
		border-right: solid 1px #4d31b1!important;
		display: flex;
		align-items: center;
	}
	.com_event .event_img img{
		max-width: 100%;
		margin: 0 auto;
	}
	.com_event .event_img_txt{
		width: 70%!important;
		padding: 0!important;
		border: none!important;
	}
	.com_event .event_img_txt dl{
		margin: 0px!important;
		padding: 0px!important;
		font-size: 15px;
	}
	.com_event .event_img_txt dt{
		color: #4d31b1!important;
		background-color: #ebe5ff;
		width: 100px!important;
		padding:10px;
		border-bottom: solid 1px #4d31b1!important;
		border-right: solid 1px #4d31b1!important;
		font-size: 15px;
		display: flex;
		align-items: center;
	}
	.com_event .event_img_txt dd{
		background-color: #fff;
		width: calc(100% - 100px)!important;
		padding:10px;
		border-bottom: solid 1px #4d31b1!important;
		font-size: 15px;
		display: flex;
		align-items: center;
	}
	@media screen and (max-width:560px){
		.com_event .event_img{
			width: 100%!important;
			max-height: 250px;
			border-right: none!important;
		}
		.com_event .event_img img{
			max-height: 230px!important;
		}
		.com_event .event_img_txt{
			width: 100%!important;
		}
	}

	/* details内の表 */
	.com_event .event_txt_hidden{
		width: 100%!important;
		padding: 0!important;
		border: none!important;
	}
	.com_event .event_txt_hidden dl{
		margin: 0px;
		padding: 0px;
		font-size: 15px;
	}
	.com_event .event_txt_hidden dt{
		color: #4d31b1!important;
		background-color: #ebe5ff;
		width: 120px!important;
		padding:10px;
		border-bottom: solid 1px #4d31b1!important;
		border-right: solid 1px #4d31b1!important;
		font-size: 15px;
		display: flex;
		align-items: center;
	}
	.com_event .event_txt_hidden dd{
		background-color: #fff;
		width: calc(100% - 120px)!important;
		padding:10px;
		border-bottom: solid 1px #4d31b1!important;
		font-size: 15px;
		display: flex;
		align-items: center;
	}
	.com_event dd.w100{ /*備考dd*/
		width: 100%!important;
	}

	/* アコーディオン */
	details{
		width: 100%;
	}
	.com_event summary{
		background-color: #fff;
		color: #3e22a1;
		border-bottom: 1px solid #4d31b1;
		padding: 3px 10px;
		font-size: 15px;
		text-align: center;
		cursor: pointer;
	}
	.com_event summary hover{
		background-color: #d3e0ff;
	}
	.com_event summary span{
		color: #3e22a1;
		font-size: 15px;
	}

	/*コミュニティリストdl*/
	.cont_inner_comlist{
		margin-bottom: 100px!important;
	}
	.com_list{
		border-right: solid #4d31b1 1px!important;		
		border-left: solid #4d31b1 1px!important;		
		border-top: solid #4d31b1 1px!important;		
	}
	.com_pause{
		display: none!important;
	}
	.com_list dt{
		color: #fff!important;
		background-color: #6750b8;
		width: 100%!important;
		padding: 10px 20px;
		border-bottom: solid #4d31b1 1px!important;
		font-size: 20px;
		font-weight: bold;
		display: flex;
		align-items: center;
	}
	.com_list dd{
		width: 100%!important;
		padding: 10px;
		border-bottom: solid #4d31b1 1px!important;
	}
	.com_list_inner{
		margin: 0!important;
	}
	.com_list_inner dd{
		width: 100%!important;
	}
	.com_list_inner .com_list_txt{
		padding-top: 0px!important;
		border-bottom: dashed #4d31b1 1px!important;
	}
	.com_list_inner .com_list_icon{
		height: 40px;
		padding-bottom: 0px!important;
		border: none!important;
		text-align: right;
	}
	.com_list_inner .com_list_icon a{
		display: inline-flex;
		align-items: center;
		width: 30px;
		height: 30px;
		margin-left: 10px;
		background-size: contain;
		transition: .3s;
	}
	.com_list_inner .com_list_icon a:hover{
		transition: .3s;
	}
/*	.com_icon_tw{
		background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill='%23888888' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/></svg>");
}*/
	.com_icon_tw{
		background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><path fill='%23888888' d='M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0'/></g></svg>");
}
	.com_icon_web{
		background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill='%23888888' d='M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 21 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z'/></svg>");
	}
	.com_icon_youtube{
		background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill='%23888888' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/></svg>");
	}
	.com_icon_tw:hover{
		background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><path fill='%236750b8' d='M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0'/></g></svg>");
}
/*	.com_icon_tw:hover{
		background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><path fill='%236750b8' d='M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0'/></g></svg>");
}*/
	.com_icon_web:hover{
		background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill='%236750b8' d='M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 21 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z'/></svg>");
	}
	.com_icon_youtube:hover{
		background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill='%236750b8' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/></svg>");
	}
/*白窓の部屋ここまで*/

/*2023.02.17追加 ライター紹介 yanabu */
	.writerlist .prf_img{
		width: 220px;
		padding-right: 20px;
		border-bottom: none!important;
		padding-top: 0px!important;
	}
	.writerlist .prf_txt{
		width: calc(100% - 220px);
		border-top: solid 1px #ffa6c3;
		border-bottom:none!important;
		padding: 0px!important;
	}
	.prf_txt dl{
		margin: 0px!important;
	}
	.prf_txt dt{
		background-color: #fce8ef;
	}
	.prf_txt dd,.prf_txt dt{
		padding: 0px 10px;
		display: flex;
		align-items: center;
		border-bottom: solid 1px #ffa6c3!important;
	}
	
	@media screen and (max-width:560px){
		.writerlist .prf_img{
			padding: 0px!important;
			margin-bottom:20px;
		}
		.writerlist .prf_img img{
			width: 50%;
			display: block;
			margin: 0 auto;
		}
		.writerlist dl,.writerlist dt,.writerlist dd{
			width: 100%!important;
		}
		.prf_txt dt{
			border-bottom: none!important;
		}
		.prf_txt dd{
			padding-bottom: 20px!important;
		}
	}
	.com_list_region .none_active{
		pointer-events: none;
		color: #aaa!important;
		text-decoration: none!important;
	}
	.com_list .new_img{
		height: 24px;
		margin-top: 1px;
		margin-left: 10px;
	}

/* イベントTOP　SP表示修正　230303 yanabu */
@media screen and (max-width:560px){
	.eventlList_w100 li{
		width: 100%!important;
		margin-right: 0px!important;
	}
}


/* aボタン　非アクティブ　230616 yanabu */
a.noneactive{
	pointer-events: none;
    border-color: #aaa!important;
    color: #aaa!important;
    background: linear-gradient(180deg, #fff 0%, #fff 50%,#eee 51%,#eee 100%)!important;
}

/* hr 230616 yanabu */
hr{
	border-top: dashed #555 1px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

/* ゲストガイド　トーク用dl */

.detail .detail_cont dl.dl_talk{
	width: 100%;
	position: relative;
    align-items: center;
}

dl.dl_talk dt{
    width: 100px!important;
    height: 100px!important;
    position: absolute;
    top: 5px;
    left: 0;
    border: none!important;
	padding: 0!important;
}

dl.dl_talk2 dt{
    width: 200px!important;
}

dl.dl_talk dt img{
    width: 100px;
    height: 100px;
}

@media screen and (max-width:560px){
	dl.dl_talk dt{
		width: 150px!important;
	}
	dl.dl_talk dt img{
		width: 75px;
		height: 75px;
	}
	dl.dl_talk2 dt{
		width: 75px!important;
	}
}

dl.dl_talk dd{
	width: 100%!important;
    padding: 0 0px 0 110px!important;
    border: none!important;
    min-height: 110px!important;
    display: grid;
    place-items: inherit;
}

dl.dl_talk2 dd{
    padding: 0 0px 0 210px!important;
}

@media screen and (max-width:560px){
	dl.dl_talk dd{
		padding: 0 0px 0 85px!important;
		min-height: 85px!important;
		font-size: .75rem!important;
	}
	dl.dl_talk2 dd{
		padding: 0 0px 0 160px!important;
	}
}

/* イベント検索用 230908_yanabu */
.detail_cont_result .event_shop_list .none_active {
  pointer-events: none;
  color: #aaa !important;
  text-decoration: none !important;
}
.selectBox_div {
  background: rgba(0, 0, 0, .2);
  padding:30px 0px 40px 0;
  margin-bottom: 60px;
}

.selectBox_div h5{
	padding-bottom: 5px;
    position: relative;
    border-bottom: 2px dashed #333;
    margin-bottom: 20px;
    text-align: center;
}
.selectBox_div h5 span{
	display: block;
    font-size: 20px;
    font-weight: 700;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);
}

.selectBox_div input[type="button"]{
	margin: 0 auto;
    display: block;
    background: #efefef;
    color: #777;
    padding: 5px 10px;
    border: solid #777 1px;
    font-size: 15px;
	transition: .3s;
	font-weight: bold;
}
.selectBox_div input[type="button"]:hover{
    background: #555;
    color: #fff;
    border: solid #777 1px;
	transition: .3s;
}

.selectBox_div .selectBox {
  display: flex;
  border: none !important;
  margin-bottom: 10px !important;
}
.selectBox_div .select_none{
	color: #aaa;
}
.selectBox_div .selectBox dt, .selectBox_div .selectBox dd {
  margin: 0;
  padding: 0;
  font-size: 18px !important;
  height: 36px;
}
.selectBox_div .selectBox dt {
  width: 100px;
  padding-top: 3px;
}
.selectBox_div .selectBox dd {
  width: calc(100% - 100px);
  position: relative;
}
.selectBox_div .selectBox dd::before {
  content: "";
  position: absolute;
  width: 36px;
  height: 36px;
  background-color: #888;
  right: 0;
  top: 0;
}
.selectBox_div .selectBox dd::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 14px;
  top: 33%;
  border-bottom: #333 2px solid;
  border-right: #333 2px solid;
  transform: rotate(45deg)translateY(-30%);
  z-index: 5;
}
.selectBox_div .selectBox select {
  font-size: 15px !important;
  height: 36px;
  width: 100%;
  background-color: #fff;
  padding: 5px 10px;
  border: solid 1px #888;
}

.selectBox_div .option_display_none{
	display: none;
}
.selectBox_div .option_view{
	display: revert;
}

.detail_cont_result .event_box,
.detail_cont_result  .h5_date {
  display: none;
}
.detail_cont_result .h5_date {
  margin-top: 40px !important;
}
.detail_cont_result .eventsearch_h4wrapper1 {
  display: none;
}
.detail_cont_result .view {
  display: revert;
}
.detail_cont_result .event_shop_list li a span {
  color: #00beff;
  transition: .3s;
}
.detail_cont_result .event_shop_list li a:hover span {
  color: #fd3776;
  transition: .3s;
}
@media (max-width: 560px) {
  .detail_cont_result .event_shop_list {
    display: flex !important;
  }
  .detail_cont_result .event_shop_list li a span {
    font-size: .75rem !important;
  }
}
.detail_cont_result .display_none {
  display: none !important;
}
.detail_cont_result .event_box dl {
  display: flex !important;
  border: solid 1px #555 !important;
}
.detail_cont_result .event_box dd.event_name {
  border-bottom: none !important;
  background-color: #555 !important;
  color: #fff !important;
  width: 100% !important;
  font-size: 15px;
  padding: 5px 10px 7px !important;
}
.detail_cont_result .event_box dd.event_name span {
  font-size: 12px;
  color: #fff;
  border-style: solid;
  border-width: 1px;
  padding: 0px 5px 1px;
  border-radius: 5px;
  vertical-align: bottom;
  margin: 0px;
  display: inline-block;
}
.detail_cont_result .event_box dd.event_name span.format_allstar {
  border-color: #820c32;
  background-color: #fd3776;
}
.detail_cont_result .event_box dd.event_name span.format_key {
  border-color: #764506;
  background-color: #d68f34;
}
.detail_cont_result .event_box dd.event_name span.format_diva {
  border-color: #14357f;
  background-color: #3b76fd;
}
.detail_cont_result .event_box dt.shop_name, .detail_cont_result .event_box dt.time {
  font-size: 18px;
  width: 100px !important;
  background-color: #ccc;
  color: #333 !important;
  border-right: solid 1px #555 !important;
  border-bottom: solid 1px #555 !important;
  padding: 10px !important;
}
.detail_cont_result .event_box dd.shop_name,
.detail_cont_result .event_box dd.time {
  width: calc(100% - 100px) !important;
  padding: 10px !important;
  font-size: 18px;
  border-bottom: solid 1px #555 !important;
}
.detail_cont_result .event_box dd.shop_name span {
  font-size: 15px;
}
.detail_cont_result .event_box dd.detail {
  padding: 0 !important;
  width: 100% !important;
  border-bottom: none !important;
}
.detail_cont_result .event_box summary {
  width: 100% !important;
  text-align: center;
  padding: 3px 5px !important;
  font-size: 15px;
}
.detail_cont_result .event_box details dl {
  border: none !important;
  margin: 0 !important;
  display: flex !important;
}
.detail_cont_result .event_box details dl dt {
  font-size: 18px;
  width: 100px !important;
  background-color: #ccc;
  color: #333 !important;
  border-right: solid 1px #555 !important;
  border-top: solid 1px #555 !important;
  border-bottom: none !important;
  padding: 10px !important;
}
.detail_cont_result .event_box details dl dd {
  width: calc(100% - 100px) !important;
  border-top: solid 1px #555 !important;
  border-bottom: none !important;
  padding: 10px !important;
  font-size: 18px;
}
.detail_cont_result .event_none {
  display: none;
}

.detail_cont_result .event_none_view {
  display: revert;
}

/* イベント注意 231124_yanabu */
	div.event_info{
		width: 100%;
		border: solid 1px #fd3776;
		background-color: #fff;
		margin-bottom: 20px;
	}
	.event_info h5{
		width: 100%;
		padding: 10px;
		background-color: #fd3776;
		text-align: center;
		margin-bottom: 0!important;
		border: none!important;
	}
	.event_info h5 span{
		color: white;
		font-size: 1.4rem;
		transform: none!important;
	}
	.event_info p{
		margin: 10px;
	}
	.event_info .txt_size1{
		font-size: 0.9rem!important;
	}

	div.event_info_left{
		width: 100%;
		margin-bottom: 20px;
	}
	.event_info_left h5{
		width: 100%;
		padding: 10px;
		text-align: left;
		margin-bottom: 0!important;
		border-bottom: 2px solid #333;
	}
	.event_info_left h5 span{
		color: #333;
		font-size: 1.4rem;
		transform: none!important;
	}
	.event_info_left p{
		margin: 10px;
	}
	.event_info_left .txt_size1{
		font-size: 0.9rem!important;
	}

/* CEREMONY用 枠 240412_yanabu */

	.prize_waku {
		position: relative;
		border: solid #777 1px;
		padding: 40px 10px 10px 10px;
		margin: 20px 0px;
	}

	.prize_waku .period {
		position: absolute;
		background-color: #777;
		padding: 3px 10px;
		color: white;
		top: 0;
		left: 0;
		height: 35px;
	}

	.prize_waku .period::before {
		content: "";
		position: absolute;
		height: 35px;
		width: 35px;
		right: -35px;
		top: 0;
		background: linear-gradient(135deg, #777 50%, rgba(0, 0, 0, 0) 50%);
	}

	@media screen and (max-width:560px){
		.prize_waku .period {
			height: 25px;
		}
		.prize_waku .period::before {
			height: 25px;
			height: 25px;
			width: 25px;
			right: -25px;
		}
	}

	.prize_waku hr{
		border-top: double 3px #777;
		margin: 30px 0px;
	}


/* ユーザー出展用 250919_yanabu */

.list_blue{
	border: solid 2px #274ea6;
	margin-bottom: 40px;
}

.list_red{
	border: solid 2px #912b4b;
	margin-bottom: 40px;
}

.list_blue h1,.list_red h1{
	padding: 10px 10px 10px 120px;
	position: relative;
}

.list_blue h1{
	color: #274ea6;
	border-bottom: solid #274ea6 2px;
	}

.list_red h1{
	color: #912b4b;
	border-bottom: solid #912b4b 2px;
}

.list_blue h1 span,.list_red h1 span{
	position: absolute;
	left: -2px;
	height: calc(100% + 4px);
	top: -2px;
	padding: 0px 10px;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.list_blue h1 span::before,.list_red h1 span::before{
	content: "";
	display: block;
	width: 50px;
	height: 100%;
	position: absolute;
	right: -50px;
	top: 0;
	}

.list_blue h1 span::before{
	background: linear-gradient(120deg, #274ea6 50%, rgba(0,0,0,0) 50%);
}

.list_red h1 span::before{
	background: linear-gradient(120deg, #912b4b 50%, rgba(0,0,0,0) 50%);
}

.list_blue h1 span{
	background-color: #274ea6;
}

.list_red h1 span{
	background-color: #912b4b;
}

.list_blue dl,.list_red dl{
	width:100%!important;
	padding: 10px 20px!important;
	margin: 0px!important;
}

.list_blue dl dt{
	border-bottom: dashed 1px #274ea6!important;
	color: #3b76fd!important;
}

.list_red dl dt{
	border-bottom: dashed 1px #912b4b!important;
}

.list_blue dl dt,.list_red dl dt,.list_blue dl dd,.list_red dl dd{
	width: 100%!important;
}

.list_blue dl dd,.list_red dl dd{
	border: none!important;
}

@media screen and (max-width:560px){
	.list_blue h1,.list_red h1{
		padding-left: 10px;
		padding-top: 35px;
	}
	.list_blue h1 span,.list_red h1 span{
		height: 30px;
		padding-bottom: 3px;
	}
}

/* デッキリスト 251031_yanabu */

.decklist_tab {
	max-width: 100%;
	margin: 0 auto;
	padding: 0px;
	margin-bottom: 40px;
}

.decklist_tab h5{
	padding-bottom: 5px!important;
	margin-bottom: 10px!important;
	border-width: 1.5px!important;
	border-bottom-style: dashed!important;
	border-color: #666!important;
}

.decklist_tab h5 span {
    font-size: 1.1rem !important;
	padding-left: 10px;
}

.decklist_tab_btnbar {
	display: flex;
	align-items: flex-end; /* メニューを下揃え&高さを調整 */
	justify-content: center;
	min-height: 50px; /* メニュー切替時にタブがズレないように */
	padding: 0!important;
	margin:0px!important;
}

.decklist_tab_btn {
	text-indent: 0!important;
	list-style: none;
	width: 150px;
	padding: 10px!important; /* メニューに高さを付ける */
	margin: 0!important;
	border: none!important;
	text-align: center;
	background-color: #fff;
	color: #aaa;
	cursor: pointer;
	transition: all .2s; /* アニメーション */
}
		
.decklist_tab_btn:hover{
	background-color: #eee;
	color: #777;
	transition: all .2s;
}
		
.decklist_tab_btn::before{
	display: none!important;
}

.decklist_tab_btn:last-of-type {
	margin-right: 0px;
}

/* is-activeがついている時のスタイル */
.decklist_tab_btn.is-active {
	background-color: #ebebeb;
	color: #333;
}
		
/* タブパネル */
.decklist_tab_panelbar {
	width: 100%;
	background: #ebebeb;
	padding: 15px;
}

.decklist_tab_panelbar a.open_btn{
	width: 100%;
	background-color: #ccc;
	color: #666 ;
	transition: all .2s;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	padding: 10px;
}

.decklist_tab_panelbar a.open_btn:hover{
	background-color: #666;
	color: #fff ;
	transition: all .2s;
}

.decklist_tab_panel {
	height: fit-content; /* テキスト量が多くなっても対応できるように */
	padding: 20px 0px 0px 0px;
}

.decklist_tab_imagelist,.decklist_tab_textlist {
	display: none;
}

.decklist_tab_imagelist .card_cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.decklist_tab_imagelist .card_cont a{
	margin: 0px calc((10% - 85px) / 2) 5px calc((10% - 85px) / 2);
	width: 120px;
	height: 120px;
	max-width: fit-content;
	max-height: fit-content;
}

.decklist_tab_imagelist .card_cont img{
	padding: 0px!important;
	transition: all .2s;
	max-width: 118.43px;
	max-height: 118.43px;
}

.decklist_tab_imagelist .card_cont img:hover{
	opacity: 0.5!important;
	transition: all .2s;
}
@media screen and (max-width:560px){
	.decklist_tab_imagelist .card_cont a{
		margin: 0px calc((20% - 75px) / 2) 5px calc((20% - 75px) / 2);
	}
	.decklist_tab_imagelist .card_cont img{
		max-width: 104.5px;
		max-height: 104.5px;
	}
}

@media screen and (max-width:500px){
	.decklist_tab_imagelist .card_cont a{
		margin: 0px calc((20% - 65px) / 2) 5px calc((20% - 65px) / 2);
	}
	.decklist_tab_imagelist .card_cont img{
		max-width: 90.56px;
		max-height: 90.56px;
	}
}

@media screen and (max-width:450px){
	.decklist_tab_imagelist .card_cont a{
		margin: 0px calc((20% - 60px) / 2) 5px calc((20% - 60px) / 2);
	}
	.decklist_tab_imagelist .card_cont img{
		max-width: 83.59px;
		max-height: 83.59px;
	}
}

@media screen and (max-width:425px){
	.decklist_tab_imagelist .card_cont a{
		margin: 0px calc((20% - 55px) / 2) 5px calc((20% - 55px) / 2);
	}
	.decklist_tab_imagelist .card_cont img{
		max-width: 76.63px;
		max-height: 76.63px;
	}
}

@media screen and (max-width:400px){
	.decklist_tab_imagelist .card_cont a{
		margin: 0px calc((20% - 50px) / 2) 5px calc((20% - 50px) / 2);
	}
	.decklist_tab_imagelist .card_cont img{
		max-width: 69.66px;
		max-height: 69.66px;
	}
}

/* is-showがついている時のスタイル */
.decklist_tab_panel.is-show {
	display: block;
}

div.deckrecipe_title{
	width: 100%;
	min-height: 120px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

div.deckrecipe_title hr{
	width: 100%;
	border-top: double #666 4px;
}

div.deckrecipe_title .deckrecipe_title_text{
	width: calc(100% - 330px);
}

div.deckrecipe_title h5{
	border-bottom: none!important;
	font-size: 1.5rem!important;
	margin: 0px 0px 5px 0px!important;
	padding: 0!important;
	font-feature-settings: "palt";
}

div.deckrecipe_title p{
	font-size: 1rem!important;
	margin: 0!important;
	padding: 0!important;
	font-feature-settings: "palt";
}

.lrig_thumb_div{
	display: flex;
	width: 330px;
	justify-content: flex-end;
}


.lrig_thumb{
	width: 100px;
	height: 100px;
	background-position: center -15px;
	background-size: 120%;
	margin-left: 10px;
}

@media screen and (max-width:560px){
	div.deckrecipe_title{
		display: block;
	}
	div.deckrecipe_title .deckrecipe_title_text{
		width: 100%;
		margin-bottom: 10px;
	}
	.lrig_thumb_div{
		width: 100%;
		justify-content: space-evenly;
		padding: 0px 10px;
	}
	.lrig_thumb{
		margin: 0;
		width: 75px;
		height: 75px;
		background-position: center -11px;
	}
	div.deckrecipe_title h5{
		font-size: 1rem!important;
		text-align: center;
	}
	div.deckrecipe_title p{
		font-size: .8rem!important;
		text-align: center;
	}
}

.decklist_tab_panel div table{
	border-color: #ddd!important;
}

.decklist_tab_panel div.lrigdeck table{
	/*width: calc(100% - 70px)!important;
	margin-right: 70px!important;*/
}

.decklist_tab_panel div.maindeck{
	/*width: calc(50% + 94px)!important;
	margin-left: 10px!important;*/
}

.decklist_tab_panel div table tr td{
	transition: all .2s;
}

.decklist_tab_panel div table tr:nth-child(odd) td {
    background-color: #f9f9f9 !important;
}

.decklist_tab_panel div table tr:hover td{
	background-color: #e5f2ff!important;
	transition: all .2s;
}

.decklist_tab_panel div table tr th{
	background-color: #666!important;
	padding: 6px!important;
	text-align: center;
	font-weight: normal!important;
}

.decklist_tab_panel div table tr td{
	padding: 0px!important;
}

.decklist_tab_panel div table tr td a{
	display: block;
	padding: 6px!important;
	color: #555;
}

.decklist_tab_panel div table tr th, .decklist_tab_panel div table tr td{
	font-size: 0.8rem!important;
	font-feature-settings: "palt";
	vertical-align: middle;
	border-color: #ddd!important;
}

.decklist_tab_panel div table tr th.count{
	width: 45px!important;
}

.decklist_tab_panel div table tr th.kind{
	width: 100px!important;
}

.decklist_tab_panel div table tr th.lv{
	width: 60px!important;
}

.decklist_tab_panel div table tr th.burst{
	width: 70px!important;
}

.decklist_tab_panel div table tr td{
	text-align: center!important;
}

.decklist_tab_panel div table tr td.no{
	width: 150px!important;
	border-right-style: dashed!important;
}

.decklist_tab_panel div table tr td.name{
	text-align: left!important;
}

.decklist_tab_panel div table tr td.name a{
	padding-left: 10px!important;
}

.decklist_tab_panel div table tr td.name a span.card_no{
	font-size: 0.6rem;
}

.name_pc{
	display: table-cell!important;
}
.name_sp{
	display: none!important;
}

@media screen and (max-width:560px){
	.name_pc{
		display: none!important;
	}
	.name_sp{
		display: table-cell!important;
	}
}

@media screen and (max-width:560px){
	.decklist_tab_panel div.lrigdeck table{
		/*width: calc(100% - 40px)!important;
		margin-right: 40px!important;*/
	}
	.decklist_tab_panel div table tr th, .decklist_tab_panel div table tr td{
		font-size: 0.7rem!important;
		padding: 5px 0px!important;
	}

	.decklist_tab_panel div table tr th.count{
		width: 25px!important;
	}

	.decklist_tab_panel div table tr th.kind{
		width: 50px!important;
	}

	.decklist_tab_panel div table tr th.lv{
		width: 25px!important;
	}

	.decklist_tab_panel div table tr th.burst{
		width: 36px!important;
	}
}

/* デッキ作成 251112_yanabu */
#deck_edit_form tr th{
	padding: 5px!important;
	text-align: center!important;
	font-size: 1rem!important;
	font-weight: normal!important;
}

#deck_edit_form tr td input[type="text"]{
	padding: 0!important;
	margin: 0!important;
	border: none!important;
	font-size: 1rem!important;
	box-shadow: 0 0 0 1000px white inset!important;
	width: 100%!important;
}

#deck_edit_card_search{
	display: flex;
	flex-wrap: wrap;
}

#deck_edit_card_search article{
	display: flex;
	width: 100%;
	margin-bottom: 5px;
}

#deck_edit_card_search article p{
	margin-right: 10px;
}

#deck_edit_card_search article label{
	margin-right: 10px;
}

#deck_edit_card_search input[type="text"]{
	padding: 5px!important;
	margin: 0!important;
	border: 1px solid #666!important;
	font-size: 1rem!important;
	box-shadow: 0 0 0 1000px white inset!important;
	width: calc(100% - 100px)!important;
}

#deck_edit_card_search input[type="submit"]{
	border: 1px solid #666!important;
	width: 100px!important;
}

#deck_edit_card_search_result{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.result_card_thumb{
	width: calc(100% / 5 - 10px);
	border: solid 1px #666;
	margin: 5px;
}