@charset "utf-8";

/*image画像含むラジオボタンのCSS*/

.ans_area {
    padding-right: 90px;
    padding-bottom: 40px;
    width: 75%;
    box-sizing: border-box;
}

.tempEx2{
    height: 133px;
    width: 88px;
}

.typeCss3{
    display: inline-block;
    background: #ffffff;
    border-radius: 7px;
    width: 88px;
    height: 133px;
    margin: 7px;
}

/*カーソルのタイプ*/
.typeCss3{
    cursor: pointer;
}

ul.typeCss3 li label{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
}

/*ラジオボタンのサイズ*/
ul.typeCss3 li input{
    transform: scale(1.5);
}

img.app_Image{
    position: absolute;
    width: 100%;
    height: auto;
    top: -8px;
    right: 0px
}

.app_preview{
    position: relative;
    width: 100%;
    height: 460px;
    margin: 30px 0;
    padding: 15px;
}

.flyer_preview{
    position: relative;
    width: 100%;
    height: 343px;
    padding: 15px;
}

.slide_area{
    position: absolute;
    left: 25%;
    bottom: 0;
}

.pageCharacter{
    display: inline-block;
    color: #5e7fea;
    width: 55px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.indexBtn{
    display: inline-block;
    color: #7b7b7b;
    background-color: #ffffff;
    width: 28px;
    font-size: 18px;
    text-align: center;
    border: 1px dotted #8e8e8e;
    cursor: pointer;
}

.slide_area input[type="radio"]:checked + label {
    color: #ffffff;
    background-color: #00BCD4;
}