@charset "euc-jp";
/*===========================================
pog_new_sp.css
pog デザイン改修版_2020
============================================*/

/*all
-------------------------------- */

.Inner_Box {
  margin-bottom: 44px;
}

.Side_Space {
  margin: 0 2.134%;
}

.Inner_Box.Side_Space {
  margin: 21px 2.134% 44px;
}

@media only screen and (min-width: 1336px) {
  .Body_POG {
    width: 100%;
    margin: 0 auto;
    background-color: #f3f3f3;
  }

  .Body_POG main {
    width: 480px;
    /* margin: 10px auto 6px auto; */
    margin: 0 auto 6px auto;
    padding-top: 10px;
    background: #fff;
  }
}

/* iPad?? */
@media only screen and (min-width: 768px) and (max-width: 1336px) {
  .Body_POG {
    width: 100%;
    margin: 0 auto;
  }

  .Body_POG main {
    width: 100%;
    margin: 10px auto 0 auto;
  }
}

/* ??? */
@media only screen and (min-width: 300px) and (max-width: 766px) {
  .Body_POG {
    width: 100%;
    margin: 0 auto;
  }

  .Body_POG main {
    margin: 0 auto;
    margin-top: 2px;
  }
}

.OpinionBtn {
  padding: 12px 10px;
  max-width: 375px;
  margin: auto;
}

.OpinionBtn>p {
  font-size: 0.875rem;
  margin-bottom: 12px;
  text-align: center;
}

.OpinionBtn a {
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 7px;
  display: block;
  height: 45px;
  padding: 16px 15px 15px;
  font-size: 0.875rem;
  text-align: center;
  font-weight: bold;
  color: #444;
}

/* メルアド設定案内 */
.NotSetID {
  margin: 18px 10px 0;
  margin-bottom: 24px;
  padding: 16px 18px;
  background-color: #f3f3f3;
  border-radius: 7px;
}

.NotSetID_Txt {
  font-size: 0.8125rem;
  line-height: 1.5;
}

.NotSetID_Txt::before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  vertical-align: -3px;
  background-image: url(../img/icon/icon_attention.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.NotSetID_Txt strong {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 0.875rem;
}

.NotSetID .Lead_Link {
  margin: 10px 0;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.NotSetID .Lead_Link a {
  text-decoration: underline !important;
}

/*Contents Title
-------------------------------- */
.Title_Sec {
  margin: 21px 2.134%;
}

.Title_Sec h2 {
  color: #757575;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
}

.Title_Sec .Title_Btn01 a {
  display: block;
  color: #666;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1;
  border-radius: 30px;
  background: #e7e7e7;
  padding: 7px 14px;
}

.Sub_Title {
  margin: 21px 0;
}

.Sub_Title.Side_Space {
  margin: 21px 2.134%;
}

.Sub_Title h3 {
  color: #666;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  margin-right: auto;
}

h4.Sub_Title {
  color: #444;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  margin: 32px 0 16px;
}

@media only screen and (max-width: 340px) {
  .Title_Sec h2 {
    font-size: 1.125rem;
  }

  .Title_Sec .Title_Btn01 a {
    font-size: 0.75rem;
    padding: 7px 14px;
  }

  .Sub_Title {
    margin: 21px 0;
  }

  .Sub_Title.Side_Space {
    margin: 21px 2.134%;
  }

  .Sub_Title h3 {
    font-size: 1rem;
  }

  h4.Sub_Title {
    font-size: 0.875rem;
    margin: 32px 0 16px;
  }
}

/*Text style
-------------------------------- */
.Text01,
.Text02,
.Text03 {
  margin-bottom: 16px;
  line-height: 1.6;
}

.Text01.Side_Space,
.Text02.Side_Space,
.Text03.Side_Space {
  margin: 0 2.134% 16px;
}

.Text01 {
  color: #444;
  font-size: 1rem;
}

.Text01 em {
  color: #ef5350;
  font-weight: bold;
}

.Text02 {
  color: #757575;
  font-size: 0.875rem;
  font-weight: bold;
}

.Text03 {
  font-size: 0.875rem;
  padding: 2px 2.23%;
  border: solid 3px #f3f3f3;
  color: #666;
  border-radius: 4px;
}

.Link01 {
  text-align: center;
  margin-bottom: 16px;
}

.Link01 a {
  display: inline-block;
  color: #03a;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}

.Link02 {
  text-align: right;
  margin-bottom: 16px;
}

.Link02 a {
  display: inline-block;
  color: #03a;
  font-size: 0.875rem;
  text-align: right;
  line-height: 1.6;
}

.Error01,
.Error_Msg {
  position: relative;
  margin-bottom: 16px;
  color: #ef5350;
  font-size: 0.875rem;
  line-height: 1.4;
}

.Error01+.Error01 {
  margin-top: -8px;
}

@media only screen and (max-width: 340px) {

  .Text01.Side_Space,
  .Text02.Side_Space,
  .Text03.Side_Space {
    margin: 0 2.134% 16px;
  }

  .Text01 {
    font-size: 0.875rem;
  }

  .Text02,
  .Text03,
  .Link01 a,
  .Link02 a,
  .Error01 {
    font-size: 0.75rem;
  }
}

/*ul_Box
-------------------------------- */
ul.Notes_Box01,
p.Notes01 {
  margin-bottom: 8px;
}

ul.Notes_Box01>li,
p.Notes01 {
  position: relative;
  font-size: 0.875rem;
  color: #444;
  padding-left: 1.1em;
  line-height: 1.4;
}

ul.Notes_Box01>li:before,
p.Notes01:before {
  content: '\203b';
  position: absolute;
  left: 0;
  top: 0;
}

ul.Notes_Box01>li {
  margin-bottom: 2px;
}

ul.Notes_Box01>li:last-of-type {
  margin-bottom: 0;
}

p.Notes_Box01 {
  margin-bottom: 8px;
}

.Notes_Box02 {
  margin-bottom: 16px;
}

.Notes_Box02>li {
  position: relative;
  font-size: 1rem;
  color: #444;
  padding-left: 1em;
  line-height: 1.4;
  margin-bottom: 10px;
}

.Notes_Box02>li:last-of-type {
  margin-bottom: 0;
}

.Notes_Box02>li:before {
  content: '\02022';
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 0.25em;
}

.Notes_Box03 {
  margin-bottom: 16px;
  background-color: #f3f3f3;
  padding: 24px 2.635%;
  border-radius: 4px;
}

.Notes_Box03 li {
  position: relative;
  font-size: 1rem;
  color: #444;
  padding-left: 1.4em;
  line-height: 1.4;
  margin-bottom: 8px;
}

.Notes_Box03 li:last-of-type {
  margin-bottom: 0;
}

.Notes_Box03 li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 1em;
  height: 1em;
  background: url(../img/pog_2020/icon_notes01.png) no-repeat 0 0 / 100% auto;
}

@media only screen and (max-width: 340px) {

  ul.Notes_Box01,
  p.Notes01 {
    margin-bottom: 8px;
  }

  ul.Notes_Box01>li,
  p.Notes01 {
    font-size: 0.75rem;
  }

  ul.Notes_Box01>li {
    margin-bottom: 2px;
  }

  .Notes_Box02 {
    margin-bottom: 16px;
  }

  .Notes_Box02>li {
    font-size: 0.875rem;
  }

  .Notes_Box03 {
    margin-bottom: 16px;
  }

  .Notes_Box03 li {
    font-size: 0.875rem;
    margin-bottom: 8px;
  }
}

/*.dl_box
-------------------------------- */
.Desc_Box01 {
  margin-bottom: 32px;
}

.Desc_Box01>dt {
  color: #666;
  font-weight: bold;
  padding: 9px 2.5%;
  margin-bottom: 24px;
  line-height: 1.2;
  font-size: 1rem;
  background-color: #f3f3f3;
}

.Side_Space .Desc_Box01>dt {
  padding: 9px 2.223%;
}

.Inner_Box.Side_Space .Desc_Box01>dt {
  margin-bottom: 16px;
  border-radius: 4px;
}

.Inner_Box.Side_Space.secretlist .Desc_Box01>dt {
  margin-bottom: 10px;
}

.poglist_text{
  padding: 3px 0 10px;
  font-size: 14px;
  line-height: 1.4;
}

.Desc_Box01>dd {
  margin: 0 2.5% 24px;
}

.Side_Space .Desc_Box01>dd {
  margin: 0 2.223% 24px;
}

.Desc_Box02 {
  position: relative;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  padding: 24px 4% 8px;
}

.Desc_Box02>dt {
  position: absolute;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  padding: 0 6px;
  top: -0.5em;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  background-color: #fff;
}

.Desc_Box02 dd {
  font-size: 0.875rem;
  margin-bottom: 4px;
  line-height: 1.6;
}

.Desc_Box02 dd+dd {
  margin-top: 8px;
}

.Desc_Box02 dd a {
  font-weight: bold;
}

.Desc_Box02 dd em {
  font-weight: bold;
}

@media only screen and (max-width: 340px) {
  .Desc_Box01 {
    margin-bottom: 32px;
  }

  .Desc_Box01>dt {
    margin-bottom: 16px;
    font-size: 0.875rem;
  }

  .Inner_Box.Side_Space .Desc_Box01>dt {
    margin-bottom: 16px;
  }

  .Inner_Box.Side_Space.secretlist .Desc_Box01>dt {
    margin-bottom: 10px;
  }

  .Desc_Box01>dd {
    margin: 0 2.5% 24px;
  }

  .Desc_Box02 {
    margin-top: 32px;
  }

  .Desc_Box02>dt {
    font-size: 0.875rem;
  }

  .Desc_Box02 dd {
    font-size: 0.75rem;
    margin-bottom: 4px;
  }

  .Desc_Box02 dd+dd {
    margin-top: 8px;
  }
}

/*FAQ_Box01
-------------------------------- */
.FAQ_Box01 {
  position: relative;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  padding: 32px 4% 24px;
  margin-top: 32px;
}

.FAQ_Box01 h3 {
  position: absolute;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  padding: 0 6px;
  top: -0.5em;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  background-color: #fff;
}

.FAQ_Box01 div {
  margin-bottom: 24px;
}

.FAQ_Box01 dt,
.FAQ_Box01 dd {
  font-size: 0.875rem;
  margin-bottom: 4px;
  line-height: 1.4;
  padding-left: 1em;
}

.FAQ_Box01 div:last-of-type,
.FAQ_Box01 div:last-of-type dd {
  margin-bottom: 0;
}

.FAQ_Box01 dt:first-letter,
.FAQ_Box01 dd:first-letter {
  margin-left: -1em;
  font-weight: bold;
}

.FAQ_Box01 dt:first-letter {
  color: #ef5350;
}

.FAQ_Box01 dd:first-letter {
  color: #03a;
}

.FAQ_Box01 dd a,
.FAQ_Box01 dd em {
  font-weight: bold;
}

@media only screen and (max-width: 340px) {
  .FAQ_Box01 {
    margin-top: 32px;
  }

  .FAQ_Box01 h3 {
    font-size: 0.875rem;
  }

  .FAQ_Box01 div {
    margin-bottom: 24px;
  }

  .FAQ_Box01 dt,
  .FAQ_Box01 dd {
    font-size: 0.75rem;
    margin-bottom: 4px;
  }
}

/*button
-------------------------------- */
.Button01,
.Button02 {
  margin-bottom: 8px;
}

.Button01 a,
.Button01 input[type="submit"],
.Button01 input[type="button"] {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #03a;
  padding: 16px 0;
  border-radius: 4px;
}

.Button01.Side_Space,
.Button02.Side_Space {
  margin: 0 2.134% 16px;
}

.Button01 input[type="submit"],
.Button01 input[type="button"] {
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
}

.Button02 a,
.Button02 input[type="submit"],
.Button02 input[type="button"],
.Button06 {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #03a;
  text-align: center;
  border: solid 1px #03a;
  background-color: #fff;
  padding: 15px 0;
  border-radius: 4px;
}

.Button06 {
  /* width: 50%; */
  width: 45%;
  padding: 0;
  text-align: center;
  height: 32px;
  font-size: 0.875rem;
}

.Button06 a {
  display: block;
  padding: 8px 0;
}

.Button02 input[type="submit"],
.Button02 input[type="button"] {
  -webkit-appearance: none;
  cursor: pointer;
}

.Button03 {
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  color: #444;
  text-align: center;
  border: solid 1px #c9c9c9;
  padding: 15px 20px 15px 0;
  border-radius: 4px;
  margin-bottom: 8px;
}

.Button03:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #444;
  right: 25%;
  bottom: 50%;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.Button04,
.Button05 {
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  margin-bottom: 24px;
}

.Button04 a,
.Button05 li a {
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  padding-left: 13px;
  position: relative;
  font-weight: bold;
  color: #444;
}


.Button05 li {
  position: relative;
}
.Button05 li .balloon{
  display: flex;
  align-items: center;
  justify-content: center;
  width:74px;
  height:35px;
  background:#ef5450;
  position:absolute;
  top: -18px;
  left:5px;
  color:#ffffff;
  border-radius: 50%;
  z-index: 1;
  font-size: 12px;
}
.Button05 li .balloon:before{
  content:"";
  background:#ef5450;
  width:21px;
  height:19px;
  position: absolute;
  z-index: -1;
  bottom: 2px;
  right: 7px;
  -webkit-transform: rotate(100deg);
  transform: rotate(100deg);
}

.Button05 li .balloon02::before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 2em solid transparent;
	border-left: 2em solid #DC3C3B;
	position: absolute;
	z-index: 10;
  /* border-radius: 3px 0 0 0; */
}
.Button05 li .balloon02::after {
	content: "NEW";
	top: 4px;
	left: 0;
	transform: rotate(-45deg);
	color: #fff;
	position: absolute;
	z-index: 10;
  font-size: 10px;
	font-weight: bold;
}


.Button04 a:before,
.Button05 a:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 13px;
  background: url(../img/pog_2020/icon_arrow01.png) no-repeat 0 0 / 100% auto;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.Button04 a:after,
.Button05 a:after {
  content: '';
  position: absolute;
  width: 34px;
  height: 34px;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/pog_2020/POG_sprite01.png) no-repeat 40px 0 /233px auto;
}

.Button04.Icon01 a:after,
.Button05 .Icon01 a:after {
  background-position: -40px -198px
}

.Button04.Icon02 a:after,
.Button05 .Icon02 a:after {
  background-position: -159px -40px
}

.Button04.Icon03 a:after,
.Button05 .Icon03 a:after {
  background-position: -120px -40px
}

.Button04.Icon04 a:after,
.Button05 .Icon04 a:after {
  background-position: 0px -118px
}

.Button04.Icon05 a:after,
.Button05 .Icon05 a:after {
  background-position: -159px -119px
}

.Button04.Icon06 a:after,
.Button05 .Icon06 a:after {
  background-position: -80px -199px
}


.Button05 li+li {
  border-top: 1px solid #c9c9c9;
}

.Button05 .Icon03 dl{
  width: calc(100% - 95px);
}

.Button04 dt,
.Button05 dt {
  color: #444;
  margin-bottom: 8px;
  font-weight: bold;
}

.Button04 dd,
.Button05 dd {
  color: #888;
  font-size: 0.875rem;
}

@media only screen and (max-width: 340px) {

  .Button01,
  .Button02 {
    margin-bottom: 8px;
  }

  .Button01 a,
  .Button01 input[type="submit"],
  .Button01 input[type="button"] {
    font-size: 0.875rem;
  }

  .Button01.Side_Space,
  .Button02.Side_Space {
    margin: 0 2.134% 16px;
  }

  .Button02 a,
  .Button02 input[type="submit"],
  .Button02 input[type="button"],
  .Button06 {
    font-size: 0.875rem;
  }

  .Button03 {
    font-size: 0.875rem;
    margin-bottom: 8px;
  }

  .Button04,
  .Button05 {
    margin-bottom: 24px;
  }

  .Button04 a,
  .Button05 li a {
    font-size: 0.875rem;
  }

  .Button04 dt,
  .Button05 dt {
    margin-bottom: 8px;
  }

  .Button04 dd,
  .Button05 dd {
    font-size: 0.75rem;
  }
}

/*POG_Menu01
-------------------------------- */
.POG_Menu01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.POG_Menu01 li {
  width: calc((100% / 3) - (20px / 3));
  position: relative;
}

.POG_Menu01 li+li {
  margin-left: 10px;
}

.POG_Menu01 li:nth-of-type(3n+1) {
  margin-left: 0;
}

.POG_Menu01 li:nth-of-type(n+4) {
  margin-top: 8px;
}
.POG_Menu01 li .Icon_Nk_New_bg{
  display: block;
  margin: auto;
  width: 46px;
  height: 46px;
  margin-bottom: 18px;
  background: #F7F7F7;
  border-radius: 50%;
  /* z-index: -1; */
  position: absolute;
  overflow: hidden;
  top: -6px;
}
.POG_Menu01 li:before {
  content: '';
  position: absolute;
  width: 34px;
  height: 34px;
  right: 50%;
  top: 7px;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  background: url(../img/pog_2020/POG_sprite01.png) no-repeat 40px 0 /233px auto;
}
.POG_Menu01 li .Icon_Nk_New_bg span{
  display: block;
  background: url(../img/pog_2021/pog_menu_sprite.png);
  background-repeat: no-repeat;
  -webkit-background-size: 683px auto;
  -moz-background-size: 683px auto;
  -ms-background-size: 683px auto;
  background-size: 683px auto;
  height: 30px;
  width: 35px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* .POG_Menu01 .Icon01:before{background-position: 0px -40px;} */
/* .POG_Menu01 .Icon02:before{background-position: -40px -40px;} */
/* .POG_Menu01 .Icon03:before{background-position: -80px -40px;} */
/* .POG_Menu01 .Icon04:before{background-position: -120px -40px;} */
/* .POG_Menu01 .Icon05:before{background-position: -80px -119px;} */
.POG_Menu01 li .Icon_Nk_New_bg span.Icon01{background-position: 1px 0;}
.POG_Menu01 li .Icon_Nk_New_bg span.Icon02{background-position: -81px 0}
.POG_Menu01 li .Icon_Nk_New_bg span.Icon03{background-position: -162px 0;}
.POG_Menu01 li .Icon_Nk_New_bg span.Icon04{background-position: -242px 0}
.POG_Menu01 li .Icon_Nk_New_bg span.Icon08{background-position: -569px 0}

.Button05 .Icon01 a:after,
.Button05 .Icon02 a:after,
.Button05 .Icon03 a:after,
.Button05 .Icon04 a:after,
.Button05 .Icon06 a:after,
.Button05 .Icon07 a:after,
.Button04.Icon05 a:after,
.Button04.Icon06 a:after{
  content:none;
}
.Button05 .Icon01 a .Icon_Nk_New_bg,
.Button05 .Icon02 a .Icon_Nk_New_bg,
.Button05 .Icon03 a .Icon_Nk_New_bg,
.Button05 .Icon04 a .Icon_Nk_New_bg,
.Button05 .Icon06 a .Icon_Nk_New_bg,
.Button05 .Icon07 a .Icon_Nk_New_bg,
.Button04.Icon05 a .Icon_Nk_New_bg,
.Button04.Icon06 a .Icon_Nk_New_bg{
  display: block;
  width: 46px;
  height: 46px;
  margin-right:10px;
  background: #F7F7F7;
  border-radius: 50%;
  /* z-index: -1; */
  position: relative;
  overflow: hidden;
}
.Button05 .Icon01 a .Icon_Nk_New_bg span,
.Button05 .Icon02 a .Icon_Nk_New_bg span,
.Button05 .Icon03 a .Icon_Nk_New_bg span,
.Button05 .Icon04 a .Icon_Nk_New_bg span,
.Button05 .Icon06 a .Icon_Nk_New_bg span,
.Button05 .Icon07 a .Icon_Nk_New_bg span,
.Button04.Icon05 a .Icon_Nk_New_bg span,
.Button04.Icon06 a .Icon_Nk_New_bg span{
  display: block;
  background: url(../img/pog_2021/pog_menu_sprite.png);
  background-repeat: no-repeat;
  -webkit-background-size: 683px auto;
  -moz-background-size: 683px auto;
  -ms-background-size: 683px auto;
  background-size: 683px auto;
  height: 30px;
  width: 35px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Button05 li .Icon_Nk_New_bg span.Icon04{
  background-position: -242px 0;
}
.Button05 li .Icon_Nk_New_bg span.Icon05{
  background-position: -324px 0;
}
.Button04.Icon05 .Icon_Nk_New_bg span.Icon07{
  background-position: -488px 0;
}
.Button04.Icon06 .Icon_Nk_New_bg span.Icon06{
  background-position: -406px 0;
}
.Button05 .Icon01 a .Icon_Nk_New_bg span.Icon06{
  background-position: -407px 0;
}
.Button05 .Icon02 a .Icon_Nk_New_bg span.Icon09{
  background-position: -652px 0;
}
.Button05 .Icon06 a .Icon_Nk_New_bg span.Icon06{
  background-position: -407px 0;
}
.Button05 .Icon07 a .Icon_Nk_New_bg span.Icon07{
  background-position: -488px 0;
}

.Button05 li .Icon_Nk_New_bg em.Icon01{
  position: relative;
  display: block;
  width: 46px;
  height: 46px;
}
.Button05 li .Icon_Nk_New_bg em.Icon01 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.POG_Menu01 li a {
  position: relative;
  height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* border: 1px solid #c9c9c9; */
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: bold;
  padding-bottom: 5px;
  color: #444;
  z-index: 1;
}

@media only screen and (max-width: 340px) {
  .POG_Menu01 li a {
    font-size: 0.75rem;
  }

  .POG_Menu01 {
    margin-bottom: 16px;
  }

  .POG_Menu01 li:nth-of-type(n+4) {
    margin-top: 8px;
  }

  .POG_Menu01 li a {
    font-size: 0.75rem;
  }
}

/*POG_Menu02
-------------------------------- */
.POG_Menu02 {
  border-top: 3px solid #f3f3f3;
  margin-bottom: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f3f3f3;
  overflow: hidden;
}

.POG_Menu02 li {
  width: 100%;
  position: relative;
}

.POG_Menu02 li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  color: #666;
  font-size: 0.75rem;
  line-height: 1.2;
  text-align: center;
  height: 72px;
  padding: 37px 0 5px;
  font-weight: bold;
}

.POG_Menu02 li a:before {
  content: '';
  position: absolute;
  width: 34px;
  height: 34px;
  right: 50%;
  top: 3px;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  background: url(../img/pog_2020/POG_sprite02.png) no-repeat 40px 0 /233px auto;
}

.POG_Menu02 .Icon01 a:before {
  background-position: 0px 0px;
}

.POG_Menu02 .Icon02 a:before {
  background-position: -40px 0px;
}

.POG_Menu02 .Icon03 a:before {
  background-position: -80px 0px;
}

.POG_Menu02 .Icon04 a:before {
  background-position: -120px 0px;
}

.POG_Menu02 .Icon05 a:before {
  background-position: -159px 0px;
}

.POG_Menu02 .Icon06 a:before {
  background-position: 0px -79px;
}

.POG_Menu02 .Icon07 a:before {
  background-position: -40px -79px;
}

.POG_Menu02 .Icon08 a:before {
  background-position: -80px -79px;
}

.POG_Menu02 .Icon09 a:before {
  background-position: -120px -79px;
}

.POG_Menu02 .Icon10 a:before {
  background-position: -159px -79px;
}

.POG_Menu02 .Icon11 a:before {
  background-position: 0px -160px;
}

.POG_Menu02 .Icon12 a:before {
  background-position: -40px -159px;
}

.POG_Menu02 .Icon13 a:before {
  background-position: -80px -159px;
}

.POG_Menu02 .Icon14 a:before {
  background-position: -120px -159px;
}

.POG_Menu02 .Icon15 a:before {
  background-position: -159px -159px;
}

.POG_Menu02 .Icon16 a:before {
  background-position: -199px -159px;
}

.POG_Menu02 .Active.Icon01 a:before,
.POG_Menu02 #subme_active.Icon01 a:before {
  background-position: 0px -40px;
}

.POG_Menu02 .Active.Icon02 a:before,
.POG_Menu02 #subme_active.Icon02 a:before {
  background-position: -40px -40px;
}

.POG_Menu02 .Active.Icon03 a:before,
.POG_Menu02 #subme_active.Icon03 a:before {
  background-position: -80px -40px;
}

.POG_Menu02 .Active.Icon04 a:before,
.POG_Menu02 #subme_active.Icon04 a:before {
  background-position: -120px -40px;
}

.POG_Menu02 .Active.Icon05 a:before,
.POG_Menu02 #subme_active.Icon05 a:before {
  background-position: -159px -40px;
}

.POG_Menu02 .Active.Icon06 a:before,
.POG_Menu02 #subme_active.Icon06 a:before {
  background-position: 0px -119px;
}

.POG_Menu02 .Active.Icon07 a:before,
.POG_Menu02 #subme_active.Icon07 a:before {
  background-position: -40px -119px;
}

.POG_Menu02 .Active.Icon08 a:before,
.POG_Menu02 #subme_active.Icon08 a:before {
  background-position: -80px -119px;
}

.POG_Menu02 .Active.Icon09 a:before,
.POG_Menu02 #subme_active.Icon09 a:before {
  background-position: -120px -119px;
}

.POG_Menu02 .Active.Icon10 a:before,
.POG_Menu02 #subme_active.Icon10 a:before {
  background-position: -159px -119px;
}

.POG_Menu02 .Active.Icon11 a:before,
.POG_Menu02 #subme_active.Icon11 a:before {
  background-position: 0px -199px;
}

.POG_Menu02 .Active.Icon12 a:before,
.POG_Menu02 #subme_active.Icon12 a:before {
  background-position: -40px -199px;
}

.POG_Menu02 .Active.Icon13 a:before,
.POG_Menu02 #subme_active.Icon13 a:before {
  background-position: -80px -199px;
}

.POG_Menu02 .Active.Icon14 a:before,
.POG_Menu02 #subme_active.Icon14 a:before {
  background-position: -120px -199px;
}

.POG_Menu02 .Active.Icon15 a:before,
.POG_Menu02 #subme_active.Icon15 a:before {
  background-position: -159px -199px;
}

.POG_Menu02 .Active.Icon16 a:before,
.POG_Menu02 #subme_active.Icon16 a:before {
  background-position: -199px -199px;
}


.POG_Menu02 li.Icon_Svg01 svg {
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
}
.POG_Menu02 #subme_active a svg path{
  fill: #03a;
}

.POG_Menu02 .Active,
.POG_Menu02 #subme_active {
  position: relative;
}

.POG_Menu02 .Active,
.POG_Menu02 #subme_active,
.POG_Menu02 .Active a,
.POG_Menu02 #subme_active a {
  color: #03a;
  font-weight: bold;
  background-color: #fff;
  border-radius: 4px 4px 0px 0px;
}

.POG_Menu02 li:before,
.POG_Menu02 li:after {
  content: '';
  position: absolute;
  height: 4px;
  bottom: 0;
  left: 0;
  width: 100vw;
  background-color: #fff;
}

.POG_Menu02 li#subme_active:before,
.POG_Menu02 li#subme_active:after,
.POG_Menu02 li.Active:before,
.POG_Menu02 li.Active:after {
  background-color: #f3f3f3;
  border-radius: 0 0 4px 4px;
  z-index: 10;
}

.POG_Menu02 li#subme_active:before,
.POG_Menu02 li.Active:before {
  left: 100%;
}

.POG_Menu02 li#subme_active:after,
.POG_Menu02 li.Active:after {
  right: 100%;
  left: auto;
}


/*newアイコン*/
.POG_Menu02 li a .NewIconFlag::before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 36px solid transparent;
	border-left: 36px solid #DC3C3B;
	position: absolute;
	z-index: 10;
  border-radius: 3px 0 0 0;
}
.POG_Menu02 li a .NewIconFlag::after {
	content: "NEW";
	top: 7px;
	left: 1px;
	transform: rotate(-45deg);
	color: #fff;
	position: absolute;
	z-index: 10;
  font-size: 10px;
	font-weight: bold;
}

@media only screen and (max-width: 340px) {
  .POG_Menu02 {
    margin-bottom: 21px;
  }

  .POG_Menu02 li a {
    font-size: 0.75rem;
  }
}

/*Form_Box
-------------------------------- */
.Form_Box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 16px;
  padding: 10px 2.23%;
  background: #f3f3f3;
  border-radius: 4px;
}

.Form_Box01>dt {
  width: 20.65%;
  font-size: 1rem;
  line-height: 1;
  padding: 13px 0;
  font-weight: bold;
  color: #444;
}

.Desc_Box01 .Form_Box01>dt {
  font-size: 0.875rem;
  width: 22%;
}

.Form_Box01>dd {
  font-size: 1rem;
  width: 79.35%;
}

.Desc_Box01 .Form_Box01>dd {
  font-size: 0.875rem;
  width: 78%;
}

.Form_Box01>dd>p {
  font-size: 1rem;
  color: #444;
  padding: 12px;
  background-color: #f3f3f3;
  border: solid 1px #f3f3f3;
  border-radius: 4px;
}

.Desc_Box01 .Form_Box01>dd>p {
  font-size: 0.875rem;
}

.Form_Box01 .Check01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0;
}

.Form_Box01 .Check01 li {
  min-width: 78px;
  line-height: 20px;
  margin-left: 8px;
  padding: 0;
}

.Form_Box01 .Check01 li:nth-of-type(n+4) {
  margin-top: 10px;
}

.Form_Box01 .Check01 li:nth-of-type(3n+1) {
  margin-left: 0;
}


.Form_Box01 input[type="text"]::placeholder,
.Form_Box01 input[type="email"]::placeholder,
.Form_Box01 input[type="number"]::placeholder,
.Form_Box01 textarea::placeholder {
  color: #888;
}

.Form_Box01 input[type="text"],
.Form_Box01 input[type="email"],
.Form_Box01 input[type="password"],
.Form_Box01 input[type="number"],
.Form_Box01 input[type="tel"],
.Form_Box01 textarea {
  font-size: 1rem;
  vertical-align: middle;
  line-height: 40px;
  -webkit-appearance: none;
  width: 100%;
  height: 40px;
  padding: 13px 12px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  color: #444;
  border-radius: 4px;
}

.Desc_Box01 .Form_Box01 input[type="text"],
.Desc_Box01 .Form_Box01 input[type="email"],
.Desc_Box01 .Form_Box01 input[type="password"],
.Desc_Box01 .Form_Box01 input[type="number"],
.Desc_Box01 .Form_Box01 input[type="tel"],
.Desc_Box01 .Form_Box01 textarea {
  font-size: 0.875rem;
}

.Form_Box01 textarea::-webkit-input-placeholder,
.Form_Box02 textarea::-webkit-input-placeholder {
  font-size: 1rem;
}

.Form_Box01 dd input:-moz-read-only {
  background-color: #e7e7e7;
  border: 1px solid #e7e7e7;
}

.Form_Box01 dd input:read-only {
  color: #888;
  background-color: #e7e7e7;
  border: 1px solid #e7e7e7;
}

.Form_Box02 dd input:read-only {
  color: #888;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
}

.Form_Box01 input[type="checkbox"] {
  -webkit-appearance: none;
  display: none;
}

.Form_Box01 input[type="radio"]+label,
.Form_Box01 input[type="checkbox"]+label {
  position: relative;
  padding-left: 24px;
  font-size: 1rem;
}

.Desc_Box01 .Form_Box01 input[type="radio"] {
  display: none;
}

.Desc_Box01 .Form_Box01 input[type="radio"]+label,
.Desc_Box01 .Form_Box01 input[type="checkbox"]+label {
  font-size: 0.875rem;
}

.Form_Box01 input[type="radio"]+label:before,
.Form_Box01 input[type="checkbox"]+label:before {
  position: absolute;
  content: '';
  width: 18px;
  height: 18px;
  left: 0;
  top: -2px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
}

.Form_Box01 input[type="radio"]:checked+label:before,
.Form_Box01 input[type="checkbox"]:checked+label:before {
  border: 1px solid #888;
}

.Form_Box01 input[type="radio"]+label:after,
.Form_Box01 input[type="checkbox"]+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 7px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
}

.Form_Box01 input[type="radio"]:checked+label:after,
.Form_Box01 input[type="checkbox"]:checked+label:after {
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
}

.Form_Box01>dd input[type="text"]+.Check01 {
  padding-bottom: 0;
}

.Form_Box01 .column01,
.Form_Box01 .column02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.Form_Box01 .column01 li {
  width: 50%;
}

.Form_Box01 .column01 li input[type="number"],
.Form_Box01 .column01 li input[type="tel"] {
  width: 55%;
}

.Form_Box01 .column01 li input[type="number"]+span,
.Form_Box01 .column01 li input[type="tel"]+span {
  margin-left: 3%;
}

.Form_Box01 .column02 li:nth-of-type(1) {
  width: 38%;
}

.Form_Box01 .column02 li:nth-of-type(2) {
  width: 28%;
}

.Form_Box01 .column02 li:nth-of-type(3) {
  width: 28%;
}

.Form_Box01 .Wrap01,
.Form_Box02 .Wrap01,
.Form_Box01 .Wrap02,
.Form_Box02 .Wrap02,
.Form_Box01 .Wrap03,
.Form_Box02 .Wrap03 {
  position: relative;
  display: inline-block;
  border: 1px solid #c9c9c9;
  background: #fff;
  border-radius: 4px;
  width: 50%;
  overflow: hidden;
}

.Form_Box01 .Wrap02,
.Form_Box02 .Wrap02,
.Form_Box01 .Wrap03,
.Form_Box02 .Wrap03 {
  width: 100%;
}

.Form_Box01 .Wrap01:after,
.Form_Box02 .Wrap01:after,
.Form_Box01 .Wrap02:after,
.Form_Box02 .Wrap02:after,
.Form_Box01 .Wrap03:after,
.Form_Box02 .Wrap03:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 13px;
  top: 50%;
  right: 14px;
  background: url(../img/pog_2020/icon_arrow01.png) no-repeat 0 0 / 100% auto;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.Form_Box01 .Wrap02:after,
.Form_Box02 .Wrap02:after {
  width: 6px;
  height: 13px;
  right: 9px;
}

.Form_Box01 .Wrap01 select,
.Form_Box02 .Wrap01 select,
.Form_Box01 .Wrap02 select,
.Form_Box02 .Wrap02 select,
.Form_Box01 .Wrap03 select,
.Form_Box02 .Wrap03 select {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  border: none;
  font-size: 1rem;
  line-height: 1;
  padding: 12px;
  vertical-align: middle;
  background: transparent;
  color: #444;
  border-radius: 4px;
}

.Form_Box01 .Wrap02 select,
.Form_Box02 .Wrap02 select {
  padding: 12px 8px;
}

/*Form_Wrap01*/
#Form_Wrap01 {
  overflow: hidden;
  height: 418px;
  margin-bottom: 16px;
  transition: all .3s ease;
}

#Form_Wrap01.open {
  height: 1466px;
}

#Form_Wrap01 .mask03 {
  display: none;
}

#Add01.Button03 {
  opacity: 1;
  transition: all .3s ease;
}

#Add01.Button03.open {
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

/*Form_Box02*/
.Form_Box02 {
  margin-bottom: 16px;
}

.Form_Box02 dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
  font-size: 1rem;
  font-weight: bold;
}

.Form_Box02 dt .Desc {
  position: relative;
  color: #757575;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.6;
}

.Form_Box02 dt .Desc:before {
  content: '\203b';
  position: absolute;
  left: -1.1em;
  top: 0;
}

.Form_Box02 dd {
  position: relative;
}

.Form_Box02 input[type="text"],
.Form_Box02 input[type="email"],
.Form_Box02 input[type="password"],
.Form_Box02 input[type="number"],
.Form_Box02 input[type="tel"],
.Form_Box02 textarea {
  font-size: 1rem;
  vertical-align: middle;
  line-height: 40px;
  -webkit-appearance: none;
  width: 100%;
  height: 40px;
  padding: 13px 12px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  color: #444;
  border-radius: 4px;
}

.Form_Box02 textarea {
  line-height: 1.5;
  max-width: 100%;
  min-width: 100%;
  min-height: 41px;
  padding: 9px 12px;
}

.Form_Box02 .PW_Box01 {
  position: relative;
}

.Form_Box02 .PW_Open {
  position: absolute;
  right: 2.134%;
  font-size: 0.875rem;
  font-weight: bold;
  top: 7px;
  padding: 6px 12px;
  background-color: #e7e7e7;
  border-radius: 30px;
}

@media only screen and (max-width: 340px) {
  .Form_Box01 {
    margin-bottom: 16px;
  }

  .Form_Box01>dt,
  .Form_Box01>dd,
  .Form_Box01>dd>p,
  .Form_Box01 input[type="radio"]+label,
  .Form_Box01 input[type="checkbox"]+label,
  .Wrap01 select,
  .Form_Box02 .Wrap01 select,
  .Form_Box01 .Wrap02 select,
  .Form_Box02 .Wrap02 select,
  .Form_Box01 .Wrap03 select,
  .Form_Box02 .Wrap03 select {
    font-size: 0.875rem;
  }

  .Desc_Box01 .Form_Box01>dt,
  .Desc_Box01 .Form_Box01>dd,
  .Desc_Box01 .Form_Box01>dd>p,
  .Desc_Box01 .Form_Box01 input[type="text"],
  .Desc_Box01 .Form_Box01 input[type="email"],
  .Desc_Box01 .Form_Box01 input[type="password"],
  .Desc_Box01 .Form_Box01 input[type="number"],
  .Desc_Box01 .Form_Box01 input[type="tel"],
  .Desc_Box01 .Form_Box01 textarea,
  .Desc_Box01 .Form_Box01 input[type="radio"]+label,
  .Desc_Box01 .Form_Box01 input[type="checkbox"]+label {
    font-size: 0.75rem;
  }

  /*Form_Wrap01*/
  #Form_Wrap01 {
    margin-bottom: 16px;
  }

  /*Form_Box02*/
  .Form_Box02 {
    margin-bottom: 16px;
  }

  .Form_Box02 dt,
  .Form_Box02 input[type="text"],
  .Form_Box02 input[type="email"],
  .Form_Box02 input[type="password"],
  .Form_Box02 input[type="number"],
  .Form_Box02 input[type="tel"],
  .Form_Box02 textarea {
    font-size: 0.875rem;
  }

  .Form_Box02 dt .Desc {
    font-size: 0.6rem;
  }

  .Form_Box02 .PW_Open {
    font-size: 0.75rem;
    top: 8px;
  }
}

@media only screen and (min-width: 425px) {
  .Form_Box01 .Check01 li {
    min-width: 30%;
    margin-left: 10px;
  }

  .Form_Box01 input[type="checkbox"]+label {
    padding-left: 28px;
    font-size: 1rem;
  }
}

/*Sort_Box
-------------------------------- */
.Sort_Box01,
.Sort_Box02,
.Sort_Box03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: solid 1px #888;
  border-radius: 4px;
  margin-bottom: 16px;
}

.Sort_Box01 li {
  width: 50%;
}

.Sort_Box02 li,
.Sort_Box03 li {
  width: calc(100% / 3);
}

.Sort_Box02 li+li,
.Sort_Box03 li+li {
  border-left: solid 1px #888;
}

.Sort_Box03 li:nth-of-type(4n) {
  border-left: 0;
}

.Sort_Box03 li:nth-of-type(n+4) {
  border-top: solid 1px #888;
}

.Sort_Box01 li a,
.Sort_Box02 li,
.Sort_Box03 li a {
  display: block;
  text-align: center;
  color: #666;
  padding: 9px 0;
  font-size: 0.75rem;
}

.Sort_Box01 li.Tab_Active a,
.Sort_Box02 li.Tab_Active,
.Sort_Box03 li.Tab_Active a {
  font-weight: bold;
  color: #fff;
  background-color: #888;
}

.Sort_Box04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.Check_Box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Sort_Box04 .Check_Box01 li {
  min-width: 73px;
  line-height: 20px;
}

.Sort_Box04 .Check_Box01 li+li {
  margin-left: 10px;
}

.Sort_Box04 .Check_Box01 input[type="checkbox"] {
  -webkit-appearance: none;
  display: none;
}

.Sort_Box04 .Check_Box01 input[type="checkbox"]+label {
  position: relative;
  padding-left: 24px;
  font-size: 1rem;
}

.Sort_Box04 .Check_Box01 input[type="checkbox"]+label:before {
  position: absolute;
  content: '';
  width: 18px;
  height: 18px;
  left: 0;
  top: -2px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
}

.Sort_Box04 .Check_Box01 input[type="checkbox"]:checked+label:before {
  border: 1px solid #888;
}

.Sort_Box04 .Check_Box01 input[type="checkbox"]:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 7px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.Sort_Box04 .Select_Box01 {
  position: relative;
  display: inline-block;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  /* width: 126px; */
  width: 40%;
  overflow: hidden;
}

.Sort_Box04 .Select_Box01:after {
  position: absolute;
  top: calc(50% - 6px);
  right: 14px;
  content: '';
  width: 7px;
  height: 13px;
  background: url(../img/pog_2020/icon_arrow01.png) no-repeat 0 0 / 100% auto;
  -webkit-transform: rotate(89deg);
  transform: rotate(89deg);
}

.Sort_Box04 .Select_Box01 select {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  border: none;
  font-size: 0.875rem;
  padding: 8px 12px;
  vertical-align: middle;
  background: #fff;
  color: #444;
  border-radius: 4px;
}

@media only screen and (max-width: 340px) {

  .Sort_Box01,
  .Sort_Box02,
  .Sort_Box03 {
    margin-bottom: 16px;
  }

  .Sort_Box01 li a,
  .Sort_Box02 li,
  .Sort_Box03 li a {
    font-size: 0.75rem;
  }

  .Sort_Box04 {
    margin-bottom: 16px;
  }


  .Sort_Box04 .Check_Box01 li {
    line-height: 14px;
  }

  .Sort_Box04 .Check_Box01 input[type="checkbox"]+label,
  .Sort_Box04 .Select_Box01 {
    width: 116px;
  }

  .Sort_Box04 .Select_Box01 select {
    font-size: 0.875rem;
  }

  .Sort_Box04 .Check_Box01 input[type="checkbox"]+label:before {
    top: -3px;
  }
}

/*List_box
-------------------------------- */
.List_box01,
.List_box02,
.List_box03,
.List_box04 {
  margin-bottom: 24px;
  border: solid 1px #c9c9c9;
}

.List_box01 .L_Head li+li,
.List_box01 .L_Content>li+li,
.List_box02 .L_Head li+li,
.List_box02 .L_Content>li+li,
.List_box03 .L_Head li+li,
.List_box03 .L_Content>li+li,
.List_box04 .L_Head li+li {
  border-left: solid 1px #c9c9c9;
}

.List_box04 .No+div,
.List_box04 .L_Content>li+li,
.List_box04 .L_Body .No+p {
  border-left: solid 1px #c9c9c9;
}

.List_box01 .L_Head+.L_Body,
.List_box01 .L_Body>li+li,
.List_box02 .L_Head+.L_Body,
.List_box02 .L_Body>li+li,
.List_box03 .L_Head+.L_Body,
.List_box03 .L_Body>li+li,
.List_box04 .L_Head+.L_Body,
.List_box04 .L_Body+.L_Body,
.List_box04 .L_Body>li+li {
  border-top: solid 1px #c9c9c9;
}

.List_box01 .L_Head,
.List_box01 .L_Content,
.List_box02 .L_Head,
.List_box02 .L_Content,
.List_box03 .L_Head,
.List_box03 .L_Content,
.List_box04 .L_Head,
.List_box04 .L_Body>li,
.List_box04 .L_Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.List_box01 .L_Content>li>a,
.List_box02 .L_Content>li>a,
.List_box03 .L_Content>li>a {
  display: block;
  font-weight: bold;
}

.List_box01 .L_Head li:nth-of-type(1),
.List_box02 .L_Head li:nth-of-type(1),
.List_box01 .L_Content>li:nth-of-type(1),
.List_box02 .L_Content>li:nth-of-type(1) {
  width: 9%;
}

.List_box01 .L_Head li:nth-of-type(2),
.List_box02 .L_Head li:nth-of-type(2),
.List_box04 .L_Head li:nth-of-type(2),
.List_box01 .L_Content>li:nth-of-type(2),
.List_box02 .L_Content>li:nth-of-type(2) {
  width: 67%;
}

.List_box01 .L_Head li:nth-of-type(3),
.List_box02 .L_Head li:nth-of-type(3),
.List_box04 .L_Head li:nth-of-type(3),
.List_box01 .L_Content>li:nth-of-type(3),
.List_box02 .L_Content>li:nth-of-type(3) {
  width: 24%;
}

.List_box03 .L_Head li:nth-of-type(1),
.List_box03 .L_Content>li:nth-of-type(1) {
  width: 12%;
}

.List_box03 .L_Head li:nth-of-type(2),
.List_box03 .L_Content>li:nth-of-type(2) {
  width: 60%;
}

.List_box03 .L_Head li:nth-of-type(3),
.List_box03 .L_Content>li:nth-of-type(3) {
  width: 28%;
}

.List_box04 .L_Body>li {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.List_box04 .L_Head li:nth-of-type(1),
.List_box04 .No {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 9%;
}

.List_box04 .No+div {
  width: 91%;
}

.List_box04 .L_Content>li:nth-of-type(1) {
  width: 73.526%;
}

.List_box04 .L_Content>li:nth-of-type(2) {
  width: 26.474%;
  text-align: center;
  font-weight: bold;
}

.List_box04 .L_Content>li:nth-of-type(2) span,
.List_box04 .L_Bottom li:nth-of-type(2) span {
  font-size: 0.75rem;
}

.List_box04 .L_Content a {
  display: block;
  font-weight: bold;
  padding: 18px 0 18px 1.88%;
}

.List_box04 .Toggle .L_Content>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  min-height: 48px;
}

.List_box04 .Toggle .L_Content>li:nth-of-type(1) {
  position: relative;
}

.List_box04 .Toggle .L_Content>li:nth-of-type(2) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.List_box04 .Toggle .L_Content>li:nth-of-type(1) a {
  width: calc(100% - 30px);
  padding: 10px 0 10px 1.88%;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.List_box04 .Toggle .L_Content .arrow01 {
  height: 100%;
  width: 50px;
  position: absolute;
  right: -10px;
  top: 0;
}

.List_box04 .Toggle .L_Content .arrow01:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 13px;
  top: 50%;
  right: 50%;
  background: url(../img/pog_2020/icon_arrow01.png) no-repeat 0 0 / 100% auto;
  -webkit-transform: translate(50%, -50%) rotate(90deg);
  transform: translate(50%, -50%) rotate(90deg);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.List_box04 .Toggle .L_Content .arrow01.open:before {
  -webkit-transform: translate(50%, -50%) rotate(-90deg);
  transform: translate(50%, -50%) rotate(-90deg);
}

.List_box04 .L_Detail {
  color: #666;
  font-size: 0.75rem;
}

.List_box04 .L_Detail .mask01,
.List_box04 .L_Detail .mask02,
.List_box04 .Toggle .L_Detail {
  display: none;
}

.List_box04 .L_Detail>div>* {
  padding: 8px 0;
  display: inline-block;
}

.List_box04 .L_Detail dt {
  width: 84px;
  font-weight: bold;
  text-align: center;
}

.List_box01 .L_Content>li:nth-of-type(odd),
.List_box02 .L_Content>li:nth-of-type(odd) {
  text-align: center;
  color: #666;
  font-weight: bold;
}

.List_box01 ol>li:nth-of-type(even),
.List_box04 .L_Detail>div:nth-of-type(odd) {
  background-color: #f3f3f3;
}

.List_box04 .L_Detail>div:nth-of-type(even) {
  background-color: #e7e7e7;
}

.List_box01 .L_Head {
  background-color: #888;
  color: #fff;
}

.List_box02 .L_Head,
.List_box03 .L_Head,
.List_box04 .L_Head {
  background-color: #e7e7e7;
}

.List_box01 .L_Head li,
.List_box02 .L_Head li,
.List_box03 .L_Head li,
.List_box04 .L_Head li {
  padding: 7px 0;
  font-size: 0.875rem;
  text-align: center;
}

/*.List_box01 .L_Head li:first-of-type,
.List_box02 .L_Head li:first-of-type,
.List_box04 .L_Head li:first-of-type{
  font-size: 0.75rem;
}*/
.List_box01 .L_Head li:first-of-type {
  padding: 8px 0 6px;
  font-size: 0.75rem;
}

.List_box01 .L_Content>li,
.List_box02 .L_Content>li,
.List_box04 .L_Content>li {
  padding: 17px 0 16px;
  font-size: 0.9375rem;
}

.List_box01 .L_Content>li:first-of-type,
.List_box02 .L_Content>li:first-of-type,
.List_box04 .No {
  font-size: 0.875rem;
}

.List_box01 .L_Content>li:nth-of-type(even),
.List_box02 .L_Content>li:nth-of-type(even),
.List_box03 .L_Content>li:nth-of-type(even),
.List_box04 .L_Content>li:first-of-type {
  padding: 0;
  display: flex;
  align-items: center;
}

.List_box01 .L_Content>li:nth-of-type(even) a,
.List_box02 .L_Content>li:nth-of-type(even) a,
.List_box03 .L_Content>li:nth-of-type(even) a,
.List_box04 .L_Content>li:first-of-type a {
  padding: 12px 0 12px 1.88%;
  width: 100%;
}

.List_box03 .L_Content>li:nth-of-type(even) a {
  width: 100%;
}

.List_box03 .L_Content>li {
  padding: 8px 0;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.List_box03 .L_Head li:first-of-type,
.List_box03 .L_Content>li:first-of-type {
  min-width: 42px;
}

.List_box03 .L_Content>li,
.List_box03 .L_Content>li>a {
  line-height: 1.2;
}

.List_box03 .L_Content>li:first-of-type {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.List_box03 .L_Content>li:nth-of-type(odd) {
  font-size: 0.6rem;
}

.List_box03 .L_Content>li:nth-of-type(even) {
  font-size: 0.875rem;
}

.List_box03 .L_Content>li:last-of-type {
  padding-left: 1.88%;
}

.List_box03 input[type="checkbox"] {
  -webkit-appearance: none;
  display: none;
}

.List_box03 input[type="checkbox"]+label {
  position: relative;
  padding-left: 17px;
  font-size: 0.6rem;
}

.List_box03 .Tool_User_List_Input>li {
  padding-left: 17px;
  margin-bottom: 8px;
}

.List_box03 .Tool_User_List_Input>li:last-of-type {
  margin-bottom: 0;
}

.List_box03 .Tool_User_List_Input>li input[type="checkbox"]+label {
  padding-left: 0px;
  line-height: 1.1;
}

.List_box03 input[type="checkbox"]+label:before {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  left: 0;
  top: -2px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
}

.List_box03 .Tool_User_List_Input>li input[type="checkbox"]+label:before {
  left: -19px;
}

.List_box03 input[type="checkbox"]:checked+label:before {
  border: 1px solid #888;
}

.List_box03 input[type="checkbox"]:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 5px;
  width: 4px;
  height: 8px;
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.List_box03 .Tool_User_List_Input>li input[type="checkbox"]:checked+label:after {
  left: -14px;
}

.List_box03 .L_Content .Delete01,
.List_box04 .L_Body>li {
  position: relative;
}

.List_box03 .L_Content .Delete01 {
  border-left: 0;
}

.List_box04 .Delete01 {
  position: absolute;
  right: 3%;
  top: calc(50% + 26px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.List_box03 .L_Content .Delete01 a,
.List_box04 .Delete01 a {
  color: #03a;
  background-color: #fff;
  border: solid 1px #03a;
  border-radius: 4px;
  font-weight: normal;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60px;
  height: 36px;
}

.List_box03 .L_Content .Delete01 a {
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  font-size: 0.75rem;
  letter-spacing: -0.5px;
  line-height: 1.1;
}

.List_box04 .Delete01 a {
  font-size: 0.9375rem;
  letter-spacing: 1px;
}

.List_box04 .L_Body .No_Select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.List_box04 .L_Body .No+p {
  width: 91%;
  font-weight: bold;
  font-size: 0.9375rem;
  padding: 18px 0 18px 1.88%;
}

.List_box04 .L_Body .No_Select a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 64px;
  font-weight: bold;
}

.List_box04 .L_Body .No_Select span {
  font-size: 0.875rem;
}

/*L_Bottom*/
.List_box04 .L_Bottom {
  border-top: solid 1px #c9c9c9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e7e7e7;
}

.List_box04 .L_Bottom li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 72px;
  font-weight: bold;
}

.List_box04 .L_Bottom li:first-of-type {
  width: 75.166%;
  padding-left: 35px;
}

.List_box04 .L_Bottom li:nth-of-type(2) {
  font-size: 1rem;
  width: 24.834%;
  justify-content: center;
  /* text-align: right; */
  /* padding-right: 10px; */
}

.List_box04 .L_Bottom li+li {
  border-left: solid 1px #c8c8c8;
  text-align: center;
}

@media only screen and (max-width: 340px) {

  .List_box04 .L_Content>li:nth-of-type(2) span,
  .List_box04 .L_Bottom li:nth-of-type(2) span {
    font-size: 0.75rem;
  }

  .List_box04 .L_Detail {
    font-size: 0.75rem;
  }

  .List_box01 .L_Head li,
  .List_box02 .L_Head li,
  .List_box03 .L_Head li,
  .List_box04 .L_Head li {
    font-size: 0.875rem;
  }

  .List_box01 .L_Head li:first-of-type,
  .List_box02 .L_Head li:first-of-type,
  .List_box04 .L_Head li:first-of-type {
    font-size: 0.75rem;
  }

  .List_box01 .L_Content>li,
  .List_box02 .L_Content>li,
  .List_box04 .L_Content>li {
    font-size: 0.875rem;
  }

  .List_box01 .L_Content>li:first-of-type,
  .List_box02 .L_Content>li:first-of-type,
  .List_box04 .No {
    font-size: 0.875rem;
  }

  .List_box03 input[type="checkbox"]+label {
    font-size: 0.6rem;
  }

  .List_box03 .L_Content .Delete01 a {
    font-size: 0.75rem;
  }

  .List_box04 .Delete01 a {
    font-size: 0.875rem;
    width: 54px;
  }

  .List_box04 .L_Body .No+p {
    font-size: 0.875rem;
  }

  .List_box04 .L_Body .No_Select span {
    font-size: 0.875rem;
  }

  .List_box04 .L_Bottom li:nth-of-type(2) {
    font-size: 0.875rem;
  }

  .List_box04 .L_Detail dt {
    width: 72px;
  }

  .List_box04 .L_Detail>div>* {
    font-size: 0.6875rem;
  }
}

/*table
-------------------------------- */
table.table01,
.table01 tr,
.table01 th,
.table01 td {
  border-collapse: collapse;
  border: 1px solid #c9c9c9;
}

.table01 {
  font-size: 0.875rem;
  margin-bottom: 16px;
}

.table01 th {
  background: #f3f3f3;
  color: #444;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.2;
  text-align: center;
  background: #f3f3f3;
  white-space: nowrap;
}

.Desc_Box01 .table01 th {
  padding: 10px;
  position: relative;
}

.table01 th a {
  display: block;
  position: relative;
  text-align: center;
  font-size: 0.875rem;
  padding: 9px 10px 8px;
  background-color: #f3f3f3;
  color: #444;
}

.Desc_Box01 .table01 .tablesorter-headerUnSorted div:after,
.Desc_Box01 .table01 .tablesorter-headerAsc div:after,
.table01 th a:after {
  content: '';
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #444;
  left: 4px;
}

.Desc_Box01 .table01 .tablesorter-headerDesc div:after,
.table01 th a.sortasc:after {
  content: '';
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #444;
  left: 4px;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.table01 tr:last-of-type {
  border-bottom: 0;
}

.table01 td {
  padding: 15px 10px;
  text-align: left;
  font-weight: bold;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 0.875rem;
}

.secretlist .table01 td {
  padding: 9px 10px;
}

.secretlist.Side_Space .Desc_Box01>dd {
  margin: 0;
}

.table01 td a {
  display: block;
  font-size: 1.0625rem;
  padding: 16px 9px;
  margin: -16px -10px;
}

.table01 th:first-child,
.table01 td:first-child {
  border-left: none;
  text-align: center;
}

.table01 th span.no_sort {
  display: block;
  padding: 9px 8px 8px;
  color: #444;
  background-color: #f3f3f3;
}

.table01 th#memo span {
  width: 180px;
}

.table01 input[type="checkbox"] {
  -webkit-appearance: none;
  display: none;
}

.table01 input[type="checkbox"]+label {
  position: relative;
  display: block;
}

.table01 input[type="checkbox"]+label:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  right: 50%;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 7px;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
}

.table01 input[type="checkbox"]:checked+label:before {
  background: #ef5350;
  border: 1px solid #ef5350;
}

.table01 input[type="checkbox"]:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: 50%;
  width: 7px;
  height: 15px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  transform: translate(50%, -50%) rotate(45deg);
}

.table01 input[type="text"] {
  font-size: 0.875rem;
  margin: -13px 0 -11px;
  vertical-align: middle;
  line-height: 20px;
  -webkit-appearance: none;
  width: 100%;
  height: 32px;
  padding: 8px 12px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  color: #444;
  border-radius: 4px;
}

.table01 .Selecter01 {
  position: relative;
  margin: -15px 0;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 7px;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
}

/*Other
-------------------------------- */
/*Result_Summary*/
.Result_Summary {
  margin: 0;
  margin-bottom: 8px;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  overflow: hidden;
}

.Result_Summary dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Result_Summary dt,
.Result_Summary dd {
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.Result_Summary dt {
  width: 34%;
  font-size: 0.875rem;
  text-align: center;
  background-color: #f3f3f3;
  color: #666;
  font-weight: bold;
}

.Result_Summary dd {
  width: 66%;
  border-left: 1px solid #c9c9c9;
  font-size: 0.875rem;
  text-align: right;
  font-weight: bold;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 10px;
}

.Result_Summary dd em {
  font-size: 1.125rem;
  font-weight: bold;
  color: #ef5350;
}

.Result_Summary dd span {
  font-size: 0.75rem;
  padding-left: 5px;
  color: #888;
  font-weight: normal;
}

.Result_Summary dl+dl {
  border-top: 1px solid #c9c9c9;
}

/*Img_box*/
.Img_box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: solid 3px #f3f3f3;
  border-radius: 4px;
  padding: 20px 0;
  margin-bottom: 24px;
}

.Img_box01 li {
  width: 50%;
}

.Img_box01 li figure {
  display: block;
  text-align: center;
  margin-bottom: 8px;
}

.Img_box01 li figure img {
  width: 70%;
}

.Img_box01 li p {
  font-size: 0.875rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
}

.Img_box01 li em {
  font-size: 1rem;
}

/*Pager_Box01*/
.Pager_Box01 {
  position: relative;
  margin-bottom: 84px;
}

.Pager_Box01 .Page_Info01 {
  color: #888;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.5;
}

.Pager_Box01 .Page_Info01 em {
  font-size: 1.125rem;
  font-weight: bold;
}

.Pager_Box01 .Page_Info01 span {
  font-size: 0.75rem;
}

.Pager_Box01 .Page_Info01 span em {
  font-size: 1rem;
}

.Pager_Box01 .Pager01 {
  width: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  top: 0;
  left: 0;
}

.Pager_Box01 .Pager01 li.None {
  opacity: 0;
  pointer-events: none;
}

.Pager_Box01 .Pager01 li a {
  position: relative;
  display: block;
  width: 72px;
  color: #444;
  padding: 13px 0;
  border-radius: 4px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
  border: solid 1px #c9c9c9;
}

.Pager_Box01 .Pager01 li.Prev a:before,
.Pager_Box01 .Pager01 li.Next a:after {
  content: '';
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.Pager_Box01 .Pager01 li.Prev a:before {
  border-right: 10px solid #444;
  right: 7px;
}

.Pager_Box01 .Pager01 li.Next a:after {
  border-left: 10px solid #444;
  left: 7px;
}

/*Selecter01*/
.Selecter01 .Selected {
  position: absolute;
  font-size: 1.25rem;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.Selecter01 select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
  opacity: 0;
  -webkit-appearance: none;
}

@media only screen and (max-width: 340px) {
  .Selecter01 .Selected {
    font-size: 1.25rem;
  }

  .Result_Summary dd em,
  .Pager_Box01 .Page_Info01 em {
    font-size: 1rem;
  }

  .Img_box01 li em,
  .Pager_Box01 .Page_Info01 span em {
    font-size: 0.875rem;
  }

  .Result_Summary dt,
  .Result_Summary dd,
  .Result_Summary dd span,
  .Img_box01 li p,
  .Pager_Box01 .Page_Info01,
  .Pager_Box01 .Page_Info01 span,
  .Pager_Box01 .Pager01 li a {
    font-size: 0.75rem;
  }
}

/* ダービー賞品ページ  */

.Pog_Prize .Prize_Content01 {
  text-align: center;
}

.Pog_Prize dd dt {
  font-size: 1.625rem;
  font-weight: bold;
  color: #090D10;
  border-radius: 4px 4px 0 0;
}

.Pog_Prize dd dt span {
  font-size: 1.75rem;
}

.Pog_Prize dd:nth-of-type(1) dt {
  margin-top: 63px;
  padding: 8px 0;
  background: #FFE867;
  position: relative;
  z-index: 10;
}

.Pog_Prize dd:nth-of-type(1) img {
  position: relative;
  z-index: 10;
}

.Pog_Prize dd:nth-of-type(1) dt:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -25%);
  background: #FFE867;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  z-index: -1;
}

.Pog_Prize dd:nth-of-type(1) dt:after {
  content: "";
  position: absolute;
  top: -43%;
  left: 50%;
  transform: translate(-50%, 0%);
  background: url(../img/pog_2020/prize_img1_2.png) no-repeat;
  background-size: 100%;
  width: 29px;
  height: 21px;
}

.Pog_Prize dd:nth-of-type(2) dt {
  background: #E2E2E2;
}

.Pog_Prize dd:nth-of-type(3) dt {
  background: #FFC17B;
}

.Pog_Prize dd:nth-of-type(4) dt {
  background: #C4E1FA;
}

.Pog_Prize dd:nth-of-type(n+2) dt {
  padding: 9px 0;
  font-size: 1.0625rem;
}

.Pog_Prize dd:nth-of-type(n+2) dt span {
  font-size: 1.25rem;
}

.Pog_Prize .Prize_Content02 dl.Prize_Content_Box {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #F3F3F3;
  background: #F3F3F3;
  border-radius: 4px;
}

.Pog_Prize .Prize_Content02 .Prize_Content_Box dt {
  width: 30.55%;
  font-size: 0.875rem;
  border-radius: 4px 0 0 4px;
  text-align: center;
  padding: 0;
}

.Pog_Prize .Prize_Content02 .Prize_Content_Box dd {
  width: 70.44%;
  padding: 11px 0;
  padding-left: 16px;
  font-size: 0.875rem;
  font-weight: bold;
  border: 1px solid #F3F3F3;
  border-left: none;
  background: #fff;
  line-height: 1.4;
}

.Pog_Prize .Prize_Content02 .Prize_Content_Box dd em {
  font-size: 1.125rem;
}

.Pog_Prize .Prize_Content02 .Prize_Content_Box dd span {
  font-size: 0.9375rem;
}

.Pog_Prize .Notes01 {
  line-height: 1.83;
}

@media screen and (max-width:374px) {

  .Pog_Prize .Prize_Content02 .Prize_Content_Box dt,
  .Pog_Prize .Prize_Content02 .Prize_Content_Box dd {
    font-size: 0.75rem;
  }

  .Pog_Prize .Prize_Content02 .Prize_Content_Box dd em {
    font-size: 0.9375rem;
  }

  .Pog_Prize .Prize_Content02 .Prize_Content_Box dd span {
    font-size: 0.875rem;
  }
}

/* みんなのPOG使い方ページ */
.tool_topText {
  text-align: center;
  margin-top: 30px;
}

.Tool_Use .tool_img01 {
  display: block;
  width: 64.44%;
  margin: auto;
}

.Tool_Use .tool_img01 {
  display: block;
  width: 64.44%;
  margin: auto;
}

.Tool_Use .tool_img02 {
  display: block;
  width: 68.88%;
  margin: auto;
}

.Tool_Use .tool_img03 {
  display: block;
  width: 100%;
  margin: auto;
}

.use_tool {
  position: relative;
}

.Desc_Box01 .use_tool.arrow {
  margin-top: 108px;
  margin-bottom: 137px;
}

.use_tool.arrow:before,
.use_tool.arrow:after {
  content: "";
  position: absolute;
  background: url(../img/pog_2020/tool_use_arrow.png) no-repeat;
  background-size: 100%;
  width: 70px;
  height: 70px;
}

.use_tool.arrow:before {
  top: -35%;
  left: 50%;
  transform: translate(-50%, 0);
}

.use_tool.arrow:after {
  bottom: -50%;
  left: 50%;
  transform: translate(-50%, 0);
}

.tool_text01 {
  width: 54.85%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, 50%);
  padding: 10px 9px;
  color: #03a;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.38;
  border: 1px solid #03a;
  border-radius: 4px;
}

.tool_text02 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0, 0);
  padding: 10px 9px;
  color: #03a;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.38;
  border: 1px solid #03a;
  border-radius: 4px;
}

.tool_text02.bottom_box {
  bottom: -15%;
}

.use_tool02 dt {
  margin-bottom: 16px;
  border-radius: 4px;
  padding: 9px 2.223%;
  color: #03a;
  font-weight: bold;
  line-height: 1;
  font-size: 1rem;
  background-color: rgba(0, 38, 176, 10%);
}

.use_tool.use_tool02.use_tool2_1 {
  margin-bottom: 103px;
}

.use_tool2_1 .tool_text02 {
  bottom: -33%;
}

.use_tool.use_tool02.use_tool2_2 {
  margin-bottom: 75px;
}

.use_tool2_2 .tool_text02 {
  bottom: -25%;
}

.use_tool.use_tool02.use_tool3_1 {
  margin-bottom: 120px;
}

.use_tool3_1 .tool_text02 {
  bottom: -35%;
}

.use_tool .Img_box01 li {
  width: 100%
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .use_tool.arrow:before {
    top: -17%;
  }

  .tool_text02.bottom_box {
    bottom: -5%;
  }

  .use_tool.arrow:after {
    bottom: -23%;
  }

  .use_tool2_1 .tool_text02 {
    bottom: -10%;
  }

  .use_tool2_2 .tool_text02 {
    bottom: -10%;
  }

  .tool_text01 {
    width: 31.85%;
    right: 10%;
  }

  .use_tool3_1 .tool_text02 {
    bottom: -10%;
  }

  .Desc_Box01 .use_tool.arrow {
    margin-top: 15%;
    margin-bottom: 20%;
  }

  .use_tool.use_tool02.use_tool3_1 {
    margin-bottom: 15%;
  }
}

@media screen and (min-width:1025px) {
  .tool_text02.bottom_box {
    bottom: -10%;
  }

  .use_tool.arrow:after {
    bottom: -40%;
  }

  .use_tool.arrow:before {
    top: -30%;
  }

  .use_tool2_1 .tool_text02 {
    bottom: -20%;
  }

  .use_tool2_2 .tool_text02 {
    bottom: -18%;
  }

  .use_tool3_1 .tool_text02 {
    bottom: -25%;
  }
}

/* Myリスト 使い方 */

.list_use .tool_img01 {
  display: block;
  width: 71%;
  margin: auto;
}

.list_use1_1 .tool_text02 {
  bottom: -60px;
}

.Desc_Box01 .list_use1_2.arrow {
  margin-top: 160px;
  margin-bottom: 110px;
}

.list_use1_2 .tool_text02 {
  bottom: -10px;
}

.list_use1_2.arrow:after {
  bottom: -38%;
}

.list_use1_4 .tool_text02 {
  bottom: -60px;
}

.Desc_Box01 .list_use1_4.arrow {
  margin-top: 110px;
  margin-bottom: 90px;
}

.Desc_Box01 .list_use1_4.arrow:after {
  content: none;
}

.Desc_Box01 dd.list_use2_1 {
  margin-bottom: 90px;
}

.list_use2_1 .tool_text02 {
  bottom: -70px;
}

.Desc_Box01 dd.list_use3_1 {
  margin-bottom: 90px;
}

.list_use3_1 .tool_text02 {
  bottom: -70px;
}

.Desc_Box01 dd.list_use3_2 {
  margin-bottom: 140px;
}

.list_use3_2 .tool_text02 {
  bottom: -30px;
}

.Desc_Box01 dd.list_use3_3.arrow {
  margin-bottom: 40px;
}

.list_use3_3 .tool_text02 {
  bottom: -10px;
}

.use_tool.list_use3_3.arrow:after {
  content: none;
}

.Desc_Box01 dd.list_use3_4 {
  margin-bottom: 180px;
}

.list_use3_4 .tool_text02 {
  bottom: -70px;
}

.Desc_Box01 dd.list_use3_5 {
  margin-bottom: 90px;
}

.list_use3_5 .tool_text02 {
  bottom: -40px;
}

.Desc_Box01 dd.list_use3_5.arrow {
  margin-bottom: 100px;
}

.use_tool.list_use3_5.arrow:after {
  content: none;
}

@media screen and (max-width:320px) {
  .use_tool.arrow:before {
    top: -40%;
  }

  .use_tool.arrow:after {
    bottom: -60%;
  }

  .list_use1_2.arrow:after {
    bottom: -43%;
  }

  .list_use1_4 .tool_text02 {
    bottom: -75px;
  }

  .tool_text01 {
    font-size: 12px;
  }

  .tool_text02 {
    font-size: 12px;
  }

}

@media screen and (min-width:768px) and (max-width:1024px) {
  dd[class^="use_tool"] .tool_text02 {
    width: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
  }

  .list_use1_2.use_tool.arrow:before {
    top: -15%;
  }

  .Desc_Box01 .list_use1_2.arrow {
    margin-top: 15%;
    margin-bottom: 15%;
  }

  .list_use1_1 .tool_text02 {
    bottom: -20px;
  }

  .list_use1_2 .tool_text02 {
    bottom: 0px;
  }

  .list_use1_2.arrow:after {
    bottom: -17%;
  }

  .list_use1_4.use_tool.arrow:before {
    top: -16%;
  }

  .Desc_Box01 .list_use1_4.arrow {
    margin-top: 15%;
  }

  .list_use2_1 .tool_text02 {
    bottom: -30px;
  }

  .list_use3_1 .tool_text02 {
    bottom: -30px;
  }

  .list_use3_2 .tool_text02 {
    bottom: 0px;
  }

  .list_use3_3.use_tool.arrow:before {
    top: -16%;
  }

  .list_use3_3.use_tool.arrow:before {
    top: -16%;
  }

  .Desc_Box01 dd.list_use3_3.arrow {
    margin-top: 15%;
  }

  .list_use3_4 .tool_text02 {
    bottom: -40px;
  }

  .list_use3_5.use_tool.arrow:before {
    top: -16%;
  }

  .list_use3_5 .tool_text02 {
    bottom: -30px;
  }

  .Desc_Box01 dd.list_use3_2 {
    margin-bottom: 20%;
  }

  .Desc_Box01 dd.list_use3_4 {
    margin-bottom: 20%;
  }

  .Desc_Box01 dd.list_use3_5.arrow {
    margin-bottom: 10%;
  }
}

@media screen and (min-width:1025px) {
  .list_use1_2.use_tool.arrow:before {
    top: -27%;
  }

  .list_use1_2.arrow:after {
    bottom: -30%;
  }
}

/* ページャー */
.Pager_Box01 .Pager01 {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0 0 0;
  background: transparent;
  position: relative;
}
.Pager_Box01 .Pager01 a {
  color: #444;
  display: inline-block;
  margin: 0 .2em 0 0;
  /* padding: 0 .4em; */
  line-height: 1.3;
  font-size: .65em;
  position: relative;
}
.Pager_Box01 .Pager01 b {
  font-size: .65em;
  font-weight: 600;
}
.Pager_Box01 .Pager01 a[title="前へ"]::before {
  display: block;
  position: absolute;
  top: 5px;
  left: -32px;
  right: 0;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #444 transparent transparent transparent;
  transform: rotate(-270deg);
}
.Pager_Box01 .Pager01 a[title="最初"]::before {
  display: block;
  position: absolute;
  top: 5px;
  left: -42px;
  right: 0;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #444 transparent transparent transparent;
  transform: rotate(-270deg);
}
.Pager_Box01 .Pager01 a[title="次へ"]::before {
  display: block;
  position: absolute;
  top: 5px;
  left: 24px;
  right: 0;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #444444 transparent transparent transparent;
  transform: rotate(-90deg);
}
.Pager_Box01 .Pager01 a[title="最後"]::before {
  display: block;
  position: absolute;
  top: 5px;
  left: 32px;
  right: 0;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #444444 transparent transparent transparent;
  transform: rotate(-90deg);
}
.Pager_Box01 .Pager01 a[title="最初"] {
  position: absolute;
  bottom: -42px;
  left: calc(50% - 20px);
  transform: translateX(calc(-50% - 20px));
  -webkit-transform: translateX(calc(-50% - 20px));
  -ms-transform: translateX(calc(-50% - 20px));
}
.Pager_Box01 .Pager01 a[title="最後"] {
  position: absolute;
  bottom: -42px;
  left: calc(50% + 20px);
  transform: translateX(calc(-50% + 20px));
  -webkit-transform: translateX(calc(-50% + 20px));
  -ms-transform: translateX(calc(-50% + 20px));
}
/* /.ページャー */