@charset "utf-8";

.CP_Bnr {
    text-align: center;
    margin: 50px 0 8px ;
    max-width: 100%;
    display: flex;
    justify-content: center;
}
.CP_Bnr p{
    width: 375px;
    margin-right: 20px;
}
.CP_Bnr p:last-child{
    margin-right: 0px;
}

#pc-info p.cap{
    max-width: 770px;
    margin: 0 auto;
    text-align: left;
    text-indent: inherit;
}

.biliboard.electronic:before {
    background: radial-gradient(#004165, #004165, #004165, #004165, #fafafa, #fafafa, #fafafa) no-repeat;
    /* background-size: 150px 40px; */
    background-size: auto;
    animation: electronic 5s infinite linear;
}

.biliboard:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    transform: scale(1, 1.03);
    /* right: 1px; */
    position: absolute;
    background: #f00;
    background: linear-gradient(90deg, #fafafa, #fafafa, #004165, #fafafa, #fafafa);
    background-position: 55px 0;
    animation: linear 1s infinite linear;
    z-index: -1;
}

.obiArea .ob-step ul li {
    margin-right: 0px;
}

div.new {
    position: relative;
}

div.new:after {
    content: "NEW";
    position: absolute;
    top: -13px;
    right: 7px;
    color: #fff;
    background-color: #ab4c67;
    font-size: 10px;
    padding: 5px 8px;
    z-index: 5;
    border: solid 1px #fff;
}

.obiArea .ob-title a {
    display: flex;
    max-width: 960px;
    margin: auto;
    padding: 0 0 16px;
}

.obiArea .mainttl::before {
    content: '';/*何も入れない*/
    display: inline-block;/*忘れずに！*/
    padding-top: 2.3rem;
    width: 40px;
    height: 70px;
    background-image: url(../imgs/reaf_l.png);
    background-position: right 10% bottom 0%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.obiArea .mainttl::after {
    content: '';/*何も入れない*/
    display: inline-block;/*忘れずに！*/
    padding-top: 2.3rem;
    width: 40px;
    height: 70px;
    background-image: url(../imgs/reaf_r.png);
    background-position: left 10% bottom 0%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

	.obiArea .ob-title span.font-mini{
		font-size:1.5rem;
	}

	.obiArea .ob-title span{
		font-family: EB Garamond , Sawarabi Mincho,"游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
	}


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

}


@media only screen and (max-width:640px) {
.CP_Bnr {
    flex-direction: column;
    margin:20px auto 0;
}
#sp-info p.cap{
    max-width: 95% ;
    margin: 5px auto;
    text-align: left;
    padding-left: 0px;
    text-indent: inherit;
}
.CP_Bnr p{
    width: 95% !important;
    margin: 0 auto;   
}
.CP_Bnr p:last-child{
    margin-right:inherit;
}
.CP_Bnr p img{
    text-align: center;
    margin: 0 auto 10px;
}

.obiArea .ob-title span {
    font-size: 5.8vw;
}
    
.obiArea .ob-title a {
    max-width: 100%;
}

.obiArea .mainttl::before {
    padding-top: 0.7rem;
    width: 30px;
    height: 60px;
}

.obiArea .mainttl::after {
    padding-top: 0.7rem;
    width: 30px;
    height: 60px;
}
    
.obiArea .ob-title dl {
    margin: -3px auto 0;
}
    
.floatbnr_sp .new:after {
    content: "NEW";
    position: absolute;
    top: -22px;
    left: -4px;
    color: #fff;
    background-color: #ab4c67;
    font-size: 10px;
    padding: 5px 8px;
    z-index: 5;
    border: solid 1px #fff;
}

	.obiArea .ob-title span.font-mini{
		font-size:1rem;
	}    

}

.koudou_date{
  font-size: 130% !important;  
}
.obiArea .ob-title dl{
 padding-top: 15px;   
}

/*191017 topバナー追加分*/

ul.bnr_aria01 {
display: flex;
flex-wrap: wrap;
margin: auto;
max-width: 1200px;
justify-content: center;
}
ul.bnr_aria01 li:nth-child(2) {
margin-left: 15px;
max-width: 376px;
}

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

ul.bnr_aria01 li:nth-child(2) {
margin-left: 0;
}

}


/* 200302 行動提起カスタム */

.action-txt {
    z-index: 30;
    position: relative;
    width: 100vw;
    font-size: 30px;
    /*background: linear-gradient(to right, #8F846E, #E6E5CB, #8F846E);*/
	background: #111;
    padding: 2.5rem 0;
}

.action-txt >h3 {
    font-size: 48px;
    text-align: center;
    /*color: #d00e3c;*/
    color: #802045;
}

@media only screen and (max-width:640px) {
.action-txt {
    padding: 1rem 0;
}

}

.banner_Area{
    text-align: center;
    margin: 0 auto 50px auto;
    
}

@media only screen and (max-width:640px) {
.banner_Area{    
    width: calc(100% - 10%);   
}    
}

/*.floatbnr.mov{
      bottom: 39%; 
}*/

/*.floatbnr.mov2{
          bottom: 18%;  
}*/

.floatbnr.mov{
    bottom: 12%; 
}

.floatbnr .btn_close_mov2 {
    display: block;
    border-radius: 50%;
    position: absolute;
    top: -31px;
    right: 3px;
    z-index: 301;
    width: 30px;
    height: 30px;
    line-height: 1;
    color: #fff;
    font-size: 14px;
    background: #000;
    margin-top: -1px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity 0.45s;
    transition: opacity 0.45s;
}

.floatbnr .btn_close_mov2::before {
    display: inline;
    content: "×";
    position: absolute;
    top: calc(50% - 2px);
    left: 50%;
    z-index: 301;
    transform: translate(-50%, -50%);
    font-size: 24px;
}