.iconMenuList li{
    margin-bottom : 10px
}

.iconMenuList li a{
    display : block
}

.iconMenuList .unit{
    display : table;
    width   : 100%
}

.iconMenuList .unit .icon,
.iconMenuList .unit .txt{
    display        : table-cell;
    vertical-align : middle;
    padding        : 0.75rem 0.7rem
}
.iconMenuList .unit .txt2{
    display        : table-cell;
    vertical-align : middle;
    text-align     :left;
    padding        : 0.75rem 0.7rem
}
.iconMenuList .unit .icon img,
.iconMenuList .unit .txt img{
    vertical-align : middle;
    height         : 10vw;
    max-height     : 4rem
}

.iconMenuList .unit .icon{
    border-top-left-radius    : 10px;
    border-bottom-left-radius : 10px;
    text-align                : center
}

.iconMenuList .unit .txt{
    text-align                 : left;
    border-top-right-radius    : 10px;
    border-bottom-right-radius : 10px
}

.iconMenuList .unit .txtInner{
    position       : relative;
    display        : inline-block;
    vertical-align : middle;
    max-width      : 100%;
    padding-left   : 14px
}

.iconMenuList .unit .txtInner::before{
    content           : " ";
    position          : absolute;
    top               : 50%;
    left              : -17%;
    -webkit-transform : translateY(-50%);
    -ms-transform     : translateY(-50%);
    transform         : translateY(-50%);
    width             : 30px;
    height            : 30px;
    background        : url('../images/menu/icon_play.png') no-repeat center;
    background-size   : contain
}

.iconMenuList .unit .txtInner.-sound::before{
    background-image : url('../images/menu/icon_sound.png')
}

.iconMenuList .unit .txtInner.-picture::before{
    background-image : url('../images/menu/icon_picture.png');
    left             : -2.5px;
    width            : 35px;
    height           : 35px
}

.iconMenuList .unit.-btn{
    height         : 65px;
    vertical-align : middle
}

@media only screen and (max-width : 768px){
    .iconMenuList .unit.-btn{
        height : 60px
    }
}

.iconMenuList .unit.-btn .txt{
    border-radius : 10px;
    text-align    : center;
    padding       : 1.8rem 0.75rem
}

@media only screen and (max-width : 768px){
    .iconMenuList .unit.-btn .txt{
        padding : 1rem 0.75rem
    }
}

.iconMenuList .unit.-btn .txt img{
    max-height : 1.5rem;
}

@media only screen and (max-width : 768px){
    .iconMenuList .unit.-btn .txt img{
        max-height : 1rem
    }
}

.iconMenuList .unit.-all .txt{
    border-radius : 10px
}

.iconMenuList .unit.-all.-btn .txt{
    text-align : left;
    padding    : 1.2rem 0.75rem
}

.iconMenuList .unit.-all.-btn .txt img{
    height     : 9vw;
    max-height : 2.5rem
}

.iconMenuList .column{
    display       : table;
    width         : calc(100% + 10px);
    margin-right  : -5px;
    margin-left   : -5px;
    table-layout  : fixed;
    margin-bottom : 10px
}

.iconMenuList .column .item{
    padding        : 0 5px;
    display        : table-cell;
    vertical-align : middle
}

.iconMenuList .column .item.-photo{
    text-align : center
}

.iconMenuList .column .item.-photo .main{
    position   : relative;
    background : #fff;
    overflow   : hidden;
    clear      : both
}

.iconMenuList .column .item.-photo .main::after{
    content            : '';
    position           : absolute;
    top                : 0;
    left               : 0;
    width              : 100%;
    height             : 100%;
    border             : 3px solid;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    z-index            : 1
}

.iconMenuList .column .item.-photo img{
    position          : relative;
    left              : 50%;
    float             : left;
    -webkit-transform : translateX(-50%);
    -ms-transform     : translateX(-50%);
    transform         : translateX(-50%);
    width             : auto;
    max-width         : inherit;
    height            : 80px;
    vertical-align    : middle
}

@media only screen and (max-width : 768px){
    .iconMenuList .column .item.-photo img{
        max-height : 3.7rem
    }
}

.iconMenuList .column .item.-button{
    width : 50%
}

.iconMenuList .column .item.-button img{
    vertical-align : middle
}

.iconMenuList .column .ttl{
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-pack  : start;
    -ms-flex-pack     : start;
    justify-content   : flex-start;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center
}

.iconMenuList .column .ttl .main,
.iconMenuList .column .ttl .sub{
    margin-right : 0.25rem
}

.iconMenuList .column .ttl .main:last-child,
.iconMenuList .column .ttl .sub:last-child{
    margin-right : 0
}

.iconMenuList .column .ttl .main img{
height: 8.5vw;
max-height: 2.5rem;
}

.iconMenuList .column .ttl .main.-line3 img{
    max-height : 5rem;
    height     : 20vw
}

body.-m1 .iconMenuList .column .item.-photo .main::after{
    border-color : #002f7b
}

body.-m1 .iconMenuList .unit.-all .txt,
body.-m1 .iconMenuList .unit.-btn .txt{
    background-color : #002f7b
}

body.-a3 .iconMenuList .column .item.-photo .main::after{
    border-color : #e83836
}

body.-a3 .iconMenuList .unit.-all .txt,
body.-a3 .iconMenuList .unit.-btn .txt{
    background-color : #e83836
}

body.-m3 .iconMenuList .column .item.-photo .main::after{
    border-color : #005dac
}

body.-m3 .iconMenuList .unit.-all .txt,
body.-m3 .iconMenuList .unit.-btn .txt{
    background-color : #005dac
}

body.-m1 .iconMenuList .unit.-color1 .icon{
    background-color : #9cc829
}

body.-m1 .iconMenuList .unit.-color1 .txt{
    background-color : #f2f7e5
}

body.-m1 .iconMenuList .unit.-color2 .icon{
    background-color : #5bc2d9
}

body.-m1 .iconMenuList .unit.-color2 .txt{
    background-color : #ecf6fa
}

body.-m1 .iconMenuList .unit.-color3 .icon{
    background-color : #eda02f
}

body.-m1 .iconMenuList .unit.-color3 .txt{
    background-color : #fdf2e2
}

body.-m1 .iconMenuList .unit.-color4 .icon{
    background-color : #ee86ae
}

body.-m1 .iconMenuList .unit.-color4 .txt{
    background-color : #fdf0f5
}

body.-m1 .iconMenuList .unit.-color5 .icon{
    background-color : #49bcbd
}

body.-m1 .iconMenuList .unit.-color5 .txt{
    background-color : #ebf6f6
}

body.-m1 .iconMenuList .unit.-color6 .icon{
    background-color : #ee7959
}

body.-m1 .iconMenuList .unit.-color6 .txt{
    background-color : #fdeee6
}

body.-m1 .iconMenuList .unit.-color7 .icon{
    background-color : #77aede
}

body.-m1 .iconMenuList .unit.-color7 .txt{
    background-color : #eef4fb
}

body.-a3 .iconMenuList .unit.-color1 .icon{
    background-color : #9cc829
}

body.-a3 .iconMenuList .unit.-color1 .txt{
    background-color : #f2f7e5
}

body.-a3 .iconMenuList .unit.-color2 .icon{
    background-color : #e95457
}

body.-a3 .iconMenuList .unit.-color2 .txt{
    background-color : #fce9e5
}

body.-a3 .iconMenuList .unit.-color3 .icon{
    background-color : #d5b900
}

body.-a3 .iconMenuList .unit.-color3 .txt{
    background-color : #f9f5e1
}

body.-a3 .iconMenuList .unit.-color4 .icon{
    background-color : #57c2e9
}

body.-a3 .iconMenuList .unit.-color4 .txt{
    background-color : #ecf6fc
}

body.-a3 .iconMenuList .unit.-color5 .icon{
    background-color : #e96093
}

body.-a3 .iconMenuList .unit.-color5 .txt{
    background-color : #fcecf2
}

body.-a3 .iconMenuList .unit.-color6 .icon{
    background-color : #64bfaa
}

body.-a3 .iconMenuList .unit.-color6 .txt{
    background-color : #ecf6f3
}

body.-a3 .iconMenuList .unit.-color7 .icon{
    background-color : #7d9fc6
}

body.-a3 .iconMenuList .unit.-color7 .txt{
    background-color : #edf1f7
}

body.-a3 .iconMenuList .unit.-color8 .icon{
    background-color : #d99148
}

body.-a3 .iconMenuList .unit.-color8 .txt{
    background-color : #faefe4
}

body.-m3 .iconMenuList .unit.-color1 .icon{
    background-color : #9cc829
}

body.-m3 .iconMenuList .unit.-color1 .txt{
    background-color : #f2f7e5
}

body.-m3 .iconMenuList .unit.-color2 .icon{
    background-color : #8b92c7
}

body.-m3 .iconMenuList .unit.-color2 .txt{
    background-color : #eeeff7
}

body.-m3 .iconMenuList .unit.-color3 .icon{
    background-color : #c1c34c
}

body.-m3 .iconMenuList .unit.-color3 .txt{
    background-color : #f6f7e8
}

body.-m3 .iconMenuList .unit.-color4 .icon{
    background-color : #da5443
}

body.-m3 .iconMenuList .unit.-color4 .txt{
    background-color : #fae9e1
}

body.-m3 .iconMenuList .unit.-color5 .icon{
    background-color : #e8b91e
}

body.-m3 .iconMenuList .unit.-color5 .txt{
    background-color : #fcf5e3
}

body.-m3 .iconMenuList .unit.-color6 .icon{
    background-color : #4b8cca
}

body.-m3 .iconMenuList .unit.-color6 .txt{
    background-color : #e8eef7
}

body.-m3 .iconMenuList .unit.-color7 .icon{
    background-color : #7ac28c
}

body.-m3 .iconMenuList .unit.-color7 .txt{
    background-color : #eef6ef
}

.txt p{
    font-size : 16px
}

.iconMenuList .column .item.-button33{
    width: 33.333%;
}
.iconMenuList .unit.-button{
    height: 20vw;
    max-height: 80px;
    vertical-align: middle;
}