.inner_contents > div{
margin-bottom:20px;
}
.inner_contents > div:not(:last-of-type):after{
 content:'';display:block;
 margin:20px auto 10px;
 width:100%;height:0px;padding-top:20px;
background:url("../../images/p/howto/border01.png");
}
ul > li.new{
position:relative;
}
ul > li.new::before{
display:block;content:"NEW";background:#f00;color:#fff;border-radius:5px;
font-weight:bold;font-size:10px;text-align:center;line-height:1;vertical-align:top;
margin:0px;padding:2px;width:30px;position:absolute;top:10px;right:2px;
transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);
animation:newAnime .7s infinite alternate;pointer-events:none;
}

.movie{
position:relative;margin:20px auto;padding-top: 50.625%;
}
.movie_inner{
position:absolute;width:90%;padding-top:50.625%;top:1.5%;left:5%;
}
.movie_inner iframe {
position:absolute;top:0;right:0;width:100%;height:100%;
}
@keyframes newAnime {
0%{color:#ff0000;background:#ffffff;}
100%{color:#ffffff;background:#ff0000;}
}

dl.more{
width:100%;
border-radius:10px;overflow:hidden;
display:flex;flex-wrap:wrap;
margin-bottom:20px;color:#19406a;
}
dl.more > dt{
width:20%;
}
dl.more > dd{
width:calc(100% - 20%);
}
dl > *{
padding:10px;
}
dl.more > *:not(:first-of-type){
border-bottom:1px dashed #19406a;
}
dl.more.detail >*,
dl.more > *:last-of-type{
border:none;
}

dl.type_blue > *:first-of-type{
background:#76c9f8;
}
dl.type_blue > *:not(:first-of-type){
background:#b4dff7;
}
dl.type_orange > *:first-of-type{
background:#ffb42c;
}
dl.type_orange > *:not(:first-of-type){
background:#ffdea4;
}
dl.type_yellow > *:first-of-type{
background:#ffe252;
}
dl.type_yellow > *:not(:first-of-type){
background:#fff0a8;
}
dl.type_green > *:first-of-type{
background:#59de6c;
}
dl.type_green > *:not(:first-of-type){
background:#b4fcbe;
}
dl.type_pink > *:first-of-type{
background:#ff939f;
}
dl.type_pink > *:not(:first-of-type){
background:#ffd6da;
}
dl.type_purple > *:first-of-type{
background:#d8c6dc;
}
dl.type_purple > *:not(:first-of-type){
background:#efe5f1;
}
dl.detail{
max-width:500px;margin:0px auto;
}
dl.detail > *:nth-of-type(1){
background:#fcd6ff;
}
dl.detail > *:nth-of-type(2),
dl.detail > *:nth-of-type(5){
background:#fff0a8;
}
dl.detail > *:nth-of-type(3){
background:#ffd6d6;
}
dl.detail > *:nth-of-type(4){
background:#d6e9ff;
}
dl.detail > *:nth-of-type(6){
background:#b4fcbe;
}

ul.w_box{
display:flex;flex-wrap:wrap;
}
ul.w_box > li{
width:calc(100% / 2);display:flex;flex-wrap:wrap;align-items:center;
margin:8px 0px;
}
ul.medal > li > img{
width:109px;
}
ul.medal > li > div{
width:calc(100% - 109px);padding:0px 10px;
}


.blue{
 color: #2f29fd;
}
.red{
 color: #ff6a7a;
}
.orange{
 color: #ff6c00;
}
.center{
text-align:center;
}


@media (min-width: 980px) {
/*====================================================*/
/* leftmenu */
/*====================================================*/
/*あそびかたメニュー*/
.left_contents ul.tub_list { width:203px; margin:0 auto; padding:5px 5px;}
.left_contents ul.tub_list li {cursor:pointer;margin:0 0 0 0;}
.left_contents ul.tub_list li a {
width: 203px;
padding:35px 0 0;
height:0;
overflow:hidden;
display: block;
}
.left_contents ul.tub_list ul { display:block; margin:0 auto; padding:0; color:#f07023;}

.left_contents ul.tub_list ul li { padding: 0; height:auto; }
.left_contents ul.tub_list ul li.link_none{ cursor:default; }
.left_contents ul.tub_list ul li:hover{ background:#093460; text-decoration:none;}
.left_contents ul.tub_list ul li.link_none:hover { background:#ffffff;}
.left_contents ul.tub_list ul li a{ color:#093460; font-weight:bold; text-decoration:none; display:block; padding:5px;margin:0; height:auto; }
.left_contents ul.tub_list ul li a:hover{ color:#ebea7c; }
.left_contents ul.tub_list li.left_how_btnba { background-image:url(../../images/p/howto/bt_howto.png);  background-position:left 0;}
.left_contents ul.tub_list li.left_how_btnba:hover , .left_contents ul.tub_list li.left_how_btnba_select { background-position:left 100%;}

.left_contents ul.tub_list li.left_how_btnmo { background-image:url(../../images/p/howto/bt_more_howto.png);  background-position:left 0;}
.left_contents ul.tub_list li.left_how_btnmo:hover , .left_contents ul.tub_list li.left_how_btnmo_select { background-position:left 100%;}

.left_contents ul.tub_list li.left_how_btnnew { background-image:url(../../images/p/howto/bt_new_howto.png);  background-position:left 0;}
.left_contents ul.tub_list li.left_how_btnnew:hover , .left_contents ul.tub_list li.left_how_btnnew_select { background-position:left 100%;}

.left_contents ul.tub_list::after{
 content:'';position:absolute;width:86%;left:7%;height:2px;visibility:visible;
}

.left_contents ul.tub_list li.left_how_btnba_select,
.left_contents ul.tub_list li.left_how_btnmo_select,
.left_contents ul.tub_list li.left_how_btnnew_select{
background-color:#fff;
}

/*====================================================*/
/* right_title */
/*====================================================*/
/*基本のあそびかた*/
.top_title.right_title:after {
    background: url("../../images/p/howto/right_how_top.png") no-repeat center left;
}

/*もっとたのしむ*/
.mor_title.right_title:after {
    background: url("../../images/p/howto/right_how_mor.png") no-repeat center left;
}

/*新しい機能*/
.new_title.right_title:after {
    background: url("../../images/p/howto/right_how_new.png") no-repeat center left;
}

/*====================================================*/
/* howto */
/*====================================================*/
.Rcont_box a {
 color:#ee0099;text-decoration:underline !important;
}
.Rcont_box a:hover{
 text-decoration:none;color:#9900ee;
}
div.how_midashi{
 font-weight:bold;
 font-size:17px;
}
.howto_img{
 display:block;
 margin:10px auto;
 max-width:100%;
}
.howto_img.size_b{
 max-width:530px;
}
}