/* CSS Document */
/*=====================================
reset
=====================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, footer, header {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    line-height: 130%;
    list-style: none;
}
body {
    background: #ffffff;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Helvetica,Arial,sans-serif;
    font-size:16px;
    -webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
}

img {
    vertical-align: bottom;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #ffffff;
}

a:link {
    color: #3399ff;
    text-decoration: none;
}

/*未訪問のリンクの色*/
a:visited {
    color: #3399ff;
    text-decoration: none;
}

/*訪問済みのリンクの色*/
a:hover {
    color: #3399ff;
    text-decoration: underline;
}

/*カーソルが乗っているリンクの色*/
a:active {
    color: #3399ff;
    text-decoration: underline;
}

/*クリック中のリンクの色*/
html,
body {
    height: 100%;
    color: #444444;
}

#mainCol {
    position: relative;
}

.txt {
  padding: 9px 0 8px 10px !important;
}

#msthd #mhSearch #pickupWord {
    line-height: 1.5;
}

.header, #TEMPLA_MH_VDOM {
    width: 950px;
    margin: 0 auto;
}

#emg, #TEMPLA_EMG_VDOM {
    background: #ffffff;
    padding-bottom: 10px;
}

#TEMPLA_EMG2_VDOM, #TEMPLA_EMG3_VDOM {
  background: #ffffff;
}
/*clearfix*/
.cf::after{
    content: "";
    display: block;
    clear: both;
  }
/*mtl*/
.mtl {
    width:950px;
    margin:0 auto 7px auto;
}
.mtl h1{
    width:950px;
    height:460px;
    background: url("../img/pc/ksklp_mtl_001.png") center center no-repeat;
    background-size: 950px 460px;
    text-indent:-9999em;
    overflow:hidden;
}

/*#wrapper*/
#wrapper {
    min-width:950px;
}
/*applink_top*/
.applink_top {
    width:800px;
    margin:0 auto;
}
/****.kskapp_dl_top****/
.kskapp_dl_top{
    width:247px;
    float:left;
    margin-right:40px;
}
.kskapp_dl_top dt {
    background:url("../img/pc/ksklp_hl_002.png") no-repeat;
    text-indent:-9999em;
    overflow:hidden;
    width:247px;
    height:68px;
    margin-bottom:12px;
}
.kskapp_dl_top dd li.ksk_qr{
    float:left;
    width:92px;
    margin-right:14px;
}
.kskapp_dl_top dd li.ksk_qr img{
    border:1px solid #979797;
}
.kskapp_dl_top dd li.ksk_bnr .gptxt_top {
    font-size:75%;
    color:#444444;
    font-weight:bold;
    margin-top:8px;
}
/****.yjapp_dl_top****/
.yjapp_dl_top {
    width:511px;
    float:left;
}
.yjapp_dl_top dt {
    background:url("../img/pc/ksklp_hl_001.png") no-repeat;
    text-indent:-9999em;
    overflow:hidden;
    width:511px;
    height:68px;
    margin-bottom:12px;
}
.yjapp_dl_top dd ul.yjapp_gp_top{
    float:left;
    width:246px;
    margin-right:45px;

}
.yjapp_dl_top dd ul.yjapp_as_top{
    float:left;
    width:218px;
}
.yjapp_dl_top dd li.yjapp_qr{
    float:left;
    width:92px;
    margin-right:12px;
}
.yjapp_dl_top dd li.yjapp_qr img{
    border:1px solid #979797;
}
.yjapp_dl_top dd li.yjapp_bnr .astxt_top,
.yjapp_dl_top dd li.yjapp_bnr .gptxt_top {
    font-size:75%;
    color:#444444;
    font-weight:bold;
    margin-top:8px;
}
.applink_ntc {
    width:800px;
    margin:0 auto;
    font-size:75%;
    color:#444444;
    margin-top:10px;
    margin-bottom:56px;
}
.applink_ntc li.algCtr {
    text-align:center;
}
.applink_ntc li {
    line-height:20px;
}
.applink_ntc .ntc_mg01 {
    margin-bottom:10px;
}
/*about_android*/
.about_android{
    background:url("../img/pc/ksklp_bg_001.png") top center repeat-x;
    padding:80px 0 0 0;
    height:733px;
    margin-bottom:80px;
}
.about_android h2{
    text-align:center;
    color:#444444;
    font-size:175%;
    font-weight:bold;
    padding-top:148px;
    background:url("../img/pc/ksklp_ic_001.png") top center no-repeat;
    margin-bottom:16px;
}
.about_android .ldtxt_01 {
    font-size:125%;
    text-align:center;
    color:#444444;
    margin-bottom:28px;
    font-weight:bold;
}
.about_android .app_introfig {
    width:747px;
    margin:0 auto 18px auto;
}
.about_android .ldtxt_02 {
    text-align:center;
    line-height:24px;
    font-weight:bold;
}
/*howto_android*/
.howto_android h2{
    text-align:center;
    color:#444444;
    font-size:175%;
    margin-bottom:16px;
}
.howto_android .ldtxt_01 {
    font-size:125%;
    text-align:center;
    color:#444444;
    margin-bottom:28px;
    font-weight:bold;
}
.howto_android .app_howtofig{
    width:778px;
    height:267px;
    margin:0 auto 75px auto;
    background:url("../img/pc/ksklp_fig_002.png") no-repeat;
    text-indent:-9999em;
    overflow:hidden;
}



/*design_android*/
.design_android {
    padding-bottom:80px;
}
.design_android h2{
    text-align:center;
    color:#444444;
    font-size:175%;
    margin-bottom:16px;
}
.design_android .ldtxt_01 {
    font-size:125%;
    text-align:center;
    color:#444444;
    margin-bottom:10px;
    font-weight:bold;
}
.design_android .gallerybtn {
    display:block;
    margin:0 auto 10px;
}
.design_android .annotation {
    margin-bottom:26px;
    color:#8f8f8f;
    font-weight:bold;
    text-align:center;
}
/*kskapp_gp_bottom*/
.kskapp_gp_bottom {
    padding-top:80px;
    background:url("../img/pc/ksklp_bg_002.png") top center repeat-x;
    height:343px;
    margin-bottom:12px;
}
.kskapp_gp_bottom h2{
    text-align:center;
    color:#444444;
    font-size:175%;
    margin-bottom:16px;
}
.kskapp_gp_bottom .ldtxt_01 {
    font-size:125%;
    text-align:center;
    color:#444444;
    margin-bottom:28px;
    font-weight:bold;
}
.kskapp_gp_bottom .ksk_appdl {
    width:425px;
    margin:0 auto;
}
.kskapp_gp_bottom .ksk_appdl .ksk_ic {
    float:left;
    width:97px;
    margin-right:16px;
}
.kskapp_gp_bottom .ksk_appdl .ksk_qr {
    float:left;
    width:92px;
    margin-right:16px;
}
.kskapp_gp_bottom .ksk_appdl .ksk_qr img{
    border:1px solid #979797;
}
.kskapp_gp_bottom .ksk_appdl .ksk_bnr {
    float:left;
    width:201px;
}
.kskapp_gp_bottom .ksk_appdl .ksk_bnr .gptxt_bottom{
    font-size:75%;
    color:#444444;
    text-align:right;
    font-weight:bold;
    padding:8px 0;
}
/*.about_yjapp*/
.about_yjapp {
    background:url("../img/pc/ksklp_bg_003.png") top center repeat-x;
    height:632px;
    padding-top:80px;
    margin-bottom:80px;
}
.about_yjapp h2{
    text-align:center;
    color:#444444;
    font-size:175%;
    margin-bottom:16px;
}
.about_yjapp h2{
    text-align:center;
    color:#444444;
    font-size:175%;
    font-weight:bold;
    padding-top:148px;
    background:url("../img/pc/ksklp_ic_003.png") top center no-repeat;
    margin-bottom:16px;
}
.about_yjapp .ldtxt_01 {
    font-size:125%;
    text-align:center;
    color:#444444;
    margin-bottom:28px;
    font-weight:bold;
}
.about_yjapp .app_introfig{
    width:812px;
    margin:0 auto 18px auto;

}
.about_yjapp .ldtxt_02 {
    text-align:center;
    line-height:24px;
    font-weight:bold;
}
/*.howto_android*/
.howto_yjapp {
    margin-bottom:80px;
}
.howto_yjapp h2{
    text-align:center;
    color:#444444;
    font-size:175%;
    margin-bottom:16px;
}
.howto_yjapp .ldtxt_01 {
    font-size:125%;
    text-align:center;
    color:#444444;
    margin-bottom:28px;
    font-weight:bold;
}
.howto_yjapp .app_introfig{
    width:926px;
    height:318px;
    margin:0 auto 75px auto;
    text-indent:-9999em;
    overflow:hidden;
    background:url("../img/pc/ksklp_fig_004.png") no-repeat;
    background-size:926px 318px;
}
/*.design_yjtop*/
.design_yjtop{
    padding-bottom:80px;
}
.design_yjtop h2{
    text-align:center;
    color:#444444;
    font-size:175%;
    margin-bottom:16px;
}
.design_yjtop .ldtxt_01 {
    font-size:125%;
    text-align:center;
    color:#444444;
    margin-bottom:28px;
    font-weight:bold;
}
/*.yjapp_gp_bottom*/
.yjapp_gp_bottom {
    padding-top:80px;
    background:url("../img/pc/ksklp_bg_004.png") top center repeat-x;
    height:491px;
    margin-bottom:80px;
}
.yjapp_gp_bottom h2{
    text-align:center;
    color:#444444;
    font-size:175%;
    margin-bottom:16px;
}
.yjapp_gp_bottom .ldtxt_01 {
    font-size:125%;
    text-align:center;
    color:#444444;
    margin-bottom:28px;
    font-weight:bold;
}
.yjapp_gp_bottom .yj_appdl {
    width:750px;
    margin:0 auto 20px auto;
}
.yjapp_gp_bottom .yj_appdl li {
    float:left;
}
.yjapp_gp_bottom .yj_appdl li.yjapp_qr img{
    border:1px solid #979797;
}
.yjapp_gp_bottom .yj_appdl li.yjapp_ic {
    margin-right:16px;
    width:92px;
}
.yjapp_gpbnr {
    margin-right:32px;
    width:200px;
}
.yjapp_gp_bottom .yj_appdl li.yjapp_qr {
    margin-right:16px;
    width:92px;
}
.yjapp_gp_bottom .yj_appdl li.yjapp_gpbnr .gptxt_top,
.yjapp_gp_bottom .yj_appdl li.yjapp_asbnr .astxt_top {
    font-size:75%;
    color:#444444;
    text-align:right;
    font-weight:bold;
    padding-top:8px;
    padding-bottom:8px;
}
.yjapp_gp_bottom .applink_ntc{
    width:750px;
}

.banner_cpg {
    text-align:center;
    margin-bottom:140px;
}
/*footer*/
#footer {
    color: #000000;
    background: #f7f5ed;
    font-size: 80%;
    background:url("../img/pc/ksklp_bg_005.png");
    min-width:950px;

}
#footer a{
    color:#133DC1;
}

#footerWrap {
    padding: 10px;
}

#footer .login {
    margin: 10px auto;
    text-align: center;
}

#footer .subLink {
    text-align: center;
    margin-bottom: 20px;
}

#footer .subLink li {
    display: inline;
}

#footer .subLink li:after {
    content: " - ";
}

#footer .subLink li:last-child:after {
    content: "";
}

#footer .pt1 {
    text-align: center;
    margin-bottom: 10px;
}

#footer .pt2 {
    margin: 10px auto;
    text-align: left;
    width: 900px;
    color: #000000;
}

#footer .pt2 li {
    text-indent: -1em;
    padding-left: 1em;
}

#footer .pt3 {
    text-align: center;
}

#footer .pt4 {
    font-size: 100%;
    text-align: center;
    margin-top: 5px;
}

/* ---------------------------------- *\
   #FLEX-IMAGE
\* ---------------------------------- */

.riff-FlexImage {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
  }

  .riff-FlexImage--1by1 { padding-bottom: 100%; }

  .riff-FlexImage--4by3 { padding-bottom: 75%; }

  .riff-FlexImage--16by9 { padding-bottom: 56.25%; }

  .riff-FlexImage--buzzrate { padding-bottom:157.66%; }

  .riff-FlexImage--yjtoprate { padding-bottom:175.66%; }

  .riff-FlexImage--2point414by1 { padding-bottom: 41.42502%; }

  .riff-FlexImage--noCrop .riff-FlexImage__image {
    -webkit-background-size: contain;
            background-size: contain;
  }

  .riff-FlexImage__image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    -webkit-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
  }

  .riff-FlexImage__image--img {
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    width: initial;
    height: auto;
    height: initial;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

/**riff_calousel01**/
.riff-Carousel {
    overflow: hidden;
    background-color: #fff;
    position:relative;
    padding:5px 0 20px 0;
    width: 950px;
    margin: 0 auto;
  }

  .riff-Carousel__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }

  .riff-Carousel__item {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    width: 100%;
    -moz-box-shadow: -1px 1px 20px -5px rgba(0, 0, 0, 0.31);
    -webkit-box-shadow: -1px 1px 20px -5px rgba(0, 0, 0, 0.31);
    -ms-box-shadow: -1px 1px 20px -5px rgba(0, 0, 0, 0.31);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.25);
  }

  .riff-Carousel__pagination {
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
            text-align: center;
  }

/* swiper_classes */
  .swiper-pagination-bullet {
    background-color: #444;
    border-radius: 4px;
    display: inline-block;
    height: 8px;
    width: 8px;
    margin-right: 4px;
    margin-left: 4px;
    opacity: .2
  }
  .swiper-pagination-bullet-active {
    opacity: 1;
  }


  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 55%;
    width: 27px;
    height: 33px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 33px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
  }
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
  }