@charset "UTF-8";
/* CSS Document */
body {
  font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
  color:#3f3f3f;
}
.wf-nicomoji {
	 font-family: "Nico Moji"; 
}
.wf-mplus1p {
	font-family: "M PLUS 1p";
}
.wf-notosansjapanese {
	font-family: "Noto Sans JP";
}
.wf-roundedmplus1c {
	font-family: "M PLUS Rounded 1c"; 
	}
a {
  text-decoration:none;
  color:#777;
  line-height:2em;
}
a:hover {
  color: #000;
}
.mt50{
	margin-top:50px;
}
.mb40{
	margin-bottom:40px;
}
.white{
	color:#FFF;
}

.center {
    width: 90%;
    margin: 1.2em auto 1.3em;
    text-align: center;
}





.h1{
	margin:2em 0;
}
h2{
	margin:3em auto 2em;
	text-align: center;
	line-height: 1.2em;
}
h2 .en{
	font-size:1.3em;
}
h2 .jp{
	font-size:0.85em;
}
.sitetitle .jp{
	font-size:2em;
	color:#3535A0;
}
.sitetitle .en{
	font-size:0.9em;
	color:#3535A0;
}

#top{
	background-color:#1d258b;
	margin: 0;
    padding: 2em;
}

#videos{
	background-color:#9dd1cfd4;
	margin:0;
	padding:3em 2em;
}
.section-title img{
	width:70%;
}

#games{
	background-color:#a3b554b3;
	margin:0;
	padding:3em 2em;
}
#sns{
	background-color:#edbdbdb3;
	margin:0;
	padding:3em 2em;
}
#mamacra{
	background-color:#e2cfa7fa;
	margin:0;
	padding:3em 2em;
}
.kadomaru-contents {
    background-color: #fff;
    margin: 0;
    border-radius: 3em;
    padding: 0.7em;
    text-align: center;
}




.youtube {
  position: relative;
  height: 0;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.container img{
  max-width: 100%;
}

ul {
  list-style: none;
  padding: 0;
}

.youtube-icon {
    width: 40%;
    margin: 2em auto;
    text-align: center;
}

/* Footer */

.footer {
  padding: 2rem;
  font-size: 15px;
  color: #999;
  background: #fff;
}
.footer a {
  text-decoration:none;
  color: #999;
}
.footer a:hover {
  color: #000;
}


/*@media (max-width: 768px) {
.pc-center { display: none !important; }
.sp-center { display: block !important;
    margin: auto;
	}
	
.pc { display: none !important; }
.sp { display: block !important;}
}

.pc-center { display: block !important;
margin: auto;
}
.sp-center { display: none !important; }

.pc { display: block !important;}
.sp { display: none !important; }

*/


.pc { display: none !important; }
.sp { display: block !important;}


@media (min-width: 768px) {

.pc { display: block !important;}
.sp { display: none !important; }


.center{
	width:50%;
	margin: 1em auto;
	text-align:center;
	}
h2 .en {
	font-size: 2.3em;
}
h2 .jp {
	font-size: 1em;
}
.section-title img {
    width: 54%;
}

#top{
	background-color:#1d258b;
	margin: 0;
    padding: 3em;
}
#videos{
	background-color:#9dd1cfd4;
	margin:0;
	padding:3em 2em;
}

.kadomaru-contents{
	background-color: #fff;
    margin: 0 4em;
    border-radius: 3em;
    padding: 2em;
	text-align: center;
}

  .footer {
    display: flex;
    justify-content: space-between;
  }

  .md-flex {
    display: flex;
  }

  .md-flex li + li {
    margin-left: 16px;
  }
}
 
/* ココから下がPC表示（600px以上）のレイアウト */
@media screen and (min-width: 600px) {
  .container{
    display: flex;
    margin: 4em;
    justify-content: space-between;
    align-items: flex-start;
  }
  .item{
    flex-basis: 49.5%;
  }
  .sitetitle .jp{
	font-size:2.8em;
}
.sitetitle .en{
	font-size:1em;
}
}


/* .container {
  display: flex;
  flex-wrap: wrap;
  width:80%;
  margin:1em auto;
}
.column {
  width: 100%;
}
.column iframe{
	width:80%;
	margin:0 auto;
}


@media (min-width: 1024px) {
  .column {
    width: 50%;
  }
  .sitetitle .jp{
	font-size:1em;
}
.sitetitle .en{
	font-size:0.5em;
}
}