#main_kirasp { height: 60%; max-height: 600px; background-image: url(../img/main_bgh-s.jpg);}
/*_pageTitle*/
#pg_title { text-align: center; font-size: 150%; padding: 2em 0 1em 0; position: relative; z-index: 2000;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#pg_title { font-size: 200%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#pg_title { font-size: 240%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#pg_title { font-size: 280%;}
}

/*	slider
============================== */
#slider_sp { width: 90%; max-width: 870px; margin: 0 auto 2em auto; z-index: 1000;}
.l-inner, .swiper-area, .swiper { width: 100%;}
.myswiper .swiper-slide { width: 100%; height: 0; padding-top: 56.25%; padding-top: -webkit-calc(1350 / 2400 * 100%); padding-top: calc(1350 / 2400 * 100%); position: relative;}
.myswiper .swiper-slide:hover { cursor: grab;}
.swiper-slide .img_sp { display: block; width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.swiper-button-prev, .swiper-button-next, .sd_left, .sd_right { display: none;}
/*thumb*/
.swiper_thumb { margin-top: 8px;}
.swiper_thumb .swiper-slide { padding-top: 14.0625%; position: relative; opacity: .4;}
.swiper_thumb .swiper-slide:hover { cursor: pointer;}
.swiper_thumb .swiper-slide-thumb-active { opacity: .8;}
/*_scrollbar*/
.swiper_thumb .swiper-scrollbar { position: relative; margin-top: 1rem;}
.swiper_thumb .swiper-scrollbar::after { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 100%; height: 2px; margin: auto; content: ""; background-color: rgba(255, 255, 255, .2);}
.swiper_thumb .swiper-scrollbar-drag { height: 2px; cursor: pointer; background-color:  rgba(255, 255, 255, .6); background-clip: content-box;}
.swiper_thumb .swiper-scrollbar-drag:hover { background-color: gba(255, 255, 255, .4);}
.swiper_thumb .swiper-scrollbar-drag:active { background-color: gba(255, 255, 255, .4);}
/*for_W640-*/
@media all and (min-width: 640px) { 
#slider_sp { margin: 2em auto 4em auto;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#slider_sp { margin: 2em auto 4em auto; position: relative;}
.swiper-button-prev, .swiper-button-next { display: block;}
.swiper-button-prev { width: 24px; height: 24px; border-top: 4px solid rgba(255, 255, 255, 1); border-left: 4px solid rgba(255, 255, 255, 1); transform: rotate(-45deg); position: absolute; top: 50%; left: -40px; margin-top: -12px; opacity: .8;}
.swiper-button-next { width: 24px; height: 24px; border-top: 4px solid rgba(255, 255, 255, 1); border-right: 4px solid rgba(255, 255, 255, 1); transform: rotate(45deg); position: absolute; top: 50%; right: -40px; margin-top: -12px; opacity: .8;}
.swiper-button-prev:hover, .swiper-button-next:hover { opacity: 1; cursor: pointer;}
.swiper-button-disabled { opacity: .2;}
.swiper-button-disabled:hover { opacity: .2; cursor: default;}
}

/*	products
============================== */
#products h3 { display: block; text-align: center; z-index: 1500; font-size: 134%; letter-spacing: .1em; padding: 1em 0;}
#products .cont_set { width: 90%; margin: 0 auto;}
#products .cont_set dl { font-size: 105%;}
#products .cont_set dt { padding: 1em 0 0 0; color: rgba(255, 255, 255, .5);}
#products .cont_set dd { padding: 1em 0; line-height: 140%; letter-spacing: .05em;}
#products #download { padding: 2.5em 0;}
#products #download h4 { text-align: center;}
#products #download ul { width: 60%; margin: 1.5em auto;}

#products #download li { width: 100%; max-width: 300px; margin: .5em auto;}
#products #download li a { display: block; width: 100%; height: 0; padding-top: 36.333333333333333%; padding-top: -webkit-calc(218 / 600 * 100%); padding-top: calc(218 / 600 * 100%); position: relative;}
#products #download li .dl_icon { display: block; width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}

#products #download #dl_nintendo_switch { width: 100%; max-width: 300px; margin: .5em auto;}
#products #download #dl_nintendo_switch a { display: block; width: 100%; height: 0; padding-top: 36.333333333333333%; padding-top: -webkit-calc(218 / 600 * 100%); padding-top: calc(218 / 600 * 100%); position: relative;}
#products #download #dl_nintendo_switch .dl_icon { display: block; width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}

#products #download #dl_google_play { width: 100%; max-width: 300px; margin: .5em auto 2em auto;}
#products #download #dl_google_play a { display: block; width: 100%; height: 0; padding-top: 29.659863945578231%; padding-top: -webkit-calc(218 / 735 * 100%); padding-top: calc(218 / 735 * 100%); position: relative;}
#products #download #dl_google_play .dl_icon { display: block; width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}

#products #download #dl_app_store { width: 100%; max-width: 300px; margin: .5em auto;}
#products #download #dl_app_store a { display: block; width: 100%; height: 0; padding-top: 37.01188455008489%; padding-top: -webkit-calc(218 / 589 * 100%); padding-top: calc(218 / 589 * 100%); position: relative;}
#products #download #dl_app_store .dl_icon { display: block; width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}

#products #download #dl_etc { width: 100%; max-width: 300px; margin: .5em auto;}
#products #download #dl_etc a { box-sizing: border-box; display: block; width: 100%; height: 0; padding-top: 37.01188455008489%; padding-top: -webkit-calc(218 / 589 * 100%); padding-top: calc(218 / 589 * 100%); position: relative; border: 1px solid rgba(255, 255, 255, 1); border-radius: 10px; position: relative;}
#products #download #dl_etc .dl_txt { display: block; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-weight: 800; font-size: 160%; white-space: nowrap;}

#products #download li a:hover { opacity: .8;}
#products #download .dl_info { text-align: right; color: rgba(255, 255, 255, .5); font-size: 85%; padding-top: .75em;}
#products #especially { width: 90%; max-width: 360px; margin: 1em auto;}
#products #especially a { display: block; width: 100%; height: 62px; border-radius: 50px; background: rgba(255, 255, 255, .28); border: 1px solid rgba(255, 255, 255, 1); position: relative; z-index: 100;}
#products .especially_txtsp { display: block; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); text-align: center;}
/*#products .especially_txt { display: block; width: 100%; height: 0; padding-top: 13.043478260869565%; padding-top: -webkit-calc(99 / 759 * 100%); padding-top: calc(99 / 759 * 100%); background-repeat: no-repeat; background-size: contain;}*/
#products .especially_txtsp::after { content: ''; width: 16px; height: 16px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ya_white.png); position: absolute; top: 50%; right: 10%; margin-top: -8px;}
#products .especially_txt { font-size: 120%; font-weight: bold; letter-spacing: .1em;}
#products #especially a:hover { opacity: .8;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#products { width: 90%; max-width: 870px;}
#products h3 { font-size: 140%;}
#products .cont { width: 100%;}
#products .cont_set { width: 100%; font-size: 110%;}
#products .cont_set dl { width: 100%; border-top: 1px solid rgba(255, 255, 255, .35); border-bottom: 1px solid rgba(255, 255, 255, .35); display: flex; flex-flow: row wrap; justify-content: flex-start;}
#products .cont_set dt { box-sizing: border-box; flex-basis: 25%; padding: 1em; border-top: 1px solid rgba(255, 255, 255, .35); color: rgba(255, 255, 255, 1);}
#products .cont_set dd { box-sizing: border-box; flex-basis: 75%; padding: 1em; border-top: 1px solid rgba(255, 255, 255, .35);}
#products #download { padding: 3em 0;}
#products #download h4 { font-size: 110%;}
#products #download ul { width: 100%; display: flex; flex-flow: row nowrap;justify-content: center;}
#products #download li { width: 31%; flex-basis: 31%; margin: .5em 1%;}
#products #download #dl_google_play { width: 38.75%; flex-basis: 38.75%; max-width: 350px; margin: .5em 5%;}
#products #download #dl_app_store { width: 31%; flex-basis: 31%; max-width: 280px; margin: .5em 5%;}
#products #download .dl_info { text-align: right; color: rgba(255, 255, 255, .5); font-size: 95%; padding-top: 1em;}
#products #especially { margin: 2em auto;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#products h3 { font-size: 160%;}
#products .cont_set, #products #download h4 { font-size: 140%;}
#products #especially a { height: 90px; border-radius: 100px;}
#products .especially_txtsp { width: 90%;}
#products .especially_txtsp::after { content: ''; width: 22px; height: 22px; right: 5%; margin-top: -11px;}
#products .especially_txt { font-size: 160%;}
}
/*for_W1280-*/
@media all and (min-width: 1280px) { 
#products h3 { font-size: 180%;}
#products .cont_set, #products #download h4 { font-size: 140%;}

}