@charset "utf-8";

/* ------------------------------
   Universal Reset
   Contents
   ClearFix
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
main{display:block;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,small,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;_vertical-align:text-bottom;}
input:not([type="radio"]):not([type="checkbox"]),select,textarea{margin:0;padding:0;border:none;border-radius:0;vertical-align:middle;
-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
input[type="submit"]:hover{cursor:pointer;}
input[type="image"]{max-width:100%;outline: none;}
option{padding-right:5px;}
button{background:none;padding:0;border:0;text-align:left;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Contents
==================================================================*/
body{
background: #000;
background-image: url(../../images/bg_body_top.png), linear-gradient( to bottom, #626262, rgba(0,0,0,0)), url(../../images/bg_body_full.png);
background-repeat: no-repeat, no-repeat, repeat;
background-position: center 0, 0 1.5vw, center 0;
background-size: 100% 1.5vw, 100% 0.3vw, 15% auto;
margin:0 auto;padding-top:1.7vw;color:#010101;font-size:3.5vw;font-family: 'Noto Serif JP', serif;line-height:1.7;-webkit-text-size-adjust:100%;
}
.base{
background-image: url(../../images/bg_base.png);
background-repeat: repeat-x;
background-position: center 0;
background-size: 15% auto;
padding:2vw 0 0.3vw;
display: flex;flex-direction: column;min-height: 100%; /* ブラウザ最下部までコンテンツエリア保持 */}

main{flex-grow: 1; /* ブラウザ最下部までコンテンツエリア保持 */}
main .wrap{margin: 0 auto;padding:6.5vw 4.5vw 9vw;max-width: 600px;}

@media screen and (min-width:620px) {
body{background-size: 100% 9px, 100% 5px, 77px auto;background-position: center 0, 0 9px, center 0;
padding-top: 10px;font-size: 21px;}
.base{background-size: 77px auto;padding:12px 0 2px;}
main .wrap{padding:39px 27px 54px;width: 600px;}
}


/*========== footer ==========*/
footer{background: #960140;padding:1.5vw;color: #fff;text-align: center; z-index: 1;}
footer .copyright{font-size:2vw;}

@media screen and (min-width:620px) {
footer{padding:9px; z-index: 1;}
footer .copyright{font-size:12px;}
}


/*========== title ==========*/
.ttl_01{display: flex;align-items: center;justify-content: center;
background: url(../../images/bg_ttl_01.png) no-repeat center center;background-size: contain;
margin:0 -2.5vw 3.7vw;padding: 0.5vw 3.3vw;height: 9.4vw;color: #fff;font-size:5vw;font-weight: 700;text-align: center;line-height: 1.3;}
.ttl_01.num{font-size: 4.4vw;}
.ttl_01.num .value{margin-left: 1em;font-size: 6vw;}

.ttl_img_01{margin-bottom:4vw;text-align: center;}

@media screen and (min-width:620px) {
.ttl_01{margin:0 -15px 22px;padding: 3px 20px;height: 56px;font-size:28px;}
.ttl_01.num{font-size: 26px;}
.ttl_01.num .value{font-size: 36px;}

.ttl_img_01{margin-bottom:24px;}
}

.ttl_02{display: flex;align-items: center;justify-content: center;
background: url(../../images/midashi_b.png) no-repeat center center;background-size: contain;
margin:0 -2.5vw 7.4vw;padding: 1vw 6.6vw;height: 17vw;color: #fff;font-size:5vw;font-weight: 700;text-align: center;line-height: 1.3;}
.ttl_02.num{font-size: 4.4vw;}
.ttl_02.num .value{margin-left: 1em;font-size: 6vw;}

.ttl_img_02{margin-bottom:4vw;text-align: center;}

@media screen and (min-width:620px) {
.ttl_02{margin:0 -15px 44px;padding: 6px 35px;height: 112px;font-size:28px;}
.ttl_02.num{font-size: 26px;}
.ttl_02.num .value{font-size: 36px;}

.ttl_img_02{margin-bottom:24px;}
}

/*========== form ==========*/
input,select,textarea,button{font-size:16px;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="submit"]),textarea{background:#fff;padding:0.5em;border:solid 1px #B2C4D4;width: 100%;border-radius:5px;box-shadow: inset 0 0 3px #B2C4D4;}

/* radio ==========*/
input[type="radio"]{display: none;}
input[type="radio"] + label{position:relative;margin-right: 1.5em;padding-left: 1.5em;}
input[type="radio"] + label::before{
content: "";
display: block;
position: absolute;
top: 0;
bottom:0;
left: 0;
margin: auto;
width: 1em;
height: 1em;
border: 1px solid #999;
border-radius: 50%;
background: #FEFEFE;
}
input[type="radio"]:checked + label::after{
content: "";
display: block;
position: absolute;
top: 0;
bottom:0;
left: 1px;
margin: auto;
width: 1em;
height: 1em;
border-radius: 50%;
background: #006CFF;
transform: scale(0.5);
}

/* select ==========*/
label.frm_select_01{position:relative;display: inline-block;}
label.frm_select_01 select{position:relative;background: #fff;padding:0.5em 1.5em 0.5em 0.5em;border:solid 1px #B2C4D4;border-radius:5px;box-shadow: inset 0 0 3px #B2C4D4;}
label.frm_select_01:after{
content: "";
display:block;
position:absolute;
top:0;
bottom:0;
right:0.5em;
margin: auto;
width:0;
height:0;
border-style:solid;
border-width:0.5em 0.3em 0 0.3em;
border-color:#000 transparent transparent transparent;
}

@media screen and (min-width:620px) {
input,select,textarea,button{font-size: 21px;}
}


/*========== list ==========*/
/* list_img ==========*/
ul.list_img_01 > li{margin-top: 2.8vw;text-align: center;}
ul.list_img_01 > li > a{display:block;margin: 0 !important;}
ul.list_img_01 > li > a:hover{opacity: 0.7;}

ul.list_img_02{margin-top: 5.3vw;}
ul.list_img_02 > li{margin-top: 5.3vw;text-align: center;}
ul.list_img_02 > li > a{display:block;margin: 0 !important;}
ul.list_img_02 > li > a:hover{opacity: 0.7;}
ul.list_img_02.clm2{display: flex;flex-wrap: wrap;}
ul.list_img_02.clm3{display: flex;flex-wrap: wrap;margin-left:-3.35%;margin-right:-3.35%;}
ul.list_img_02.clm4{display: flex;flex-wrap: wrap;margin-left:-2%;margin-right:-2%;}
ul.list_img_02.clm2 > li{width: calc(100% / 2);}
ul.list_img_02.clm3 > li{padding: 0 3.35%;width: calc(100% / 3);}
ul.list_img_02.clm4 > li{padding: 0 2%;width: calc(100% / 4);}
ul.list_img_02.clm2 > li:nth-of-type(-n+2),
ul.list_img_02.clm3 > li:nth-of-type(-n+3),
ul.list_img_02.clm4 > li:nth-of-type(-n+4){margin-top: 0;}
ul.list_img_02.clm4 > li.bg_01 > a{background: url(../../images/bg_gameitem_01.png) no-repeat center 0;background-size: 100% auto;}
ul.list_img_02.clm4 > li.bg_02 > a{background: url(../../images/bg_gameitem_02.png) no-repeat center 0;background-size: 100% auto;}
ul.list_img_02.clm4 > li.bg_03 > a{background: url(../../images/bg_gameitem_03.png) no-repeat center 0;background-size: 100% auto;}

.list_img_03{
	position: absolute;
    text-align: left;
    background-color: rgba( 0,0,0, 0.5);
    color: #FFFFFF;
    left: 0;
	bottom:0;
    width: 100%;
	font-size: 13px;
	padding:0.5em 0.4em;
    line-height: 1.3em;
}
@media screen and (max-width:619px){
    ul.list_img_03{
        font-size: 11px;
    }
}

ul.list_img_02.boyfriend > li{position: relative;}
ul.list_img_02.boyfriend > li a{display: block;}
ul.list_img_02.boyfriend > li a:hover{opacity: 0.7;}
ul.list_img_02.boyfriend > li .btn{position: absolute;bottom: -1vw;right: -1.5vw;width: 15.8vw;}
ul.list_img_02.boyfriend > li .badge{position: absolute;top: -1.3vw;right: 0;
background: #FF0000;width: 6.6vw;height: 6.6vw;color: #fff;text-align: center;border:solid 0.5vw #fff;border-radius: 50%;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
ul.list_img_02.boyfriend > li .badge p{position: absolute;left: 0;right: 0;top: 0;bottom: 0;
margin: auto;height: 1em;line-height: 1;}

ul.list_img_02.intro.clm2{justify-content: space-between;}
ul.list_img_02.intro.clm2 > li{width: 42.3vw;}

@media screen and (min-width:620px) {
ul.list_img_01 > li{margin-top: 17px;}
ul.list_img_02,
ul.list_img_02 > li{margin-top: 32px;}

ul.list_img_02.boyfriend > li .btn{bottom: -6px;right: -9px;width: 95px;}
ul.list_img_02.boyfriend > li .badge{top: -8px;width: 40px;height: 40px;border-width: 2px;}

ul.list_img_02.intro.clm2 > li{width: 254px;}
}

/* 新デザイン 未読カウント */
ul.kareshi > li{position: relative;}
ul.kareshi > li a{display: block;}
ul.kareshi > li a:hover{opacity: 0.7;}
ul.kareshi > li .btn{position: absolute;bottom: -1vw;right: -1.5vw;width: 15.8vw;}
ul.kareshi > li .badge{position: absolute;top: -1.3vw;right: 0;
background: #FF0000;width: 6.6vw;height: 6.6vw;color: #fff;text-align: center;border:solid 0.5vw #fff;border-radius: 50%;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
ul.kareshi > li .badge p{position: absolute;left: 0;right: 0;top: 0;bottom: 0;
margin: auto;height: 1em;line-height: 1;}

@media screen and (min-width:620px) {

ul.kareshi > li .btn{bottom: -6px;right: -9px;width: 95px;}
ul.kareshi > li .badge{top: -8px;width: 40px;height: 40px;border-width: 2px;}

ul.kareshi.intro.clm2 > li{width: 254px;}
}


/* list_gameitem ==========*/
ul.list_gameitem_01 > li a{display: block;background: url(../../images/bg_list_gameitem_01.png) no-repeat center 0;background-size: 100% 100%;
margin-top: 3vw;padding: 1.7vw 2vw;min-height: 19.5vw;color: #000;}
ul.list_gameitem_01 > li a:hover{opacity: 0.7;}
ul.list_gameitem_01 > li a dl{position: relative;padding-left:calc(16vw + 1.5vw);line-height: 1.5;}
ul.list_gameitem_01 > li a dl dd .period{text-align: right;}
ul.list_gameitem_01 > li a dl dd .period p{display:inline-block;background: #F00;padding: 0 0.5em;color: #fff;font-size: 2.6vw;border: solid 0.5vw #fff;border-radius: 1.7vw;}
ul.list_gameitem_01 > li a dl dd .image{position: absolute;top:0;left: 0;width:16vw;height: 16vw;}
ul.list_gameitem_01 > li a dl dd .image.bg_01{background: url(../../images/bg_gameitem_01.png) no-repeat center 0;background-size: 100% auto;}
ul.list_gameitem_01 > li a dl dd .image.bg_02{background: url(../../images/bg_gameitem_02.png) no-repeat center 0;background-size: 100% auto;}
ul.list_gameitem_01 > li a dl dd .image.bg_03{background: url(../../images/bg_gameitem_03.png) no-repeat center 0;background-size: 100% auto;}

ul.list_gameitem_02 > li{background: url(../../images/bg_list_gameitem_02.png) no-repeat center 0;background-size: 100% 100%;
margin-top: 3vw;padding: 2.7vw 3vw;min-height: 22.6vw;}
ul.list_gameitem_02 > li dl.list_gameitem_01{padding-left:calc(17.4vw + 1.5vw);min-height: 17.4vw;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dt{font-size: 4vw;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dd .amount{font-size: 3vw;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dd .price{width:39vw;font-size: 3.2vw;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dd .image{width:17.4vw;height: 17.4vw;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dd .btn{position: absolute;right: 0;bottom: -0.6vw;width:21.5vw;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dd .btn a{display: block;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dd a:hover{opacity: 0.7;}


dl.list_gameitem_01{position: relative;padding-left:calc(20vw + 1.5vw);min-height: 20vw;line-height: 1.3;}
dl.list_gameitem_01 dt{font-size: 5vw;}
dl.list_gameitem_01 dd .amount{font-size: 3.5vw;}
dl.list_gameitem_01 dd .price{position: absolute;bottom: 0.3vw;background: #000;padding: 0 0.5em;width: calc(100% - 20vw - 1.5vw);color: #fff;font-size: 4vw;border-radius: 3vw;text-align: center;}
dl.list_gameitem_01 dd .image{position: absolute;top:0;left: 0;width:20vw;height: 20vw;}
dl.list_gameitem_01 dd .image.bg_01{background: url(../../images/bg_gameitem_01.png) no-repeat center 0;background-size: 100% auto;}
dl.list_gameitem_01 dd .image.bg_02{background: url(../../images/bg_gameitem_02.png) no-repeat center 0;background-size: 100% auto;}
dl.list_gameitem_01 dd .image.bg_03{background: url(../../images/bg_gameitem_03.png) no-repeat center 0;background-size: 100% auto;}


@media screen and (min-width:620px) {
ul.list_gameitem_01 > li a{margin-top: 18px;padding: 10px 12px;min-height: 117px;}
ul.list_gameitem_01 > li a dl{padding-left:calc(96px + 9px);}
ul.list_gameitem_01 > li a dl dd .period p{font-size: 16px;border-radius: 10px;border-width: 2px;}
ul.list_gameitem_01 > li a dl dd .image{width: 96px;height: 96px;}

ul.list_gameitem_02 > li{margin-top: 18px;padding: 16px 18px;min-height: 136px;}
ul.list_gameitem_02 > li dl.list_gameitem_01{padding-left:calc(104px + 9px);min-height: 104px;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dt{font-size: 24px;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dd .amount{font-size: 18px;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dd .price{width:234px;font-size: 19px;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dd .image{width: 104px;height: 104px;}
ul.list_gameitem_02 > li dl.list_gameitem_01 dd .btn{bottom: -4px;width:129px;}

dl.list_gameitem_01{padding-left:calc(120px + 9px);min-height: 120px;}
dl.list_gameitem_01 dt{font-size: 30px;}
dl.list_gameitem_01 dd .amount{font-size: 21px;}
dl.list_gameitem_01 dd .price{bottom: 2px;width: calc(100% - 120px - 9px);font-size: 24px;border-radius: 18px;}
dl.list_gameitem_01 dd .image{width: 120px;height: 120px;}
}


/* list_item ==========*/
dl.list_item_01 > dt{margin:10vw 0 2.5vw;font-size:4.2vw;font-weight: 700;}
dl.list_item_01 > dt i{margin-right:2.5vw;}
dl.list_item_01 > dd p input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="submit"]),
dl.list_item_01 > dd p label.frm_select_01{margin-bottom:5vw;}
dl.list_item_01 > dd p textarea,
dl.list_item_01 > dd .box_scroll_01{background: #fff;margin-bottom:2vw;border:solid 1px #B2C4D4;box-shadow: inset 0 0 3px #B2C4D4;}

dl.list_item_02{margin-bottom:1em;}
dl.list_item_02 dt{margin:1em 0;}
dl.list_item_02 dd{margin-bottom:2em;}

dl.list_item_03{margin-bottom:1em;}
dl.list_item_03 dd{margin-bottom:2em;}

dl.list_item_04{margin-top: 4vw;display: flex;justify-content: center;}
dl.list_item_04 > dt{background: #583828;padding: 1.7vw 3vw;width: 50%;color: #fff;font-size: 3.5vw;border-radius: 2.1vw 0 0 2.1vw;text-align:
left;}
dl.list_item_04 > dt.image{padding-left: 0.3vw;}
dl.list_item_04 > dt.image .img_icon_01{margin: -1.7vw 1vw -1.7vw 0;height: 2.55em;}
dl.list_item_04 > dd{background: #fff;padding: 1.7vw 3vw;width: 63%;font-size: 3.5vw;border-radius: 0 2.1vw 2.1vw 0;text-align: right;word-break: break-all;}

dl.list_item_04 > dd .btn_toggle_01 > label{margin: 0 auto;}

dl.list_item_05 > dt{margin-top: 4vw;color: #583828;font-size: 4vw;font-weight: 700;}
dl.list_item_05 > dt i{margin-right:2.5vw;}
dl.list_item_05 > dd{font-size: 3.5vw;}
dl.list_item_05 > dd:not(.bg_none){background: #fff;padding: 1.7vw 3vw;border-radius: 2.1vw;}

.box_ctr_02 dl.list_item_01 > dt:first-of-type,
.box_ctr_02 dl.list_item_02 > dt:first-of-type,
.box_ctr_02 dl.list_item_05 > dt:first-of-type{margin-top: 0;}

@media screen and (min-width:620px) {
dl.list_item_01 > dt{margin:60px 0 15px;font-size:25px;}
dl.list_item_01 > dt i{margin-right:15px;}
dl.list_item_01 > dd p input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="submit"]),
dl.list_item_01 > dd p label.frm_select_01{margin-bottom:30px;}
dl.list_item_01 > dd p textarea,
dl.list_item_01 > dd .box_scroll_01{margin-bottom:12px;}

dl.list_item_04{margin-top: 24px;}
dl.list_item_04 > dt{padding: 10px 18px;font-size: 21px;border-radius: 12px 0 0 12px;}
dl.list_item_04 > dt.image{padding-left: 2px;}
dl.list_item_04 > dt.image .img_icon_01{margin: -10px 6px -10px 0;}
dl.list_item_04 > dd{padding: 10px 18px;font-size: 21px;border-radius: 0 12px 12px 0;}

dl.list_item_05 > dt{margin-top: 24px;font-size: 24px;}
dl.list_item_05 > dt i{margin-right:15px;}
dl.list_item_05 > dd{font-size: 21px;}
dl.list_item_05 > dd:not(.bg_none){padding: 10px 18px;border-radius: 12px;}
}

/* other ==========*/
ul.list_disc_01 > li{list-style: outside disc;margin-left: 1.3em;}
ul.list_decimal_01 > li{list-style: outside decimal;margin-left: 1.3em;}
ul.list_brct_01 > li{position:relative;padding-left:2em;}
ul.list_brct_01 > li .marker{position:absolute;left:0;}


/*========== box ==========*/
.box_ctr_01{background: #583828;padding: 4.5vw;color: #fff;border-radius: 2.6vw;}
.box_ctr_01 ul.list_img_02{margin-top: 0;}
.box_ctr_01 ul.list_img_02 > li{margin-top: 3.5vw;}
.box_ctr_01 ul.list_img_02.clm3{margin-left:-2%;margin-right:-2%;}
.box_ctr_01 ul.list_img_02.clm3 > li{padding: 0 2%;}

.box_ctr_02{background: #F4E6BF;margin-top: 4.5vw;padding: 1em;border: solid 1px #000;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.box_ctr_02 p{margin-bottom: 1em;}
.modal .box_ctr_02{font-size:2.8vw;}

.box_scroll_01{padding:0.5em;height: 58vw;font-size:3vw;overflow-y: scroll;}
.box_scroll_01::-webkit-scrollbar{width: 1.8vw;}
.box_scroll_01::-webkit-scrollbar-track{box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);}
.box_scroll_01::-webkit-scrollbar-thumb{background: #C1C1C1;border-radius: 10px;box-shadow:0 0 0 1px rgba(255, 255, 255, .3);border: solid 1px #B3B3B3;}

/*.box_item_01{background: url(../../images/bg_box_item_01.png) no-repeat center 0;background-size: 100% auto;margin: 0 auto;padding-top: 5.1vw;width: 76.8vw;height: 96.8vw;text-align: center;}*/
.box_item_01{
  background: url(../../images/itemsell_ptn.png) repeat center / 60%,#ffffff;
  border: solid 8px #e2c49c ;
  margin: 0 auto;
  padding-top: 5.1vw;
  padding-bottom: 5.1vw;
  text-align: center;
}
.box_item_01 .image{margin: 0 auto 5vw;width: 41.66%;}
.box_item_01 .image.bg_01{background: url(../../images/bg_gameitem_01.png) no-repeat center 0;background-size: 100% auto;}
.box_item_01 .image.bg_02{background: url(../../images/bg_gameitem_02.png) no-repeat center 0;background-size: 100% auto;}
.box_item_01 .image.bg_03{background: url(../../images/bg_gameitem_03.png) no-repeat center 0;background-size: 100% auto;}
.box_item_01 dl{padding: 0 1.5em;}
.box_item_01 dl dt{font-size: 5vw;}
.box_item_01 dl dd{font-size: 3.5vw;line-height: 1.3;font-family: 'Font Awesome 5 Free';}

@media screen and (min-width:620px) {
.box_ctr_01{padding: 27px;border-radius: 16px;}
.box_ctr_01 ul.list_img_02 > li{margin-top: 21px;}

.box_ctr_02{margin-top: 27px;}
.modal .box_ctr_02{font-size:16px;}

.box_scroll_01{height: 348px;font-size:18px;}
.box_scroll_01::-webkit-scrollbar{width: 10px;}

/*.box_item_01{width: 460px;height: 460px;padding-top:57px;}*/
.box_item_01 .image{margin-bottom: 30px;}
.box_item_01 dl dt{font-size: 30px;}
.box_item_01 dl dd{font-size: 21px;}
}

/*========== link, button ==========*/
a, a:visited{color:#960140;}
a:hover, a:active{color:#D13F7F;}

.btn_img_01 a,
.btn_img_01 input{display: block;text-align: center;}
.btn_img_01 > a,
.btn_img_01 > input{margin: 18vw auto !important;}
.btn_img_01 a:hover,
.btn_img_01 input:hover{opacity: 0.7;}
ul.btn_img_01{margin: 18vw auto !important;}
ul.btn_img_01 > li > a,
ul.btn_img_01 > li > input{margin: 18vw auto !important;}
ul.btn_img_01 > li:first-child > a,
ul.btn_img_01 > li:first-child > input{margin: 0 !important;}
ul.btn_img_01 > li:not(:first-child) > a,
ul.btn_img_01 > li:not(:first-child) > input{margin: 6.5vw auto 0 !important;}
ul.btn_img_01.clm2{display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
ul.btn_img_01.clm2 > li{width: 50%;}
ul.btn_img_01.clm2 > li > a,
ul.btn_img_01.clm2 > li > input{margin: 6.5vw auto 0 !important;}
ul.btn_img_01.clm2 > li:nth-child(-n+2) > a,
ul.btn_img_01.clm2 > li:nth-child(-n+2) > input{margin-top: 0 !important;}

.btn_img_02 a,
.btn_img_02 input{display: block;text-align: center;}
.btn_img_02 > a,
.btn_img_02 > input{margin: 4.5vw auto !important;width: 80%;}
.btn_img_02.mini a,
.btn_img_02.mini input{width: 55%;}
.btn_img_02 a:hover,
.btn_img_02 input:hover{opacity: 0.7;}
ul.btn_img_02{margin: 4.5vw auto !important;}
ul.btn_img_02 > li > a,
ul.btn_img_02 > li > input{margin: 4.5vw auto !important;}
ul.btn_img_02 > li:first-child > a,
ul.btn_img_02 > li:first-child > input{margin: 0 auto !important;}
ul.btn_img_02 > li:not(:first-child) > a,
ul.btn_img_02 > li:not(:first-child) > input{margin: 4.5vw auto 0 !important;}
ul.btn_img_02.clm2{display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
ul.btn_img_02.clm2 > li{width: 50%;}
ul.btn_img_02.clm2 > li > a,
ul.btn_img_02.clm2 > li > input{margin: 4.5vw auto 0 !important;width: 100%;}
ul.btn_img_02.clm2 > li:nth-child(-n+2) > a,
ul.btn_img_02.clm2 > li:nth-child(-n+2) > input{margin-top: 0 !important;}
ul.btn_img_02.clm2 > li:nth-child(odd){padding-right: 1.5vw;}
ul.btn_img_02.clm2 > li:nth-child(even){padding-left: 1.5vw;}

.btn_img_03 a,
.btn_img_03 input{display: block;margin: 2.6vw auto !important;text-align: center;}
.btn_img_03 a:hover,
.btn_img_03 input:hover{opacity: 0.7;}
ul.btn_img_03{margin: 2.6vw auto !important;}
ul.btn_img_03 > li:first-child > a,
ul.btn_img_03 > li:first-child > input{margin: 0 !important;}
ul.btn_img_03 > li:not(:first-child) > a,
ul.btn_img_03 > li:not(:first-child) > input{margin: 2.6vw auto 0 !important;}
ul.btn_img_03.clm2{display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
ul.btn_img_03.clm2 > li{width: 50%;}
ul.btn_img_03.clm2 > li > a,
ul.btn_img_03.clm2 > li > input{margin: 2.6vw auto 0 !important;}
ul.btn_img_03.clm2 > li:nth-child(-n+2) > a,
ul.btn_img_03.clm2 > li:nth-child(-n+2) > input{margin-top: 0 !important;}

.btn_back_02{position: absolute;top: -11.2vw;width: 27.8vw;}
.btn_back_02 a{display: block;}
.btn_back_02 a:hover{opacity: 0.7;}

body.talk .btn_back_02{display: none;}

.btn_toggle_01 > input{display: none;}
.btn_toggle_01 > label{position: relative;display: block;background: #D9D9D9;
height: 1.7em;border:solid 0.1em #C6C2C2;border-radius: 1.7em;cursor: pointer;
-webkit-tap-highlight-color:rgba(0,0,0,0); /* タップ時のハイライトを無効化 */}
.btn_toggle_01 > input:checked + label{background: #AA2A96;border-color:#DB68C9;color: #fff;}
.btn_toggle_01 > label::before{position: absolute;content: "";top: 0.1em;left: 0.1em;background: #fff;
width: 1.3em;height: 1.3em;border-radius:1.3em;transition: 0.2s;}
.btn_toggle_01 > input:checked + label::before{left: calc(100% - 1.3em - 0.1em);}

.btn_toggle_01.receive > label{width: 7.8em;}
.btn_toggle_01.receive > label::after{position: absolute;content: "受信しない";left: 1.7em;}
.btn_toggle_01.receive > input:checked + label::after{content: "受信する";right: 1.7em;}

@media screen and (min-width:620px) {
.btn_img_01 > a,
.btn_img_01 > input{margin: 108px auto !important;}
ul.btn_img_01{margin: 108px auto !important;}
ul.btn_img_01 > li > a,
ul.btn_img_01 > li > input{margin: 108px auto !important;}
ul.btn_img_01 > li:not(:first-child) > a,
ul.btn_img_01 > li:not(:first-child) > input{margin: 39px auto 0 !important;}
ul.btn_img_01.clm2 > li > a,
ul.btn_img_01.clm2 > li > input{margin: 39px auto 0 !important;}

.btn_img_02 > a,
.btn_img_02 > input{margin: 27px auto !important;}
ul.btn_img_02{margin: 27px auto !important;}
ul.btn_img_02 > li > a,
ul.btn_img_02 > li > input{margin: 27px auto !important;}
ul.btn_img_02 > li:not(:first-child) > a,
ul.btn_img_02 > li:not(:first-child) > input{margin: 27px auto 0 !important;}
ul.btn_img_02.clm2 > li > a,
ul.btn_img_02.clm2 > li > input{margin: 27px auto 0 !important;}
ul.btn_img_02.clm2 > li:nth-child(odd){padding-right: 9px;}
ul.btn_img_02.clm2 > li:nth-child(even){padding-left: 9px;}

.btn_img_03 a,
.btn_img_03 input{margin: 16px auto !important;}
ul.btn_img_03{margin: 16px auto !important;}
ul.btn_img_03 > li:not(:first-child) > a,
ul.btn_img_03 > li:not(:first-child) > input{margin: 16px auto 0 !important;}
ul.btn_img_03.clm2 > li > a,
ul.btn_img_03.clm2 > li > input{margin: 16px auto 0 !important;}

.btn_back_02{position: absolute;top: -67px;width: 167px;}
}


/*========== table ==========*/
table.tbl_pay_01{margin:8vw auto 4.6vw;width:100%;border-top:solid 1px #000;border-left:solid 1px #000;}
table.tbl_pay_01 th,
table.tbl_pay_01 td{padding:0.7vw 1.6vw;font-size: 2.8vw;border-bottom:solid 1px #000;border-right:solid 1px #000;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
table.tbl_pay_01 thead th{background: #000;color: #fff;font-size:3.3vw;text-align:center;}
table.tbl_pay_01 tbody th{background: #E7E5E5;width:25%;text-align:center;}
table.tbl_pay_01 tbody td{background: #fff;width:75%;}
table.tbl_pay_01 tbody td .payer{color: #f00;font-size:3.8vw;}

@media screen and (min-width:620px) {
table.tbl_pay_01{margin:48px auto 28px;}
table.tbl_pay_01 th,
table.tbl_pay_01 td{padding:5px 10px;font-size:16px;}
table.tbl_pay_01 thead th{font-size:20px;}
table.tbl_pay_01 tbody td .payer{font-size:23px;}
}


/*========== loading ==========*/
#loading{position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100vh;color: #9c753b;text-align: center;}
#loading .cont{top: 0;bottom:0;left: 0;right:0;margin: auto;}
#loading .spinner{position: relative;margin: 5vw auto;width: 1em;height: 1em;font-size: 8.4vw;border-radius: 50%;text-indent: -9999em;overflow: hidden;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: loading 1.7s infinite ease, round 1.7s infinite ease;
animation: loading 1.7s infinite ease, round 1.7s infinite ease;
}
@media screen and (min-width:620px) {
#loading .spinner{margin: 30px auto;font-size: 50px;}
}

@-webkit-keyframes loading {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes loading {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*========== modal ==========*/
.modal{position: fixed;top: 0;left: 0;z-index: 99999999999;width: 100%;height: 100vh;background: rgba(0,0,0,0.5);font-family: 'Noto Serif JP', serif; opacity:0; /*初期状態*/}
.modal .cont{background: #EECC99;top: 0;bottom:0;left: 0;right:0;margin: auto;padding: 4.7vw 2.7vw 9.5vw;border: solid 1.5vw #ba45ad;width: calc(100% - 4.5vw * 2);border-radius: 5vw;}
.modal .cont .ttl_01{margin-left: 0;margin-right: 0;}
.modal .cont .inner{padding: 0 2.5vw;max-height: 100%;}
.modal .cont .inner .close{position: absolute;top:-3vw;right: -3vw;width:7.3vw;cursor: pointer;}
.modal .cont .close{position: absolute;top:-3vw;right: -3vw;width:7.3vw;cursor: pointer;}
.modal .cont .reject{position: absolute;top:-3vw;right: -3vw;width:7.3vw;cursor: pointer;}

.modal .cont .inner .btn_img_01 a,
.modal .cont .inner .btn_img_01 input{margin:12vw auto 0 !important;}
.modal .cont .inner ul.btn_img_01{margin: 12vw auto 0 !important;}
.modal .cont .inner ul.btn_img_01 li:first-child a,
.modal .cont .inner ul.btn_img_01 li:first-child input{margin: 0 !important;}
.modal .cont .inner ul.btn_img_01 li:not(:first-child) a,
.modal .cont .inner ul.btn_img_01 li:not(:first-child) input{margin: 6.5vw auto 0 !important;}

.modal .cont .inner .btn_img_02 a,
.modal .cont .inner .btn_img_02 input{margin:4.5vw auto 0 !important;}
.modal .cont .inner ul.btn_img_02{margin: 4.5vw auto 0 !important;}
.modal .cont .inner ul.btn_img_01.clm2 li a,
.modal .cont .inner ul.btn_img_01.clm2 li input,
.modal .cont .inner ul.btn_img_02.clm2 li a,
.modal .cont .inner ul.btn_img_02.clm2 li input{margin: 0 !important;}

.modal .cont .inner dl.list_item_04 > dd{width: 47%;}
.modal .cont .inner dl.list_gameitem_01{margin: 0 auto;width: 65.6vw;}

/* scroll ==========*/
.modal .cont .inner.scroll{overflow-y: scroll;}
.modal .cont .inner.scroll::-webkit-scrollbar{width: 1.8vw;}
.modal .cont .inner.scroll::-webkit-scrollbar-track{background: #FAFAFA;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);}
.modal .cont .inner.scroll::-webkit-scrollbar-thumb{background: #C1C1C1;border-radius: 10px;box-shadow:0 0 0 1px rgba(255, 255, 255, .3);border: solid 1px #B3B3B3;}

@media screen and (min-width:620px) {
.modal .cont{padding: 28px 16px 57px;width: calc(600px - 27px * 2);border-width:9px;border-radius: 30px;}
.modal .cont .inner{padding: 0 15px;}
.modal .cont .inner .close{top:-18px;right: -18px;width:44px;}
.modal .cont .close{top:-18px;right: -18px;width:44px;}
.modal .cont .reject{top:-18px;right: -18px;width:44px;}

.modal .cont .inner .btn_img_01 a,
.modal .cont .inner .btn_img_01 input{margin:72px auto 0 !important;}
.modal .cont .inner ul.btn_img_01{margin: 72px auto 0 !important;}
.modal .cont .inner ul.btn_img_01 li:not(:first-child) a,
.modal .cont .inner ul.btn_img_01 li:not(:first-child) input{margin: 39px auto 0 !important;}
.modal .cont .inner .btn_img_02 a,
.modal .cont .inner .btn_img_02 input{margin:27px auto 0 !important;}
.modal .cont .inner ul.btn_img_02{margin: 27px auto 0 !important;}

.modal .cont .inner dl.list_gameitem_01{margin: 0 auto;width: 394px;}

.modal .cont .inner.scroll::-webkit-scrollbar{width: 10px;}
}


/*========== start ==========*/
body.start{
background-image: url(../../images/bg_body_full.png);
background-repeat: repeat;
background-position: center 0;
background-size: 15% auto;
padding-top: 0;}
body.start .base{background:none;padding-top:0;}
body.start main{background:url(../../images/start_bg.png) no-repeat center 0;background-size:cover;overflow: hidden;}
body.start .wrap{position: relative;padding: 0 0 7.7vw;}
body.start .ttl_logo{position: relative;margin: 0 auto;padding-top:73.5vw;width:60vw;z-index: 15;}
body.start .txt_catch{position: absolute;left: 27vw;top:7.7vw;width:51.7vw;z-index: 12;}
body.start .btn_game{position: relative;margin: 4.2vw auto 5vw;width:81.2vw;z-index: 14;}
body.start .btn_game a{display: block;transition: all 0.3s ease 0s;}
body.start .btn_game a:hover{transform: translateY(-0.1em);}
body.start ul.list_utility{position: relative;margin: 0 auto;width:49.7vw;z-index: 13;}
body.start ul.list_utility li:not(:first-child){margin-top:4vw;}
body.start ul.list_utility li a{display: block;transition: all 0.3s ease 0s;}
body.start ul.list_utility li a:hover{transform: translateY(-0.1em);}

body.start .akito{position: absolute;z-index: 9;}
body.start .kagechika{position: absolute;z-index: 8;}
body.start .ryo{position: absolute;z-index: 7;}
body.start .syota{position: absolute;z-index: 10;}
body.start .masanojo{position: absolute;z-index: 11;}
body.start .eiji{position: absolute;z-index: 5;}
body.start .ryusei{position: absolute;z-index: 6;}
body.start .shiki{position: absolute;z-index: 6;}

body.start .chara_before{position: absolute;top: 0;height: 100%;width: 100%;}
body.start .chara_before .akito{left:22vw;top:47.3vw;width: 56vw;}
body.start .chara_before .kagechika{right:-4.3vw;top:29.8vw;width: 57.2vw;}
body.start .chara_before .ryo{left:-2.2vw;top:30.8vw;width:58.5vw;}
body.start .chara_before .syota{left:2.5vw;top:57vw;width: 51vw;}
body.start .chara_before .masanojo{right:0;top:69.3vw;width:42.7vw;}
body.start .chara_before .eiji{left:0;top:4.5vw;width: 49.7vw;}
body.start .chara_before .ryusei{right:-20.1vw;top:6.7vw;width:54vw;}
body.start .chara_before .shiki{right:10.7vw;top:23.7vw;width:60vw;}

body.start .chara_after{position: absolute;top: 0;height: 100%;width: 100%;display: none;}
body.start .chara_after .akito{left:6.2vw;top:42vw;width: 95.5vw;}
body.start .chara_after .kagechika{right:-4.3vw;top:26.8vw;width: 68.3vw;}
body.start .chara_after .ryo{left:-23vw;top:28.8vw;width:85.3vw;}
body.start .chara_after .syota{left:-11.5vw;top:55vw;width: 80.8vw;}
body.start .chara_after .masanojo{right:-14.8vw;top:68.76vw;width:78.3vw;}
body.start .chara_after .eiji{left:-33.3vw;top:4vw;width: 110.9vw;}
body.start .chara_after .ryusei{right:-23.8vw;top:5.8vw;width:73.4vw;}
body.start .chara_after .shiki{right:-16.8vw;top:17.8vw;width:115vw;}

@media screen and (min-width:620px) {
body.start{background-size: 77px auto;}
body.start main{background-size:100% auto;}
body.start .wrap{padding: 0 0 46px;}
body.start .ttl_logo{padding-top:441px;width:358px;}
body.start .txt_catch{left: 162px;top:46px;width:307px;}
body.start .btn_game{margin: 25px auto 30px;width:487px;}
body.start ul.list_utility{width:298px;}
body.start ul.list_utility li:not(:first-child){margin-top:24px;}

body.start .chara_before .akito{left:142px;top:270px;width: 336px;}
body.start .chara_before .kagechika{right:0px;top:160px;width: 343px;}
body.start .chara_before .ryo{left:20px;top:160px;width:351px;}
body.start .chara_before .syota{left:15px;top:342px;width: 306px;}
body.start .chara_before .masanojo{top:416px;width:256px;}
body.start .chara_before .eiji{top:27px;width: 298px;}
body.start .chara_before .ryusei{top:40px;right: -121px;width:324px;}
body.start .chara_before .shiki{top:150px;right: 40px;width:380px;}

body.start .chara_after .akito{left:37px;top:270px;width: 573px;}
body.start .chara_after .kagechika{right:0px;top:160px;width: 410px;}
body.start .chara_after .ryo{left:-90px;top:160px;width:512px;}
body.start .chara_after .syota{left:-69px;top:330px;width: 485px;}
body.start .chara_after .masanojo{right:-89px;top:412px;width:470px;}
body.start .chara_after .eiji{left:-200px;top:24px;width: 665px;}
body.start .chara_after .ryusei{right:-143px;top:35px;width:440px;}
body.start .chara_after .shiki{right:-100px;top:130px;width:680px;}

}

/* animation ==========*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* fadeIn */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/* fadeInDown */
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/* customize */
.animated.fadeIn.eiji,
.animated.fadeIn.ryusei  {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.animated.fadeIn.ryo,
.animated.fadeIn.kagechika {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.animated.fadeIn.syota,
.animated.fadeIn.masanojo {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.animated.fadeIn.akito {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.fadeInDown.ttl_logo {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}


/*========== blc_status ==========*/
body.status{
background-image: url(../../images/bg_body_full.png);
background-repeat: repeat;
background-position: center 0;
background-size: 15% auto;
padding-top:0;
}
body.status .base{background: none;padding-top:0;}
body.status main .wrap{margin-top: 14.9vw;padding-top: 2.4vw;}

body.status .blc_status{
    position: fixed;
    padding-top:1.7vw;
    width: 100%;
    z-index: 100003!important;
    background-image: url(../../images/bg_body_top.png), linear-gradient( to bottom, #626262, rgba(0,0,0,0));
    background-repeat: no-repeat, no-repeat;
    background-position: center 0, 0 1.5vw;
    background-size: 100% 1.5vw, 100% 0.3vw;
}
body.status .blc_status > .inner{background: url(../../images/status_user_bg.jpg) no-repeat 65% 0;background-size: cover;
display: flex;margin: 0 auto;padding: 1.5vw 3.2vw;max-width: 600px;}
body.status .blc_status dl.user{position: relative;padding: 0 1.6vw 0 12vw ;width:56%;color: #fff;}
body.status .blc_status dl.user > dt.name{color: #fff;font-size: 3.5vw;line-height: 1.5;}
body.status .blc_status dl.user > dd.level{position: absolute;top:0;left:0;
background: url(../../images/status_user_level_bg.png) no-repeat center center;background-size: contain;
width:10.6vw;height: 10.6vw;color: #fff;font-size:2.3vw;text-align: center;line-height: 1;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000;}
body.status .blc_status dl.user > dd.level p{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 6.7vw;}
body.status .blc_status dl.user > dd.level p .value{display: block;font-size:4.3vw;}
body.status .blc_status dl.user > dd.meter{font-size:2.6vw;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
height: 5.2vw;border:solid 0.5vw #E9B82C;border-radius: 5px;line-height: 1.5;overflow: hidden;
text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000;
background: #fc85fb;
background: -webkit-linear-gradient(left,#fc85fb,#ff0066);
background: -moz-linear-gradient(top,#fc85fb,#ff0066);
background: linear-gradient(to right,#fc85fb,#ff0066);
}
body.status .blc_status dl.user > dd.meter .bar{float: right;background: #000;width:20%;height: 5.2vw;}
body.status .blc_status dl.user > dd.meter .bar .value{position: absolute;right: 1em;}

body.status .blc_status dl.like{position: relative;display: flex;flex-direction: row-reverse;justify-content: space-between;padding-right: 1.6vw;width:56%;}
body.status .blc_status dl.like > dt.level{position: relative;z-index: 1;
background: url(../../images/status_like_bg_level.png) no-repeat center center;background-size: contain;
width:11.6vw;height: 11.6vw;color: #fff;font-size:2.5vw;text-align: center;line-height: 1;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000;}
body.status .blc_status dl.like > dt.level p{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 1.5em;}
body.status .blc_status dl.like > dt.level p .value{font-size:4vw;}
body.status .blc_status dl.like > dd.meter{position: absolute;top: 0;bottom: 0;left: 10.9vw;
font-size:2.6vw;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
margin: auto;width: calc(100% - 22vw);height: 5.2vw;border-top:solid 0.5vw #E9B82C;border-bottom:solid 0.5vw #E9B82C;line-height: 1.5;overflow: hidden;
background: #fc85fb;
background: -webkit-linear-gradient(left,#fc85fb,#ff0066);
background: -moz-linear-gradient(top,#fc85fb,#ff0066);
background: linear-gradient(to right,#fc85fb,#ff0066);
}
body.status .blc_status dl.like > dd.meter .bar{float: right;background: #000;width:20%;height: 5.2vw;}

body.status .blc_status dl.like > dd.per{position:relative;
background: url(../../images/status_like_bg_meter.png) no-repeat center center;background-size: contain;
width:11.6vw;height: 11.6vw;color: #fff;font-size:2.5vw;text-align: center;line-height: 1;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000;}
body.status .blc_status dl.like > dd.per p{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 1.5em;}
body.status .blc_status dl.like > dd.per p .value{font-size:4vw;}

body.status .blc_status dl.magatama{display: flex;align-items: center;
background: #000;padding: 0.6vw 2.6vw 0.6vw 0.6px;width:46%;border:solid 0.5vw #E9B82C;border-radius: 100px;}
body.status .blc_status dl.magatama > dt.image{width:8vw;}
body.status .blc_status dl.magatama > dd.number{padding: 0 2vw;width: calc(100% - 8vw - 5.7vw);color: #fff;font-size: 4vw;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;text-align: right;}
body.status .blc_status dl.magatama > dd.plus{width:5.7vw;}
body.status .blc_status dl.magatama > dd.plus a{display: block;}
body.status .blc_status dl.magatama > dd.plus a:hover{opacity: 0.7;}

@media screen and (min-width:620px) {
body.status{background-size: 77px auto;}
body.status main .wrap{margin-top: 90px;padding-top: 14px;}
body.status .blc_status{background-size: 100% 9px, 100% 5px;background-position: center 0, 0 9px;padding-top: 10px;}
body.status .blc_status > .inner{padding: 9px 19px;}
body.status .wrap .blc_status > .inner{margin: 0 -27px;}
body.status .blc_status dl.user{padding: 0 10px 0 72px;}
body.status .blc_status dl.user > dt.name{font-size: 21px;}
body.status .blc_status dl.user > dd.level{width:64px;height: 64px;font-size:14px;}
body.status .blc_status dl.user > dd.level p{height: 40px;}
body.status .blc_status dl.user > dd.level p .value{font-size:26px;}
body.status .blc_status dl.user > dd.meter{font-size:16px;border-width: 3px;}
body.status .blc_status dl.user > dd.meter,
body.status .blc_status dl.user > dd.meter .bar{height: 30px;}

body.status .blc_status dl.like{padding-right: 10px;}
body.status .blc_status dl.like > dt.level{width:70px;height: 70px;font-size:15px;}
body.status .blc_status dl.like > dt.level p .value{font-size:24px;}
body.status .blc_status dl.like > dd.meter{left: 65px;height: 30px;width: calc(100% - 132px);border-width: 3px;}
body.status .blc_status dl.like > dd.meter .bar{height: 30px;}
body.status .blc_status dl.like > dd.per{width:70px;height: 70px;font-size:15px;}
body.status .blc_status dl.like > dd.per p .value{font-size:24px;}

body.status .blc_status dl.magatama{padding: 4px 16px 4px 6px;border-width: 3px;}
body.status .blc_status dl.magatama > dt.image{width:48px;}
body.status .blc_status dl.magatama > dd.number{padding: 0 12px;width: calc(100% - 48px - 34px);font-size: 24px;}
body.status .blc_status dl.magatama > dd.plus{width: 34px;}
}


/*========== blc_mainmenu ==========*/
body.menu .wrap{padding-bottom: 24vw;}
body.menu .blc_mainmenu{position: fixed;bottom: 0;width: 100%;}
body.menu .blc_mainmenu{position: fixed;bottom: 0;width: 100%;z-index: 2;}
body.menu .blc_mainmenu ul{display: flex;justify-content: space-between;
background: url(../../images/menu_bg.png) no-repeat center center;background-size: cover;
margin: 0 auto;padding:0.9vw 1.4vw;max-width: 600px;}
body.menu .blc_mainmenu ul li{position: relative;width:18.2vw;}
body.menu .blc_mainmenu ul li a{display: block;}
body.menu .blc_mainmenu ul li a:hover{opacity: 0.7;}
body.menu .blc_mainmenu ul li .badge{position: absolute;top: 0;right: 0;
background: #FF0000;width: 6.6vw;height: 6.6vw;color: #fff;text-align: center;border:solid 0.5vw #fff;border-radius: 50%;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
body.menu .blc_mainmenu ul li .badge p{position: absolute;left: 0;right: 0;top: 0;bottom: 0;
margin: auto;height: 1em;line-height: 1;}

@media screen and (min-width:620px) {
body.menu .wrap{padding-bottom: 144px;}
body.menu .blc_mainmenu ul{padding:5px 8px;}
body.menu .blc_mainmenu ul li{width:109px;}
body.menu .blc_mainmenu ul li .badge{width: 40px;height: 40px;border-width: 2px;}
}

/*========== home ==========*/
body.home main{
background: url(../../images/new_main_bg.png) no-repeat center 0;
background-size: cover;}
body.home main .wrap{position: relative;padding-top: 0;padding-bottom: 0;}

body.home .img_chara{position: absolute;left: 0;right: 0;margin: auto;max-width: 600px;overflow: hidden;}
body.home .img_chara img{max-width: none;
margin: 0 0vw;width: 100vw; /* イラストの見せ方によって要調整 */}

body.home dl.list_submenu{position: absolute;top:2.8vw;right: 2.5vw;}
body.home dl.list_submenu > dt{position: relative;width:19.6vw;}
body.home dl.list_submenu > dt .badge{position: absolute;top: 0;right: 0;
background: #FF0000;width: 6.6vw;height: 6.6vw;color: #fff;text-align: center;border:solid 0.5vw #fff;border-radius: 50%;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
body.home dl.list_submenu > dt .badge p{position: absolute;left: 0;right: 0;top: 0;bottom: 0;
margin: auto;height: 1em;line-height: 1;}

body.home .btn_bias{position: absolute;bottom:23vw;right: 0;}
body.home .btn_bias a{display: inline-block;width: 132.4vw;}
body.home .btn_bias a:hover{opacity: 0.7;}

body.home .blc_slide{position: absolute;bottom:23vw;left:0;margin-left: 2.1vw;width: 66.2vw;}

body.home .blc_status,
body.home .blc_mainmenu,
body.home footer{z-index: 1;}

@media screen and (min-width:620px) {
body.home main{background-size: 600px auto;}

body.home .img_chara{width: 600px;}
body.home .img_chara img{margin: 0 0%;width: 100%; /* イラストの見せ方によって要調整 */}

body.home dl.list_submenu{top:17px;right: 15px;}
body.home dl.list_submenu > dt{width:118px;}
body.home dl.list_submenu > dt .badge{width: 40px;height: 40px;border-width: 2px;}

body.home .btn_bias{bottom:138px;}
body.home .btn_bias a{width: 194px;}

body.home .blc_slide{bottom:138px;margin-left: 27px;width: 373px;}
}


/*========== talk ==========*/
body.talk main{background: url(../../images/_dummy_talk_bg.jpg) no-repeat center 0;background-size: cover;}
body.talk main .wrap{position: relative;padding-top: 0;padding-bottom: 0;}

body.talk.status main .wrap{margin-top: 0;}
body.talk.status .blc_status > .inner{background: none;padding-top: 0.7vw;padding-bottom:0;}
body.talk.status .blc_status dl.magatama{margin: 0.8vw 0 1.2vw;}

body.talk .img_chara{position: absolute;left: 0;right: 0;margin: auto;max-width: 600px;overflow: hidden;}
body.talk .img_chara img{max-width: none;
margin: 0 -14vw;width: 130vw; /* イラストの見せ方によって要調整 */}

body.talk dl.list_submenu{position: absolute;top:2.6vw;right: 2.5vw;}
body.talk dl.list_submenu > dt{position: relative;width:19.6vw;}

body.talk .blc_talk{position: absolute;bottom:19vw;background:rgba(255,255,255,0.5);width: calc(100% - 4.5vw * 2);height: 30vh;border-radius: 3vw;overflow-y: scroll;-webkit-overflow-scrolling : touch;
font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
body.talk .blc_talk::-webkit-scrollbar{width: 1.8vw;}
body.talk .blc_talk::-webkit-scrollbar-track{background: #FAFAFA;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);}
body.talk .blc_talk::-webkit-scrollbar-thumb{background: #C1C1C1;border-radius: 10px;box-shadow:0 0 0 1px rgba(255, 255, 255, .3);border: solid 1px #B3B3B3;}

body.talk .blc_talk ul{margin-bottom:3.5vw;padding:0 1.2vw;font-size: 2.9vw;}
body.talk .blc_talk ul > li{margin-top:3.5vw;border-radius: 10px;}
body.talk .blc_talk ul > li > a{color: #000;}
body.talk .blc_talk ul > li dl.talk > dt .date{margin-left: 0.5em;font-weight: bold;}
body.talk .blc_talk ul > li dl.talk > dd{position: relative;}
body.talk .blc_talk ul > li dl.talk > dd .balloon{background: #fff;padding: 2.5vw;border-radius: 2vw;word-break: break-all;}
body.talk .blc_talk ul > li.chara dl.talk > dt,
body.talk .blc_talk ul > li.chara dl.talk > dd{padding-left:4vw;}
body.talk .blc_talk ul > li.chara dl.talk > dt p{display: inline-block;line-height: 1;}
body.talk .blc_talk ul > li.chara dl.talk > dt .read{background: #1e90ff;padding: 0.3vw 0.5em;color: #fff;}
body.talk .blc_talk ul > li.chara dl.talk > dt .read.already{background: #960140;}
body.talk .blc_talk ul > li.chara dl.talk > dd::after{
content:"";
position:absolute;
display:block;
top:0;
bottom: 0;
left:0;
margin: auto;
width:0;
height:0;
border-style:solid;
border-width:2vw 4vw 2vw 0;
border-color:transparent #F2E58F transparent transparent;
}
body.talk .blc_talk ul > li.user dl.talk > dt,
body.talk .blc_talk ul > li.user dl.talk > dd{padding-right:4vw;}
body.talk .blc_talk ul > li.user dl.talk > dd::after{
content:"";
position:absolute;
display:block;
top:0;
bottom: 0;
right:0;
margin: auto;
width:0;
height:0;
border-style:solid;
border-width:2vw 0 2vw 4vw;
border-color:transparent transparent transparent #fff;
}

body.talk .blc_talk ul > li.chara dl.talk > dd .balloon{background: #F2E58F;}
body.talk .blc_talk ul > li.chara dl.talk > dd .balloon .txt_image{color: #960140;}

body.talk .blc_form_message{position: absolute;bottom:1vw;background: rgba(0,0,0,0.5);padding:1vw 2.5vw;width: calc(100% - 4.5vw * 2);border-radius: 3vw;
font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
body.talk .blc_form_message .message{float: left;width:calc(100% - 18vw);padding: 1vw 2.5vw 0 0;}
body.talk .blc_form_message .message textarea{padding: 0.2em;
transform: scale(calc(14 / 16));transform-origin: left top 0;width: calc(100% * 1.14285714286); /* iOSフォーカス時のズーム防止 */}
body.talk .blc_form_message .message .words{color: #fff;font-size: 3.1vw;text-align: right;}
body.talk .blc_form_message .message .words .num{padding-left: 0.5em;color: #f00;}
body.talk .blc_form_message .btn_send{float: right;width: 18vw;}
body.talk .blc_form_message .btn_send a{display: block;}
body.talk .blc_form_message .btn_send a:hover{opacity: 0.7;}

body.talk ul.list_btn_show{display: flex;position: absolute;bottom: calc(19vw + 30vh + 0.5vw);right: 4.5vw;}
body.talk ul.list_btn_show > li{width: 27.8vw;}

body.talk .blc_status,
body.talk footer,
body.talk .front{z-index: 1;}
body.talk .front.blc_talk,
body.talk .front.blc_form_message{z-index: 2;}

body.talk .bg_log_show{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.5);}

@media screen and (min-width:620px) {
body.talk main{background-size: 600px auto;}

body.talk.status main .wrap{margin-top: 88px;}
body.talk.status .blc_status > .inner{padding-top: 0;}
body.talk.status .blc_status dl.magatama{margin: 5px 0 7px;}

body.talk .img_chara{width: 600px;}
body.talk .img_chara img{margin: 0 -10%;width: 120%; /* イラストの見せ方によって要調整 */}

body.talk dl.list_submenu{top:16px;right: 15px;}
body.talk dl.list_submenu > dt{width:118px;}

body.talk .blc_talk{bottom:109px;width: calc(600px - 27px * 2);height: 38vh;border-radius: 18px;}
body.talk .blc_talk ul{margin-bottom:21px;padding:0 7px;font-size: 17px;}
body.talk .blc_talk ul > li{margin-top:21px;}
body.talk .blc_talk ul > li dl.talk > dd .balloon{border-radius: 12px;padding: 15px;}
body.talk .blc_talk ul > li.chara dl.talk > dt,
body.talk .blc_talk ul > li.chara dl.talk > dd{padding-left:24px;}
body.talk .blc_talk ul > li.chara dl.talk > dt .read{padding: 2px 0.5em;}
body.talk .blc_talk ul > li.chara dl.talk > dd::after{border-width:12px 24px 12px 0;}
body.talk .blc_talk ul > li.user dl.talk > dt,
body.talk .blc_talk ul > li.user dl.talk > dd{padding-right:24px;}
body.talk .blc_talk ul > li.user dl.talk > dd::after{border-width:12px 0 12px 24px;}
body.talk .blc_talk::-webkit-scrollbar{width: 10px;}

body.talk .blc_form_message{bottom:6px;padding:6px 15px;width: calc(600px - 27px * 2);border-radius: 18px;}
body.talk .blc_form_message .message{width:calc(100% - 108px);padding: 6px 15px 0 0;}
body.talk .blc_form_message .message textarea{transform: none;width: 100%;padding: 0.5em;font-size: 18px;}
body.talk .blc_form_message .message .words{font-size: 19px;}
body.talk .blc_form_message .btn_send{width: 108px;}

body.talk ul.list_btn_show{bottom: calc(109px + 38vh + 3px);right: 27px;}
body.talk ul.list_btn_show > li{width: 167px;}
}


/*========== album ==========*/
body.album .base{background: none;padding-top:0;}
body.album main{background: url('') no-repeat center 0;background-size: cover;}
body.album main .wrap{position: relative;margin-top: 13vw;padding-top: 0;}

body.album .img_chara{position: absolute;left: 0;right: 0;margin: auto;max-width: 600px;overflow: hidden;}
body.album .img_chara img{max-width: none;
margin: 0 0vw;width: 100vw; /* イラストの見せ方によって要調整 */}
body.album .btn_img_02{position: absolute;bottom: 5.6vw;padding-right: 4.5vw;}
body.album .btn_img_02 a:hover{opacity: inherit;}
body.album footer{z-index: 1;}




@media screen and (min-width:620px) {
body.album main{background-size: 600px auto;}
body.album main .wrap{margin-top: 69px;}
body.album .img_chara{width: 600px;}
body.album .img_chara img{margin: 0 0%;width: 100%; /* イラストの見せ方によって要調整 */}
body.album .btn_img_02{bottom: 29px;padding-right: 27px;}
/* IE11 */ _:-ms-lang(x)::-ms-backdrop, body.album .btn_img_02{width:100%;}
}

/*========== intro ==========*/
body.intro .base{background: none;padding-top:0;}
body.intro main .wrap{position: relative;padding: 0;}

body.intro .img_chara{overflow: hidden;}
body.intro .img_chara img{margin: 0 -6vw;width: 112vw;max-width: none;}

body.intro .btn_bias{position: absolute;bottom:50.3vw;left: 0;}
body.intro .btn_bias a{display: inline-block;width: 32.4vw;}
body.intro .btn_bias a:hover{opacity: 0.7;}

body.intro .btn_img_02{position: absolute;bottom: 5.6vw;}

body.intro .btn_back_02{top: 1.8vw;left: 4.5vw;}

@media screen and (min-width:620px) {
body.intro .img_chara img{margin: 0;width: auto;max-width: 100%;}

body.intro .btn_bias{bottom:210px;}
body.intro .btn_bias a{width: 194px;}

body.intro .btn_img_02{bottom: 29px;}

body.intro .btn_back_02{top: 11px;left: 27px;}
}


/*========== delete ==========*/
body.delete{
background-image: url(../../images/bg_body_top.png), linear-gradient( to bottom, #626262, rgba(0,0,0,0)), linear-gradient( to bottom, #000, #000);
}
body.delete .img_navi{margin: 0 auto;width: 60%;}
body.delete .txt_balloon{position: relative;margin-top: -7vw;}
body.delete .txt_balloon p{background-image: url(../../images/delete_navi_balloon_01-b.png), url(../../images/delete_navi_balloon_01-t.png), linear-gradient( to bottom, #fff, #fff);
background-repeat: no-repeat;
background-position: center bottom, center 0, 0 20vw;
background-size: contain, contain , 100% calc(100% - 20vw);
padding: 8vw 8vw 6.5vw;min-height: 37.9vw;font-weight: 700;
font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif !important;}

body.delete .modal .cont{background: #000;padding-bottom: 4.7vw;}
body.delete .modal .ttl_01{position: relative;margin-bottom: 0;}
body.delete .modal .img_navi{margin-top: -13.5vw;}
body.delete .modal .txt_balloon{margin-top: -4vw;}
body.delete .modal .txt_balloon p{background-position: center bottom, center 0, 0 17vw;
background-size: contain, contain , 100% calc(100% - 17vw);
padding: 6vw 5vw 4.5vw;min-height: 33.9vw;}

@media screen and (min-width:620px) {
body.delete .txt_balloon{margin-top: -42px;}
body.delete .txt_balloon p{
background-position: center bottom, center 0, 0 120px;
background-size: contain, contain , 100% calc(100% - 120px);
padding: 48px 48px 39px;min-height: 227px;}

body.delete .modal .cont{padding-bottom: 28px;}
body.delete .modal .img_navi{margin-top: -81px;}
body.delete .modal .txt_balloon{margin-top: -24px;}
body.delete .modal .txt_balloon p{background-position: center bottom, center 0, 0 102px;
background-size: contain, contain , 100% calc(100% - 102px);
padding: 36px 35px 27px;min-height: 197px;}

}


/*========== slick ==========*/
.slick-arrow{z-index:500;}
.slide-arrow{position: absolute;top: 0;bottom:0;margin:auto;width:7.3vw;height:7.3vw;}
.slide-arrow.slick-disabled{opacity: 0;}
.prev-arrow{left: 0;transform:rotate(180deg);}
.next-arrow{right: 0;}
.prev-arrow:not(.slick-disabled),
.next-arrow:not(.slick-disabled){cursor: pointer;}

@media screen and (min-width:620px) {
.slide-arrow{width:44px;height: 44px;}
.prev-arrow{left: -22px;}
.next-arrow{right: -22px;}
}

.slick-slide img{margin: 0 auto;}
.slick-dotted.slick-slider{margin-bottom: 5.5vw;}
.slick-dots{position: absolute;bottom: -4.2vw;display: block;width: 100%;text-align: center;}
.slick-dots li{position: relative;display: inline-block;margin: 0 5px;width: 3.3vw;height: 3.3vw;cursor: pointer;}
.slick-dots li button{display: block;padding: 5px;font-size: 0;line-height: 0;width: 3.3vw;height: 3.3vw;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{
position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;content: "\f111";
width: 3.3vw;height: 3.3vw;color: #aaa;opacity: .5;font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 6px;line-height: 3.3vw;text-align: center;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{opacity: 1;color: #fff;}

@media screen and (min-width:620px) {
.slick-dotted.slick-slider{margin-bottom: 33px;}
.slick-dots{bottom: -25px;}
.slick-dots li{width: 20px;height: 20px;}
.slick-dots li button{width: 20px;height: 20px;}
.slick-dots li button:before{width: 20px;height: 20px;line-height: 20px;}
}


/*========== margin, padding ==========*/
.mt_0{margin-top:0 !important;}
.mt_S{margin-top:0.5em !important;}
.mt_M{margin-top:1em !important;}
.mt_L{margin-top:1.5em !important;}
.mt_LL{margin-top:2em !important;}
.mb_0{margin-bottom:0 !important;}
.mb_S{margin-bottom:0.5em !important;}
.mb_M{margin-bottom:1em !important;}
.mb_L{margin-bottom:1.5em !important;}
.mb_LL{margin-bottom:2em !important;}

.pt_0{padding-top:0 !important;}
.pt_S{padding-top:0.5em !important;}
.pt_M{padding-top:1em !important;}
.pt_L{padding-top:1.5em !important;}
.pt_LL{padding-top:2em !important;}
.pb_0{padding-bottom:0 !important;}
.pb_S{padding-bottom:0.5em !important;}
.pb_M{padding-bottom:1em !important;}
.pb_L{padding-bottom:1.5em !important;}
.pb_LL{padding-bottom:2em !important;}


/*========== text ==========*/
.txt_note{text-indent: -1em;margin-left: 1em;}

.txt_L{text-align: left !important;}
.txt_R{text-align: right !important;}
.txt_C{text-align: center !important;}


/*========== font ==========*/
/* color ==========*/
.fnt_red{color: #ff0000 !important;}
.fnt_gr{color: #8f8f8f !important;}
.fnt_br{color: #583828 !important;}

/* weight ==========*/
.fnt_normal{font-weight: normal !important;}
.fnt_bold{font-weight: 700 !important;}

/* family ==========*/
.fnt_gothic{font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif !important;}

/* size ==========*/
.fnt_2{font-size:2vw !important;}
.fnt_2-3{font-size:2.3vw !important;}
.fnt_2-5{font-size:2.5vw !important;}
.fnt_2-6{font-size:2.6vw !important;}
.fnt_2-8{font-size:2.8vw !important;}
.fnt_3{font-size: 3vw !important;}
.fnt_3-1{font-size:3.1vw !important;}
.fnt_3-3{font-size:3.3vw !important;}
.fnt_3-5{font-size:3.5vw !important;}
.fnt_3-8{font-size:3.8vw !important;}
.fnt_4{font-size: 4vw !important;}
.fnt_4-2{font-size: 4.2vw !important;}
.fnt_4-4{font-size: 4.4vw !important;}
.fnt_5{font-size: 5vw !important;}
.fnt_6{font-size:6vw !important;}
.fnt_8-4{font-size: 8.4vw !important;}

@media screen and (min-width:620px) {
.fnt_2{font-size:12px !important;}
.fnt_2-3{font-size:14px !important;}
.fnt_2-5{font-size:15px !important;}
.fnt_2-6{font-size:16px !important;}
.fnt_2-8{font-size:17px !important;}
.fnt_3{font-size: 18px !important;}
.fnt_3-1{font-size: 19px !important;}
.fnt_3-3{font-size:20px !important;}
.fnt_3-5{font-size:21px !important;}
.fnt_3-8{font-size:23px !important;}
.fnt_4{font-size: 24px !important;}
.fnt_4-2{font-size:25px !important;}
.fnt_4-4{font-size: 26px !important;}
.fnt_5{font-size: 30px !important;}
.fnt_6{font-size:36px !important;}
.fnt_8-4{font-size: 50px !important;}
}


/*========== other ==========*/
.hide{display: none;}


/*==================================================================
   ClearFix
==================================================================*/
body.status .blc_status > .inner dl.user > dd.meter::after,
body.status .blc_status > .inner dl.like > dd.meter::after,
body.talk .blc_form_message > .inner::after{
content:"";
height:0;
display:block;
clear:both;
}

/* マイページ　写真登録
------------------------------------------------*/
.pic_entry{
	text-align: center;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin-top: 30px;
}
#preview{
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 125px;
  height:125px;
  border-radius: 50%;/*角丸*/
  object-fit:cover;
	background: rgb(209,45,156);
	background: url(../../images/new_content_img/logo02.png) no-repeat center / 110px,linear-gradient(343deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
	border:1px solid #bfbfbf;
}
.preview_pic{
	position: relative;
}
.upload-label {
  display: inline-block;
  cursor: pointer;
  margin: 0.6em 0 0 0;
  padding: 0.3em 0.8em;
  line-height: 1.4;
  background: #3e8bff;
  color: #FFF; 
  font-size: 15px; 
  border-radius: 2.5em;
  transition: 0.2s;
	position: relative;
}
.upload-label p{
	margin-right: 25px;
}
.upload-label p:after{
	box-sizing: border-box;
    content: '\f030';
    display: block;
    font-family: "Font Awesome 5 Free";
    padding: 10px 20px;
    position: absolute;
    top: 50%;
	right: -4%;
	transform: translateY(-50%);
    font-weight: 900;
    font-size: 18px;
}
input[type='image'].pic_entry_btn{
	width:70px;
}
.upload-label:hover {
  opacity:0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}
input[type='image']:hover{
opacity:0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}
.upload-label input {
  display: none;
}
.pic_entry_caption{
	border:1px solid #583828;
	border-radius: 8px;
	padding:0.7em 1em 0.5em 1em;
	color: #583828;
	width:93%;
	margin: 18px auto 0 auto;
}
.pic_entry_caption{
	font-size: 12px;
}
.pic_entry_caption h1{
	font-weight: 700;
	font-size: 14px;
}
.pic_entry_caption ul{
	text-align: left;
	margin-top: 0.3em;
}
.circle {
    position: relative;
    width: 140px;
    height: 140px;
    background: rgb(209,45,156);
background: linear-gradient(0deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    z-index: 1;
	display: inline-block;
	
}

.circle::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -60px;
    width: 120px;
    height: 120px;
    background: rgba(94,162,239,1);
background: linear-gradient(0deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
    transform-origin: right 60px;
    z-index: 2;
    animation: rotate-circle-left 1.4s linear forwards;
	animation-delay: 0.9s;
}

.circle::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 60px;
    width: 120px;
    height: 120px;
    background: rgb(209,45,156);
background: linear-gradient(0deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
    transform-origin: left 60px;
    z-index: 3;
    animation: rotate-circle-right 1.4s linear forwards;
	animation-delay: 0.9s;
}
.circle .circle-inner {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 134px;
    height: 134px;
    background: #fff;
    border-radius: 50%;
    z-index: 4;
}

@keyframes rotate-circle-right {
    0%   {
        transform: rotate(0deg);
		background: rgb(209,45,156);
background: linear-gradient(0deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
    }
    50%  {
        transform: rotate(180deg);
		background: rgb(209,45,156);
background: linear-gradient(0deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
    }
    50.01% {
        transform: rotate(360deg);
		background: rgb(209,45,156);
background: linear-gradient(0deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
    }
    100% {
        transform: rotate(360deg);
		background: rgb(209,45,156);
background: linear-gradient(0deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
    }
}

@keyframes rotate-circle-left {
    0%   { 
		transform: rotate(0deg);
		background: rgb(209,45,156);
background: linear-gradient(0deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
	}
    50%  { 
		transform: rotate(0deg);
		background: rgb(209,45,156);
background: linear-gradient(0deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
	}
    100% { 
		transform: rotate(180deg); 
		background: rgb(209,45,156);
background: linear-gradient(0deg, rgba(209,45,156,1) 0%, rgba(94,162,239,1) 100%);
	}
}

@media screen and (max-width:619px){
	.upload-label {
    font-size: 13px;
    }
    	.upload-label p{
    	margin-right: 20px;
    }
    .upload-label p:after{
    	right: -7%;
        font-size: 14px;
    }
    	input[type='image'].pic_entry_btn{
    	width:60px;
    }
    	.pic_entry_caption{
    	font-size: 11px;
    }
    .pic_entry_caption h1{
    	font-weight: 700;
    	font-size: 12px;
    }
}

/* ホーム　ランキング誘導バナー
------------------------------------------------*/
.ranking_bn img{
	position: absolute;
	left:27px;
	bottom: 290px;
	width: 280px;
}
@media screen and (max-width:619px){
	.ranking_bn img{
	left:2.1vw;
	bottom: 55.5vw;
	width: 52vw;
    }
}
@media screen and (max-width:320px){
	.ranking_bn img{
	bottom: 61vw;
	width: 55vw;
    }
}


/* その他　メニューボタン一覧
------------------------------------------------*/
img.other_btn_wide{
	margin-top: 27px;
}

/* hover
------------------------------------------------*/
nav a:hover img{
opacity:1;
}
a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}
a:hover{
opacity:0.9;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}
button[type='submit']:hover{
opacity:0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}
button[type='button']:hover{
opacity:0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}
input[type="image"]:hover{
opacity:0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}


/* ホーム　左側メニュー
------------------------------------------------*/
body.home .left_submenu{
	position: absolute;
	top:2.8vw;
	left: 2.5vw;
}
body.home .left_submenu img{
	position: relative;
	width:19.6vw;
}
body.home .left_submenu #gameBadge{
	position: absolute;
	top: 0;
	right: 0;
	background: #FF0000;
	width: 6.6vw;
	height: 6.6vw;
	color: #fff;
	text-align: center;
	border:solid 0.5vw #fff;
	border-radius: 50%;
	font-family:“メイリオ“, “Meiryo”, “ヒラギノ角ゴ Pro W3", “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック“, sans-serif;
}
@media screen and (min-width:620px) {
body.home .left_submenu{
	top:17px;
	left: 15px;
	}
body.home .left_submenu img{
	width:118px;
	}
body.home .left_submenu #gameBadge{
	width: 40px;
	height: 40px;
	border-width: 2px;
	}
}


/* 決済周り
------------------------------------------------*/
/* 決済選択画面　ボタン追加 */
#settlement ul {
	display: flex;
    flex-wrap: wrap;
}
#settlement li{
	width: 50%;
	margin-bottom: 3%;
}
#settlement li:first-child {
	margin-top: 3%;
}　
/* キャリア決済選択画面　ボタン追加 */
#buycarrier,input[type=‘image’] {
	width: 90%;
	text-align: center;
	margin: auto;
}
#buycarrier li{
	margin-bottom: 15px;
}


/* 決済追加　イベントページ
------------------------------------------------*/

.section_02{
padding-top: 1em;
}
.text_erea_caption{
	width: 90%;
	margin: 10px auto;
	color: #595959;
	font-size: 12px;
	line-height: 2em;
}
	.popup_erea_sp ul{
	display:-webkit-box;
 	display:-ms-flexbox;
 	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto 2.5em auto;
	text-align: center;
}
	.popup_erea_sp li img{
	width: 85%;
	display: inline;
}
.buy_popup dt.buy_popup_title{
	text-align: center;
	color: #FFFFFF;
	background: url("../../images/pat_01.png") repeat center / 60px,#FC4B8A;
	font-weight: 800;
	font-size: 28px;
	border-radius: 18px;
	padding: 0.2em 0;
	text-shadow:1px 1px 0 #FC4B8A, -1px -1px 0 #FC4B8A,
       -1px 1px 0 #FC4B8A, 1px -1px 0 #FC4B8A,
       0px 1px 0 #FC4B8A, 0-1px 0 #FC4B8A,
       -1px 0 0 #FC4B8A, 1px 0 0 #FC4B8A;
	margin-bottom: 0.8em;
}
.buy_detail{
	border: 2px solid #FC4B8A;
	border-radius: 6px;
	background: rgb(238, 204, 153);
	margin: 1em 0;
	color: #583828;
}
.buy_detail:first-of-type{
	margin-top: 0;
}
.buy_detail h1{
	text-align: center;
	background: url("../../images/pat_01.png") repeat center / 60px,#FC4B8A;
	color: #FFFFFF;
	text-shadow:1px 1px 0 #FC4B8A, -1px -1px 0 #FC4B8A,
       -1px 1px 0 #FC4B8A, 1px -1px 0 #FC4B8A,
       0px 1px 0 #FC4B8A, 0-1px 0 #FC4B8A,
       -1px 0 0 #FC4B8A, 1px 0 0 #FC4B8A;
	padding: 0.2em 0;
	font-size: 19px;
}
.buy_detail p{
	font-size: 14px;
	width: 95%;
	margin: 1em auto;
}
.buy_detail dl{
	font-size: 14px;
	width: 95%;
	margin: 1em auto;
}
.buy_detail dl dt{
	background: url("../../images/pat_01.png") repeat center / 60px,#FC4B8A;
	display: inline;
	color: #FFFFFF;
	text-shadow:1px 1px 0 #FC4B8A, -1px -1px 0 #FC4B8A,
       -1px 1px 0 #FC4B8A, 1px -1px 0 #FC4B8A,
       0px 1px 0 #FC4B8A, 0-1px 0 #FC4B8A,
       -1px 0 0 #FC4B8A, 1px 0 0 #FC4B8A;
	padding: 0.4em 1em;
	border-radius: 6px;
}
.buy_detail dl dd{
	margin: 0.3em 0 0.5em 0;
}
.buy_detail dl dd img.buy_flow_img{
	width: 70%;
	margin: 0.5em auto;
}
.buy_detail ul{
	width: 95%;
	margin: 0.5em auto;
	padding-left: 0.7em;
}
.buy_detail li{
	font-size: 12px;
	list-style: disc;
}
	.buy_popup_cont .btn{
	bottom: 20px;
	width: 80%;
}
	.buy_popup .buy_popup_cont dl{
	height: 73%;
}
	.buy_popup dt.buy_popup_title{
	font-size: 18px;
	border-radius: 12px;
}
	.buy_detail h1{
	font-size: 16px;
}
	.buy_detail p{
	font-size: 12px;
}
	.buy_detail dl{
	font-size: 12px;
}
	.buy_detail ul{
	padding-left: 1.5em;
}
.buy_detail li{
	font-size: 10px;
}
.buy_popup_cont .btn{
	position: absolute;
	left: 50%;
	bottom: 25px;
	transform: translateX(-50%);
	width: 85%;
	margin: 0;
}
.Faq_set{
	border-bottom: 1px solid #A5A5A5;
	width:95%;
	margin: 0 auto;
}
.acd-check{
  display: none;
}
.acd-label-Faq{
  color: #242424;
  display: block;
  margin: 0 auto;
  padding: 10px 40px 10px 5px;
  position: relative;
  font-size: 16px;
}
.acd-label-Faq:after{
  box-sizing: border-box;
  content: '\f107';
  display: block;
  font-family:"Font Awesome 5 Free";
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 0;
	font-weight: 600;
	font-size: 25px;
	color: #A5A5A5;
	top: 50%;
  transform: translateY(-50%);
}
.acd-content-Faq{
  height: 0;
  opacity: 0;
  transition: .3s;
  visibility: hidden;
	width: 95%;
	margin: 0 auto;
	background:#f1d6ad;
	color: #1D1D1D;
	font-size: 13px;
}
.acd-check:checked + .acd-label-Faq:after{
  content: '\f106';
}
.acd-check:checked + .acd-label-Faq + .acd-content-Faq{
  height: auto;
  opacity: 1;
  padding: 15px 20px;
  visibility: visible;
	margin:5px auto 20px auto;
}
.FaqSectionInner p a{
	color: #FC4B8A;
}