/* カードレイアウト部分をラッピングし、
Flexboxを指定"space-between"で各アイテムを均等に配置し、
最初と最後のアイテムを端に寄せます。*/
#cardlayout-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 2em auto;
    max-width: 960px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

/* リンクテキストの下線を非表示 */
a.card-link {
    text-decoration: none;
}

/* カードレイアウト内の画像を幅いっぱいに表示 */
#cardlayout-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

.card-figure {
    margin: 0;
    padding: 0;
}

/* カードレイアウトのタイトル部分 */
.card-title {
    margin: 0.6em 0 0;
    color: #333;
    text-align: center;
    font-size: 1.8em;
}

/* カードレイアウトの説明文部分 */
.card-text-tax {
    margin: 0;
    padding: 1em;
    color: #818181;
}

/* カードレイアウトを1カラムで配置 */
.card-list {
    margin: 0.5em auto;  /* 0.5em auto;*/
    padding: 0;
    width: 96%;
    //background: #f0f0f0; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px) {
    .card-list {
        margin: 0.5em 0;
        width: calc(96% / 2); /* 96%幅を2で割るという指定 */
    }
}

/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 992px) {
    .card-list {
        width: calc(96% / 3); /* 96%幅を3で割るという指定 */
}
    
/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
    #cardlayout-wrap::after{
        content: "";
        display: block;
        width: calc(96% / 3);
    }
}





.titleStyle-level2{
    border-bottom:#999999 1px solid ;
    margin-bottom:31px;
    font-size: 26px;
}
.s-block{
    border-bottom:#333333 dotted 1px;
    padding-bottom:10px;
    margin-bottom:30px;
    position:relative;
}
.s-block-item{
    position:relative;
    display: block;
border:#ddd;
    padding:10px 0;
    padding-right:30px;
    padding-left:30px;
    background:white url(../images/common/icon_ar_right_big.png) no-repeat 97% 80%;
border-radius: 10px;
    box-shadow:rgba(113, 135, 164, 0.35098) 0px 0px 3px 1px;
    -pie-box-shadow:rgba(113, 135, 164, 0.35098) 0px 0px 3px 1px;
    -pie-border-radius: 10px;
    width:319px;
    color:#373737;
    font-size:13px;
    text-decoration:none;
}
.s-block-item:hover{
text-decoration: none;
}
.s-block-item-title{
font-size: 18px;
    display:block;
}
.s-block-image{
float:left;
}

.s-block dl{
    padding:10px 0;
float:right;
    width:829px;
}
#portal dl{
padding:30px 0;
}
#portal dt{
display:none;
}
.s-block dl dt{
    font-size:24px;
    margin-bottom:10px;
}
#portal dd .s-block-item{
background-image:none;
    width:183px;
    padding:15px 0;
    height:54px;
    padding-right:0;
    padding-left:0;
    text-align:center;
}
.s-block-btn-parent ul li{
float:left;
    margin-right:24px;
    margin-bottom:21px;
}
.no-border{
border-bottom:none;
}
.s-block2 dl{
float:none;
    width:100%;
}
.s-block-btn-parent2 ul li{
float:left;
    margin-right:5%;
    margin-bottom:21px;
    border:none;
    width:45%;
}

.s-block-btn-parent2 ul li a{
    color:#333333;
    text-decoration:none;
    display:block;
}
.s-block-btn-parent2 ul li .appstore{
margin-top:10px;
}
.s-block-btn-parent2 ul li .s-block-item-title{
font-size:24px;
    padding-bottom:10px;
}
.sp-image{
float:left;
padding-right:50px;}