@charset "utf-8";
/* all */
.clearfix{
    content:"";
    display:block;
    clear:both;
    overflow:hidden;
}
p{
    font-size: 14px;
}
a{
    text-decoration: none;
}
#slide2{display: none;}
/*headercss */
#container{
    min-width: 1200px;
    position: relative;
}
#SNS{
    position: absolute;
    top: -20px;
    right: 15%;
    z-index: 1;
    list-style-type: none;
}
#SNS li{
    display: inline-block;
}
body{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Helvetica,Verdana,Arial,sans-serif;
}
header{
    width: 80%;
    margin: 0 auto;
    min-width: 750px;
    background-color: rgba(255,255,255,0.5);
    z-index: 3;
}
h1{
    float: left;
    width: 10%;
    margin: 13px 0 0 0%;
    height: 70px;
    min-width:240px;
}
h1 img{
    width: 240px;
}
nav{
    float: left;
    width:100%;
    min-width: 750px;
    position: relative;
}
.Language{
    position: absolute;
    top: 11px;
    right: 0;
    margin: 0;
}
.Language li{
    display: inline-block;
    font-size: 13px;
}
.Language li a{
    color: rgba(55,55,55,1);
}
.Language li:first-of-type:after{
    content: "|";
    margin-left: 5px;
    color: rgba(46,46,46,0.6);
}
.nav_menu{
    float: right;
    list-style-type:none;
    width: 50%;
    padding-left: 0;
    margin-top: 35px;
    min-width: 500px;
}
.nav_menu li{
    float: right;
    width: 13%;
    min-width: 120px;
}
.nav_menu li a:hover{
    color: rgba(241,143,41,1);
    transition-duration: 0.5s;
}
.nav_menu li a{
    display: block;
    text-decoration: none;
    color: rgba(82,82,82,1);
    height: 30px;
    width: 100%;
    padding-left: 0%;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    transition-duration: 0.5s;
}
.nav_menu li a span{
    font-weight: normal;
    font-size: 10px;
    display: block;
    margin-top: -4px;
}
/* footer    */
footer{
    width: 100%;
    min-width: 500px;
    background-color: rgba(0,0,0,0.05);
    overflow: hidden;
}
footer ul{
    width: 50%;
    margin:0 auto;
    margin-top: 20px;
    list-style-type:none;
    min-width: 640px;
    padding-left: 0;
}
footer li{
    float:left;
    width: 33%;
    font-size: 16px;
    font-weight: bold;
    min-width: 210px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
footer li:nth-child(n+2){
    border-left: solid 1px rgba(0,0,0,0.5);
    box-sizing:border-box;
}
footer img{
    margin:20px auto 20px;
    width: 240px;
}
footer a{
    display: block;
    overflow: hidden;
    min-width: 240px;
    width: 0%;
    margin:0 auto;
}
footer li a{
    color: rgba(55,55,55,1);
    text-decoration: none;
}
footer p{
    width: 50%;
    margin:20px auto 30px auto;
    text-align: center;
    color: #686868;
}
/* pankuzu */
.pankuzu{
    margin:0;
    margin-left: 11%;
    width: 30%;
    min-width: 200px;
    list-style-type: none;
    font-size: 13px;
}
.pankuzu li{
    display: inline;
    margin-left: 2%;
}
.pankuzu a{
    text-decoration: none;
    color: rgba(55,55,55,1);
}
/*    top */
#main {
    margin: 0 auto;
    margin-top: 0px;
    width:100%;
}
#C_up{
    width:100%;
    border-top:solid 20px rgba(0,0,0,0.8);
}
#C_down{
    width:100%;
}
#main .box_C{
    width:33.3%;
    float:left;
    background-color: #FFFFFF;
    position: relative;
}
#main .box_C img{
    position: relative;
    width:65%;
    margin:0 auto;
    display: block;
    z-index: 1;
}
.p_t_1{
    position: absolute;
    bottom:0;
    width:100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
    background-color: rgba(0,0,0,0.8);
    height:20px;
    z-index: 2;
    text-indent:0%;
    overflow:hidden;
    transition-duration: 0.5s;
}
.p_t_1 a{
    text-decoration: none;
    display: block;
    height:100%;
    color:#FFFFFF;
}
.p_t_1:hover{
    position: absolute;
    bottom:0;
    height:130px;
    margin-top: 0px;
    padding-top: 5px;
    z-index: 2;
    text-indent:0%;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
}
#sec_5{
    margin-top: 0px;
}
.ma_p_1{
    margin-top: 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 20px;
}
.ma_p_2{
    margin-top: 10px;
}
#news{
    width: 100%;
    margin-top: -2px;
    overflow: hidden;
}
#news .N_h2{
    font-style: normal;
    font-size: 22px;
}
#news .N_h2+p{
    margin-top: -6px;
}
#mask{
    width: 100%;
}
#s_ne{
    width: 75%;
    margin:0 auto;
    color: rgba(82,82,82,1);
    overflow: hidden;
}
#news #s_ne{
    margin-bottom: 20px;
    padding-bottom: 15px;
}
#s_ne dl{
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
}
#s_ne dt{
    float: left;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    background-color: rgba(55,55,55,1);
    width: 120px;
    padding: 2px 5px;
    text-align: center;
    box-sizing: border-box;
}
#s_ne dd{
    float: left;
    width: 75%;
    margin-left: 2%;
}

#s_ne dt,#s_ne dd{
    margin-bottom: 5px;
}
#s_ne p{
    margin:0;
}
#s_ne dl+p{
    text-align: right;
    padding-right: 7%;
}
#s_ne dl+p a{
    color: rgba(55,55,55,1);
    padding: 1px 5px;
    border: solid 1px rgba(55,55,55,1);
    border-radius: 2px;
    transition-duration: 0.5s;
}
#s_ne dl+p a:hover{
    color: rgba(241,143,41,1);
    transition-duration: 0.5s;
    border: solid 1px rgba(241,143,41,1);
}
.N_h2{
    font-size: 33px;
    font-style: italic;
    margin-bottom: 0px;
    color: rgba(55,55,55,1);
}
.N_h2+p{
    margin:0;
}
/* about izak */
.p_Maruti{
    margin-top: 40px;
}
.ab_content{
    width: 80%;
    margin:0 auto;
    min-width: 900px;
    margin-bottom: 50px;
}
#kaisay_h{
    min-width: 930px;
    overflow: hidden;
    padding-bottom: 25px;
}
.ab_C_1{
    text-align: center;
}
.ab_C_1 .N_h2,
.ab_C_1 .N_h2_3,
.ab_sec3 .N_h2,
.ab_sec3 .N_h2_3{
    text-align: left;
    padding-left: 8%;
}
.ab_C_2{
    background-color: #eaeaea;
}
.ab_C_4 .ab4dl{
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}
.ab_C_4 .ab4dl dt{
    margin: 20px auto 15px;
}
.ab_C_4 .ab4dl dd{
    margin-left: 0;
    width: 35%;
    float: left;
    text-align: left;
    padding-left: 15%;
    font-size: 14px;
    margin: 2px auto;
}
.ab_C_4 .ab4dl dd:nth-of-type(2n){
    padding-left: 5%;
}
.ab_C_4 .ab4dl2{
    width: 80%;
    margin: 50px auto;
    overflow: hidden;
}
.ab_C_4 .ab4dl2 p,.ab_C_4 .ab4dl2 ul{
    margin-left: 0;
    width: 45%;
    float: left;
}
.ab_C_4 .ab4dl2 p{
    text-align: right;
    padding-right: 5%;
}
.ab_C_4 .ab4dl2 ul{
    list-style-type: none;
    text-align: left;
    padding-left: 5%;
}
.ab_C_4{
    padding: 10px 0 30px;
}
.ab_C_4 h2{
    margin-top: 0px;
}
#PS_left{
    width: 40%;
    float: left;
    margin-right: 8%;
    padding-left: 7%;
    min-width: 400px;
    margin-top: 72px;
}
#PS_left h3{
    font-size: 24px;
}
.PS_right{
    text-align:left;
    line-height:250%;
}
.em {
    margin-right: 4%;
    text-align:right;
}
#MP_left_img{
    width: 40%;
    float: left;
    margin-right: 2%;
    padding-left: 5%;
    min-width: 400px;
}
#MP_left_img ul{
    width: 100%;
}
#MP_left_img li{
    display: inline;
}
.MP_img{
    border-radius: 100px;
    width: 35%;
    min-width: 180px;
    height: 180px;
    border: solid 1px #FFFFFF;
}
.ab_2_sec2{
    width:46%;
    float: left;
    min-width: 220px;
    padding-left: 2%;
    margin-bottom: 50px;
}
.ab_2_sec2 dd{
    margin-bottom: 25px;
}
.ab_2_sec2 dt{
    margin-bottom: 25px;
}
.ab_C_3{
    margin: 20px 0 10px 8%;
    width: 65%;
}
.ab_C_3 dt{
    float: left;
    margin-right: 3%;
    font-weight: bold;
    width: 17%;
}
.ab_C_3 dd{
    float: left;
    margin-right: 3%;
    width: 77%;
    margin-left: 0;
}
.ab_C_3 dt,.ab_C_3 dd{
    margin-bottom: 10px;
}
.ab_sec3{
    width: 80%;
    margin:0 auto;
}
.as_2_h2{
    width: 45%;
    float: left;
    padding-left: 2%;
}
#as{
    height: 70px;
}
#as2{
    height: 48px;
}
.N_h2_3{
    width: 100%;
    text-align: center;
}
#google_map{
    float: left;
    margin-left: 2%;
    margin-top: 20px;
    border:0;
}
/* service */
#service_main_h2{
    text-align: center;
    margin-bottom: 20px;
}
#service_main_h2 h4{
    font-size:24px;
}

.service_corp{
    width: 80%;
    min-width: 1000px;
    margin:0 auto;
}
.service_corp h3{
    font-size: 14px;
    padding-left: 10px;
}
.service_corp>section>p{
    width: 100%;
    margin:5px 0 20px;
    padding:0 0 0 2%;
}
.S_con_d{
    margin-bottom: 40px;
}
.S_con_d ul{
    border: 1px solid rgba(55,55,55,1);
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 0;
    width: 90%;
    list-style-type: none;
}
.S_con_d ul li{
    background-color: rgba(55,55,55,1);
    float: left;
    text-align: center;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    width: 33.333%;
}
.S_con_d ul li a{
    color: #ffffff;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 16px;
}
.S_con_d #izakWEB li:first-of-type,
.S_con_d #izakGAME li:nth-of-type(2),
.S_con_d #izakMARKETING li:last-of-type{
    background-color: #ffffff;
}
.S_con_d #izakWEB li:first-of-type a,
.S_con_d #izakGAME li:nth-of-type(2) a,
.S_con_d #izakMARKETING li:last-of-type a{
    color: rgba(55,55,55,1);
}
.S_con_d ul li:first-of-type{
    border-radius: 4px 0 0 4px;
}
.S_con_d ul li:nth-of-type(2){
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    box-sizing: border-box;
}
.S_con_d ul li::last-of-type{
    border-radius: 0 4px 4px 0;
}
#izakWEB li:nth-of-type(2):hover,
#izakWEB li:last-of-type:hover,
#izakGAME li:first-of-type:hover,
#izakGAME li:last-of-type:hover,
#izakMARKETING li:first-of-type:hover,
#izakMARKETING li:nth-of-type(2):hover{
    opacity: 0.8;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
}
/* izakWEB */
.izakWEB{
    width: 90%;
    margin: 0 auto;
}
.izakWEB>h3{
    border-left: 10px solid rgba(55,55,55,1);
    box-sizing: border-box;
    color: rgba(55,55,55,1);
    margin-bottom: 5px;
    padding-left: 10px;
    font-size: 23px;
}
.izakWEB section h4{
    text-align: center;
    margin-bottom: 0;
}
.izakWEB section h5{
    margin: 5px 0 10px;
}
.izakWEB section:first-of-type{
    overflow: hidden;
}
.izakWEB>section:first-of-type{
    width: 98%;
    margin: 0 auto;
}
.izakWEB section section{
    width: 98%;
    margin: 0 auto 10px;
    border-bottom: solid 1px rgba(0,0,0,0.5);
    padding-bottom: 5px;
}
.izakWEB section:first-of-type dl{
    width: 80%;
    margin: 10px auto;
    overflow: hidden;
}
.izakWEB section:first-of-type dl dt{
    margin-bottom: 10px;
}
.izakWEB section:first-of-type dl dd{
    margin: 0;
}
.izakWEB section:first-of-type dl dd:first-of-type{
    width: 20%;
    float: left;
}
.izakWEB section:first-of-type dl dd:nth-of-type(2),
.izakWEB section:first-of-type dl dd:last-of-type{
    width: 75%;
    float: right;
}
.izakWEB section:first-of-type dl dd img{
    width: 100%;
    max-width: 150px;
}
.izakWEB section:first-of-type dl dd:last-of-type a{
    float: right;
    color: rgba(55,55,55,1);
    border: solid 1px rgba(55,55,55,1);
    border-radius: 4px;
    padding: 3px 7px;
    margin-top: 10px;
}
.izakWEB> section+p:last-of-type{
    text-align: center;
    margin: 30px auto;
    padding: 7px 0;
    border-radius: 4px;
    font-weight: bold;
    font-size: 17px;
    background-color: #F2F2F2;
    width: 80%;
}
.izakWEB>dl dt{
    text-align: center;
}
.izakWEB>dl dd{
    width: 40%;
    margin: 10px auto;
}
.izakWEB>dl dd a{
    display: block;
    width: 100%;
    background-color: rgba(55,55,55,1);
    color: #FFFFFF;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;
}
.izakWEB section>h5+p{
    padding-left: 2%;
}
.izakWEB section>h5{
    font-size: 16px;
}

.izakWEB section>h5:first-letter{
    font-size: 24px;
    color: rgba(55,55,55,1);
}

/* news */
.news_sec{
    width: 80%;
    margin: 0 auto 40px;
    min-width: 540px;
    overflow: hidden;
}
.news_sec h2,.news_sec p{
    text-align: center;
}
.news_sec dl{
    width: 100%;
    overflow: hidden;
}
.news_sec dt{
    width: 20%;
    font-weight: bold;
    margin-left: 10%;
    text-align: center;
    float:left;
}
#back_a, #next_a{
    text-align: left;
    background-color: rgba(0, 0, 0, 0.01);
    border: 1px solid rgba(0, 0, 0, 0.03);
    margin-right: 1%;
    margin-left: 1%;
    box-sizing: border-box;
    transition-duration: 0.5s;
    padding: 10px 30px;
    text-decoration: none;
}
#back_a:hover, #next_a:hover{
    transition-duration: 0.5s;
    background-color: rgba(0,0,0,0.08);
}
.news_sec ul{
    text-decoration: none;
    text-align: center;
    width: 100%;
    padding-left: 0;
}
.news_sec li{
    display: inline;
}
.news_sec dd{
    width: 50%;
    float: left;
    margin-left: 0;
}
.news_sec dt,.news_sec dd{
    margin-top: 10px;
    height: 30px;
    padding-bottom: 5px;
    border-bottom: dotted 1px rgba(0,0,0,0.5);
}
/* recruit */
.recruit_dl dt{
    float: left;
    width: 130px;
    margin-right: 4%;
}
.recruit_dl dt,.recruit_dl dd{
    margin-bottom: 10px;
    margin-left: 3%;
}
.recruit_content{
    width: 70%;
    margin:0 auto;
    min-width: 570px;
}
#WGD_k{
    height: 120px;
}
#WGD_k+dd ul{
    list-style-type:none;
}
#WGD_S{
    height: 50px;
}
#WGD_S+dd ul{
    list-style-type:none;
}
.recruit_content section{
    margin-bottom: 30px;
}
.recruit_content section h3{
    margin-bottom: 30px;
}
/*
.recruit_content section h3:first-letter{
    font-size: 30px;
    color: rgba(55,55,55,1);
}
*/
.recruit_content >h2,.recruit_content h2+p{
    text-align: center;
}
.recruit_content h2+p{
    margin-bottom: 50px;
}
#R_challenge{
    position: relative;
    padding:1%;
    min-width: 515px;
    background-color: rgba(0,0,0,0.05);
    border-radius: 10px;
    padding-bottom: 40px;
    overflow: hidden;
}
#R_challenge p{
    margin:0 auto;
    width: 90%;
}
#R_challenge a{
    position: absolute;
    bottom:5px;
    right: 5%;
    color: rgba(55,55,55,1);;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}
#R_challenge_h3{
    margin-top: 0px;
    margin-bottom: 0px;
}
.kyu{
    height: 45px;
}
/* contact */
#contact_sec{
    width: 70%;
    min-width: 570px;
    margin: 0 auto;
}
#contact_sec h2,#contact_sec p{
    text-align: center;
}
.contact_sec_dt{
    margin-top: 30px;
    width: 30%;
    float: left;
    border-bottom:solid 2px ;
    height: 27px;
    box-sizing:border-box;
}
.contact_sec_dd{
    margin-top: 30px;
    margin-left: 0;
    width: 70%;
    float: left;
    height: 27px;
    border-bottom:solid 2px ;
    box-sizing:border-box;
}
input{
    width: 100%;
    padding:0;
    border: none;
}
.contact_sec_dd .type_radio{
    width: 8%;
}
#contact_sec select{
    background:url(../image/s_try.png) no-repeat 100% 6px;
    width: 100%;
    font-size: 14px;
    border: none;
    height: 25px;
}
#contact_sec .divide_three{
    width: 30%;
}
#pl_dd{
    margin-top: 30px;
    margin-bottom: 1px;
}
textarea{
    margin-top: 30px;
    width: 100%;
    height: 140px;
    border: none;
    border-bottom:solid 3px ;
    box-sizing:border-box;
}
#contact_sec ul{
    list-style-type:none;
    width: 100%;
    padding: 0;
}
#contact_sec ul li{
    width: 50%;
    margin: 0;
    float: left;
    margin-bottom: 20px;
}
#contact_sec ul input{
    border:none;
    height: 50px;
    background-color: rgba(0,0,0,0.01);
    transition-duration: 0.5s;
    border: solid 1px rgba(0,0,0,0.03);
    box-sizing:border-box;
}
#contact_sec ul input:hover{
    border:none;
    transition-duration: 0.5s;
    background-color: rgba(0,0,0,0.08);
}
/* p_mark */
.p_mark{
    width: 75%;
    margin:20px auto;
}
.p_mark h2,#p_M_p{
    text-align: center;
}
.p_M_p2{
    margin-top: 20px;
    background-color: rgba(0,0,0,0.08);
    padding: 5px 10px 0;
    overflow: hidden;
}
.p_M_p2 dl{
    float: left;
    width: 50%;
    margin-top: 50px;
}

#P_h2{
    color: #000000;
}
.p_mark img{
    width:15%;
    display: block;
    margin: 25px auto;
    float: right;
}
.p_mark dd,.p_mark dt{
    text-align: left;
    margin: 5px 0 5px 0;
    font-size: 14px;
}
#contact_thanks{
    width: 70%;
    min-width: 570px;
    margin: 0 auto;
}
#contact_thanks h2,#thank{
    text-align: center;
}
#thank{
    margin-bottom: 40px;
}
#toi{
    font-size: 20px;
}
.thankul{
    overflow: hidden;
    margin-bottom: 40px;
}
.thankul li{
    font-size: 12px;
}
#C_error{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #DB2828;
}
/* error page */
#main_content{
    min-width: 750px;
}
#main_inner{
    margin: 0 auto;
    margin-top: 0px;
    width:80%;
}
.error_h1{
    width: 100%;
    margin-bottom: 30px;
}
/* 20150525 */
body{
    min-width: 700px;
}
#slide2list ul li{
    position:relative;
}
.big_banner {
    color:white;
    width:100%;
}
.big_banner h2 {
    position:absolute;
    width:100%;
    top:30%;
    left:4%;
    margin:0;
    padding:0;
    font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight:bolder;
    display: none;
}
.big_banner a{
    color:#FFFFFF;
}
.bugger_slogan {
    font-size: 50px;
    text-transform:uppercase;
}
.big_banner span {
    position:absolute;
    top:45%;
    left:4%;
    display: none;
}
.big_banner .fc_span {
    position:absolute;
    top: 47%;
    left:4%;
    color: #262626;
    font-weight: bolder;
}

.big_banner span p {
    margin:0;
    padding:0;
    font-size:13px;
}
p{
    -webkit-margin-before:0;
    -webkit-margin-after:0;
}
#slide2list #quick{
    width: 100px;
    height: 50px;
    min-width: 140px;
    min-height: 50px;
}
#slide2list #fc{
    width: 300px;
    height: 57px;
    min-width: 300px;
    min-height: 57px;
}

/* member */
#USERLIST+.izakMember .AllSeach{
    display: none;
}#USERLIST
#STATISTICS+.izakMember .AllSeach,
.Memberlist+.izakMember .AllSeach{
    display: block;
}
.Memberlist{
    width: 45%;
    margin-left: 11%;
    float: left;
    margin-bottom: 30px;
}
.Memberlist h2,.Memberlist h2+p,
.Memberlist h2+p+ul{
    text-align: center;
}
.Memberlist ul{
    list-style-type: none;
    width: 75%;
    margin: 0 auto 30px;
    overflow: hidden;
    padding-left: 0;
    border-radius: 5px;
    border: solid 2px rgba(55,55,55,1);
    box-sizing:border-box;
}
.Memberlist ul li{
    width: 50%;
    float: left;
}
.Memberlist ul li a{
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    transition-duration: 0.5s;
}
.Memberlist ul li:last-child a:hover,
.Memberlist ul li:nth-child(2) a:hover,
#USERLIST ul li:last-child a:hover{
    background-color: #60d8fb;
    overflow: hidden;
}
.Memberlist ul li:first-child a{
    background-color: #FFFFFF;
    color: rgba(55,55,55,1);
}
.Memberlist ul li:nth-child(2) a{
    background-color: rgba(55,55,55,1);
    color: #FFFFFF;
}
.Memberlist ul li:last-child a{
    background-color: rgba(55,55,55,1);
    color: #FFFFFF;
}
#USERLIST ul li:first-child a{
}
#USERLIST ul li:nth-child(2) a{
    background-color: #FFFFFF;
    color: rgba(55,55,55,1);
}
#USERLIST ul li:last-child a{
    background-color: rgba(55,55,55,1);
    color: #FFFFFF;
}
#STATISTICS ul li:first-child a{
    background-color: rgba(55,55,55,1);
    color: #FFFFFF;
}
#STATISTICS ul li:last-child a{
    background-color: #FFFFFF;
    color: rgba(55,55,55,1);
}
#STATISTICS ul li:first-child a:hover{
    background-color: #60d8fb;
    overflow: hidden;
}
.Memberlist .ShareRanking .SRContent{
    overflow: hidden;
    padding: 10px 0 10px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    transition-duration: 0.5s;
}
.Memberlist .ShareRanking .SRContent:hover{
    background-color: rgba(0,0,0,0.03);
    transition-duration: 0.5s;
}
.Memberlist .ShareRanking .SRContent:last-child{
    border-bottom: none;
}
.SRW{
}
.SRB{
}
.SRContent a{
    color: #000000;
    overflow: hidden;
    display: block;
}
.SRContent .Rank{
    min-width: 85px;
    width: 25%;
    float: left;
    position: relative;
    margin-top: 5px;
}
#USERLIST .SRContent .Rank{
    padding-left: 10px;
    display: none;
}
.SRContent .Rank img{
    width: 70%;
    float: left;
    margin-top: 10px;
}
.SRContent .Rank p{
    position: absolute;
    bottom: -5px;
    right: 10px;
    margin-bottom: 0px;
}
#USERLIST .SRContent .Rank p{
    position: static;
    margin: 0;
}
#USERLIST .SRContent section{
    margin-left: 11%;
}
#USERLIST .SRContent .CharaIcon{
    margin-left: 8%;
}
.SRContent section{
    height: 70px;
    width: 37%;
    margin-left: 3%;
    margin-top: 2%;
    float: left;
}
.SRContent section p{
    font-size: 12px;
}
.SRContent section h3{
    margin: 0;
    font-size: 17px;
}
.SRContent .CharaIcon{
    width: 23%;
    border-radius: 100px;
    margin-left: 1%;
}
.SRContent .ArrowIcon{
    position: absolute;
    top: 35%;
    right: 3%;
    width: 20px;
    height: 50px;
}
.try::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent rgba(55,55,55,1);
    border-image: none;
    border-style: solid;
    border-width: 20px;
    content: "";
    position: absolute;
    right: 48%;
    top: -42px;
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}
/* MemberDetail */
.MemberDetail{
    width: 100%;
    margin: 0 auto;
}
.MemberDetail section:first-child{
}
.MemberDetail .YourName{
    position: relative;
    width: 100%;
}
.MemberDetail .YourName div{
    position: absolute;
    background: #10c0c7 none repeat scroll 0 0;
    font-size: 1rem;
    height: 98%;
    opacity: 0.83;
    padding: 1px 5px;
    position: absolute;
    vertical-align: middle;
    width: 250px;
}
.MemberDetail .YourName img{
    width: 100%;
}
.MemberDetail .YourName h3,
.MemberDetail .YourName p{
    color: #FFFFFF;
}
.MemberDetail .YourName h3{
    font-size: 50px;
}
.MemberDetail .YourName p{
    font-size: 25px;
}
.MemberDetail section h3{
    margin: 0;
    font-size: 20px;
}
.MemberDetail section p{
    font-size: 14px;
    margin: 0;
}
.MemberDetail section h3+p{
    margin-bottom: 20px;
}
.MemberDetail .MemberComments .N_h2,
.MemberDetail .MemberComments .N_h2+p{
    text-align: center;
}
.try {
    position: relative;
    border: solid 5px rgba(55,55,55,1);
    box-sizing:border-box;
    margin: -50px auto 20px;
    width: 70%;
    background-color: #FFFFFF;
    min-height:80px;
    padding: 2%;
    border-radius: 15px;
}
.MemberDetail .try p{
    font-weight: bold;
    margin: 0;
    font-size: 16px;
    word-wrap: break-word;
    text-align: center;
}
.MemberComments div .StarImg{
    bottom: 0;
    left: 24%;
    position: absolute;
}
.DetailContent{
    float: left;
    width: 45%;
    margin-left: 11%;
}
.DetailPro h2,.DetailPro p{
    text-align: center;
}

.DetailPro dl{
    width: 90%;
    margin: 15px auto;
    border-top: solid 1px rgba(0,0,0,0.3);
}

.DetailPro dl dt,.DetailPro dl dd{
    display: inline-block;
    padding: 6px 0;
    margin: 0;
    border-bottom: solid 1px rgba(0,0,0,0.3);
}
.DetailPro dl dt:first-child, .DetailPro dl dd:nth-child(2){
}
.DetailPro dl dt{
    width: 30%;
}
.DetailPro dl dd{
    width: 70%;
    font-weight: bold;
}
.MemberComments>div{
    margin: 15px 0;
    position: relative;
}
.MemberComments>div>div>p{
    word-wrap: break-word;
}
.MemberComments div img{
    border-radius: 100px;
    width: 20%;
    float: left;
    margin-left: 3%;
}
.MemberComments div .trys{
    position: relative;
    width: 65%;
    float: left;
    background-color: #f0f0f0;
    padding: 10px;
    padding-left: 5%;
    margin-left: 5%;
    border-radius: 5px;
    margin-top: 15px;
    box-sizing:border-box;
}
.MemberComments div .trys::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #f0f0f0;
    border-image: none;
    border-style: solid;
    border-width: 20px;
    content: "";
    position: absolute;
    left: -30px;
    top: 0px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.MemberComments div div+p{
    width: 65%;
    float: right;
    text-align: right;
    margin-right: 10%;
    margin-top: 2px;
}
.MemberThis{
    background-color: #f0f0f0;
    overflow: hidden;
}
.MemberDetail .MemberThis h3{
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    color: #000000;
}
.MemberDetail .MemberThis dl{
    margin: 0 auto;
    width: 80%;
}
.MemberDetail .MemberThis dl dt{
    width: 83%;
    margin: 0 auto 0px;
    background-color: #FFFFFF;
    padding: 1% 1% 1% 2%;
    font-weight: bold;
    position: relative;
    border-radius: 5px;
    font-size: 18px;
}
.MemberDetail .MemberThis dl dt span{
    color: rgba(55,55,55,1);
    font-size: 30px;
    margin-right: 2%;
}
.MemberDetail .MemberThis dl .trys::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 30px;
    content: "";
    position: absolute;
    left: 45%;
    bottom: -50px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.MemberDetail .MemberThis dl dd{
    width: 80%;
    margin: 0 auto 10px;
    padding: 2% 2% 2% 0%;
    font-size: 14px;
    overflow: hidden;
    font-size: 18px;
}
.MemberDetail .MemberThis dl dd span:first-child{
    color: rgba(55,55,55,1);
    font-size: 30px;
    margin-right: 2%;
    float: left;
    float: left;
}
.MemberDetail .MemberThis dl dd>span:last-child{
    float: left;
    width: 85%;
    float: left;
    margin-top: 8px;
}
.MemberWork{
    position: relative;
    overflow: hidden;
    padding-bottom: 25px;
    width: 80%;
    margin: 0 auto;
}
.MemberWork .CharaIcon{
    border-radius: 50px;
    width: 7%;
    float: left;
    margin: 15px 0 0 5%;
}
.MemberDetail .MemberWork h3{
    margin-top: 20px;
    font-size: 18px;
}
.MemberDetail .MemberWork h3,
.MemberDetail .MemberWork > p{
    margin-left: 3%;
    width: 50%;
    float: left;
}
.MemberDetail .MemberWork h3{
    font-size: 20px;
}
.MemberDetail .MemberWork > p{
    font-size: 14px;
}
.MemberWork ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.MemberWork .AsideCase{
    background-color: #f0f0f0;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 15px;
    right: 10%;
    border-radius: 100px;
    overflow-x: hidden;
}
.MemberWork .AsideCase ul li{
    text-align: center;
    font-size: 12px;
}
.MemberWork .AsideCase ul{
    line-height: 22px;
    margin-top: 13px;
}
.MemberWork .AsideCase ul li:nth-child(2){
    font-size: 30px;
    font-weight: bold;
    color: rgba(55,55,55,1);
}
.MemberWork .AllWorks{
    width: 80%;
    margin: 0 auto;
    padding-top: 20px;
    overflow: hidden;
}
.MyWork{
    padding-top: 20px;
    width: 33%;
    float: left;
}
.MyWork a{
    overflow: hidden;
    display: block;
    color: #000000;
    padding: 7px;
    border-radius: 4px;
    transition-duration: 0.5s;
}
.MyWork a:hover{
    background-color: #F0F0F0;
    opacity: 0.7;
    transition-duration: 0.5s;
}
.MyWork img{
    width: 25%;
    float: left;
    margin-left: 3%;
}
.MyWork section{
    width: 70%;
    float: left;
}
.MyWork section h4{
    margin: 0;
    margin-left: 3%;
}
.MyWork section p{
    width: 90%;
    margin-left: 3%;
}
.SNS{
    text-align: right;
    width: 80%;
    margin: 0 auto;
}
.SNS ul{
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    width: 90%;
    overflow: hidden;
}
.SNS ul li{
    display: inline-block;
    overflow: hidden;
    height: 60px !important;
}
.SNS ul li iframe{
    height: 60px !important;
}
.parent-block > *{
    vertical-align: bottom;
}
.fb_iframe_widget > span {
    vertical-align: baseline !important;
}
.izakMember{
    background: rgba(55,55,55,1);
    overflow: hidden;
    float:left;
    width: 20%;
    margin-left: 4%;
    margin-top: 45px;
    margin-bottom: 30px;
    padding: 5px 0 15px;
    border-radius: 4px;
}
.izakMember h4{
    text-align: center;
    margin: 6px auto;
    color: #FFFFFF;
    padding: 10px 0;
    width: 90%;
    border-bottom: 1px solid #FFFFFF;
}
.izakMember ul{
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}
.izakMember ul li{
    width: 33%;
    float: left;
    margin: 10px 0;
}
.izakMember ul li img{
    width: 80%;
    margin: 0 auto;
    display: block;
    border-radius: 100px;
}
.izakMember p a{
    display: block;
    text-align: center;
    width: 75%;
    margin: 10px auto 15px;
    background-color: #f67bac;
    color: #FFFFFF;
    padding: 6px 0;
    border-radius: 50px;
    font-size: 14px;
    transition-duration: 0.5s;
}
.izakMember p a:hover{
    background-color: #fe87b7;
    transition-duration: 0.5s;
}
/* statistics */
.chartGraph{
    overflow: hidden;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    margin: 5px 0;
    padding-bottom: 15px;
}
.chartGraph canvas{
    height: auto !important;
    width: 40% !important;
    display: block;
    float: left;
}
.chartGraph canvas+div{
    width: 50%;
    float:left;
    margin-left: 5%;
}
.chartGraph h3{
    margin: 10px 0 5px;
}
.chartGraph h3 span{
    color: rgba(55,55,55,1);
    font-size: 30px;
    margin-right: 2%;
}
.chartGraph ul{
    list-style-type: none;
    padding: 0;
    width: 90%;
    margin: 25px auto 0;
    border: none;
}
.chartGraph ul li{
    margin: 5px 0;
    position: relative;
    padding-left: 15%;
    width: 100%;
}
.chartGraph ul li span{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    border-radius: 0px;
}
.chartGraph+p>a{
    display: block;
    text-align: center;
    width: 45%;
    margin: 10px auto 15px;
    background-color: #f67bac;
    color: #FFFFFF;
    padding: 6px 0;
    border-radius: 50px;
}
.Previous{
    width: 40%;
    margin: 0 auto;
    overflow: hidden;
}
.Previous p{
    width: 50%;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.Previous p a{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #000000;
    text-align: center;
    transition-duration: 0.2s;
    border-radius: 4px;
}
.Previous p a:hover{
    background-color: #60D8FB;
    color: #FFFFFF;
    transition-duration: 0.2s;
}
.MemberDetail .TopName{
    background-color: rgba(55,55,55,1);
    color: #FFFFFF;
    overflow: hidden;
    position: relative;
    padding: 5px 0;
}
.MemberDetail .TopName>p:first-of-type{
    position: absolute;
    top: 10px;
    right: 3%;
    margin: 0;
    font-size: 18px;
}
.MemberDetail .TopName div:first-of-type{
    margin: 0px 0 0 5%;
    width: 20%;
    float: left;
}
.MemberDetail .TopName p:last-of-type,
.MemberDetail .TopName h3{
    margin: 0 0 0 0;
}
.MemberDetail .TopName h3{
    font-size: 24px;
}
.MemberDetail .TopName div p{
    font-size: 12px;
}
.MemberDetail .TopName ul{
    list-style-type: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 50%;
    float: left;
}
.MemberDetail .TopName ul li{
    display: inline-block;
    height: 60px !important;
    overflow: hidden;
}
.MemberDetail .TopName ul li iframe{
    height: 60px !important;
}
.MemberDetail .DetailPro{
    width: 70%;
    margin: 0 auto;
}
.sub_title_big{
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
    color: rgb(0, 0, 0);
    font-weight: 900;
}
.sub_title{
  text-align: center;
  font-size: 30px;
  margin-bottom: 50px;
  color: rgb(0, 0, 0);
  font-weight: 900;
  margin-top: 50px;
}

#wrap {
    float: left;
    position: relative;
    /*left: 50%;*/
}

#content {
    float: left;
    position: relative;
    /*left: -50%;*/
}

.d_area{
    width: 80%;
    margin: 0px auto;
    display: inline-block;
    margin-top: 20px;
    margin-left: 10%;
    margin-right: 10%;
}

.d_box{
  position: relative;
  float: left;
  text-align: center;
  width: 33.3%;
}

.d_text{
    line-height: 30px;
    z-index: 2;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 45px;
    text-align: center;
    box-sizing: border-box;
    text-indent: 0;
    transition-duration: 0.3s;
    font-size: 18px;
}

.d_image{
    position: relative;
    width: 50%;
    margin: 0 auto;
}
.cm_subtitle{
    border-bottom: 1px solid;
    margin-bottom: 0px;
}
.table_dl > dl {
    width: 80%;
    margin: 0 auto;
    border-top: solid 1px rgba(0,0,0,0.2);
    display: grid;
    grid-template: 1fr/180px 1fr;
  }
  .table_dl > dl:last-of-type {
    margin-bottom: 92px;
    border-bottom: solid 1px rgba(0,0,0,0.2);
  }
  .table_dl > dl > dt,
  .table_dl > dl > dd {
    font-size: 1.0rem;
    padding: 26px 0;
  }
.table_dl > dl > dt {
    padding-left: 21px;
    font-weight: bold;
    background: rgba(220,214,210,0.4);
  }
.table_dl > dl > dd {
    padding-left: 44px;
}
.st {
    margin: 20px auto;
    text-align: center;
    font-size: 1.6rem;
    font-weight: normal;
}
.col-game_title {
    display: block;
    padding-left:0px;
  }
  .col-game_title li {
    float: left;
    width: 50%;
    margin-bottom: 50px;
  }
  .col-game_title li:nth-of-type(odd) {
    padding-right: 0px;
  }
  .col-game_title li:nth-of-type(even) {
    padding-left: 0px;
  }
  .col-game_title li a {
    width: 100%;
    text-align: center;
    display: block;
  }
  .layout .service_game h3 {
    font-size: 4.2rem;
    margin: 40px auto 42px;
  }
  .layout .service_game p:last-of-type {
    font-size: 1.6rem;
    line-height: 2.13;
    letter-spacing: 1px;
    margin-bottom: 102px;
  }
  .layout .service_game section {
    width: 90%;
    margin: 60px auto;
    padding-bottom: 80px;
    border-bottom: solid 1px rgba(0,0,0,0.2);
  }
  .layout .service_game section:nth-of-type(odd) > div.content,
  .layout .service_game section:nth-of-type(even) > div.content {
    float: left;
    width: calc(100% - 360px);
    padding-right: 80px;
  }
  .layout .service_game section:nth-of-type(odd) > div.phone_base,
  .layout .service_game section:nth-of-type(even) > div.phone_base {
    width: 292px;
    float: right;
    margin-right: 60px;
  }
  .layout .service_game section.wide:nth-of-type(odd) > div.phone_base,
  .layout .service_game section.wide:nth-of-type(even) > div.phone_base {
    float: none;
    width: 100%;
    padding: 0;
  }
  .layout .service_game section.wide:nth-of-type(odd) > div.content,
  .layout .service_game section.wide:nth-of-type(even) > div.content {
    width: 100%;
    float: none;
    padding: 0;
  }
  .layout .service_game section.wide .phone_base {
    float: right;
    position: relative;
    width: 570px;
    height: 268px;
    margin: 0 auto;
    background: url("../../img/phone_frame_w.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
  .layout .service_game section.wide .phone_base .slick {
    width: 406px;
    height: 234px;
    margin: 20px auto 0;
  }
  .layout .service_game section.wide .phone_base .slick .slick-counter {
    position: absolute;
    top: 116%;
    z-index: 1;
  }
  .layout .service_game section.wide .phone_base .slick .slide-arrow {
    position: absolute;
    top: 117%;
    border: none;
    background: transparent;
    z-index: 2;
    cursor: pointer;
  }
  .layout .service_game section.wide .phone_base .slick .slide-arrow.prev-arrow {
    left: 40%;
  }
  .layout .service_game section.wide .phone_base .slick .slide-arrow.next-arrow {
    right: 40%;
  }
  .layout .service_game section.wide .content .movie {
    margin-top: 18px;
    padding-right: 0;
    float: left;
    width: 460px;
    height: 234px;
  }
  .layout .service_game section .phone_base {
    position: relative;
    width: 292px;
    height: 607px;
    margin: 0 auto;
    background: url("../../img/phone_frame.png") no-repeat 0 0;
  }
  .layout .service_game section .phone_base .slick {
    width: 250px;
    height: 450px;
    margin: 72px auto 0;
  }
  .layout .service_game section .phone_base .slick li:nth-of-type(n+1) {
    display: none;
  }
  .layout .service_game section .phone_base .slick.slick-initialized li:nth-of-type(n+1) {
    display: block;
  }
  .layout .service_game section .phone_base .slick-counter {
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 1;
  }
  .layout .service_game section .phone_base .slide-arrow {
    position: absolute;
    top: 120.4%;
    border: none;
    background: transparent;
    z-index: 2;
    cursor: pointer;
  }
  .layout .service_game section .phone_base .slide-arrow.prev-arrow {
    left: 82px;
  }
  .layout .service_game section .phone_base .slide-arrow.next-arrow {
    right: 82px;
  }
  .layout .service_game section .content {
    padding-top: 16px;
  }
  .layout .service_game section .content .c_txt {
    display: grid;
    grid-template: 1fr/180px 1fr;
    text-align: left;
  }
  .layout .service_game section .content .c_txt figure {
    margin: 0;
  }
  .layout .service_game section .content .c_txt div {
    padding-left: 20px;
  }
  .layout .service_game section .content .c_txt div h4 {
    font-size: 2.4rem;
  }
  .layout .service_game section .content .c_txt div p {
    line-height: 1.4;
    font-size: 1.4rem;
    margin: 26px auto;
  }
  .layout .service_game section .content .platform {
    margin: 25px auto;
    text-align: left;
  }
  .layout .service_game section .content .platform li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 6px;
    width: 186px;
    height: 56px;
  }
  .layout .service_game section .content .platform li img {
    max-height: 100%;
  }
  .layout .service_game section .content .movie {
    width: 100%;
    height: 284px;
    padding-right: 54px;
  }
  .layout .service_game section .content .movie iframe {
    max-width: 100%;
    max-height: 100%;
  }