@charset "UTF-8";

 @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {

	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;

}

.youtubewrap {
	z-index: 1;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.youtubewrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
	

a {

	color: #0093e7;

	font-weight: bold;

}

.pc-hide {

	display: none;

}

a:hover {

	opacity: 0.7;

}

div.big-block {

}

div.big-block h2 {

	font-size: 28px;

	font-weight: bold;

	padding: 20px 0px;

}

div.qa.big-block {

	background-color: #0096e3;

	padding: 30px 0px;

}

div.qa div.qa-cover {

	/* background-color: #0096e3; */

	width: 860px;

	margin: 0 auto;

	background-color: #fff;

	padding: 35px;

	box-sizing: border-box;

}

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

	/* width: 860px; */

	/* box-sizing: border-box; */

	/* background-color: #fff; */

	margin: 0 auto;

	/* padding: 30px; */

	margin-bottom: 25px;

}

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

	display: table;

	margin-bottom: 4px;

}

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



}

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

	display: table-cell;

	vertical-align: top;

	padding-top: 30px;

	font-size: 21px;

	font-weight: bold;

	color: #0071b0;

	font-family: 'Noto Sans JP', sans-serif;

	font-weight: 900;

}

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

	background-color: #f2f2f2;

	padding: 7px 12px;

}

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

	display: table-cell;

	vertical-align: top;

	padding-top: 28px;

	width: 100%;

}

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

	line-height: 1.8;

	font-size: 14px;

}

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

	font-weight: bold;

}

div.qa.big-block div.qa-wrap div.box p span.text-blue {

	color: #0093e7;

}

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

	display: block;

	font-size: 13px;

	border: 2px solid #0093e7;

	padding: 20px;

	margin-right: 30px;

	margin-top: 20px;

}

div.interview {

	width: 880px;

	text-align: center;

	font-size: 0px;

	margin: 0 auto;

}

div.interview div.block {

	display: inline-block;

	width: 415px;

	text-align: left;

	border: 4px solid #1699e0;

	box-sizing: border-box;

	margin-right: 15px;

	margin-bottom: 30px;

	vertical-align: top;

}

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

	margin-right: 0px;

	margin-left: 15px;

}

div.interview div.block h3 {

	color: rgba(255, 255, 255, 0);

	display: block;

	/* height: 105px; */

	background-image: url(../img/interview-1.jpg);

}

div.interview div.block h3 img {

	width: 100%;

}

div.interview div.block div.inner {

	padding: 25px;

}

div.interview div.block div.text {

}

div.interview div.block div.text p {

	margin-bottom: 15px;

	font-size: 13.5px;

	line-height: 1.7;

	min-height: 440px;

}

div.interview div.block div.text p span {

	font-weight: bold;

}

div.interview div.block div.text p img {

	width: 100%;

	height: auto;

	margin-top: 20px;

	margin-bottom: 20px;

}

div.interview div.block div.detail {

	border-top: 1px solid #a9a9a9;

	padding-top: 20px;

}

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

	display: inline-block;/* width: 200px; */

}

div.interview div.block div.detail h4 {

	font-weight: bold;

	font-size: 15px;

}

div.interview div.block div.detail h4 a {

	margin-left: 10px;

}

div.interview div.block div.detail h4 img {

	width: 32px;

}

div.interview div.block div.detail p {

	font-size: 10.5px;

	font-weight: bold;

}

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

}

div.soundcloud {

	font-size: 0px;/* margin: 3px; */

	margin: 15px 0px;

}

div.soundcloud div.sc-block {

	width: 200px;/* margin: 0 auto; */

	display: inline-block;

	border: 1px solid #ddd;

	margin: 5px;

	vertical-align: top;

}

div.soundcloud div.sc-block img {

	display: block !important;

	margin: 0 auto;

	width: 160px !important;

}

div.soundcloud div.sc-block iframe {/* width: 160px; *//* margin-right: 20px; *//* margin-left: 20px; */

}

div.tree-steps {

	text-align: center;

	margin: 30px 0px;

}

div.tree-steps h2 {

	font-size: 28px;

	font-weight: bold;

}

div.tree-steps div.inner {/* text-align: center; */

}

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

	width: 270px;

	display: inline-block;

	vertical-align: top;

	text-align: left;

	margin: 10px;

	position: relative;

}

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

	content: "";

	width: 16px;

	height: 19px;

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

	position: absolute;

	right: 0px;

	top: 95px;

	z-index: 1;

}

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

	display: none;

}

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

	margin-bottom: 15px;

}

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

	font-weight: bold;

}

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

	font-size: 13px;

}

div.footer {

	background: #1699e0;

	text-align: center;

	padding: 25px 1px;

}

div.footer p {

	color: #fff;

}

div.buy {

	background-color: #e4e4e4;

	padding: 50px 0px;

}

div.buy div.inner {

	text-align: center;

	font-size: 0px;

}

div.buy div.inner div.block {

	/* background: #fff; */

	width: 440px;

	display: inline-block;

	/* text-align: right; */

	/* margin: 18px; */

	vertical-align: top;

}

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

	text-align: center;

	background: #fff;

	/* margin-bottom: 10px; */

	display: block;

}

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

	opacity: 1.0;

}

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

	padding: 25px 0px 0px 0px;

}

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

	padding: 5px 0px 38px 20px;

}

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

	overflow: hidden;

	margin-top: -100px;

}

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

	display: block;

	text-align: left;

	font-size: 0px;

	position: relative;

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

	background-repeat: repeat-x;

	background-position: bottom;

	padding-top: 160px;

}

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

	margin-left: 40px;

}

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

	position: absolute;

	bottom: -105px;

	right: 10px;

}

div.buy div.inner div.block a {

	text-decoration: none;

	color: #111;

	font-weight: bold;

	font-size: 17px;

	/* margin-top: 0px; */

	display: inherit;/* margin-top: 8px; */

}

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

	text-align: right;

	width: 410px;

	margin-top: 13px;

}

/* ▼ファーストビュー */



div.fv {

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

	background-size: 100% auto;

}

div.fv div.inner {

	width: 1000px;

	margin: 0 auto;

	/* height: 500px; */

	/* height: 450px; */

	background-image: url(../img/fv-1.png);

	background-repeat: no-repeat;

	background-position: center center;

}

div.fv div.inner div.block {

	position: relative;

	height: 460px;

}

div.fv div.inner div.block div.text {

	padding-top: 45px;

	position: relative;

	z-index: 5;

}

div.fv div.inner div.block div.text h1 {

	margin-bottom: 36px;

}

div.fv div.inner div.block div.text h1 img {

}

div.fv div.inner div.block div.text h2 {

}

div.fv div.inner div.block div.text h2 img {

}

div.fv div.inner div.block div.image img.fv5 {

	width: 630px;

	position: absolute;

	bottom: 0px;

	right: -0px;

}

div.fv div.inner div.block div.image img.fv6 {

	width: 430px;

	position: absolute;

	bottom: -108px;

	right: -10px;

	z-index: 2;

}

div.fv div.inner div.block div.image img.fv7 {

	width: 160px;

	position: absolute;

	bottom: 242px;

	right: 342px;

	z-index: 2;

}

div.fv div.inner div.block div.image img.fv8 {

	width: 221px;

	position: absolute;

	bottom: 18px;

	right: -1px;

	z-index: 2;

}

div.fv div.inner div.block div.image img.fv9 {

	width: 203px;

	position: absolute;

	bottom: -14px;

	right: 282px;

	z-index: 2;

}

div.fv div.inner div.block div.image img.fv10 {

	width: 255px;

	position: absolute;

	bottom: 229px;

	right: 22px;

	z-index: 2;

}

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

div.problem {

	height: 285px;

	background-color: #002760;

}

div.problem div.inner {

}

div.problem div.inner img.pr {

	display: block;

	margin: 0 auto;

	padding-top: 50px;

}

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





/* ▼コミック部分 */

div.comic {

	background-color: #0093e7;

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

	background-repeat: repeat-x;

	background-position: top center;

}

div.comic div.inner {

	width: 860px;

	margin: 0 auto;

	padding-top: 10px;

	padding-bottom: 10px;

	background-color: #fff;

}

div.comic div.inner img {

	display: block;

	margin: 0 auto;

}



/* ▲コミック部分 */

































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

.ec-button {

	position: relative;

	display: inline-block;

	padding: .9em 3.6em;

	border: 3px solid #e4e4e4;

	color: #e4e4e4;

	text-align: center;

	text-decoration: none;

	outline: none;

	transition: all .2s;

	width: 410px;

}

.ec-button::before, .ec-button::after {

	position: absolute;

	z-index: 2;

	content: '';

	width: 0;

	height: 0;

	border: 3px solid transparent;

}

.ec-button::before {

	top: -3px;

	left: -3px;

}

.ec-button::after {

	bottom: -3px;

	right: -3px;

}

.ec-button:hover {

	border: 3px solid #0096e3;

}

/*



.ec-button:hover {

	color: #3be5ae;

	opacity: 1.0;

}

.ec-button:hover::before, .ec-button:hover::after {

	width: 100%;

	height: 100%;

}

.ec-button:hover::before {

	border-bottom-color: #0096e3;

	border-left-color: #0096e3;

	transition: height .3s, width .3s .3s;

}

.ec-button:hover::after {

	border-top-color: #0096e3;

	border-right-color: #0096e3;

	transition: height .3s, width .3s .3s;

}



*/



}

div.dspretro {

	margin-left: 105px;

	display: block;

	border: 3px solid #db2a00;

	font-size: 0px;

	margin-right: 20px;

}

div.dspretro h3 {

	text-align: center;

	font-family: 'Noto Sans JP', sans-serif;

	font-weight: 900;

	background-color: #db2a00;

	color: #fff;

	padding: 20px 0px;

	font-size: 18px;

	cursor: pointer;

	position: relative;

}

div.dspretro h3 br {

	display: none;

}

div.dspretro h3 img {

	position: absolute;

	bottom: 0px;

	right: 3px;

}

div.dspretro div.dspretro-hiding {

	display: none;

}

div.dspretro div.dspretro-hiding img {

	width: 100%;

	max-width: 600px;

	margin: 0 auto;

	display: block;

	margin-top: 20px;

}

div.dspretro div.dspretro-hiding div.soundcloud {/* text-align: center; */

	margin-left: 6px;

}

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

	width: 194px;

}

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

}

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

}

div.retro-link {

	text-align: right;

	width: 100%;

	margin-top: -24px;

}

div.retro-link a {

	text-align: right;

	/* width: 410px; */

	

/* margin-top: 13px; */

	

	text-decoration: none;

	color: #111;

	font-weight: bold;

	font-size: 17px;

	display: inherit;

	margin-right: 30px;

}

div.retro-link a:after {

}

div.movie {

}

div.movie div.catch-text {

	background-color: #0090eb;

	height: 106px;

	text-align: center;

}

div.movie div.catch-text h3 {

	text-align: center;

	padding: 40px 0px 30px 0px;

	position: relative;

}

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

	width: 88px;

	height: 54px;

	margin-top: -23px;

}

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

	position: absolute;

}

div.movie div.catch-text h3 img {

}

div.movie div.inner {

	text-align: center;

}

div.movie div.inner a.m1 {

	display: inline-block;

	margin-top: 40px;

	margin-bottom: 30px;

}

div.movie div.inner a.m1 img {

	width: 690px;

}

div.movie div.inner a.m2 {

	display: block;

	/* margin-top: 40px; */

	/* display: table-cell; */

	vertical-align: top;

	/* padding-top: 45px; */

	font-size: 18px;

	font-weight: bold;

	color: #ffffff;

	font-family: 'Noto Sans JP', sans-serif;

	font-weight: 900;

	text-decoration: none;

	background-color: #0071b0;

	width: 363px;

	display: inline-block;

	padding: 26px 0px 24px 0px;

	position: relative;

	line-height: 0;

	margin-bottom: 90px;

}

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

	content: "";

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

	width: 15px;

	height: 17px;

	top: 50%;

	right: 20px;

	display: inline-block;

	position: absolute;

	margin-top: -9px;

}

/* social start */

.socialbutton {

	float: left;

	margin: 0 0 15px 10px;

	display: inline-block;

}

.facebook-button {

	min-width: 70px;

	max-width: 115px;

	display: inline-block;

}

.twitter-button {

	min-width: 87px;

	max-width: 90px;

	display: inline-block;

}

.hatena-button {

	min-width: 80px;

	max-width: 125px;

	display: inline-block;

}

.gplus-button {

	min-width: 50px;

	max-width: 80px;

	display: inline-block;

}

.pocket-button {

	min-width: 60px;

	max-width: 115px;

	margin: 0 0 0 -10px;

	display: inline-block;

}

/* social end */





a.float-buy {

	position: fixed;

	z-index: 10;

	bottom: 20px;

	right: 20px;

	display: inline-block;

}

a.float-buy img {

}

.social-wrap {

	width: 860px;

	margin: 0 auto;

}

.social {

	margin-top: 30px;

	margin-bottom: 30px;

}

div.fv {

	position: relative;

	    margin-top: 45px;

}

ul.head-inner {

	position: absolute;

	top: 25px;

    right: 20px;

}

ul.head-inner ul {

}

ul.head-inner li {

}

ul.head-inner li a {

	color: #fff;

	text-decoration: none;

}

div.movie div.inner {

	text-align: center;

	width: 780px;

	margin: 0 auto;

	position: relative;

}

div.movie div.inner img.serihu1 {

	position: absolute;

	top: 80px;

	left: -137px;

	width: 220px;

}

div.movie div.inner img.serihu2 {

	position: absolute;

	top: 195px;

	right: -141px;

	width: 220px;

}

div.first-sp {

	display: none;

	font-size: 0px;

}

div.first-sp img {

}

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

	display: none;

}

div.contact {

	text-align: center;

	margin-top: 40px;

}

div.contact p {

}

div.contact a {

	text-decoration: none;

	background-color: #0096e3;

	color: #fff;

	padding: 8px 16px;

	display: inline-block;

	margin-top: 10px;

	border-radius: 8px;

	margin-bottom: 15px;

}

.twitter-button a {

	background-color: #0096e3;

	padding: 2px 12px;

	color: #fff;

	text-decoration: none;

	font-size: 14px;

	border-radius: 4px;

}

/* ▼補填 */



div.additional-exp {

}

div.additional-exp div.inner {

	width: 900px;

	margin: 0 auto;

	margin-top: 40px;

	margin-bottom: 0px;

}

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

	float: right;

	width: 510px;

}

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

	font-weight: 900;

	font-size: 19px;

	line-height: 1.7;

	margin-bottom: 26px;

}

div.additional-exp div.inner div.right p {/* font-family: 'Noto Sans JP', sans-serif; */

	font-size: 14px;

	line-height: 2.0;

}

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

	font-weight: bold;

}

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

	float: left;

	width: 359px;

}

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

	margin-top: 10px;

}

.clearfix2:after {

	content: "";

	display: block;

	clear: both;

}

div.qa-gamestudio, div.qa-gamestudio2{

	border-top: 1px solid;

	border-bottom: 1px solid;

	margin-bottom: 30px;

}

div.qa-gamestudio h3, div.qa-gamestudio2 h3{

	font-size: 14px !important;

	color: #000 !important;

	display: block !important;

	text-align: center;

	padding-top: 15px !important;

	padding-bottom: 15px !important;

	cursor: pointer;

}

div.qa-gamestudio div.qa-inner, div.qa-gamestudio2 div.qa-inner{

	font-size: 14px;

	margin: 5px 0px 0px 0px;

	display: none;

	line-height: 1.8;

}

div.qa-gamestudio div.qa-inner span, div.qa-gamestudio2 div.qa-inner span{

	font-size: 14px;

	font-weight: bold;

}

/* ▼ここからブログ用 */







div.sound-tutorial {

    margin-bottom: 35px;

}

div.sound-tutorial div.block {

	border-bottom: 1px solid #ccc;

}

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

	padding: 5px 0px;

	position: relative;

}

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

	content: "";

	display: block;

	clear: both;

}

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

	float: left;

}

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

    float: left;

}

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

	display: block;

	font-size: 17px;

	/* display: none; */

	margin-right: 5px;

	line-height: 1;

}

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

	font-size: 11px;

}

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

	display: block;

	font-size: 17px;

	/* display: none; */

	margin-right: 5px;

	line-height: 1;

}

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

	font-size: 11px;

}

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

	float: right;

}

div.sound-tutorial div.block div.inside {

	padding: 12px;

}

div.sound-tutorial div.block div.inside p {

}

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

	/* display: none; */

	display: inline-block;

	position: absolute;

	font-size: 10px;

	bottom: 0px;

	left: 350px;

	color: #aaa;

	cursor: pointer;

}

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

	color: #000;

}

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

	position: relative;

	content: "";

	width: 0;

	height: 0;

	border: 4px solid transparent;

	border-top: 6px solid #aaa;

	/* right: 262px; */

	bottom: -11px;/* margin-left: -8px; */

    /* margin-top: 10px; */

}

div.sound-tutorial div.block div.front div:hover:before {

	border-top: 6px solid #000;

}

video {

	width: 600px;

	margin: 0 auto;

	display: block;

	border-radius: 3px;

}



/* ▼ナビメニュー */





div.nav {

	    background-color: #111;

    text-align: center;

    padding: 0px 0px;

    position: fixed;

    top: 0px;

    z-index: 100;

    width: 100%;

}

div.nav div.inner {

}

div.nav div.inner ul {

}

div.nav div.inner ul li {

	display: inline-block;

	padding: 15px 15px;

}

div.nav div.inner ul li a {

	color: #fff;

	text-decoration: none;

}

div.nav div.inner ul li a i{

   margin-right:10px;
font-size: 24px;
       color: #2ce2ff;

}







	

.blog-head {

        height: 535px;

    background-color: #ccc;

}	



.blog-article {

	

	}

	

.blog-article h1{

	    text-align: center;

    font-weight: bold;

    padding: 14px 0px 80px 0px;

    font-size: 28px;

    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;

    color: #002760;

	}



/*

.blog-article p {

	    width: 790px;

    margin: 0 auto;

	}

*/





/* ▼20171208 ブログ用２カラムレイアウト */



div.blog-content {



}

div.blog-content div.blog-article {

    width: 700px;

    float: left;

    background-color: #fff;

}

div.blog-content div.blog-article h1 {

}

div.blog-content div.blog-article p {

}



/*

div.blog-content div.blog-nav {

width: 260px;

    float: right;

    height:600px;

    backgorund-color:#ccc;

}



.blog-nav {

    float: right;

    width: 260px;

    height: 600px;

    background: #eee;

}



div.blog-content {

	

    width: 1000px;

    display: block;

    margin: 0 auto;

    margin-top: 30px;

}



.clearfix:after {

  content: '';

  display: table;

  clear: both;

}



*/



div.blog-nav {

}

div.blog-nav div.wrap {

}

div.blog-nav div.wrap a {

}

div.blog-nav div.wrap a date {

}

div.blog-nav div.wrap a date span {

}

div.blog-nav div.wrap a p {

}

div.blog-nav div.wrap a p span {

}

div.blog-nav div.wrap a i {

}

div.blog-nav div.wrap a h3 {

}



.blog-bg {

    background-color: #d8d8d8;

        padding-top: 35px;

            background-color: #00276075;

}



.blog-article {

    background-color: #fff;

}





.blog-inner {

    width: 790px;

    margin: 0 auto;

    margin-bottom: 55px;

}



/* ▲20171208 ブログ用２カラムレイアウト */









div.ani, div.man{

	margin-bottom:35px;

	line-height: 1.8;

}



div.ani i {

    width: 96px;

    height: 96px;

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

    display: inline-block;

    vertical-align: top;

    background-repeat: no-repeat;

        vertical-align: middle



}



div.ani-2 i {

    background-image: url(../img/qa-4.png);

    }



div.ani-3 i {

    background-image: url(../img/qa-3.png);

    }    



div.ani p {



	display:inline-block;

}







div.man{}



div.man i {

    width: 96px;

    height: 96px;

    background-image: url(../img/man-1.png);

    display: inline-block;

    vertical-align: top;

    background-repeat: no-repeat;

        vertical-align: middle



}



div.man p {



	display:inline-block;

}





div.man:before {

    width: 96px;

    height: 96px;

    background-image: url(../img/blog-face-ani.png);

    display: inline-block;

    vertical-align: top;

    background-repeat: no-repeat;

    margin-bottom:25px;





}





div.man i, div.ani i{



	margin-right:10px;

}



div.man p, div.ani p{

vertical-align: middle;

}



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

font-weight:bold;

font-size:120%;

}





div.man p a, div.ani p a {

    color: #1699e0;

    text-decoration: none;

}



div.man p a, div.ani p a:after{

content: "\f08e";

    font-family: FontAwesome;

    font-size: 70%;

    position: relative;

        top: -12px;

    right: 2px;

}



div.blog-footbanner {

    text-align: center;

    background-color: #f1f1f1;

    margin-top: 80px;

}



div.blog-footbanner a {

dispay:inline-block;

}

div.blog-footbanner a img {



}











ul.slider {



    font-size: 0px;



}



ul.slider li {display:inline-block;width:50%;box-sizing: border-box;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}



ul.slider li a {

	display: inline-block;

	text-decoration: none;

	width: 85%;

	display: block;

	margin: 15px auto 23px auto;

	color: #002760;

	position:relative;

}



ul.slider li a.active:after{ 

    content: "";

    width: 0;

    height: 0;

    border-bottom: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #002760;

    border-left: 10px solid transparent;

    position: absolute;

    bottom: -48px;

    left: 50%;

    margin-left: -10px;

}





ul.slider li a div {

}

ul.slider li a div time {font-weight: normal;font-size: 12px;line-height: 1;position: absolute;bottom: 0px;right: 0px;}

ul.slider li a div span {

}

ul.slider li a div p {

    text-align: right;

    font-size: 38px;

    font-weight: normal;

    line-height: 1.2;

    margin-top: -4px;

    /* font-family: Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; */

    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;

    font-weight: 100;

}

ul.slider li a div p span {display: block;font-size: 16px;font-weight: 500;}

ul.slider li a div i {font-family: 'Iceland', cursive;font-size: 45px;margin-top: -58px;display: block;line-height: 1.0;/* display: none; */}

ul.slider li a div h3 {

	font-size: 18px;

	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;

	    margin-top: 5px;

}

ul.slider li a p {

}

ul.slider li a img {

}



img.img-001 {

    width: 570px;

    margin: 0 auto;

    display: block;

    margin-top: -30px;

	    margin-bottom: 30px;

}





/* ▼ブログ記事動画スタイル用 */





.video-wrap{

    position: relative;

}

.video-btn{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:40px; 

    cursor: pointer;

}



.video-wrap2{

    position: relative;

}

.video-btn2{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:40px; 

    cursor: pointer;

}



.video-wrap3{

    position: relative;

}

.video-btn3{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:40px; 

    cursor: pointer;

}



.video-wrap4{

    position: relative;

}

.video-btn4{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:40px; 

    cursor: pointer;

}



.video-wrap5{

    position: relative;

}

.video-btn5{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:40px; 

    cursor: pointer;

}



.video-wrap6{

    position: relative;

}

.video-btn6{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:40px; 

    cursor: pointer;

}



.video-wrap7{

    position: relative;

}

.video-btn7{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:40px; 

    cursor: pointer;

}



.video-wrap8{

    position: relative;

}

.video-btn8{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:40px; 

    cursor: pointer;

}



.video-wrap9{

    position: relative;

}

.video-btn9{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:40px; 

    cursor: pointer;

}



.video-wrap10{

    position: relative;

}

.video-btn10{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:40px; 

    cursor: pointer;

}



img.blog-header {

    margin-top: 35px;

}



/* ▲ブログ記事動画スタイル用 */





i.blog-number {

    font-family: 'Iceland', cursive;

    font-size: 45px;

    /* margin-top: -58px; */

    display: block;

    line-height: 1.0;

    /* display: none; */

    color: #002760;

    font-weight: bold;

    text-align: center;

    margin-top: 50px;

}



div.blog-footbanner a {

    color: #111;

    text-decoration: none;

    display: block;

    padding: 120px 0px;

    background-image: url(../img/blog-under-bg.png);

}



div.blog-footbanner a {

    color: #0a172b;

    text-decoration: none;

    display: block;

    padding: 100px 0px 75px;

    background-image: url(../img/blog-under-bg.jpg);

    background-size: cover;

    background-position: top center;

    /* color: #fff; */

}



.blog-footbanner {}



.blog-footbanner h3{

    font-size: 30px;

    -moz-text-shadow: -1px 0px 26px rgba(0, 29, 71, 0.8);

    -webkit-text-shadow: -1px 0px 26px rgba(0, 29, 71, 0.8);

    -ms-text-shadow: -1px 0px 26px rgba(0, 29, 71, 0.8);

    /* text-shadow: -1px 0px 26px rgba(0, 29, 71, 0.8); */

}



.blog-footbanner span{

    display: block;

}





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

    content: "";

    width: 0;

    height: 0;

    border-bottom: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #000;

    border-left: 10px solid transparent;

    position: absolute;

    left: 50%;

    margin-left: -10px;

    bottom: -34px;

}



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

    color:#fff;

}



div.nav div.inner ul li a {

	position:relative;
    font-size: 21px;
}





.social-wrap h3 {



    font-size: 23px;



    font-weight: bold;



    text-align: center;



    color: #002660;



}







.social {



    text-align: center;



}







.social {



    margin-left: 195px;



    /* height: 20px; */



    margin-top: 15px;



}







.social-wrap h3 {



    margin-top: 35px;



}



.blog-article h2 {



}





h2.blog-h2 {

    text-align: center;

    font-size: 140%;

    font-weight: bold;

    margin: 47px 0px 47px 0px;

    border-top: 1px solid #aaa;

    border-bottom: 1px solid #aaa;

    padding: 25px 0px;

}



h3.blog-h3 {

    text-align: center;

    font-size: 140%;

    font-weight: bold;

    margin: 47px 0px 47px 0px;

    border-top: 1px solid #aaa;

    border-bottom: 1px solid #aaa;

    padding: 25px 0px;

}



.text-tall i {

    vertical-align: top !important;

}



.text-tall p {

    vertical-align: top !important;

}



.blog2-video {

    margin-top: -30px;

    margin-bottom: 30px;

    margin-left: 25px;

}



.blog-003 img {

    border: 1px solid #ccc;

    width: 600px;

    margin-left: 112px;

}





/* ▼videoを隠す。SEO上、扱いには注意する */



div.inside {

	display:none;

}



ul.slider li a p {

    display: block;

}



@media (max-width: 780px) {



div.inside {

	display:block;

}



ul.slider li a p {

    display: none;

}



}



/* ▼videoを隠す。SEO上、扱いには注意する */















div.blog-temprate {    text-align: center;

    padding: 35px;

    border-top: 1px solid #000;

    border: 1px solid #000;}

div.blog-temprate h2 {font-weight: bold;font-size: 26px;margin-bottom: 25px;}



div.blog-temprate div.sound {

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

    background-repeat: no-repeat;

    background-position: center bottom 22px;

}



div.blog-temprate div.sound-wrap {

padding: 20px;

font-size: 0px;

border: 3px solid #e8e8e8;

}



div.blog-temprate div.sound:after {content: '';display: table;clear: both;}

div.blog-temprate div.sound div.before {float: left;}

div.blog-temprate div.sound div p {

	font-size:14px;

	margin-bottom:10px;

}

div.blog-temprate div.sound div.before audio {

	margin-bottom:12px;

}

div.blog-temprate div.sound div.after {float: right;}

div.blog-temprate div.sound div.after p {

}

div.blog-temprate div.sound div.after audio {

}

div.blog-temprate div.blog2-video {margin-top: 10px;}

div.blog-temprate div.blog2-video video {

}

div.blog-temprate div.blog2-video video source {

}



div.nav div.inner ul li {

    position: relative;

}





ul.second {

    position: absolute;

    width: 180px;

    top: 52px;

	

    display: none;

	z-index: 99999999;

}



ul.second {

    box-sizing: border-box;

    width: 410px;

    margin: auto auto auto;

    text-align: center;

	    padding: 15px 0 20px 0px;

		background-color: rgba(0, 0, 0, 0.7);

}



ul.second li{

display:block;

text-align: left;

    display: block !important;

	padding:5px 0px 5px 25px !important;

}

ul.second li a{

font-weight: normal;

    font-size: 13.5px;

}

ul.second li a i{vertical-align: top;display: inline-block;font-size: 20px; font-weight:bold;}



ul.second li a span{display: inline-block;

    width: 330px;

    vertical-align: top;

	margin-top:3px;}



body {

font-family: 'Noto Sans JP';

}





















div.blog-temprate {    text-align: center;
    padding: 35px;
    border-top: 1px solid #000;
    border: 1px solid #000;}
div.blog-temprate h2 {font-weight: bold;font-size: 26px;margin-bottom: 25px;}

div.blog-temprate div.sound {
    background-image: url(../img/arrow2.png);
    background-repeat: no-repeat;
    background-position: center bottom 22px;
}

div.blog-temprate div.sound-wrap {
padding: 20px;
font-size: 0px;
border: 3px solid #e8e8e8;
}

div.blog-temprate div.sound:after {content: '';display: table;clear: both;}
div.blog-temprate div.sound div.before {float: left;}
div.blog-temprate div.sound div p {
	font-size:14px;
	margin-bottom:10px;
}
div.blog-temprate div.sound div.before audio {
	margin-bottom:12px;
}
div.blog-temprate div.sound div.after {float: right;}
div.blog-temprate div.sound div.after p {
}
div.blog-temprate div.sound div.after audio {
}
div.blog-temprate div.blog2-video {margin-top: 10px;}
div.blog-temprate div.blog2-video video {
}
div.blog-temprate div.blog2-video video source {
}

div.nav div.inner ul li {
    position: relative;
}


ul.second {
    position: absolute;
    width: 180px;
    top: 52px;
	
    display: none;
    
	z-index: 99999999;
}

ul.second {
    box-sizing: border-box;
    width: 410px;
    margin: auto auto auto;
    text-align: center;
	    padding: 15px 0 20px 0px;
		background-color: #000000bf;
}

ul.second li{
display:block;
text-align: left;
    display: block !important;
	padding:5px 0px 5px 25px !important;
}
ul.second li a{
font-weight: normal;
    font-size: 13.5px;
}
ul.second li a i{vertical-align: top;display: inline-block;font-size: 20px; font-weight:bold;}

ul.second li a span{display: inline-block;
    width: 330px;
    vertical-align: top;
	margin-top:3px;
	font-size:15px;
	}
	
	
	
	


	

div.before-result {text-align: center;/* background-color: #ccc; */border: 3px solid #d3d9e3;padding: 20px 0px;margin-top: -45px;margin-bottom: 50px;}
div.before-result div.wrap {
}
div.before-result div.wrap h2{
font-weight: bold;
    margin-bottom: 15px;
}
div.before-result div.wrap div.left {width: 300px;display: inline-block;/* text-align: left; */vertical-align: top;}
div.before-result div.wrap div.left p {font-size: 14px;}
div.before-result div.wrap div.left audio {
}

h3.blog-tutorial {
    font-weight: bold;
    font-size: 20px;
}

h3.blog-tutorial span{
    display: block;
    font-size: 13px;
}



.kakutou1 {
    top: 9px;
    position: relative;
}

video {
    width: 780px;
}



















/*  */

.blog-col-2{
	width:1200px;
	    margin: 0 auto;
	    padding: 0px 30px;
	}
	
.blog-col-2:after {
  content: '';
  display: table;
  clear: both;
}	
	
.blog-col-2 .blog-article {
    float: left;
    width: 840px;
}

.blog-col-2 i.blog-number {
    margin-top: 0px;
}

.blog-col-2 ul.slider{
	float:right;
	width:310px;
	}
	
.blog-col-2 ul.slider{
	float:right;
	}
	
.blog-col-2 ul.slider li {
    display: block;
    width: 100%;
}


div.blog-col-2 {
}
div.blog-col-2 ul.slider {
}
div.blog-col-2 ul.slider li {border: none;}
div.blog-col-2 ul.slider li a {
}
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 {display: none;}
div.blog-col-2 ul.slider li a div p span {
}
div.blog-col-2 ul.slider li a div i {
    margin-top: 0px;
}
div.blog-col-2 ul.slider li a div h3 {
}

.blog-article i.blog-number{
	text-align:left;
	margin-top: 25px;
	}
	
.blog-article h1 {
    text-align: left;
    padding: 14px 0px 60px 0px;
}	
	
.blog-inner {
    width: 840px;
}

ul.slider li a.active:after {
	display:none;
	}
	
ul.slider li a {
    margin: 0px auto 30px 0px;
	width: 100%;
}

div.blog-col-2 ul.slider li a div time {
    margin-bottom: -22px;
}

div.blog-col-2 ul.slider {
    margin-top: 25px;
}

/* 20180406修正 */

div.movie div.inner a.m2 {


	margin-bottom: 40px;

}

div.movie div.inner img.serihu2 {
    top: 298px;
    right: -183px;
}

div.movie div.inner img.serihu1, div.movie div.inner img.serihu2{
    pointer-events: none;
}

a.gamesynth-button {

}

a.gamesynth-button img{

}

@media screen and (max-width:780px) {
   #player {
   	display:none;
   }

   iframe#player {
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
}

   iframe.dragon {
    width:100%;
        height: auto;
}

   div.br-delete {
   	display: none;
   }

}


span.add_20181126 {
	font-size: 11px;
    padding-left: 10px;
    display: block;
    margin-bottom: 10px;
    min-height: 6em;
}

audio {
    width: 190px;
    margin: 5px;
}

.bundle-purchase {
    font-size: 16px;
    /* font-weight: bold; */
    /* padding: 20px 0px; */
    text-align: center;
    /* background-color: #0096e3; */
    /* color: #000; */
    /* margin: 0 auto; */
    /* max-width: 850px; */
    /* margin-top: 20px; */
    /* padding-right: 20px; */
    /* padding-left: 20px; */
    /* letter-spacing: 0.05em; */
    margin-top: 20px;
}

.bundle-purchase a{

color: #565656;
text-decoration: underline;

    }

div.buy div.inner div.block {
    width: 295px;
}
div.buy div.inner div.block a.tp>img {
    width: 100%;
}

div.buy div.inner div.block a.site {
    width: 335px;
}

@media screen and (min-width: 780px) {
.ec-button {
    width: 275px;
}

}