Cómo configurar Docker + PhpStorm + xdebug en Ubuntu 16.04

Mi problema es que xdebug no funciona cuando comienzo a escuchar el puerto. Creo que PhpStorm no puede vincularse con xdebug. Acabo de recibir las variables del panel del depurador no están disponibles. Parece que xdebug no tiene la configuración correcta.

Software y versiones utilizadas:

Ubuntu 16.04 LTS
Docker v 17.06
docker-compose 1.15

Así que intenté muchas veces configurar xdebug + Docker + PhpStorm pero no puedo hacerlo. He leído muchos tutoriales pero nada me ha ayudado.

Midocker-compose.yml Se ve como esto:

version: '3'
services:
    web:
        image: nginx:latest
        ports:
            - "80:80"
        restart: on-failure
        volumes:
            - "./etc/nginx/default.conf:/etc/nginx/conf.d/default.conf"
            - "./etc/ssl:/etc/ssl"
            - "./project:/var/www/html/project"
        depends_on:
            - php
            - db

    php:
        image: nanoninja/php-fpm
        restart: on-failure
        volumes:
            - "./etc/php/php.ini:/usr/local/etc/php/conf.d/php.ini"
            - "./project:/var/www/html/project"
    db:
        image: mysql
        container_name: ${MYSQL_HOST}
        restart: on-failure
        env_file:
            - ".env"
        environment:
            - MYSQL_DATABASE=${MYSQL_DATABASE}
            - MYSQL_ROOT_PASSWORD=${MYSQL_ROOT_PASSWORD}
            - MYSQL_USER=${MYSQL_USER}
            - MYSQL_PASSWORD=${MYSQL_PASSWORD}
        command: mysqld --sql-mode=NO_ENGINE_SUBSTITUTION
        ports:
            - "8988:3306"
        volumes:
            - "./data/db/mysql:/var/lib/mysql"

Mixdebug.ini es:

xdebug.default_enable=0
xdebug.remote_enable=1
xdebug.remote_port=9000
xdebug.remote_autostart=0
xdebug.remote_connect_back=0
xdebug.idekey="PHPSTORM"
xdebug.profiler_enable=0
xdebug.remote_host=localhost

Configuración de PhpStorm:

Respuestas a la pregunta(3)

Su respuesta a la pregunta