@charset "utf-8";

/*-----------------------------------------
メインビジュアル
-----------------------------------------*/
#mv {
    width: 100%;
    height: 480px;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    font-family: "HG明朝E","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    & .catch {
        padding-top: 170px;
        font-size: 28px;
        line-height: 1.0em;
        color: #fff;
        margin-bottom: 20px;
        text-shadow: 0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
    }
    & .title {
        font-size: 66px;
        line-height: 1.0em;
        color: #fff;
        text-shadow: 0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
    }
    .GBR & {background-image: url("../../kansai/united_kingdom/img/main-bg.jpg");}
    .FRA & {background-image: url("../../kansai/france/img/main-bg.jpg");}
    .ESP & {background-image: url("../../kansai/spain/img/main-bg.jpg");}
    .ITA & {background-image: url("../../kansai/italy/img/main-bg.jpg");}
    .NLD & {background-image: url("../../kansai/netherland/img/main-bg.jpg");}
    .BEL & {background-image: url("../../kansai/belgium/img/main-bg.jpg");}
    .DEU & {background-image: url("../../kansai/germany/img/main-bg.jpg");}
    .FIN & {background-image: url("../../kansai/finland/img/main-bg.jpg");}
    .CHE & {background-image: url("../../kansai/switzerland/img/main-bg.jpg");}
    .HRV & {background-image: url("../../kansai/croatia/img/main-bg.jpg");}
    .AUT & {background-image: url("../../kansai/austria/img/main-bg.jpg");}
    .GRC & {background-image: url("../../kansai/greece/img/main-bg.jpg");}
    .TUR & {background-image: url("../../kansai/turkey/img/main-bg.jpg");}
    .ARE & {background-image: url("../../kansai/dubai/img/main-bg.jpg");}
}

/*-----------------------------------------
導入
-----------------------------------------*/
#lead {
    width: 100%;
    height: 180px;
    background-repeat: no-repeat,repeat;
    background-position: center center,left top;
    & .inner {
        width: 992px;
        margin: 0 auto;
    }
    & .text {
        width: 650px;
        margin: 0 auto;
        font-size: 16px;
        line-height: 1.6em;
        padding-top: 40px;
    }
    .GBR & {background-image: url("../../kansai/united_kingdom/img/lead-illust.png"),url("../img/lead-bg.png");}
    .FRA & {background-image: url("../../kansai/france/img/lead-illust.png"),url("../img/lead-bg.png");}
    .ESP & {background-image: url("../../kansai/spain/img/lead-illust.png"),url("../img/lead-bg.png");}
    .ITA & {background-image: url("../../kansai/italy/img/lead-illust.png"),url("../img/lead-bg.png");}
    .NLD & {background-image: url("../../kansai/netherland/img/lead-illust.png"),url("../img/lead-bg.png");}
    .BEL & {background-image: url("../../kansai/belgium/img/lead-illust.png"),url("../img/lead-bg.png");}
    .DEU & {background-image: url("../../kansai/germany/img/lead-illust.png"),url("../img/lead-bg.png");}
    .FIN & {background-image: url("../../kansai/finland/img/lead-illust.png"),url("../img/lead-bg.png");}
    .CHE & {background-image: url("../../kansai/switzerland/img/lead-illust.png"),url("../img/lead-bg.png");}
    .HRV & {background-image: url("../../kansai/croatia/img/lead-illust.png"),url("../img/lead-bg.png");}
    .AUT & {background-image: url("../../kansai/austria/img/lead-illust.png"),url("../img/lead-bg.png");}
    .GRC & {background-image: url("../../kansai/greece/img/lead-illust.png"),url("../img/lead-bg.png");}
    .TUR & {background-image: url("../../kansai/turkey/img/lead-illust.png"),url("../img/lead-bg.png");}
    .ARE & {background-image: url("../../kansai/dubai/img/lead-illust.png"),url("../img/lead-bg.png");}
}


/*-----------------------------------------
基本情報
-----------------------------------------*/
#infoWrap {
	width: 100%;
	padding: 50px 0;
	background-color: #f7f5f0;
    & .inner {
        width: 992px;
        margin: 0 auto;
    }
    & h2 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        &::before {
            content: "";
            display: inline-block;
            width: 30px;
            height: 30px;
            margin-right: 10px;
            vertical-align: middle;
            background: url("../../../../kansai/common/img/icon/purple/icon-info.svg") no-repeat;
            background-size: contain;
        }
    }
}
#infoBox {
	background-color: #fff;
	padding: 30px 50px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
    & dl {
        width: 46%;
        margin: 0 2%;
        padding: 10px 10px 10px 65px;
        border-bottom: dotted 1px #ccc;
        font-size: 14px;
        background-position: left center;
        background-repeat: no-repeat;
        &.country,&.chip,&.water,&.climate,&.manners {
            width: 100%;
        }
        &.money {background-image: url("../../../../kansai/common/img/icon/icon-money.png");}
        &.language {background-image: url("../../../../kansai/common/img/icon/icon-language.png");}
        &.time {background-image: url("../../../../kansai/common/img/icon/icon-time.png");}
        &.flight {background-image: url("../../../../kansai/common/img/icon/icon-flight.png");}
        &.chip {background-image: url("../../../../kansai/common/img/icon/icon-chip.png");}
        &.water {background-image: url("../../../../kansai/common/img/icon/icon-water.png");}
        &.climate {background-image: url("../../../../kansai/common/img/icon/icon-climate.png");}
        &.manners {background-image: url("../../../../kansai/common/img/icon/icon_manners.png");}
        & dt {
            font-weight: bold;
            color: #034195;
        }
        /*国旗*/
        &.country {
            .GBR &&& {background-image: url("../united_kingdom/img/icon-flag.png");}
            .FRA &&& {background-image: url("../france/img/icon-flag.png");}
            .ESP &&& {background-image: url("../spain/img/icon-flag.png") ;}
            .ITA &&& {background-image: url("../italy/img/icon-flag.png") ;}
            .NLD &&& {background-image: url("../netherland/img/icon-flag.png") ;}
            .BEL &&& {background-image: url("../belgium/img/icon-flag.png") ;}
            .DEU &&& {background-image: url("../germany/img/icon-flag.png") ;}
            .FIN &&& {background-image: url("../finland/img/icon-flag.png") ;}
            .CHE &&& {background-image: url("../switzerland/img/icon-flag.png") ;}
            .HRV &&& {background-image: url("../croatia/img/icon-flag.png") ;}
            .AUT &&& {background-image: url("../austria/img/icon-flag.png") ;}
            .GRC &&& {background-image: url("../greece/img/icon-flag.png") ;}
            .TUR &&& {background-image: url("../turkey/img/icon-flag.png") ;}
            .ARE &&& {background-image: url("../dubai/img/icon-flag.png") ;}
        }
    }
}

/*-----------------------------------------
国別リンク
-----------------------------------------*/
#countryFootNavi {
	width: 100%;
	background-color: #f7f5f0;
	border-top: solid 1px #e0daca;
	padding-bottom: 30px;
    & h2 {
        border-top: solid 1px #fff;
        font-size: 22px;
        line-height: 1.5em;
        color: #333;
        font-weight: bold;
        text-align: center;
        padding: 20px;
    }
    & ul {
        width: 992px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        & li {
            width: 24%;
            height: 70px;
            margin-right: 1.3%;
            margin-bottom: 10px;
            background-color: #fff;
            background-repeat: no-repeat;
            &:not(.top) {
                background-size: 90px 60px;
                background-position: left 5px center;
                font-size: 15px;
                color: #333;
            }
            &.GBR {background-image: url("../img/map/areaImg-GBR.jpg");}
            &.FRA {background-image: url("../img/map/areaImg-FRA.jpg");}
            &.ESP {background-image: url("../img/map/areaImg-ESP.jpg");}
            &.ITA {background-image: url("../img/map/areaImg-ITA.jpg");}
            &.NLD {background-image: url("../img/map/areaImg-NLD.jpg");}
            &.BEL {background-image: url("../img/map/areaImg-BEL.jpg");}
            &.DEU {background-image: url("../img/map/areaImg-DEU.jpg");}
            &.FIN {background-image: url("../img/map/areaImg-FIN.jpg");}
            &.CHE {background-image: url("../img/map/areaImg-CHE.jpg");}
            &.HRV {background-image: url("../img/map/areaImg-HRV.jpg");}
            &.AUT {background-image: url("../img/map/areaImg-AUT.jpg");}
            &.GRC {background-image: url("../img/map/areaImg-GRC.jpg");}
            &.TUR {background-image: url("../img/map/areaImg-TUR.jpg");}
            &.ARE {background-image: url("../img/map/areaImg-ARE.jpg");}
            &.top {
                background: url("../img/footnavi-top-bg.png") no-repeat left top;
                font-size: 15px;
                color: #fff;
            }
            &:nth-child(4n) {
                margin-right: 0;
            }
            & a {
                display: block;
                width: 100%;
                height: 100%;
                text-decoration: none;
                color: inherit;
                padding: 23px 0 0 105px;
                border: solid 1px #beb18c;
                position: relative;
                .top & {
                    padding: 10px;
                    text-shadow: 1px 1px 2px rgba(120,94,65,1);
                }
                &:hover {
                    opacity: 0.8;
                    border: solid 1px #4f4321;
                    transition: all 0.6s ease;
                }
                &::after {
                    position: absolute;
                    top: 15px;
                    right: 5px;
                    content: "\f105";
                    font-family: FontAwesome;
                    font-size: 24px;
                }
            }
        }
    }
}

/*-----------------------------------------
バナー
-----------------------------------------*/
#wrap .bnr-area {
    padding-top: 30px;
    width: 960px;
    margin: 0 auto;
    & p {
        margin-bottom: 10px;
        & img {
            width: 100%;
        }
    }
    & a {
        display: block;
        &:hover {
            opacity: 0.8;
            transition: all 0.6s ease;
        }
    }
}