@charset "UTF-8";
body {
    background-color: #fff;
    font-size: 0.9em;
    line-height: 130%;
    margin: 0px;
    padding: 0px;
    min-width: 1025px;
}

.video-section {
    padding-top: 262px;
}
#video, .video-thumbnail {
    width: 350px;
    left: calc(50% - (350px/2));
}
.video-section iframe {
    width: 350px !important;
    height: 262px !important;
}
.photo-section {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.section-left {
    justify-content: flex-start;
}
.section-left>.photo-box {
    margin-right: 20px;
}

.section-right {
    justify-content: flex-end;
}
.photo-section:before, .photo-section:after {
    content: "";
    display: block
}
#main .photo-image img {
    max-width: 350px;
}
.video-title {
    width: 350px;
}

#sub {
    width: 225px;
    min-width: 225px;
}

div#sitemap-footer .wrapper>dl {
    width: 33.33%;
    box-sizing: border-box;
    padding: 0 10px;
}
div#sitemap-footer .wrapper>dl:nth-of-type(3n) {
    margin-right: 0;
}
#sitemap-footer .wrapper, #footer .bg-navy .wrapper, #footer p.address {
    width: 940px;
}
/*
---------------------------------------------------------------------------
print 譛ｬ逵√ヨ繝��繝壹�繧ｸ
---------------------------------------------------------------------------*/
/*old_adjust.css*/
    #main .any-area table {
        max-width: 1120px;
    }
    .side-off #main .any-area table {
        max-width: 1346px;
    }

/*layout.css*/
    #contents {
        display: block;
    }
    div#main {
        width: 100%!important;
    }
    #sub {
        width: 170px;
        min-width: 170px;
        margin-left: 15px;
    }
    #contents {
        max-width: 1366px;
    }
    #contents-body{
        display: block;
        overflow: auto;
    }
    #sub {
        width: 230px;
        min-width: 230px;
        margin-top: 5px;
	}
    div#footer-sitemaps .wrapper>dl {
        width: 32%;
        box-sizing: border-box;
        padding: 0 10px;
    }
    div#footer-sitemaps .wrapper>dl:nth-of-type(3n) {
        margin-right: 0;
    }
    #footer .bg-navy .wrapper .menu-sub {
        margin-left: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }
    #footer .bg-navy .wrapper .menu-sub+p {
        margin-right: 10px;
    }
    #footer-sitemaps .wrapper, #footer .bg-navy .wrapper, #footer p.address {
        width: 940px;
    }
    #footer .bg-navy .wrapper .menu-sub {
        margin-left: 0;
    }
    #footer .bg-navy .wrapper .menu-sub+p {
        margin-right: 0;
	}
    html[lang="en"] #pagetop.link-arrow a {
        background-position: -2px -6px !important;
    }
    .link-arrow a:hover, .link-arrow a:focus {
        color: #fff;
    }

/*new_common.css*/
    a:hover, a:focus {
        color: #fff;
        background-color: #192a80;
    }
    a:visited {
        color: #53c;
    }
    a:visited:hover, a:visited:focus {
        color: #fff;
    }
    #breadcrumb a:hover, #breadcrumb a:focus {
        color: #ffffff;
        background-color: #192a80;
	}
    html[lang="en"] #cse-search-box #searchbox {
        width: 242px;
    }
    html[lang="en"] #cse-search-box #searchbutton {
        width: 5.5em;
    }
    #cse-search-box #searchbox {
        height: 1.2em !important;
    }
    #cse-search-box #searchbutton {
        height: 1.7em !important;
    }
    dl#textchanger {
        display: none;
    }
    html[lang='en'] #header .menu-language {
        display: block;
        margin-top: 5px;
    }
    html[lang='en'] #cse-search-box {
        margin-top: 5px;
    }
    body.large .menu-sub {
        margin-left: 330px;
    }
    dl#textchanger {
        display: flex;
    }
    body.small dl#textchanger {
        min-width: 100px;
    }
    body.middle dl#textchanger {
        min-width: 140px;
    }
    body.large dl#textchanger {
        min-width: 240px;
    }
    .large #cse-search-box #searchbutton {
        height: 1.4em !important;
    }
    html[lang='en'] #header .menu-language {
        display: inline-block;
        margin-top: 0;
    }
    html[lang='en'] #cse-search-box {
        margin-top: 17px;
        min-width: 300px;
    }
	#navi-global a {
        padding: 7px;
        font-size: 0.9em;
    }
    #navi-global ul>li {
        padding: 0 5px;
    }
    nav#navi-global ul li.about {
        width: 171px;
    }
    nav#navi-global ul li.press {
        width: 177px;
    }
    nav#navi-global ul li.foreign {
        width: 115px;
    }
    nav#navi-global ul li.region {
        width: 112px;
    }
    nav#navi-global ul li.stay {
        width: 166px;
    }
    nav#navi-global ul li.procedure {
        width: 141px;
    }
    body.en div#navi-global ul li.consular {
        width: 150px;
    }
    body.en nav#navi-global ul li.about {
        width: 141px;
    }
    body.en nav#navi-global ul li.press {
        width: 102px;
    }
    body.en nav#navi-global ul li.foreign {
        width: 185px;
    }
    body.en nav#navi-global ul li.region {
        width: 244px;
    }
    body.en nav#navi-global ul li.consular {
        width: 220px;
    }
    body.page-list #pressconf ul, body.page-list #pressrelease ul {
        padding-left: 3em;
    }
    body.page-list #news .list-title {
        padding-left: 0;
        background-image: none;
        font-size: 1.1em;
        font-weight: bold;
    }
    body.page-list #news h3+.link-list {
        padding-left: 40px;
        margin: 0 0 15px;
    }
    body.page-list #news .link-list li {
        background-image: none;
        padding-left: 0;
        list-style: url(/mofaj/files/100001344.gif) outside;
        margin-left: 5px;
    }
    #contents .column-two .menu-box, #contents .column-three .menu-box {
        width: calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 1%;
    }
    #contents .column-two .menu-box:nth-of-type(2n), #contents .column-three .menu-box:nth-of-type(2n) {
        margin-right: 0;
    }
    /* 譛ｬ譁�↓蟇ｾ縺励※逕ｻ蜒上′蟾ｦ縺ｫ縺ｪ繧句�ｴ蜷� */
    #contents .menu-wrapper .menu-box .photo-section.image-left {
        display: block;
        padding: 0 10px 0 10px;
    }
    #contents .menu-wrapper .menu-box .photo-section.image-left .photo-box {
        width: auto;
        max-width: 100%;
        float: left;
        margin-right: 10px;
    }
    #contents .menu-wrapper .menu-box .photo-section.image-left .photo-box+.text {
        width: auto;
    }
    /* 譛ｬ譁�↓蟇ｾ縺励※逕ｻ蜒上′蜿ｳ縺ｫ縺ｪ繧句�ｴ蜷� */
    #contents .menu-wrapper .menu-box .photo-section.image-right {
        flex-direction: row;
        display: block;
        padding: 0 10px;
    }
    #contents .menu-wrapper .menu-box .photo-section.image-right .photo-box {
        width: auto;
        max-width: 100%;
        float: right;
        margin-left: 10px;
    }
    #contents .menu-wrapper .menu-box .photo-section.image-right .photo-box+.text {
        width: auto;
    }
    #contents .menu-wrapper .menu-box .photo-box .photo-image, #main .menu-wrapper .menu-box .photo-box .photo-image img {
        max-width: 100%;
    }
    #contents .column-three .menu-box {
        width: 32.63%;
        margin-right: 1.05%;
        margin-bottom: 0
    }
    #contents .column-three .menu-box:nth-of-type(2n) {
        margin-right: 1.05%;
    }
    #contents .column-three .menu-box:nth-of-type(3n) {
        margin-right: 0;
    }
    #contents .menu-wrapper .menu-box .photo-box .photo-image {
        max-width: 350px;
    }
    .video-section {
        padding-top: 240px;
    }
    #video, .video-thumbnail {
        width: 320px;
        left: calc(50% - (320px/2));
    }
    .video-thumbnail img {
        width: 100%;
    }
    .video-section iframe {
        width: 320px !important;
        height: 240px !important;
    }
    #main .photo-image img {
        max-width: 320px;
    }
	.video-section {
        padding-top: 262px;
    }
    #video, .video-thumbnail {
        width: 350px;
        left: calc(50% - (350px/2));
    }
    .video-section iframe {
        width: 350px !important;
        height: 262px !important;
    }
    .photo-section {
        display: -ms-flexbox;
        /* IE10 */
        display: -webkit-box;
        /* Android4.3莉･荳九€ヾafari3.1��6.0 */
        display: -webkit-flex;
        /* Safari6.1莉･髯� */
        display: flex;
        justify-content: center;
    }
    /*譛ｬ譁�↓蟇ｾ縺励※蟾ｦ蟇�○*/
    .section-left {
        justify-content: flex-start;
    }
    .section-left>.photo-box {
        margin-right: 20px;
    }
    /*譛ｬ譁�↓蟇ｾ縺励※蜿ｳ蟇�○*/
    .section-right {
        justify-content: flex-end;
    }
    .photo-section:before, .photo-section:after {
        content: "";
        display: block
    }
    #main .photo-image img {
        max-width: 350px;
    }
    .video-title {
        width: 350px;
    }
	.photo-caption, .photo-copy {
        max-width: 350px;
    }
/*TB*/
    .main-section .section-block.image-section-top, .main-section .section-block.image-section-bottom {
        display: block;
        flex-direction: column;
    }
    .main-section .section-block.image-section-top .text, .main-section .section-block.image-section-bottom .text {
        margin-bottom: 0;
    }
    .main-section .section-block.image-section-top .text .any-area ul.list2, .main-section .section-block.image-section-bottom .text .any-area ul.list2 {
        margin-bottom: 0 !important;
    }
    .main-section .section-block.image-section-top .text .any-area ul.list2+ul.list2, .main-section .section-block.image-section-bottom .text .any-area ul.list2+ul.list2 {
        margin-top: 1em !important;
    }
    .main-section .section-block.image-section-left, .main-section .section-block.image-section-right {
        display: block;
        flex-direction: row;
        align-items: flex-start;
    }
    .main-section .section-block.image-section-right {
        justify-content: flex-end;
    }
    .main-section .section-block.image-section-left .photo-section {
        margin-right: 20px;
        justify-content: center;
        flex-direction: column;
    }
    .main-section .section-block.image-section-right .photo-section {
        margin-left: 20px;
        justify-content: center;
        flex-direction: column;
    }
    .main-section .section-block.image-section-left .photo-section+.text, .main-section .section-block.image-section-right .photo-section+.text {
        flex: 1;
    }
    .main-section .section-block.image-section-top .text .any-area ul.list2 li>ul.list2, .main-section .section-block.image-section-bottom .text .any-area ul.list2 li>ul.list2 {
        margin-bottom: 1em !important;
    }
	.notice-wrapper {
        width: 95%;
        margin: 0 auto 15px;
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-collapse: collapse;
    }
    .notice-header {
        background-color: #ddd;
    }
    .notice-header .cell, .notice-body .cell {
        padding: 5px;
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
    }
    .notice-header .cell {
        font-weight: bold;
        text-align: left;
    }
    .archives-wrapper {
        width: 95%;
        margin: 0 auto 15px;
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-collapse: collapse;
    }
    .archives-header {
        background-color: #ddd;
    }
    .archives-header .cell, .archives-body .cell {
        padding: 8px;
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
    }
    .archives-header .cell {
        font-weight: bold;
        text-align: center;
    }
    .archives-wrapper caption {
        overflow: hidden;
        height: 0;
    }
    html[lang="en"] #main .archives-header .cell {
        text-align: center;
    }
    #sub .section>h2.title2 {
        background: linear-gradient(180deg, #d2d2d2, #fcfcfc);
    }
    #sub .section h2.title2>span {
        display: block;
        position: relative;
    }
    #sub .section h2.title2>span:before {
        content: '';
        position: absolute;
        width: 5px;
        top: 4px;
        left: -11px;
        bottom: 4px;
        border-top: 1px solid #004274;
        background: linear-gradient(180deg, #0070a5, #004477);
    }
    #sub .section .subbody {
        background: linear-gradient(180deg, #e9e9e9, #ffffff 8px);
    }

/*new_top.css*/
    #contents-body {
        flex-wrap: wrap;
    }
    div#main {
        width: 100%;
    }
    div#sub {
        width: 100%;
    }
    .link-banner {
        text-align: center;
    }
    div#sub ul:first-child {
        margin-top: 10px;
    }
    .link-banner li {
        display: inline-block;
    }
    #contents-body {
        flex-wrap: nowrap;
    }
    div#main {
        float:left;
        width: calc(100% - 240px) !important;
    }
    div#sub {
        float:right;
        width: 225px;
        min-width: auto;
    }
    #mobile {
        display: block;
    }
	body#page-topindex div#pagetop {
        max-width: 1366px;
    }

/*new_slide.css*/
    div#slideshow {
        display: block;
    }
    #image-slide {
        width: 65% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        left: auto !important;
        opacity: 1 !important;
    }
    #image-slide:before {
        content: "";
        display: block;
        padding-top: 70%;
        /* 鬮倥＆繧貞ｹ��75%縺ｫ蝗ｺ螳� */
    }
    #image-slide>div, #image-slide div>a, #image-slide>div, #image-slide div>span {
        width: 100%;
        height: 100%;
    }
    #image-slide .slick-track {
        width: 100% !important;
        height: 100%;
    }
    #image-slide div a>span, #image-slide div>span>span {
        background-color: rgba(255, 255, 255, 0.9);
    }
    #image-slide div picture img {
        width: 100%;
        max-width: 680px !important;
        height: auto;
        margin: 0px auto;
    }
    #image-slide .slick-slide {
        width: 100% !important;
        height: 100%;
        position: absolute !important;
        left: 0 !important;
        overflow: hidden;
    }
    #console {
        width: calc( 35% - 10px);
        margin-left: 10px;
    }
    #navi-slide {
        height: calc(100% - 25px);
        min-height: 240px;
        overflow: visible;
    }
    #navi-slide .slick-track .slide-text-item {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        line-height: 1.2;
        font-size: .92857em;
        background-color: #fff;
        color: #333;
        margin-top: 2px;
        padding: 5px 7px 5px 7px;
        width:100% !important;
    }
    html[lang="en"] #navi-slide .slick-track .slide-text-item {
        font-size: .9333em;
    }
    .slick-prev, .slick-next, .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus, #forward a, #back a {
        display: block;
        position: relative;
        width: 100%;
        height: 20px;
        border: 1px solid #ffffff;
        background-color: #dde4f0;
        box-sizing: border-box;
        left: 0;
        z-index: 3;
    }
    .slick-prev:focus, .slick-next:focus {
        outline: -webkit-focus-ring-color auto 1px;
    }
    .slick-prev {
        top: 10px;
    }
    .slick-next {
        top: auto;
        bottom: -10px;
    }
    .slick-prev:after, .slick-next:after, #forward a:after, #back a:after {
        content: '';
        position: absolute;
        top: calc(50% - 3px);
        left: calc(50% - 5px);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }
    .slick-next:after, #forward a:after {
        border-top: 6px solid #1a2a81;
    }
    .slick-prev:after, #back a:after {
        border-bottom: 6px solid #1a2a81;
    }
    .slick-prev:before, .slick-next:before {
        content: none;
    }
    #image-slide div picture img {
        max-width: 700px !important;
    }
    body {
        -webkit-print-color-adjust: exact;
        top:0 !important;
        left:0 !important;
        /*width:200mm !important;
        height:290mm !important;*/
    }
    app-root {
        display: block;
    }
    app-cards {
        /*height: 296mm;*/
        overflow: hidden;
    }
    #main #section1 .any-area .pics li{
        width:45%;
    }