@charset "utf-8";

/* diary image size and shadow */

.p-single__content .img_diary_w600,
.p-single__content .img_news_w567 {
  max-width: 100%!important;
  width: auto!important;
}

@media (min-width:601px) {
.p-single__content .img_diary_w600 {
  max-width: 600px!important;
  width: 600!important;
}
.p-single__content .img_news_w567 {
  max-width: 567px!important;
  width: 567!important;
}

}

.p-single__content .shadow_01 {
    box-shadow: 2px 2px 8px #999;
}

.p-single__content .img-border_01 {
    border: 1px solid #999;
}

/* bonus unit button text-color hover */
.p-single__content .play_bonus_unit_btn span {
	font-weight: bold;
	color: #fff;
}

.p-single__content .play_bonus_unit_btn span:hover {
	color: #e8e8e8
	;
}

/* font size */
.p-single__content .fs-10 {
  font-size: 1rem !important;
}
.p-single__content .fs-11 {
  font-size: 1.1rem !important;
}
.p-single__content .fs-12 {
  font-size: 1.2rem !important;
}
.p-single__content .fs-13 {
  font-size: 1.3rem !important;
}
.p-single__content .fs-14 {
  font-size: 1.4rem !important;
}
.p-single__content .fs-15 {
  font-size: 1.5rem !important;
}
.p-single__content .fs-16 {
  font-size: 1.6rem !important;
}
.p-single__content .fs-17 {
  font-size: 1.7rem !important;
}
.p-single__content .fs-18 {
  font-size: 1.8rem !important;
}
.p-single__content .fs-19 {
  font-size: 1.9rem !important;
}
.p-single__content .fs-20 {
  font-size: 2rem !important;
}
.p-single__content .fs-21 {
  font-size: 2.1rem !important;
}
.p-single__content .fs-22 {
  font-size: 2.2rem !important;
}
.p-single__content .fs-23 {
  font-size: 2.3rem !important;
}
.p-single__content .fs-24 {
  font-size: 2.4rem !important;
}
.p-single__content .fs-25 {
  font-size: 2.5rem !important;
}
.p-single__content .fs-26 {
  font-size: 2.6rem !important;
}
.p-single__content .fs-27 {
  font-size: 2.7rem !important;
}
.p-single__content .fs-28 {
  font-size: 2.8rem !important;
}
.p-single__content .fs-30 {
  font-size: 3rem !important;
}
.p-single__content .fs-32 {
  font-size: 3.2rem !important;
}
.p-single__content .fs-36 {
  font-size: 3.6rem !important;
}
.p-single__content .fs-40 {
  font-size: 4rem !important;
}
.p-single__content .fs-48 {
  font-size: 4.8rem !important;
}

/* margin */
.p-single__content .m-bottom-1 {
	margin-bottom: 10px!important
}
.p-single__content .m-bottom-2 {
    margin-bottom: 2rem!important
}
.p-single__content .m-bottom-3 {
    margin-bottom: 3rem!important
}
.p-single__content .m-bottom-07 {
    margin-bottom: 7px!important
}
.p-single__content .m-bottom-7{
	margin-bottom:7px;
}
.p-single__content .m-bottom-5 {
    margin-bottom: 5px!important
}
.p-single__content .m-bottom-10 {
    margin-bottom: 10px!important
}
.p-single__content .m-bottom-15 {
    margin-bottom: 15px!important
}
.p-single__content .m-bottom-20 {
    margin-bottom: 20px!important
}
.p-single__content .m-bottom-25 {
    margin-bottom: 25px!important
}
.p-single__content .m-bottom-30 {
    margin-bottom: 30px!important;
}
.p-single__content .m-bottom-40 {
    margin-bottom: 40px!important
}
.p-single__content .m-bottom-50 {
    margin-bottom: 50px!important
}
.p-single__content .m-bottom-70 {
    margin-bottom: 70px!important
}
.p-single__content .m-bottom-100 {
    margin-bottom: 100px!important
}
.p-single__content .m-bottom-200 {
    margin-bottom: 200px!important
}

.p-single__content .m-top-20 {
	margin-top: 20px
}
.p-single__content .m-top-50 {
	margin-top: 50px
}
.p-single__content .m-top-30 {
	margin-top: 30px
}
.p-single__content .m-top-40 {
	margin-top: 40px
}
.p-single__content .m-top-10{
	margin-top: 10px;
}

/*** character taik ***/

.p-single__content .talk-wrap {
    display: block;
    clear: both;
    margin: 0 auto 3px
}
.p-single__content .talk-wrap p {
    margin: 0
}
.p-single__content .talk-end {
    clear: both
}
.p-single__content .icon_right {
    float: right !important;
}
.p-single__content .talk_right {
    float: left !important;
}


/* general (BELL) */

.p-single__content .left-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: no-repeat;
    background-size: 100%;
    background-position: center;
    float: left;
    display: inline-block;
    box-shadow: 1px 1px 5px #aaa;
    border: 1px solid #ddd;
    margin-bottom: 10px
}
.p-single__content .talk-left {
    float: right;
    position: relative;
    background: #fff;
    border: 2px solid #666;
    padding: 3%;
    border-radius: 10px;
    width: 80%;
    margin-top: 10px;
    box-shadow: 1px 1px 5px #aaa;
    margin-bottom: 10px
}
.p-single__content .talk-left:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-right-color: #666;
    position: absolute;
    left: -20px;
    top: 25%;
    margin-top: -9px
}
.p-single__content .talk-left.talk_right::before {
    border-left-color: #666;
    border-right-color: transparent;
    left: 100%;
}
.p-single__content .talk-left:after {
    content: "";
    display: inline-block;
    border: 9px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: -16px;
    top: 25%;
    margin-top: -8px
}
.p-single__content .talk-left.talk_right::after {
    border-left-color: #fff;
    border-right-color: transparent;
    left: calc(100% - 2px);
}
.p-single__content .right-icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: no-repeat;
	background-size: 100%;
	background-position: center;
	float: right;
	display: inline-block;
	box-shadow: 1px 1px 5px #aaa;
	border: 1px solid #ddd;
	margin-bottom: 10px
}
.p-single__content .talk-right {
	float: left;
	position: relative;
	background: #fff;
	border: 2px solid #666;
	padding: 3%;
	border-radius: 10px;
	width: 80%;
	margin-top: 10px;
	box-shadow: 1px 1px 5px #aaa;
	margin-bottom: 10px
}
.p-single__content .talk-right:before {
	content: "";
	display: inline-block;
	border: 10px solid transparent;
	border-left-color: #666;
	position: absolute;
	right: -20px;
	top: 25%;
	margin-top: -9px
}
.p-single__content .talk-right:after {
	content: "";
	display: inline-block;
	border: 9px solid transparent;
	border-left-color: #fff;
	position: absolute;
	right: -16px;
	top: 25%;
	margin-top: -8px
}

/* writer kani */

.p-single__content .left-icon-kani {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: no-repeat;
    background-size: 100%;
    background-position: center;
    float: left;
    display: inline-block;
    box-shadow: 1px 1px 5px #aaa;
    border: 1px solid #ddd;
    margin-bottom: 10px
}
.p-single__content .talk-left-kani {
    float: right;
    position: relative;
    background: #fff;
    border: 1px solid #EA5452;
    padding: 3%;
    border-radius: 10px;
    width: 80%;
    margin-top: 10px;
    box-shadow: 1px 1px 5px #ccc;
    margin-bottom: 10px
}
.p-single__content .talk-left-kani:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-right-color: #EA5452;
    position: absolute;
    left: -19px;
    top: 25%;
    margin-top: -9px
}
.p-single__content .talk-left-kani.talk_right::before {
    border-left-color: #EA5452;
    border-right-color: transparent;
    left: calc(100% - 1px);
}
.p-single__content .talk-left-kani:after {
    content: "";
    display: inline-block;
    border: 9px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: -16px;
    top: 25%;
    margin-top: -8px
}
.p-single__content .talk-left-kani.talk_right::after {
    border-left-color: #fff;
    border-right-color: transparent;
    left: calc(100% - 2px);
}

/* writer penguin */

.p-single__content .left-icon-pengin {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: no-repeat;
    background-size: 100%;
    background-position: center;
    float: left;
    display: inline-block;
    box-shadow: 1px 1px 5px #aaa;
    border: 1px solid #ddd;
    margin-bottom: 10px
}
.p-single__content .talk-left-pengin {
    float: right;
    position: relative;
    background: #fff;
    border: 1px solid #006DD9;
    padding: 3%;
    border-radius: 10px;
    width: 80%;
    margin-top: 10px;
    box-shadow: 1px 1px 5px #ccc;
    margin-bottom: 10px
}
.p-single__content .talk-left-pengin:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-right-color: #006DD9;
    position: absolute;
    left: -19px;
    top: 25%;
    margin-top: -9px
}
.p-single__content .talk-left-pengin.talk_right::before {
    border-left-color: #006DD9;
    border-right-color: transparent;
    left: calc(100% - 1px);
}
.p-single__content .talk-left-pengin:after {
    content: "";
    display: inline-block;
    border: 9px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: -16px;
    top: 25%;
    margin-top: -8px
}
.p-single__content .talk-left-pengin.talk_right::after {
    border-left-color: #fff;
    border-right-color: transparent;
    left: calc(100% - 2px);
}

/* writer antena */

.p-single__content .left-icon-antena {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: no-repeat;
    background-size: 100%;
    background-position: center;
    float: left;
    display: inline-block;
    box-shadow: 1px 1px 5px #aaa;
    border: 1px solid #ddd;
    margin-bottom: 10px
}
.p-single__content .talk-left-antena {
    float: right;
    position: relative;
    background: #fff;
    border: 1px solid #FFD70A;
    padding: 3%;
    border-radius: 10px;
    width: 80%;
    margin-top: 10px;
    box-shadow: 1px 1px 5px #ccc;
    margin-bottom: 10px
}
.p-single__content .talk-left-antena:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-right-color: #FFD70A;
    position: absolute;
    left: -19px;
    top: 25%;
    margin-top: -9px
}
.p-single__content .talk-left-antena.talk_right::before {
    border-left-color: #FFD70A;
    border-right-color: transparent;
    left: calc(100% - 1px);
}
.p-single__content .talk-left-antena:after {
    content: "";
    display: inline-block;
    border: 9px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: -16px;
    top: 25%;
    margin-top: -8px
}
.p-single__content .talk-left-antena.talk_right::after {
    border-left-color: #fff;
    border-right-color: transparent;
    left: calc(100% - 2px);
}

/* writer lesser */

.p-single__content .left-icon-panda {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: no-repeat;
    background-size: 100%;
    background-position: center;
    float: left;
    display: inline-block;
    box-shadow: 1px 1px 5px #aaa;
    border: 1px solid #ddd;
    margin-bottom: 10px
}
.p-single__content .talk-left-panda {
    float: right;
    position: relative;
    background: #fff;
    border: 1px solid #84611B;
    padding: 3%;
    border-radius: 10px;
    width: 80%;
    margin-top: 10px;
    box-shadow: 1px 1px 5px #ccc;
    margin-bottom: 10px
}
.p-single__content .talk-left-panda:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-right-color: #84611B;
    position: absolute;
    left: -19px;
    top: 25%;
    margin-top: -9px
}
.p-single__content .talk-left-panda.talk_right::before {
    border-left-color: #84611B;
    border-right-color: transparent;
    position: absolute;
    left: calc(100% - 1px);
}
.p-single__content .talk-left-panda:after {
    content: "";
    display: inline-block;
    border: 9px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: -16px;
    top: 25%;
    margin-top: -8px
}
.p-single__content .talk-left-panda.talk_right::after {
    border-left-color: #fff;
    border-right-color: transparent;
    left: calc(100% - 2px);
}

@media (min-width:350px) {
.p-single__content .left-icon {
    width: 60px;
    height: 60px
}
.p-single__content .left-icon-kani {
    width: 60px;
    height: 60px
}
.p-single__content .left-icon-pengin {
    width: 60px;
    height: 60px
}
.p-single__content .left-icon-antena {
    width: 60px;
    height: 60px
}
.p-single__content .left-icon-panda {
    width: 60px;
    height: 60px
}
.p-single__content .talk-left {
    width: 80%
}
.p-single__content .talk-left-kani {
    width: 80%
}
.p-single__content .talk-left-pengin {
    width: 80%
}
.p-single__content .talk-left-antena {
    width: 80%
}
.p-single__content .talk-left-panda {
    width: 80%
}
.p-single__content .right-icon {
	width: 60px;
	height: 60px
}
.p-single__content .talk-right {
	width: 80%
}

}

@media (min-width:480px) {
.p-single__content .left-icon {
    width: 70px;
    height: 70px
}
.p-single__content .left-icon-kani {
    width: 70px;
    height: 70px
}
.p-single__content .left-icon-pengin {
    width: 70px;
    height: 70px
}
.p-single__content .left-icon-antena {
    width: 70px;
    height: 70px
}
.p-single__content .left-icon-panda {
    width: 70px;
    height: 70px
}
.p-single__content .right-icon {
	width: 70px;
	height: 70px
}
.p-single__content .talk-right {
	width: 80%
}

}

@media (min-width:601px) {
.p-single__content .left-icon {
    width: 75px;
    height: 75px
}
.p-single__content .left-icon-kani {
    width: 75px;
    height: 75px
}
.p-single__content .left-icon-pengin {
    width: 75px;
    height: 75px
}
.p-single__content .left-icon-antena {
    width: 75px;
    height: 75px
}
.p-single__content .left-icon-panda {
    width: 75px;
    height: 75px
}
.p-single__content .right-icon {
	width: 75px;
	height: 75px
}
.p-single__content .talk-right {
	width: 80%
}

}

@media (min-width:1025px) {
.p-single__content .left-icon {
    width: 90px;
    height: 90px
}
.p-single__content .left-icon-kani {
    width: 90px;
    height: 90px
}
.p-single__content .left-icon-pengin {
    width: 90px;
    height: 90px
}
.p-single__content .left-icon-antena {
    width: 90px;
    height: 90px
}
.p-single__content .left-icon-panda {
    width: 90px;
    height: 90px
}
.p-single__content .right-icon {
	width: 90px;
	height: 90px
}

}

/***** ap2-xxxxxxx *****/
.p-single__content .unit_bnr {
  padding: 20px 5px 30px;
  border: 1px solid #d6d6d6;
}
.p-single__content .unit_bnr:not(:first-child) {
  margin-top: 30px;
}
.p-single__content .unit_bnr:not(:last-child) {
  margin-bottom: 30px;
}
.p-single__content .unit_bnr_title {
  font-size: 1.4rem;
  font-weight: bold;
}
.p-single__content .unit_bnr_btn {
  margin: 0 auto;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  background: linear-gradient(to right, #f70, #f09);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.149);
}
.p-single__content .unit_bnr_btn:hover {
  color: #f09;
  background: #fff;
  border: 1px solid currentColor;
}
.p-single__content .unit_bnr_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
}
.p-single__content .unit_bnr_btn a:hover {
  color: #f09;
}
.p-single__content .unit_bnr figure a {
  display: block;
}
.p-single__content .unit_bnr.type01 .unit_bnr_title {
  margin-bottom: 24px;
}
.p-single__content .unit_bnr.type01 figure {
  max-width: 257px;
  margin: 0 auto 22px;
}
.p-single__content .unit_bnr.type01 .unit_bnr_text {
  padding: 0 5px;
  font-size: 1.2rem;
  line-height: 1.8;
}
.p-single__content .unit_bnr.type01 .unit_bnr_btn {
  max-width: 280px;
  height: 38px;
  margin-top: 23px;
}
.p-single__content .unit_bnr.type01 .unit_bnr_btn i {
  margin-left: 10px;
}
.p-single__content .unit_bnr.type02 {
  text-align: center;
  max-width: 648px;
  margin-left: auto;
  margin-right: auto;
}
.p-single__content .unit_bnr.type02 figure {
  max-width: 120px;
  margin: 0 auto 12px;
  border-radius: 50%;
  overflow: hidden;
}
.p-single__content .unit_bnr.type02 .unit_bnr_title {
  margin-bottom: 17px;
  font-size: 1.8rem;
}
.p-single__content .unit_bnr.type02 .unit_bnr_text {
  padding-bottom: 6px;
}
.p-single__content .unit_bnr.type02 .unit_bnr_text p {
  display: inline-block;
  padding: 5px 8px;
  color: #f09;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.43;
  background-color: #fff;
  border: 1px solid currentColor;
  position: relative;
}
.p-single__content .unit_bnr.type02 .unit_bnr_text p::before, .unit_bnr.type02 .unit_bnr_text p::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px 6px 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.p-single__content .unit_bnr.type02 .unit_bnr_text p::before {
  border-top-color: currentColor;
}
.p-single__content .unit_bnr.type02 .unit_bnr_text p::after {
  margin-top: -1px;
  border-top-color: #fff;
}
.p-single__content .unit_bnr.type02 .unit_bnr_btn {
  max-width: 280px;
  height: 50px;
  margin-top: 15px;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: none;
}
.p-single__content .unit_bnr.type02 .unit_bnr_btn i {
  margin-left: 17px;
}
.p-single__content .unit_bnr.type02 .unit_bnr_link {
  margin-top: 1em;
  font-size: 1.4rem;
}

 .p-single__content .unit_bnr_inner img {
    margin: auto!important;
    max-width: none!important;
    width: 100%!important;
  }

@media screen and (min-width: 600px) {
  .p-single__content .bnr_img_text {
    font-size: 1.6rem;
  }
  .p-single__content .unit_bnr_title {
    font-size: 1.6rem;
  }
  .p-single__content .unit_bnr_inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
 .p-single__content .unit_bnr_inner img {
    margin: auto!important;
    max-width: 257px!important;
  }
  .p-single__content .unit_bnr.type01 {
    padding: 30px;
  }
  .p-single__content .unit_bnr.type01 .unit_bnr_inner {
    column-gap: 17px;
  }
  .p-single__content .unit_bnr.type01 figure {
    flex-shrink: 0;
    width: 50%;
    max-width: 257px;
    margin: 0;
  }
  .p-single__content .unit_bnr.type01 .unit_bnr_text {
    flex-grow: 1;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .p-single__content .unit_bnr.type01 .unit_bnr_btn {
    margin-top: 20px;
  }
  .p-single__content .unit_bnr.type02 {
    padding: 36px 16px 30px 20px;
  }
  .p-single__content .unit_bnr.type02 .unit_bnr_inner {
    column-gap: 10px;
  }
  .p-single__content .unit_bnr.type02 figure {
    flex-shrink: 0;
    width: 30%;
    max-width: 144px;
    margin: 0;
  }
  .p-single__content .unit_bnr.type02 .unit_bnr_inner_txt {
    flex-grow: 1;
  }
}

.p-single__content .marker {
	font-weight: bold;
	background: linear-gradient(to top, #e0ff95 38%, transparent 38%);
}

/***** play nikki afi-image width100% *****/
.p-single__content .img_link_w100 {
width: 100%!important;
margin: auto!important;
max-width: 100%!important;
}

/* nikki and news image adjust */
.m-tn-20 {
    margin-top: -20px!important;
}
.m-bt-20 {
    margin: 20px 0!important;
}
.m-h-20 {
    margin: 20px 0!important;
    max-width: 100%!important;
}

/* margin 0 */
.m-t-0{
	margin-top: 0!important;
}
.m-b-0{
	margin-bottom: 0!important;
}
body.single-2022 .p-single__meta {
  margin: 10px 0;
  display: block;
}
@media (min-width:601px) {
body.single-2022 .p-single__meta {
  display: flex;
}
}

/* table item position */
.tbl_txt_center{
	text-align: center!important;
}
.tbl_txt_left{
	text-align: left!important;
}

/*** play result ***/
.play_result_unit {
    max-width: 480px;
    border: 1px solid #333;
}
.play_result_unit:not(:first-child) {
    margin-top: 30px;
}
.play_result_unit:not(:last-child) {
    margin-bottom: 40px;
}
.play_result_unit_title {
    margin: 0!important;
    padding: 10px;
    color: #fff;
    font-size: 16px!important;
    font-weight: bold;
    line-height: 1!important;
    text-align: center;
    background-color: #333;
}
.play_result_unit_data {
    padding: 15px 12px 20px;
}
.play_result_unit_data > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.play_result_unit_data > div:not(:last-child) {
    margin-bottom: 8px;
}
.play_result_unit_data dt,
.play_result_unit_data dd {
    margin: 0;
    padding: 0;
    font-weight: 500;
}
.play_result_unit_data dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 8em;
    margin-right: 20px;
    color: #fff;
    font-size: 16px !important;
    text-align: center;
    background-color: #929292;
}
.play_result_unit_data dd {
    font-size: 16px !important;
}
.play_result_unit_data dd i {
    margin-left: 9px;
    margin-right: 14px;
}
.play_result_unit_data_in dt {
    background-color: #00cbb6;
}
.play_result_unit_data_out dt {
    background-color: #f95959;
}

@media screen and (min-width: 601px) {
    .play_result_unit:not(:last-child) {
        margin-bottom: 30px;
    }
    .play_result_unit_title {
        font-size: 18px!important;
    }
    .play_result_unit_data {
        padding: 15px 16px;
    }
    .play_result_unit_data > div:not(:last-child) {
        margin-bottom: 10px;
    }
    .play_result_unit_data dt {
        font-size: 18px !important;
        margin-right: 30px;
    }
    .play_result_unit_data dd {
        font-size: 18px !important;
    }
}

.single article .t-red {
    color: #f00;
    font-weight: bold;
}
.single article .t-blue {
    color: #01f;
    font-weight: bold;
}
.single article .t-pink {
    color: #f0b;
    font-weight: bold;
}
.single article .t-gold {
    color: #beab00;
    font-weight: bold;
}

/* 引用（イメージ未使用） */
.p-page__content .quotation p {
font-size: 1.4rem;
}
.p-page__content .quotation.type_large02,
.p-page__content .quotation.type_small02 {
background-color: #f3f3f3;
border-color: #bbb;
border-style: solid;
position: relative;
}
.p-page__content .quotation.type_large02 {
margin-top: 50px;
padding: 25px 15px 25px 95px;
border-bottom-width: 3px;
}
.p-page__content .quotation.type_small02 {
padding: 12px 15px 14px 38px;
border-left-width: 5px;
}
.p-page__content .quotation.type_large02::before,
.p-page__content .quotation.type_small02::before {
content: "“";
display: block;
color: #BBBBBB;
font-family: "Yu Gothic Medium", "游ゴシック体 Medium", YuGothic, "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
font-weight: 500;
line-height: 1;
position: absolute;
pointer-events: none;
}
.p-page__content .quotation.type_large02::before {
top: -5px;
left: -5px;
font-size: 240px;
background-image: none;
}
.p-page__content .quotation.type_small02::before {
top: 0px;
left: 1px;
font-size: 80px;
background-image: none;
}
.p-page__content .quotation.type_large02 p {
margin-bottom: 20px;
}
.p-page__content .quotation.type_large02 p:last-child {
margin-bottom: 0;
}
.p-page__content .quotation.type_small02 p {
padding-left: 10px;
}
.p-page__content .quotation.type_img figcaption {
margin-top: 11px;
text-align: center;
}
.p-page__content .quotation.type_img figcaption {
margin-top: 15px;
}
.p-page__content .quotation.type_img p {
font-size: 1.2rem;
}

@media screen and (max-width: 600px) {

/* 引用（イメージ未使用） */
.p-page__content .quotation.type_large02 {
padding: 20px 10px 16px 52px;
}
.p-page__content .quotation.type_small02 {
padding: 8px 10px 9px 38px;
border-left-width: 5px;
}
.p-page__content .quotation.type_large02::before {
top: 3px;
left: 1px;
font-size: 120px;
}

}

/* イメージ外枠（マニュアル用角丸） */
.p-page__content .man_img_border01 {
border-radius: 10px;
border: 1px solid #999;
}

/* イメージ外枠（矩形） */
.p-page__content .sq_img_border01 {
border: 1px solid #999;
}

/* EVENT button(square) */
.p-page__content .promo_ap_btn_sq {
width: 100%;
max-width: 280px;
height: 36px;
margin: 40px auto 40px;
color: #fff;
font-size: 1.4rem;
font-weight: bold;
background: linear-gradient(to right, #f70, #f09);
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.149);
}
.p-page__content .promo_ap_btn_sq:hover {
color: #f09 !important;
background: #fff;
border: 1px solid #f09;
}
.p-page__content .promo_ap_btn_sq a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #fff;
}
.p-page__content .promo_ap_btn_sq i {
margin-left: 17px;
}
.p-page__content .promo_ap_btn_sq a:hover {
color: #f09 !important;
}

@media screen and (max-width: 600px) {
.p-page__content .promo_ap_btn_sq {
max-width: 90%;
margin: 30px auto 50px;
}
.p-page__content .promo_ap_btn_sq span {
font-size: 15px;
}
}

/* EVENT button(Twitter) */
.p-page__content .promo_twitter_btn_sq {
width: 100%;
max-width: 280px;
height: 36px;
margin: 40px auto 40px;
color: #fff;
font-size: 1.4rem;
font-weight: bold;
background: #1DA1F2;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.149);
}
.p-page__content .promo_twitter_btn_sq:hover {
color: #1DA1F2 !important;
background: #fff;
border: 1px solid #1DA1F2;
}
.p-page__content .promo_twitter_btn_sq a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #fff;
}
.p-page__content .promo_twitter_btn_sq i {
margin-right: 17px;
}
.p-page__content .promo_twitter_btn_sq a:hover {
color: #1DA1F2 !important;
}

@media screen and (max-width: 600px) {
.p-page__content .promo_twitter_btn_sq {
max-width: 90%;
margin: 30px auto 50px;
}
.p-page__content .promo_twitter_btn_sq span {
font-size: 15px;
}
}

/* オレンジマーカー　プロモ専用 */
.p-page__content .promo_orangemarker {
  background: linear-gradient(transparent 60%, rgba(255, 105, 0, 0.5) 60%);
}

/* 文字の装飾(抜け、可能なら全体のcssに移植してほしい) */
.p-page__content li a:link,
.p-page__content li a:active {
  color: #657aff;
  text-decoration: underline;
}
.p-page__content li a:visited {
  color: #ba19bf;
}
.p-page__content li a:hover {
  text-decoration: none;
}

/* 日記・ニュース用イントロ */
.casino_intro_box {
  border: 1px solid #D9D9D9;
  margin: 40px 0;
  padding-bottom: 20px;
}
.casino_intro_box .casino_intro_icon {
  display: flex;
  align-items: center;
}
.casino_intro_box .casino_intro_icon figure {
  width: 62px;
  height: 62px;
  margin: 20px 10px 15px 11px;
}
.casino_intro_box .casino_intro_icon figure img {
  margin: 0 !important;
}
.casino_intro_box .casino_intro_icon p {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
  margin: 0 !important;
}
.casino_intro_box .casino_intro_icon p::before {
  content: "【";
}
.casino_intro_box .casino_intro_icon p::after {
  content: "】";
}
.casino_intro_box dl dt {
  border-radius: 5px;
  font-size: 1.4rem;
  line-height: 1.2;
  padding: 5px 12px;
  margin-bottom: 10px;
  margin-left: 10px;
  float: left;
  clear: left;
}
.casino_intro_box dl dt:first-of-type {
  border: 1px solid #0EBA91;
  background-color: #DEFFF7;
  color: #0EBA91;
}
.casino_intro_box dl dt:nth-of-type(2) {
  border: 1px solid #FF5151;
  background-color: #FFF5F5;
  color: #FF5151;
}
.casino_intro_box dl dt:last-of-type {
  margin-bottom: 15px;
}
.casino_intro_box dl dd {
  float: left;
  padding: 3px 12px 2px;
}
.casino_intro_box dl dd:first-of-type .first {
  margin-right: 3px;
}
.casino_intro_box dl dd:first-of-type .last {
  margin-left: 3px;
}
.casino_intro_box dl dd:first-of-type .mark {
  font-weight: bold;
  background-color: #E8FF8C;
  color: #FF287E;
}
.casino_intro_box dl dd:first-of-type .num {
  font-weight: bold;
  background-color: #E8FF8C;
  color: #FF287E;
  font-size: 2rem;
}
.casino_intro_box dl dd:nth-of-type(2) {
  font-size: 1.6rem;
}
.casino_intro_box dl dd:nth-of-type(2) .first {
  margin-right: 3px;
}
.casino_intro_box dl dd:nth-of-type(2) .last {
  margin-left: 3px;
}
.casino_intro_box dl dd:nth-of-type(2) .mark {
  color: #FF287E;
  font-weight: bold;
}
.casino_intro_box dl dd:nth-of-type(2) .num {
  color: #FF287E;
  font-weight: bold;
  font-size: 2rem;
}
.casino_intro_box > p {
  background-color: #F3F3F3;
  margin: 15px 10px 20px !important;
  padding: 10px;
  clear: left;
  font-size: 1.4rem !important;
  line-height: 1.8 !important;
}
.casino_intro_box a {
  display: block;
  margin: 15px 10px;
  border-radius: 40px;
  padding: 17px 0 16px;
  font-size: 1.4rem;
  text-align: center;
  transition: 0.25s;
  line-height: 1.14;
}
.casino_intro_box a:link {
  color: inherit;
}
.casino_intro_box a:visited {
  color: inherit;
}
.casino_intro_box a:hover {
  opacity: 0.6;
}
.casino_intro_box .offcial_btn {
  background-color: #FFC700;
  position: relative;
  font-weight: bold;
}
.casino_intro_box .offcial_btn::after {
  content: "\e908";
  font-family: "fa";
  font-size: 1.6rem;
  position: absolute;
  right: 20px;
  top: 15px;
}
.casino_intro_box .inter_btn {
  background-color: #FFF6D4;
  border: 1px solid #FFC700;
}
/* PC差分 */
@media screen and (min-width: 600px) {
  .casino_intro_box > div {
    display: flex;
  }
  .casino_intro_box .casino_intro_icon {
    width: 50%;
  }
  .casino_intro_box .casino_intro_icon figure {
    margin: 20px 10px 15px 25px;
  }
  .casino_intro_box .casino_intro_icon figure img {
    max-width: 62px !important;
  }
  .casino_intro_box dl {
    margin-top: 20px;
    margin-left: 10px;
  }
  .casino_intro_box > p {
    margin: 3px 25px 15px !important;
  }
  .casino_intro_box .btn {
    justify-content: flex-end;
    margin-right: 10px;
  }
  .casino_intro_box .btn a {
    padding: 15px 0 12px;
    margin: 0 15px 0 0;
    width: 250px;
  }
  .casino_intro_box .offcial_btn::after {
    top: 13px;
  }
}

/* ダークオレンジボタン */
.dark_orange_square_btn {
  font-weight: bold;
  display: block;
  text-align: center;
  line-height: 55px;
  height: 60px;
  margin: 40px auto 50px;
  background-color: #FF7700;
  border: 3px solid #FFBD5A;
  border-radius: 5px;
  color: #FFFFFF !important;
  transition: 0.25s;
}
.dark_orange_square_btn::before {
  content: "\e92e";
  font-family: "fa";
  margin-right: 10px;
}
.dark_orange_square_btn:link {
  color: inherit;
}
.dark_orange_square_btn:visited {
  color: inherit;
}
.dark_orange_square_btn:hover {
  opacity: 0.6;
}
/* PC差分 */
@media screen and (min-width: 600px) {
  .dark_orange_square_btn {
    max-width: 420px;
  }
}