body {

	line-height: 1.4;

	}

	

div.qa.big-block div.qa-wrap div.box p {

    line-height: 1.8;

}	



.pc-hide {

	display:inherit;

	}



.sp-hide {

	display:none;

	}	



div.big-block {

}

div.big-block h2 {



    font-size: 19px;



}

div.qa.big-block {



padding: 10px;

}



div.qa div.qa-cover {



width: inherit;

padding: 10px;

}



div.qa.big-block div.qa-wrap {



margin-bottom: 13px;

}

div.qa.big-block div.qa-wrap div.box {



}

div.qa.big-block div.qa-wrap div.box img {



width: 38px;



margin-right: 10px;

}

div.qa.big-block div.qa-wrap div.box h3 {



padding-top: 8px;



font-size: 15px;

}

div.qa.big-block div.qa-wrap div.box p {



padding-top: 11px;



font-size: 13px;

}

div.interview {



width: inherit;



margin: 10px;

}

div.interview div.block {



display: block;



margin-right: 0px;



width: 100%;

margin-bottom:10px;

}

div.interview div.block:nth-child(2n) {



margin-left: 0px;

}

div.interview div.block h3 {



}

div.interview div.block h3 img {

}

div.interview div.block div.inner {

padding: 10px;

}

div.interview div.block div.text {

}

div.interview div.block div.text p {

min-height:inherit;

}

div.interview div.block div.detail {

}

div.interview div.block div.detail div.left {



}

div.interview div.block div.detail h4 {



}

div.interview div.block div.detail p {



}

div.interview div.block div.detail p.link {

}





div.tree-steps {

margin-bottom: 0px;

}

div.tree-steps h2 {



font-size: 19px;

}

div.tree-steps div.inner {

	

margin: 0px 20px;

}

div.tree-steps div.inner div.block {



width: 100%;



margin: 0px;



margin-bottom: 25px;

}



div.tree-steps div.inner div.block:after{

    content: "";

    width: 14px;

    height: 11px;

    background-image: url(../img/blue-arrow-sp.png);

    position: absolute;

    left: 50%;

    bottom: -24px;

    z-index: 1;

    top: inherit;

    background-repeat: no-repeat;

    background-size: cover;

}



div.tree-steps div.inner div.block img {



width: 90px;



position: absolute;



top: 0px;



left: 0px;

}

div.tree-steps div.inner div.block h3 {



padding-left: 100px;



margin-top: 12px;

}



div.tree-steps div.inner div.block h3 br{

    display:none;

}





div.tree-steps div.inner div.block p {



padding-left: 100px;

    font-size: 12px;



/* margin-top: 15px; */

}



div.soundcloud div.sc-block {

    width: 100% ;

    /* margin: 0 auto; */

    display: inline-block;

    border: 1px solid #ddd;

    margin: 1%;

    vertical-align: top;

}

audio {
    width: 95%;
}


div.soundcloud div.sc-block img {

        width: 100% !important;

}





div.footer {

    padding: 15px 0px;

}

div.footer p {

	font-size:10px;



}





div.qa.big-block div.qa-wrap div.box p span.category-notes {

    margin-right: 0px;

	padding: 10px;



}



div.qa.big-block div.qa-wrap div.box div.left {

    padding-top: 0px;

}



div.dspretro {

        margin-left: 45px;

    margin-right: 0px;

}



div.dspretro h3 {

	    font-size: 13px;

    text-align: left;

    padding-left: 8px;

	}

	

	div.dspretro h3 br{

	display:block;

	}

	

	



div.retro-link {



margin-top: 5px;



text-align: center;



}

	

div.retro-link a{



margin-right: 0px;



display: inline-block;



font-size: 12px;

}



div.retro-link a:after{

	

	}	

	



div.dspretro div.dspretro-hiding img {

    box-sizing: border-box;

    width: 93%;

}





div.dspretro div.dspretro-hiding div.soundcloud div.sc-block {

    width: 45%;

    /* margin: 0 auto; */

    display: inline-block;

    border: 1px solid #ddd;

    margin: 1%;

    vertical-align: top;

}









div.buy {

    padding: 20px 0px;

}

div.buy div.inner {

    margin-left: 10px;

    margin-right: 10px;

}

div.buy div.inner div.block {

    /* width: 78% !important; */

    display: block;

    width: inherit !important;

	    margin-bottom: 15px;

}

div.buy div.inner div.block a.tp {

border: 3px solid #0093e7;

}

div.buy div.inner div.block a.tp:hover {



}



div.buy div.inner div.block a.tp img {



    width: 95%;

}



div.buy div.inner div.block a.tp div.button-wrap-inner img {



width: 100%;

    margin: 0px;

    padding: 0px;

    max-width: 205px;

    margin: 0 auto;

    display: block;

    padding-top: 13px;

    padding-bottom: 13px;



}



div.buy div.inner div.block a.tp div.button-wrap {

    margin-top: 0px;

	}



div.buy div.inner div.block a.tp div.button-wrap div.button-wrap-inner {   

    padding-top: 0px;

	padding-right: 20px;

    padding-left: 20px;

}









div.buy div.inner div.block a.tp a.button img {



}



div.buy div.inner div.block a.tp div.button-wrap div.button-wrap-inner img.float {

display:none;

}



div.buy div.inner div.block a {



}



div.buy div.inner div.block a.site{

width: inherit;

    margin-top: 5px;

    font-size: 12px;



}

	



.ec-button {



/* width: inherit; */



width: inherit !important;

}

.ec-button::before,

.ec-button::after {



}

.ec-button::before {



}

.ec-button::after {



}

.ec-button:hover {



}

.ec-button:hover::before,

.ec-button:hover::after {



}

.ec-button:hover::before {



}

.ec-button:hover::after {



}

	











/* ▼コミック部分 */

div.comic {



}



div.comic div.inner{



padding-top: 10px;



padding-bottom: 10px;



width: inherit;



/* width: 94%; */



margin-left: 10px;



margin-right: 10px;

}



div.comic div.inner img{



width: 95%;



/* margin-right: 10px; */



/* margin-left: 10px; */

}



/* ▲コミック部分 */







/* ▼セカンドビュー（問題定義） */

div.problem {



height: inherit;



}



div.problem div.inner{

padding-bottom: 20px;

	}



div.problem div.inner img.pr {



    width: 100%;

    padding-top: 0px;

    margin-top: -10px;

}



/* ▲セカンドビュー（問題定義） */



div.buy div.inner div.block a.tp:hover {

	

	opacity:0.7;



}



ul.head-inner li a img{

	width:60px;

}



ul.head-inner {

    position: absolute;

    top: 10px;

    right: 10px;

}



div.movie {

}

div.movie div.catch-text {



height: 90px;

position:relative;

}



div.movie div.catch-text:after {

	position:absolute;

	

	content: "";

    background-image: url(../img/ornament-2.png);

    width: 44px;

    height: 27px;

    left: 50%;

    right: 20px;

    display: inline-block;

    position: absolute;

    margin-left: -22px;

    background-size: cover;

	

	}



div.movie div.catch-text h3 {



text-align: center;



padding: 20px 0px 0px 0px;

}



div.movie div.catch-text .ornament-2{



width: 44px;



height: auto;



margin-top: 19px;

display: none;



}





div.movie div.catch-text h3:after {



	}



div.movie div.catch-text h3 img {max-width: 380px;width: 90%;/* display: block; */margin: 0 auto;}

div.movie div.inner {



}

div.movie div.inner a.m1 {

    margin-top: 25px;

margin-bottom: 20px;

}



div.movie div.inner a.m1 img {



max-width: 750px;



width: 100%;



}



div.movie div.inner a.m2 {



display: block;



width: 90%;



margin: 0 auto;



margin-top: 0px;



margin-bottom: 25px;



font-size: 15px;

}



div.movie div.inner a.m2:after {

	



	

	}

	

	

.social-wrap {

	width:100%;

	margin:0 auto;

    min-height: 60px;

    display: block;

	}

	

a.float-buy {

	position: fixed;

	z-index: 10;

	bottom: 20px;

	right: 20px;

	display: inline-block;

}

a.float-buy img {

	width:60px;

	height:60px;

}



div.movie div.inner img.serihu2 {

    position: absolute;

    /* top: 195px; */

    /* right: -141px; */

    width: 220px;

    position: absolute;

    bottom: 66px;

    right: 37%;

    width: 90px;

    margin-right: -45px;

    top: inherit;

}



div.movie div.inner img.serihu1 {

        position: absolute;

    bottom: 67px;

    left: 32%;

    width: 90px;

    margin-left: -45px;

    top: inherit;

}



div.movie div.inner img.serihu1 {

	display:none;

	}

	

div.movie div.inner img.serihu2 {

	display:none;

	}	



div.movie div.inner {

    /* width: 90%; */

    width: inherit;

}



div.movie div.inner a.m2 {

    margin-top: 0px;

}



.sp-hide-special {

	display:none !important;

	}

	

div.qa.big-block div.qa-wrap div.box h3 span {

    background-color:inherit;

	padding: 0px;

}	



div.first-sp {

	display:block;

	}



div.first-sp img{

	width:100%;

	}



div.interview div.block:last-child {







    }



    a.m1.video.span3.pc-hide {

    display: inline-block;

}



/* ▼補填 */



div.additional-exp {

    

}

div.additional-exp div.inner {

    width: inherit;

    margin-top: 20px;

    margin-right: 20px;

    margin-left: 20px;

}

div.additional-exp div.inner div.right {

    float: inherit;

    /* width: 90%; */

    /* margin-right: 20px; */

    /* margin-left: 20px; */

    width: inherit;

    margin-bottom: 15px;

}



div.additional-exp div.inner div.right h3{



font-size: 15px;



margin-bottom: 10px;

}



div.additional-exp div.inner div.right p {

    line-height: 1.8;

}



div.additional-exp div.inner div.right p br {

    display:none;

}



div.additional-exp div.inner div.right p br.abs {

    display:block;

}



div.additional-exp div.inner div.left {

    float: inherit;

    width: 100%;

}

div.additional-exp div.inner div.left img {    display: block;

    margin: 0 auto;

    max-width:359px;

    width:100%;

}







div.qa-gamestudio div.qa-inner br{display:block !important;}





.social {



    margin-left: 0px;



}



i.blog-number {



    font-size: 30px;

}



.blog-article h1 {

    font-size: 18px;

}





.blog-article {

    margin: 0px 15px;

}







div.ani i {

    width: 40px;

    height: 40px;

    background-size: cover;

}



div.man i {

    width: 40px;

    height: 40px;

    background-size: cover;

}



div.man2 i {

    width: 40px;

    height: 40px;

    background-size: cover;

}



div.man i, div.ani i {

    margin-right: 0px;

}



.blog-inner {

    width: inherit;

    margin-bottom: 35px;

}



div.ani p, div.man p, div.man2 p{

    display: block;

    font-size:14px;

}



div.man p span, div.man2 p span, div.ani p span {

    font-weight: bold;

    font-size: 100%;

}



img.img-001 {

    margin-top: 0px;

    margin-bottom: 30px;

    width:100%;

}



video {

    width: 100%;

}



div.sound-tutorial div.block div.front div {

    display: block;

    position: inherit;

    left: 0px;

}



.social-wrap h3 {

    font-size: 18px;

}



div.blog-footbanner a img {

    width: 100%;

}



div.blog-footbanner a {

    padding: 60px 0px 40px;

}



.sp-hide-blog img {

    width: 100%;

}



div.fv div.inner {

    width: inherit;

}



ul.slider li {

    width: 100%;

}



ul.slider li a div i {

    margin-top: 0px;

    font-size: 23px;

}



ul.slider li a div h3 {

    font-size: 14px;

}



ul.slider li a {

    margin: 5px auto 10px auto;

    width:90%;

}



i.blog-number {

    margin-top: 20px;

}



.blog-article h1 {

    padding: 14px 0px 20px 0px;

}



ul.slider li a div time {

    top: 6px;

    font-size: 10px;

}



ul.slider li a.active:after {

    bottom: -33px;

}



.sp-hide-blog img {

    width: 90%;

    display: block;

    margin: 0 auto;

}



div.fv div.inner div.block {

    height: inherit;

    margin-top: 85px;

}



div.nav div.inner {

}

div.nav div.inner ul {font-size: 12px;}

div.nav div.inner ul li {



width: 40%;



padding: 0px 4%;



vertical-align: bottom;



text-align: left;

}

div.nav div.inner ul li a {

    font-size: 12px;

}

div.nav div.inner ul li a i{

font-size: 12px;

}



div.fv {

    margin-top: 70px;

}



div.nav div.inner ul li a.active:after {

        bottom: -29px;

}



.blog2-img {

        width: 100% !important;

}


.blog-col-2{

    }
    
.blog-col-2:after {

}   
    
.blog-col-2 .blog-article {

float: inherit;

width: 90%;

margin: 5%;

}

.blog-col-2 i.blog-number {

}

.blog-col-2 ul.slider{

    }
    
.blog-col-2 ul.slider{

    }
    
.blog-col-2 ul.slider li {

}


div.blog-col-2 {width: 100%;}
div.blog-col-2 ul.slider {
}
div.blog-col-2 ul.slider li {}
div.blog-col-2 ul.slider li a {
    border-bottom: 1px solid #ccc;
    padding: 6px 0px;
}


div.blog-col-2 ul.slider li a div {
}
div.blog-col-2 ul.slider li a div time {
}
div.blog-col-2 ul.slider li a div span {
}
div.blog-col-2 ul.slider li a div p {}
div.blog-col-2 ul.slider li a div p span {
}
div.blog-col-2 ul.slider li a div i {

}
div.blog-col-2 ul.slider li a div h3 {
}

.blog-article i.blog-number{

    }
    
.blog-article h1 {

}   
    
.blog-inner {
    margin: 0px;
    width: 100%;
}

ul.slider li a.active:after {

    }
    
ul.slider li a {

}

div.blog-col-2 ul.slider li a div time {

}

div.blog-col-2 ul.slider {

float: inherit;

width: 100%;
}

div.blog-col-2 ul.slider li a div h3 br {
    display:none;
}

div.before-result {
    margin-top: 0px;
}

div.before-result div.wrap div.left audio {
    width: 80%;
}
div.blog-temprate div.sound div.before {
    float: inherit;
}
div.blog-temprate div.sound div.after {
    float: inherit;
}

div.nav div.inner {
    padding: 10px 0px;
}

h2.blog-h2 {
    font-size: 100%;
}

div.ani, div.man {
    margin-bottom: 20px;
}

.blog-col-2{
        padding: 0px;
    }

    a.gamesynth-button img {
    width: 100% !important;
}