@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1024px) {
 body {
  font-size: 2.0rem;
  width: 100%;
 }
 div#main {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: auto;
  height: 100%;
  background: url("../img/tab/main_bg.png") no-repeat 0 0 / cover;
  background-size: contain;
  padding-bottom: 40%;
 }
 #main .box {
  padding-top: 22%;
  width: 86.33%;
 }
 /* img.scroll {
  width: 8.72%;
	position: relative;
  bottom: 200px;
  top: auto;
	z-index: 10;
 }*/
 /* .circle {
  width: 100%;
  height: 200px;
  background: url("../img/tab/circle_bg.png") no-repeat 0 0 / cover;
  background-position: center;
  position: relative;
  bottom: 330px;
  background-size: contain;
 }*/
 /* .contents {
  margin-top: 77px;
 }*/
 h2 img {
  height: auto;
 }
 ul.menu {
  width: 100%;
  background: #B4A77E;
 }
 .sptab_box {
  width: 93%;
  margin: 0 3.5%;
 }
 section {
  background: transparent;
  padding: 0;
 }
 .w860 {
  width: 100%;
  max-width: 640px;
 }
 /*
===========
フォント設定
===========
*/
 .center {
  text-align: center;
 }
 .tab_fontsize10 {
  font-size: 1.0rem;
 }
 .tab_fontsize14 {
  font-size: 1.4rem;
 }
 .tab_fontsize16 {
  font-size: 1.6rem;
 }
 .tab_fontsize20 {
  font-size: 2.0rem;
 }
 .tab_fontsize24 {
  font-size: 2.4rem;
 }
 .tab_fontweight_400 {
  font-weight: 400;
 }
 .tab_fontweight_500 {
  font-weight: 500;
 }
 .tab_fontweight_700 {
  font-weight: 700;
 }
 .fontcolor_gray {
  color: #84807A;
 }
 /*
===========
マージン設定
===========
*/
 .tab_marginbottom47 {
  margin-bottom: 47px;
 }
 
 .external-link::after {
 height: 70%;
 margin-bottom: 3%;
 }
 
 /*
===========
ボタンデザイン
===========
*/
 a.btn_orange {
  /*font-size: 2.4rem;*/
  font-weight: 700;
  border-radius: 50vw;
  /*width: 33.45%;*/
  width: 70%;
  min-width: 288px;
  white-space: nowrap;
  height: 68px;
  /*padding: 16px 48px;*/
  /*padding: 14px 48px 18px;*/
 }
 #hamburger a.btn_orange, #catalog a.btn_orange, #price a.btn_orange {
  font-size: 2.4rem;
 }
 a.btn_big:hover {
  transform: none;
 }
 a.header_btn{
    margin: 16px 88px auto auto;
    height: 40px!important;
    font-size: 1.6rem;
    font-weight: 700;
    width: 19.18%;
    min-width: 160px;
    display: inline-block;
		padding: 0.7% 0 0 0;
		float: right;
 }
 .pc-none{
 display: block;
 }
 /*
===========
ヘッダデザイン
===========
*/
 header h1 img {
    width: 98px;
    margin: 20px 48px 20px;
 }
 #hamburger {
  background: #B4A77E;
 }
 #hamburger ul {
  width: 100%;
 }
 #hamburger #g-nav-list ul li:not(last-child) {
  margin: 0 0 24px 0;
 }
 #hamburger #g-nav-list ul li a:not(last-child) {
  /*font-weight: 700;
  font-size: 2.4rem;*/
  color: #ffffff;
 }
 .g-nav_share {
  display: inline-block !important;
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  margin: auto;
  clear: both;
 }
 #hamburger .btn_white {
  width: 34.53%;
  height: 68px;
  /*width: 100%;*/
  /*max-width: 288px;*/
  /*height: 50px!important;
  padding-top: 15px;*/
  padding-top: 12px;
  padding-bottom: 16px;
  background: #ffffff;
  margin: 48px auto 0;
  color: #B4A87E !important;
 }
 #hamburger .g-nav_share {
  width: 35.97%;
  border-top: 1px solid #FFFFFF;
  padding-top: 30px;
  margin-top: 56px;
 }
 #hamburger .small {
  color: #ffffff;
 }
 .share_flex {
  display: flex;
  justify-content: center;
 }
 #hamburger .share_btn {
  /*float: left;*/
  width: 18%;
  max-width: 40px;
 }
 /* #hamburger .btn_white {
  height: 35px;
  padding-top: 5px;
 }*/
 /*ふわっと出てふわっと消える*/
 /* アニメーション前のメニューの状態 */
 /*.menu*/ .fadeIn_gnav {
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s linear;
 }
 /* アニメーション後のメニューの状態 */
 /*.menu.is-active*/ .fadeIn_gnav.is-active {
  pointer-events: auto;
  opacity: 1;
 }
 /*
===========
体験版ボタン
===========
*/
 #trial {
  display: block;
  position: fixed;
  width: 26%;
  max-width: none;
  bottom: 0;
  /*right: 3.5%;*/
  right: 2%;
  z-index: 50;
 }
 /*
===========
コンテンツ設定
===========
*/
 #ex, #catalog {
  width: 86.45%;
  margin: auto;
  max-width: none;
  font-size: 2.4rem;
 }
 #ex {
  width: 100%;
  margin: 0 auto 94px;
 }
 #catalog, #feature {
  width: 100%;
  padding: 84px 0 0;
  margin: 0;
  background: #ffffff;
 }
 /*
===========
アプリカタログデザイン
（tab切り替えデザイン）
===========
*/
/* #catalog .tab {
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
 }
 #catalog .tabscroll {
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
 }*/
 .tab_content {}
 .tab_content .text {
  float: none;
  text-align: left;
 }
 .tab_content .app_box {
  margin: 45px 0;
 }
 .tab_content .app {
  width: 45%;
  float: left;
 }
 .area {
  /*width: 74.73%;*/
  width: 85.73%;
  padding: 28px 4.3% 40px;
  border: 5px solid #F0EDDF;
  border-radius: 26.7463px;
 }
 .area .app_box {
  margin: 29px 0 0;
 }
 .area .age {
  height: auto;
 }
 .area .age_num {
  font-size: 5.5rem;
 }
 .area .age_unit {
  font-size: 2.4rem;
 }
 .area .app_icon {
  width: 60%;
 }
 .area .app_name {
  width: 100%;
  font-size: 2.6rem;
  font-weight: 700;
 }
 .area .genre {
  font-weight: 400;
  font-size: 1.6rem;
 }
 .area .text {
  font-size: 2.4rem;
  font-weight: 500;
 }
 .area .app {
  width: 46%;
  padding: 0 1%;
 }
 .tab li {
  font-size: 1.6rem;
 }
 /*
===========
dキッズの特長デザイン
===========
*/
 /*#feature {
  padding: 0;
 }*/
 .fe_box {
  margin: 0;
 }
 section.fe_box p {
  width: 74.73%;
  margin: auto;
  font-size: 2.4rem;
  font-weight: 700;
 }
 .fe_box:nth-child(even) {
  background: url("../img/tab/bg_right.png") no-repeat top right;
  background-size: 94%;
 }
 .fe_box:nth-child(odd) {
  background: url("../img/tab/bg_left.png") no-repeat top left;
  background-size: 94%;
 }
 video {
  width: 100%;
 }
 /*
===========
dキッズのアプリを見てみようデザイン
===========
*/
 #app {
  background: #ffffff;
 }
 #app section p {
  margin-bottom: 59px;
 }
 #app h2 img {
  width: 90%;
  height: auto;
 }
 #app img.caractor {
  width: 13.78%;
  top: 2%;
  left: 2%;
 }
 #app .auth {
  width: 100%;
  margin-bottom: 69px;
 }
 #app .auth p {
  width: 86.33%;
 }
 .auth .company {
  width: 86.33%;
  /*padding: 115px 0;*/
  padding: 11.5% 0;
  margin: 0 auto;
 }
 #app .auth .company img {
  width: 80%;
  margin: 0;
 }
 #app .full-width-inner {
  width: 93%;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 80px;
 }
 #app .hr {
  width: 23%;
  position: relative;
  top: 70px;
 }
 /*
===========
価格表デザイン
===========
*/
 #price hr {
  width: 80.8%;
 }
 #price a.textlink {
  font-size: 1.6rem;
 }
 #price .sptab_box {
  width: 85.33% !important;
  margin: 0 auto;
 }
 /*
===========
インストールデザイン
===========
*/
 #install {
  padding: 65px 0;
 }
 #install h2 img {
  width: 76.73%;
 }
 .install_download {
  width: 100%;
  display: block;
  bottom: 0;
  left: 0;
  margin-top: 40px;
 }
 #install .install_wrap {
  margin-bottom: 0;
 }
 /*
===========
フッターデザイン
===========
*/
 footer {
  height: auto;
 }
 footer#footer {
  padding-top: 75px;
 }
 footer .content {
  width: 52.52%;
 }
 footer .footer_logo {
  width: 26.7%;
  max-width: 117px;
 }
 .share_btn {
  width: 15%;
  max-width: 40px;
 }
 .small {
  font-size: 1.4rem;
 }
 .content p:last-child {
  margin-top: 187px;
 }
 .btn_install a.ios, .btn_install a.android {
  width: 100%;
  height: auto;
 }
}
@media screen and (max-width:700px) {
 footer .content {
  width: 88.8%;
  margin: 0 5.6%;
 }

 /*footer{
padding-top: 26.7px;
padding-bottom: 24px;
}
footer .content{
width: 88.8%;
margin: 0 5.6%;
}
footer .footer_logo{
width: 25.86%;
margin-top: 24px;
}
.share{
display: inline-block;
}
.share .share_btn{
float: right;
}
p.small{
display: block;
width:90%;
}
.content p:last-child{
margin-top:105px;
}*/
}
@media screen and (min-width:521px) and (max-width:720px) {
 .header_btn{
     padding: 0.8% 0 0 0!important;
 }
 }