@charset "UTF-8";
/* ir_base
--------------------------------------------------------- */

.sp-only{
    display: none;
}

/*side navi*/

.ir-navi a,
.ir-navi2 a{
    width: 100%;
    display: inline-block;
    background-image:
    url(/assets/new_cmn/img/icon/icon_arrow_03.png);
    background-position:
    95% 50%;
    background-repeat:
    no-repeat;
    -moz-background-size:
    3% auto;
    background-size:
    3% auto;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.side-navi{
    font-size: 87.5%;
    width: 190px;
    float: left;
    z-index: 999;
    position: relative;
}

.side-navi a:hover{
    opacity: 0.8;
}
.side-navi dd{
    margin: 0;
}
.side-navi dd a:link,
.side-navi dd a:visited{
    color: #666666;
    font-size: 90%;

}

.ir-navi dt a:link,
.ir-navi dt a:visited{
    background-image:
    url(/assets/new_cmn/img/icon/icon_arrow_02.png);
    color: #fff;
    padding: 28px 0 26px 12px;
    background-color: #F2981D;
}


.ir-navi dd{
    border-bottom: 1px solid #EEEEEE;

}


.ir-navi dd a:link{

    padding: 14px 0 12px 12px;
}


.ir-navi2{
    border: 1px solid #C5C4C4;
    padding-bottom: 5px;
}

.ir-navi2 dt a{
    background-color: #F2F2F2;
    background-image:
    url(/assets/new_cmn/img/icon/icon_arrow_04.png);
    background-position:
    95% 50%;
    background-repeat:
    no-repeat;
    -moz-background-size:
    9% auto;
    background-size:
    9% auto;
    color: #666666;
    padding: 14px 0 12px 16px;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 5px;


}

.ir-navi2 dd a:link{

    padding: 10px 0 8px 12px;
}

.side-navi ul{
    padding: 0;

}

.side-navi ul img{
    width: 100%;
}

.ir-bnr{
    margin-bottom: 20px;
}

.ir-bnr li{
    margin-bottom: 8px;
}

.ir-bnr2 li{
    margin-bottom: 16px;
}

.ir-bnr3 li{
    margin-bottom: 16px;
}

.ir-bnr3 li img{
    display: block;
    width: 115px;
    margin: 0 auto;
}

/*-- smartPhone --*/
@media screen and (max-width: 767px) {
.pc-only{
    display: none;
}
.sp-only{
    display: block;
}
.side-navi{
    display: none;
}
.bnr-area01-sp ul,
.bnr-area02-sp ul{
    padding: 0;
}


.bnr-area01-sp{
    background: #EEEEEE;
    padding: 10px;
    margin-top: 10px;
}

.bnr-area01-sp a:link,
.bnr-area01-sp a:visited{
    color: #333333; 
}


.bnr-type-01:after {
    content:" ";
    display:block;
    clear:both;
}

.bnr-type-01 li{
    width: 49%;
    float: left;
    border: 1px solid #969595;
}

.bnr-type-01 li:nth-of-type(2){
    float: right;
}


.bnr-type-01 li a{
    display: inline-block;
    padding: 0.8em 0 0.7em 10px;
    width: 100%;
    background-image:
    url(/assets/new_cmn/img/icon/icon_arrow_04.png);
    background-position:
    94% 50%;
    background-repeat:
    no-repeat;
    -moz-background-size:
    20px auto;
    background-size:
    20px auto;
}


.bnr-type-02 li{


    border: 1px solid #DEDEDE;
    margin-bottom: 10px;
    background: #fff;
}

.bnr-type-02 li a{
    display: inline-block;
    padding: 1.2em 0 1.1em 17%;
    width: 100%;
    background-image:
    url(/assets/new_cmn/img/icon/icon_arrow_05.png),
    url(/assets/new_ir/img/ico_bnr01.png);
    background-position:
    97% 50%,
    3% 50%;
    background-repeat:
    no-repeat,
    no-repeat;
    -moz-background-size:
    20px auto,
    35px auto;
    background-size:
    20px auto,
    35px auto;
}

.bnr-type-02 li:nth-of-type(2) a{

    background-image:
    url(/assets/new_cmn/img/icon/icon_arrow_05.png),
    url(/assets/new_ir/img/ico_bnr02.png);

}
.bnr-type-02 li:nth-of-type(3) a{

    background-image:
    url(/assets/new_cmn/img/icon/icon_arrow_05.png),
    url(/assets/new_ir/img/ico_bnr03.png);

}

.bnr-type-03:after {
    content:" ";
    display:block;
    clear:both;
}

.bnr-type-03 li{
    width: 49%;
    float: left;

}

.bnr-type-03 li:nth-of-type(2){
    float: right;
}

.bnr-type-03 li img{
    width: 100%;

}



.bnr-area02-sp:after {
    content:" ";
    display:block;
    clear:both;
}

.bnr-area02-sp{

    padding: 0;
}

.bnr-area02-sp img{
    width: 100%;
}

.bnr-area02-sp li{
    float: left;
    width: 26%;
    margin: 0 3%;
}


.bnr-area02-sp li:nth-of-type(3){
    padding-top: 15px;

}
}