@charset "UTF-8";
/*--------------------------------------------------------
Top-banner
-------------------------------------------------------*/
@media
only screen and (max-width : 753px){
#header #header-in {
	background-image: url(https://img.altema.jp/common/header/heavenburnsred-mb.jpg);
}
#mobileTop{
	background:url(https://img.altema.jp/common/header/heavenburnsred-bg.jpg) no-repeat top left;
}
.h-koushin-box p.khan-txt {
background-position: 5px center!important;
padding: 0 0 0 14px!important;
font-size: 10px!important;
background-size: 6px!important;
margin:2px 0!important;
}
#main #main-contents .h-koushin-box p.saisyu-txt {
background-size: 8px!important;
font-size: 10px!important;
background-position: 1px center!important;
padding: 0 0 0 11px!important;
}
}

#header-in h1{
    color: #FFF;
}
/*PC　ここから*/

#header-in_wrap{
    background-image: url(https://img.altema.jp/common/header/heavenburnsred-pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.header-inWrap{
    background-image: url(https://img.altema.jp/common/header/heavenburnsred-kasou.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:100% auto;
    background-size:cover;
}

#header-in p.header-logo a{
    color:#FFF;
}

/*-------------------------------------------------------
固有CSS
-------------------------------------------------------*/
#main-contents .contents {
	padding: inherit;
}


##header-in_new h1{
font-size: 23px;
}

/*-------------------------------------------------------
ガチャシミュ
-------------------------------------------------------*/
div#ot-gachabtn-area .ot-gachabtn{
width: 40%;
}
div#ot-gacharesult-area {
background-image: url(https://img.altema.jp/heavenburnsred/uploads/2022/02/2022y02m03d_1249011693.jpg);
background-size: cover;
background-position: center;
}
div#ot-gacharesult-area .ot-gachaitem .ot-gachaimg img{
border-radius: 7px;
}
div#ot-gacharesult-area .ot-gachaitem.rainbow a:before, div#ot-gacharesult-area .ot-gachaitem.rainbow a:after{
top: 7px;
width: 96px;
height: 96px;
}
#ot-gacharesult-area .ot-gachaitem a{
color: #61ffff;
}
#ot-gacharesult-area .ot-gachaitem a:hover{
color: #ffd400;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div#ot-gacharesult-area .ot-gachaitem.rainbow a:before, div#ot-gacharesult-area .ot-gachaitem.rainbow a:after{
top: 7px;
width: calc((100vw - 40px) / 4 - 14px);
height: calc((100vw - 40px) / 4 - 14px);
}
div#ot-gachabtn-area .ot-gachabtn{
width: 44%;
margin: 10px 0;
}
div#ot-gachabtn-area .ot-gachabtn:first-of-type{
margin-right: 10px;
}
}

/*-------------------------------------------------------
h1調整
-------------------------------------------------------*/
div#header-in_new h1{
padding-right: 30px;
font-size: 23px;
}

/*--------------------------------------------------------
見出し関連
--------------------------------------------------------*/
#main #main-contents div.mokujiInfo h2{
  background:url() left no-repeat; 
  color: #333;
  font-size: 15px;
  margin: 5px 5px 10px 0px;
  text-align:left;
  padding:5px 0 6px 10px;
  border-left:none;
}
#main-contents div.mokujiInfo ul{
margin: -5px 10px 12px 12px;
}
#main #main-contents h2{
  background:url(https://img.altema.jp/heavenburnsred/midasi/h2-pc.png) left center no-repeat;
  background-size:100% 100%;
  color: #fff;
  font-size: 16px;
  margin: 10px 0px 20px;
  text-align: left;
  padding: 10px 0 10px 12px;
}
#container #main-contents h3{
  background: url(https://img.altema.jp/heavenburnsred/midasi/h3.png) left bottom no-repeat;
  color: #050d41;
  background-size:100%;
  font-size: 14px;
  margin: 0 0px 15px 0px;
  text-align:left;
  padding: 3px 0 6px 12px;
  border-left:none;
  line-height: normal;
}
#container #main-contents h4{
  background-image: url(https://img.altema.jp/heavenburnsred/midasi/h4.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0px center;
  padding: 8px 0px 6px 20px;
  font-size: 13px;
  margin: 10px 0 10px;
  border: none;
  color: #050d41;
}
@media
only screen and (max-width : 428px){
#main #main-contents h2{
  background: url(https://img.altema.jp/heavenburnsred/midasi/h2-sp.png) left center no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 16px;
  margin: 10px 0px 20px;
  text-align: left;
  padding:10px 0 10px 12px;
}
#container #main-contents h3{
  background:url(https://img.altema.jp/heavenburnsred/midasi/h3.png) left bottom no-repeat;
  color: #050d41;
  background-size: 100%;
  font-size: 14px;
  margin: 0 0 15px 0;
  text-align:left;
  padding: 3px 0 5px 13px;
  border-left:none;
  line-height: normal;
}
#container #main-contents h4{
  background-image: url(https://img.altema.jp/heavenburnsred/midasi/h4.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0px center;
  padding: 2px 0 0px 21px;
  font-size: 13px;
  margin: 10px 0 10px;
  border: none;
  color: #050d41;
}
}

@media
only screen and (max-width : 414px){
#main #main-contents h2{
  background: url(https://img.altema.jp/heavenburnsred/midasi/h2-sp.png) left center no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 16px;
  margin: 10px 0px 20px;
  text-align: left;
  padding: 10px 0 10px 12px;
}
#container #main-contents h3{
  background:url(https://img.altema.jp/heavenburnsred/midasi/h3.png) left bottom no-repeat;
  color: #050d41;
  background-size: 100%;
  font-size: 14px;
  margin: 0 0 15px 0;
  text-align:left;
  padding: 3px 0 4px 11px;
  border-left:none;
  line-height: normal;
}
#container #main-contents h4{
  background-image: url(https://img.altema.jp/heavenburnsred/midasi/h4.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0px center;
  padding: 3px 0 0px 21px;
  font-size: 13px;
  margin: 10px 0 10px;
  border: none;
  color: #050d41;
}
}
@media
only screen and (max-width : 375px){
#container #main-contents h3{
  background:url(https://img.altema.jp/heavenburnsred/midasi/h3.png) left bottom no-repeat;
  color: #050d41;
  background-size: 100%;
  font-size: 14px;
  margin: 0 0 15px 0;
  text-align:left;
  padding: 0px 0 3px 10px;
  border-left:none;
  line-height: normal;
}
#container #main-contents h4{background-size: 16px;padding-left: 21px;}
}
/*--------------------------------------------------------
超見出し調整
-------------------------------------------------------*/
#container #main-contents h3{
border-bottom:0px!important;
}
#container #main-contents h3:before{
display:none!important;
}
#search-form-box {
font-size:11px;
}

/*------------------------
POINT枠 ヘブハン1
------------------------*/
.point-wrap-heavenburnsred1{position: relative;box-shadow: 0 0 0 2px #e47ca4;border-radius: 6px;margin:20px auto;width:99%;}
.point-wrap-heavenburnsred1 .waku-text{display: inline-block;position: absolute;top: -13px;left: 8px;background: #fff0f6;z-index: 3;min-width: 70px;height: 20px;font-weight: bold;line-height: 22px;border-radius: 6px;text-align: center;border: 2px solid #e47ca4;color: #e47ca4;font-size: 14px;padding: 0 10px;}
.point-wrap-heavenburnsred1 .inner{
box-sizing: border-box;
    padding: 24px 110px 10px 16px;
min-height: 80px;
z-index: 2;
position: relative;
overflow: hidden;
}
.point-wrap-heavenburnsred1 .inner li{
    text-indent: -1em;
    padding-left: 1em;
}
.point-wrap-heavenburnsred1 .img-wrap img{position: absolute;right: 1px;top: 5px;width: 74px;}
#main-contents .point-wrap-heavenburnsred1 .inner p{
margin: 0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.point-wrap-heavenburnsred1 .inner{
    padding: 20px 100px 6px 15px;
}
.point-wrap-heavenburnsred1 .img-wrap img{
width: 73px;
    top: 9px;
    right: 6px;
}
}
@media only screen and (max-width: 376px){
.point-wrap-heavenburnsred1 .inner{
    padding: 20px 80px 6px 14px;
}
.point-wrap-heavenburnsred1 .img-wrap img {width: 70px;}
}

/*------------------------
ランキングデザイン
------------------------*/
#main-contents table.ranking-dezain{
border: 1px solid #ffd0e1;
}
#main-contents .ranking-dezain th{
background-color: #ffeff5 !important;
border-right: 1px solid #ffd0e1;
border-bottom: 1px solid #ffd0e1;
}
#main-contents .ranking-dezain td{
border-right: 1px solid #ffd0e1;
border-bottom: 1px solid #ffd0e1;
}
#main-in .ranking-dezain tr:nth-child(odd){
background: #ffffff !important;
}