@charset "utf-8";

/*! base.css v1.1 */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a{text-decoration:none;color:#238ac9}a:focus{outline:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0}a:active,a:hover{outline:0}h1,h2,h3,h4,h5,h6{font-size:100%;margin:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote p{margin:1rem .5rem;border-radius:6px;background:#e9f7ff;border:solid 2px #afd2ed;padding:1.5rem 1rem;font-size:92%}blockquote p:last-child {display: none;}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:0}dd{margin:0}menu,ol,ul{padding:0}nav ol,nav ul{list-style:none;list-style-image:none}ul{list-style:none}img{max-width:100%;height:auto;vertical-align:top;border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0;padding:0}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}input.clear_css:-webkit-autofill,textarea.clear_css:-webkit-autofill{-webkit-box-shadow:0 1px 3px #c9c9c9 inset!important;transition:background-color 10s ease-in-out 0s}input.clear_css:-webkit-autofill.wpcf7c-conf,textarea.clear_css:-webkit-autofill.wpcf7c-conf{-webkit-box-shadow:0 0 0 1000px #f7f9f6 inset!important;transition:background-color 10s ease-in-out 0s}.clearfix:after{display:block;clear:both;content:""}.hover{-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.hover:hover{opacity:.8}.objfitIE img{width:100%;object-fit:cover}@media all and (-ms-high-contrast:none){br{opacity:0;font-size:0}}.button-single{margin:2rem auto;text-align:center}.button-single a{width:204px;font-size:17px;color:#fff;background:url(../images/blog/btn_arrow-carrot_right_white.png) no-repeat right 20px center,#0096ff;font-weight:700;border-radius:5px;text-shadow:2px 2px 2px #0071d9;letter-spacing:1.5px;text-align:center;padding:1rem}.boxInfo .btn{display:none}h1.itemTitle span{color:#888;font-size:30%;display:inline-block}.boxInfo{align-items:baseline}p.btnFavorite{margin-left:0!important}.areaFirst .wrapInfo .desItem{width:100%!important;margin-bottom:1rem}.boxInfo{display:flex}.areaFirst .wrapInfo .boxFirst .boxInfo .btnFavorite,.areaFirst .wrapInfo .desItemWrap .boxInfo .btnFavorite{position:unset!important}@media only screen and (min-width:769px){h1.itemTitle span{padding-left:8px}.boxTitle{width:70%!important}.areaFirst .wrapInfo .boxFirst .boxInfo{width:37%!important}h1.itemTitle.iT_sp{display:none}p.score_avg span{font-size:1vw}.starReview .score_avg{font-size:35px!important;font-family:'Roboto Condensed',sans-serif}.areaFirst .wrapInfo .boxFirst .boxInfo .itemReview{width:80%!important}}@media only screen and (max-width:768px){h1.itemTitle.iT_sp span{display:block}h1.itemTitle.iT_pc{display:none}p.score_avg span{font-size:3vw}.areaFirst .wrapInfo .boxFirst .boxInfo{margin-top:-2rem!important;justify-content:inherit}p.btnFavorite{width:21%!important}.areaFirst .wrapInfo .boxFirst .boxInfo .itemReview{width:70%!important}.areaFirst .wrapInfo .boxFirst .boxTitle{width:100%!important}}

/*! main.css */.customize.main,.main-img-normal.main{position:relative;background:url(../images/hajimete/main-photo.png) no-repeat top center;height:356px;margin-bottom:12px;padding-top:102px;z-index:0}.main-img-normal.main{height:auto}.mainMin{height:254px;background:url(../images/common/main-bg.png) no-repeat top center;position:relative}.mainMin .mainTitle{font-size:64px;text-align:center;position:absolute;left:50%;top:56.3%;transform:translate(-50%,-50%);color:#fff;font-weight:900;text-shadow:1px 2px 2px rgba(0,0,0,.4);letter-spacing:.2px}.main-img-banner.main{height:600px;background:url(../images/common/main-big-bg.jpg) no-repeat top center;padding-top:105px;text-align:center}.main-img-banner.main img{margin-left:-48px}@media(max-width:768px){.customize.main,.main-img-normal.main{height:67.2vw;background:0 0;margin-bottom:-1px}.main-img-normal.main{padding-top:14.933vw}.customize.main:after,.main-img-normal.main:after{content:"";position:absolute;padding-top:27.2vw;background:url(../images/common/main-big-bg-sp.png) no-repeat top center;background-size:100%;top:0;left:0;width:100%;height:112vw;z-index:-1}.mainMin{height:77.067vw;position:relative}.mainMin{background:url(../images/common/main-bg-sp.png) no-repeat top center;background-size:cover;margin-top:0}.mainMin .mainTitle{top:27.467vw;width:100%;font-size:36px;letter-spacing:-.5px;text-shadow:1px 1px 2px rgb(0 0 0 / 40%)}.main-img-banner.main{background:0 0;height:67.7vw;padding:17.333vw 24px 0}.main-img-banner.main:after{content:"";position:absolute;background:url(../images/common/main-big-bg-sp.png) no-repeat top center;background-size:100%;top:0;left:0;width:100%;height:112vw;z-index:-1}.main-img-banner.main .inner{padding:0}.main-img-banner.main img{margin-left:0}}

/***************************************************************************
 *
 * COMMON STYLE
 *
 ***************************************************************************/
::-webkit-scrollbar{
    height: 10px;
    width: 10px;
}
::-webkit-scrollbar-track{
    background: #f2f2f2;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb{
    background: #38d7f4;
    border-radius: 10px;
}
html, button, input, select, textarea, bode {
    font-family: 'Noto Sans JP','-apple-system',BlinkMacSystemFont,'Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','ヒラギノ角ゴ Pro W3','メイリオ','Hiragino Kaku Gothic ProN', sans-serif;
}
body {
    background-color: #FFFFFF;
    font-size: 14px;
    line-height: 1.8;
    color: #454545;
    padding-top: 0;
	margin: 0;
}

body.customize_bg {
    /*background: #e9f7ff;*/
	background: #EDF8FF;
}

body.fixed {
    overflow: hidden;
}

.robotoC {
    font-family: 'Roboto Condensed', sans-serif;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}

.inner {
    width: 1000px;
    margin: 0 auto;
}

#content .inner {
    width: 1026px;
}

#wpg-login{
    position: absolute;
    opacity: 0;
    z-index: -9999999;
    visibility: hidden;
}

/*VALIDATE CONTACT*/
.error {
    display: block;
    font-size: 12px;
    color: red;
}

.loadingMember {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.6);
    z-index: 999;
}

.loadingMember.showmem_loading_icon {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 100;
}

.loadingMember .ball-pulse>div {
    background-color: #119ced;
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.ball-pulse>div:nth-child(1) {
    -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse>div:nth-child(2) {
    -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse>div:nth-child(3) {
    -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}

/* HEADER */
#header {
    width: 100%;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#header .headerBar {
    padding: 8px 0 10px;
    transition: all 0.3s;
}

#header .headerBar .inner {
    width: 1306px;
    display: flex;
    align-items: center;
}

#header .headerBar .logo {
    width: 288px;
    margin: -1px 0 0 13px;
}

#header .headerBar .menu {
    width: 610px;
    margin: 10px 0 0 53px;
    transition: all 0.3s;
}

#header .headerBar .menu li {
    float: left;
}

#header .headerBar .menu li+li {
    margin-left: 15px;
}

#header .headerBar .menu li a {
    color: #fff;
    font-weight: 500;
}

#header .headerBar .menu li.login{
    margin-top: -10px;
}
#header .headerBar .menu li.login a{
    display: block;
}

#header .headerBar .menu li .icon {
    display: inline-block;
    vertical-align: -5px;
}

#header .headerBar .menu li .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    font-size: 15px;
}

#header .headerBar .menu li:nth-child(2) .icon {
    vertical-align: -2px;
}

#header .headerBar .menu li:nth-child(3) .icon {
    vertical-align: -3px;
}

#header .headerBar .menu li:last-child .icon {
    vertical-align: -2px;
}

#header .headerBar .publisherBox {
    margin-left: 27px;
    margin-top: 6px;
}

#header .headerBar .publisherBox .publisher {
    color: #fff;
    font-weight: 500;
}

#header .headerBar .publisherBox .publisher .label {
    font-size: 13px;
    display: inline-block;
    width: 55px;
}

#header .headerBar .publisherBox .publisher .num {
    display: inline-block;
    width: 36px;
    font-size: 15px;
    color: #ffff05;
    text-align: right;
    margin-right: 3px;
    letter-spacing: -0.9px;
}

#header .headerBar .boxBtn {
    margin-left: 19px;
    margin-top: 2px;
    transition: all 0.3s;
}

#header .headerBar .boxBtn .listBtn {
    overflow: hidden;
}

#header .headerBar .boxBtn .listBtn li {
    float: left;

}

#header .headerBar .boxBtn .listBtn li+li {
    margin-left: 4px;
}

#header .headerBar .boxBtn .listBtn li.favorite a,
#header .headerBar .boxBtn .listBtn li.searchBtn a {
    position: relative;
    display: block;
}

#header .headerBar .boxBtn .listBtn li.favorite .number {
    position: absolute;
    top: 24%;
    left: 77.1%;
    transform: translate(-50%, -50%);
    background: #ffec00;
    color: #000;
    width: 22px;
    height: 22px;
    border: 2px solid #ffae00;
    border-radius: 50px;
    font-size: 9.5px;
    text-align: center;
    font-weight: 600;
    padding-top: 2px;
}

/* CONTENT */
#content {
    position: relative;
    width: 100%;
}

#breadCrumbs {
    position: relative;
    padding-top: 4px;
}

.br_customize#breadCrumbs {
    margin: -283px 0 6px;
}

.br_banner#breadCrumbs {
    margin-top: -205px;
}

#breadCrumbs .breadC {
    display: flex;
    margin-left: -16px;
}

/* #breadCrumbs .breadC li {
    position: relative;
    color: #454545;
    letter-spacing: 1px;
    font-size: 13px;
} */

#breadCrumbs .breadC a {
    font-size: 13px;
    color: #888;
    line-height: 1;
    letter-spacing: 0;
    color: #454545;
}

.br_customize#breadCrumbs .breadC li,
.br_customize#breadCrumbs .breadC li a,
.br_customize#breadCrumbs .breadC li a span,
.br_customize#breadCrumbs .breadC li:not(:last-child):after {
    color: #fff;
}

#breadCrumbs .breadC li:not(:last-child):after {
    content: ">";
    display: inline-block;
    margin: 0 12px;
}

/*AREATITLE*/
.areaTitle {
    text-align: center;
    margin-bottom: 13px;
}

.areaTitle .titleEn {
    font-size: 17px;
    color: #004eb8;
    letter-spacing: 1.4px;
    margin-bottom: 11px;
}

.areaTitle .titleJp {
    position: relative;
    font-size: 36px;
    color: #004eb8;
    background: url(../images/index/area-title-bg.png) no-repeat center bottom/100%;
    padding-bottom: 40px;
}

.areaTitle .titleJp:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 13px;
    width: 54px;
    height: 37px;
    background: url(../images/index/icon-hand.png) no-repeat center center/100%;
}

.areaTitle .titleJp:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 13px;
    width: 54px;
    height: 37px;
    background: url(../images/index/icon-hand.png) no-repeat center center/100%;
    transform: rotateY(180deg);
}

.areaTitle.white .titleEn {
    color: #fff;
}

.areaTitle.white .titleJp {
    color: #fff;
    background: url(../images/index/area-title-white-bg.png) no-repeat center bottom/100%;
}

.areaTitle.white .titleJp:before,
.areaTitle.white .titleJp:after {
    background: url(../images/index/icon-hand-white.png) no-repeat center center/100%;
}

/*AREATITLE*/




/* FOOTER */
#footer {
    width: 100%;
}

/*areaTrouble*/
.areaTrouble {
    padding: 58px 0 90px;
    background: #fff;
}

.areaTrouble .boxSearch {
    width: 657px;
    display: inline-block;
    vertical-align: top;
    margin-right: 33px;
}

.areaTrouble .boxSearch .boxTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
}

.areaTrouble .boxSearch .boxTitle .searchTitle {
    font-size: 20px;
    background: url(../images/common/trouble-search-icon.png) no-repeat left center;
    background-size: 25px 26px;
    padding-left: 35px;
}

.areaTrouble .boxSearch .boxTitle .btnSelectarea {
    margin-bottom: -9px;
    margin-right: -3px;
}

.areaTrouble .boxSearch .listTrouble {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.areaTrouble .boxSearch .listTrouble li {
    background: #003cec;
    width: 152px;
    height: 120px;
    border-radius: 5px;
    box-shadow: 0px 3px 7px rgb(0 60 236 / 33%);
    transition: all 0.3s;
    margin-bottom: 16px;
}

.areaTrouble .boxSearch .listTrouble li:hover {
    background: #00b7ec;
    box-shadow: 0px 13px 21px rgba(0, 60, 236, 0.40);
}

.areaTrouble .boxSearch .listTrouble li a {
    color: #fff;
    text-align: center;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.areaTrouble .boxSearch .listTrouble li .title {
    margin-top: 16px;
}

.areaTrouble .boxSearch .listTrouble li .title .icon {
    width: 13px;
    display: inline-block;
    vertical-align: -6px;
    margin-right: 3px;
}

.areaTrouble .boxSearch .listTrouble li .title .text {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
}

.areaTrouble .boxContact {
    width: 302px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-top: 42px;
}

.areaTrouble .boxContact .ntroducing {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    position: relative;
    margin-bottom: 14px;
    letter-spacing: -0.8px;
    display: inline-block;
}

.areaTrouble .boxContact .ntroducing:after {
    content: "";
    position: absolute;
    background: url(../images/common/line-left.png) no-repeat;
    background-size: 17px 23px;
    width: 17px;
    height: 22px;
    left: -17px;
    top: 50%;
    transform: translateY(-50%);
}

.areaTrouble .boxContact .ntroducing:before {
    content: "";
    position: absolute;
    background: url(../images/common/line-right.png) no-repeat;
    background-size: 19px 23px;
    width: 19px;
    height: 24px;
    right: -19px;
    top: 59%;
    transform: translateY(-50%);
}

.areaTrouble .boxContact .text {
    margin-bottom: 9px;
    line-height: 1.4;
    font-size: 13px;
}

.areaTrouble .boxContact .telNum {
    margin-bottom: 1px;
}

.Common.telNum a {
    font-size: 37px;
    font-weight: bold;
    color: #ff6918;
    background: url(../images/index/concierge-tel.png) no-repeat left center/35px;
    padding-left: 40px;
    letter-spacing: -1.4px;
    line-height: 1.25;
}

.areaTrouble .boxContact .timeWork {
    margin-bottom: 11px;
}

.areaTrouble .boxContact .lineBtn {
    margin-bottom: 14px;
}

.areaTrouble .boxContact .contactBtn a,
.areaTrouble .boxContact .lineBtn a {
    display: block;
}

.areaTrouble .boxContact .contactBtn a img,
.areaTrouble .boxContact .lineBtn a img {
    box-shadow: 0px 4px 17px #ccc;
    border-radius: 30px;
}

/*wrapFt*/
.wrapFt {
    padding: 90px 0 40px;
    position: relative;
    background: #e9f7ff;
}

.wrapFt:after {
    content: "";
    position: absolute;
    background: url(../images/common/pc_landscape.png) repeat-x top;
    width: 100%;
    height: 336px;
    top: -35px;
    left: -10px;
}


/*ftMenu*/
.ftMenu {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}


.ftMenu .menu .bigMenu {
    float: left;
}

.ftMenu .menu .bigMenu:not(:first-child) {
    margin-left: 52px;
}


.ftMenu .menu .bigMenu.last {
    margin-left: 67px;
}

.ftMenu .menu .wrapbigMenu {
    float: left;
    margin-left: 74px;
}

.ftMenu .menu .wrapbigMenu .bigMenu {
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

.ftMenu .menu .bigMenu .title {
    font-size: 17px;
    font-weight: bold;
    position: relative;
    margin-bottom: 8px;
    display: block;
    margin-left: 16px;
    letter-spacing: 0.3px;
}

.ftMenu .menu .bigMenu .title:before {
    content: "";
    position: absolute;
    background: #004eb8;
    width: 6px;
    height: 24px;
    left: -15px;
    top: 54%;
    transform: translateY(-50%);
}

.ftMenu .menu .bigMenu .subMenu li {
    margin-left: 6px;
}

.ftMenu .menu .bigMenu .subMenu li a {
    padding-left: 10px;
    background: url(../images/common/btn_arrow-carrot_right_blue.png) no-repeat left 1px center;
    background-size: 5px 8px;
    color: #454545;
    font-size: 13px;
    line-height: 2.1;
    transition: all 0.1s;
    letter-spacing: 0.2px;
}

/*areaWelcome*/

.wrapFt .areaWelcome .boxWelcomePc {
    background: #ffe600;
    border: 4px solid #fff;
    padding: 11.5px 9px;
}

.wrapFt .areaWelcome .boxWelcomePc .iconWelcome {
    width: 99px;
    display: inline-block;
    vertical-align: middle;
}

.wrapFt .areaWelcome .boxWelcomePc .welcomeText {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    margin-left: 2px;
}

.wrapFt .areaWelcome .boxWelcomePc .boxPrice {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    margin: 0 26px 0 30px;
}

.wrapFt .areaWelcome .boxWelcomePc .boxPrice li {
    background: #fff;
    border-radius: 5px;
    width: 95px;
    padding: 5px;
}

.wrapFt .areaWelcome .boxWelcomePc .boxPrice li:nth-child(1) {
    float: left;
}

.wrapFt .areaWelcome .boxWelcomePc .boxPrice li:nth-child(2) {
    float: right;
}

.wrapFt .areaWelcome .boxWelcomePc .boxPrice li .priceTitle {
    font-size: 16px;
    text-align: center;
    color: #000;
    font-weight: 600;
}

.wrapFt .areaWelcome .boxWelcomePc .boxPrice li .price {
    text-align: center;
    font-size: 20px;
    color: #f01b6c;
    font-weight: 600;
    margin-left: 21px;
}

.wrapFt .areaWelcome .boxWelcomePc .boxPrice li .price .priceNum {
    font-size: 70px;
    color: #f01b6c;
    line-height: 0.8;
    display: inline-block;
}

.wrapFt .areaWelcome .boxWelcomePc .textNote {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}

/*areaBridge*/
.areaBridge {
    background: #102553;
    padding: 35px 0 155px;
}

.areaBridge .bridgeWrap {
    color: #fff;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.areaBridge .bridgeWrap .ftMenuBox {
    width: 470px;
    overflow: hidden;
    display: flex;
    margin-top: -4px;
}

.areaBridge .bridgeWrap .ftMenuBox .ftmenuRight {
    margin-left: 28px;
}

.areaBridge .bridgeWrap .ftMenuBox .ftMenu li {
    float: left;
}

.areaBridge .bridgeWrap .ftMenuBox .ftMenu li+li {
    margin-left: 30px;
}

.areaBridge .bridgeWrap .ftMenuBox .ftMenu li a {
    color: #fff;
    font-weight: 300;
    background: url(../images/common/ft-arrow-menu.png) no-repeat left center;
    background-size: 4.6px 8px;
    padding-left: 13px;
    font-size: 13px;
    letter-spacing: 0.3px;
}

.areaBridge .bridgeWrap .boxBrid {
    width: 462px;
}

.areaBridge .bridgeWrap .boxBrid .bridTitle {
    font-size: 16.5px;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 5px 0 6px;
    margin-bottom: 8px;
}

.areaBridge .bridgeWrap .boxBrid .text {
    font-size: 11px;
    line-height: 1.65;
    letter-spacing: 0.2px;
}

.areaBridge #copyright {
    color: #fff;
    text-align: right;
    font-size: 11.5px;
    letter-spacing: -0.3px;
    margin-right: 7px;
    margin-top: -7px;
}

/*areaContactus*/
.areaContactus {
    background: #e9f7ff;
    padding: 9px 0 6px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.areaContactus .inner {
    position: relative;
    text-align: center;
}

.areaContactus .ctusPhoto {
    position: relative;
    top: 0;
}

.areaContactus .telNum {
    position: absolute;
    left: 126px;
    top: 55.27%;
    transform: translateY(-50%);
}

.areaContactus .lineBtn {
    position: absolute;
    left: 420px;
    top: 60%;
    transform: translateY(-50%);
}

.areaContactus .contactBtn {
    position: absolute;
    right: 102px;
    top: 60%;
    transform: translateY(-50%);
}



/*popSearch*/
.popSearch {
    background: rgba(171, 224, 241, 0.80);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99991;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
}

.popSearch.show {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999991 !important;
}

.popSearch .popBoxSearch {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 788px;
    margin: 0 auto;
    padding: 16px 15px 54px;
    z-index: 999992;
}

.popSearch .popBoxSearch .btnClose {
    margin: 0 0 16px;
    text-align: right;
}

.popSearch .popBoxSearch .btnClose a{
    width: 22px;
    display: inline-block;
}

.popSearch .popBoxSearch .searchTitle {
    font-size: 28.5px;
    text-align: center;
    margin-bottom: 21px;
}

.popSearch .popBoxSearch .searchTitle span {
    position: relative;
}

.popSearch .popBoxSearch .searchTitle span:before {
    content: "";
    position: absolute;
    background: url(../images/common/trouble-search-icon.png)no-repeat;
    background-size: 25px 26px;
    width: 25px;
    height: 26px;
    left: -31px;
    top: 50%;
    transform: translateY(-50%);
}

.popSearch .popBoxSearch .listTrouble {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 657px;
    margin: 0 auto 17px;
}

.popSearch .popBoxSearch .listTrouble li {
    background: #0070d8;
    width: 152px;
    height: 120px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0px 3px 7px rgb(0 60 236 / 33%);
    transition: all 0.3s;
    margin-bottom: 16px;
}

.popSearch .popBoxSearch .listTrouble li.active {
    background: #00b7ec;
    box-shadow: 0px 13px 21px rgba(0, 60, 236, 0.40);
}

.popSearch .popBoxSearch .listTrouble li:hover {
    background: #00b7ec;
    box-shadow: 0px 13px 21px rgba(0, 60, 236, 0.40);
}


.popSearch .popBoxSearch .listTrouble li .checkLabel {
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 20px;
    height: 120px;
    cursor: pointer;
}

.popSearch .popBoxSearch .listTrouble li .checkLabel input {
    display: none;
}

.popSearch .popBoxSearch .listTrouble li .title {
    margin-top: 16px;
}

.popSearch .popBoxSearch .listTrouble li .title .icon {
    width: 13px;
    display: inline-block;
    vertical-align: -6px;
    margin-right: 3px;
}

.popSearch .popBoxSearch .listTrouble li .title .text {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
    color: #fff;
}

.popSearch .popBoxSearch .listBtn {
    width: 444px;
    margin: 0 auto 34px;
    display: flex;
    justify-content: space-between;
}

.popSearch .popBoxSearch .listBtn li .checkLabel {
    display: block;
    cursor: pointer;
    opacity: 0.6;
}

.popSearch .popBoxSearch .listBtn li.active .checkLabel {
    opacity: 1;
}

.popSearch .popBoxSearch .listBtn .checkLabel input {
    display: none;
}

.popSearch .popBoxSearch .boxSearch {
    width: 386px;
    margin: 0 auto;
    background: #004eb8;
    border-radius: 3px;
    padding-left: 2px;
}

.popSearch .popBoxSearch .boxSearch .inputText {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border: none;
    -webkit-appearance: none;
    border-radius: 3px 0 0 3px;
    box-shadow: none;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    color: #004eb8;
    height: 51px;
    padding-left: 20px;
    width: 324px;
}

.popSearch .popBoxSearch .boxSearch .inputText::placeholder {
    color: #b8c5e4;
}

.popSearch .popBoxSearch .boxSearch .searchBtn {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border: none;
    background: none;
    -webkit-appearance: none;
    border-radius: 0px;
    box-shadow: none;
}

/*searchZipcode*/

.searchZipcode {
    background: rgba(171, 224, 241, 0.80);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99991;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
}

.searchZipcode.show {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999991 !important;
}

.searchZipcode .boxZipcode {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 1026px;
    margin: 0 auto;
    padding: 19px 22px 39px;
    z-index: 999992;
}

.searchZipcode .boxZipcode .btnClose {
    text-align: right;
}

.searchZipcode .wrap_popup {
    width: 100%;
    max-height: calc(100vh - 100px );
    overflow-y: auto;
}

.searchZipcode .boxZipcode .zipTitle {
    font-size: 25px;
    color: #0070d8;
    text-align: center;
    margin-bottom: 8px;
}

.searchZipcode .boxZipcode .tokyo {
    margin: 21px 0 11px;
}


.searchZipcode .boxZipcode .tokyo .textTl {
    border-bottom: 1px solid #0070d8;
    display: inline-block;
}



.searchZipcode .boxZipcode .zipTitle2 {
    margin-bottom: 14px;
}


.searchZipcode .boxZipcode .zipTitle .icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    position: relative;
    top: 4px;
}

.searchZipcode .boxZipcode .zipTitle .textTl {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.searchZipcode .boxZipcode .boxSearch {
    width: 386px;
    margin: 0 auto 40px;
    background: #0070d8;
    border-radius: 3px;
    padding-left: 2px;
}

.searchZipcode .boxZipcode .boxSearch .inputText {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border: none;
    -webkit-appearance: none;
    border-radius: 3px 0 0 3px;
    box-shadow: none;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    color: #004eb8;
    height: 51px;
    padding-left: 14px;
    width: 324px;
}

.searchZipcode .boxZipcode .boxSearch .inputText::placeholder {
    color: #b8c5e4;
}

.searchZipcode .boxZipcode .boxSearch .searchBtn {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border: none;
    background: none;
    -webkit-appearance: none;
    border-radius: 0px;
    box-shadow: none;
}

.searchZipcode .boxZipcode .row_frm_search {
    width: 940px;
    margin: 0 auto;
}

.searchZipcode .boxZipcode .row_frm_search .list_item {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.searchZipcode .boxZipcode .row_frm_search .list_item li {
    border-right: 1px solid #fff;
    width: auto;
    float: none;
    display: table-cell;
    background: #e2f4ff;
    margin: 0 1px 1px 0;
    text-align: center;
}

.searchZipcode .boxZipcode .row_frm_search .list_item li a {
    font-weight: 500;
    font-size: 18px;
    padding: 5px 0 6px;
    display: block;
    color: #000;
    transition: all .3s;
}

.searchZipcode .boxZipcode .row_frm_search .list_item li a:hover,
.searchZipcode .boxZipcode .row_frm_search .list_item li.active {
    background: #0070d8;
    color: #fff;
    opacity: 1;
}

.searchZipcode .boxZipcode .row_frm_search .list_item li.active a {
    color: #fff;
}


.searchZipcode .boxZipcode .row_frm_search .list_tab {}

.searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab {
    display: none;
}

.searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab.active {
    display: block
}

.searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab .title_tab {}

.searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab .list_tab_sub {
    overflow: hidden;
    margin-top: 11px
}

.searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab .list_tab_sub li {
    width: 187px;
    margin: 0 1px 1px 0;
    float: left;
}

.searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab .list_tab_sub li a {
    display: block;
    background: #e2f4ff url(../images/common/select_area_icon_arrow.png) no-repeat center right 6px;
    font-size: 18px;
    color: #000;
    padding: 5px 5px 5px 24px;
    text-align: left;
    font-weight: 500;
    transition: all .3s;
}

.searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab .list_tab_sub li.active a {
    color: #fff;
    background: #0070d8 url(../images/common/select_area_icon_arrow-white.png) no-repeat center right 6px;
    opacity: 1;
}

.searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab .list_tab_sub li a:hover {
    color: #fff;
    background: #0070d8 url(../images/common/select_area_icon_arrow-white.png) no-repeat center right 6px;
    opacity: 1;
}

.searchZipcode .load_poup_ajax{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 999993;
    display: none;
    background-size: 50px;
}
.searchZipcode .load_poup_ajax .loading_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.sp, .show_sp {
    display: none;
}

/* FIX TABLET */
@media (max-width: 1230px) and (min-width: 769px) {
    body {
        width: 1349px;
    }
}

/* PC ONLY */
@media (min-width: 769px) {
    #header.scrollX {
        width: 1349px;
    }
	
	.admin-bar #header {
	    top: 32px;
	}

    #header:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        box-shadow: 0 0 5px transparent;
        transition: all 0.3s;
        z-index: -1;
    }

    #header.scroll:before {
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }

    #header.scroll .header-top,
    #header .scroll-active,
    #header.scroll .headerBar .publisherBox {
        display: none;
    }

    #header .header-top,
    #header.scroll .scroll-active,
    #header .headerBar .publisherBox {
        display: block;
    }

    #header.scroll .headerBar .menu li a {
        color: #5d5d5d;
    }

    #header.scroll .headerBar .publisherBox .publisher .num {
        color: #dd3935;
    }

    #header.scroll .headerBar .publisherBox .publisher {
        color: #5d5d5d;
    }

    #header.scroll .headerBar {
        padding: 3px 0 5px;
    }

    #header.scroll .headerBar .logo {
        margin: 0;
        flex: auto;
    }

    #header.scroll .headerBar .menu {
        margin-top: 8px;
    }

    #header.scroll .headerBar .boxBtn .listBtn li.favorite .number {
        display: none;
    }

    #header.scroll .headerBar .boxBtn {
        margin-right: -15px;
    }

    .areaContactus .telNum a,
    .areaTrouble .boxContact .telNum a {
        pointer-events: none;
    }

    .areaBridge .bridgeWrap .ftMenuBox .ftMenu li a:hover {
        opacity: 0.5;
    }

    .wrapFt .ftMenu .menu .bigMenu:nth-child(2) {
        margin-left: 0;
    }

    .wrapFt .ftMenu .menu .bigMenu .subMenu li a:hover {
        background: url(../images/common/btn_arrow-carrot_right_blue.png) no-repeat left 3px center;
        background-size: 5px 8px;
    }
}

/* STYLE MOBILE */
@media (max-width: 768px) {
    .pc, .show_pc {
        display: none;
    }

    .sp, .show_sp {
        display: block;
    }

    .inner {
        width: 100%;
        padding: 0 5%;
    }

    #content .inner {
        width: 100%;
        padding: 0 5%;
    }

    /* MENU */
    .hamburger {
        width: 45px;
        height: 40px;
        padding: 1px 7px;
        z-index: 9991;
        background: #0070d8;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        border-radius: 4px;
        margin-left: 3px;
    }

    .hamburger span {
        display: block;
        height: 1px;
        width: 100%;
        background: #fff;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .hamburger span:nth-child(1) {
        margin-bottom: 6px;
    }

    .hamburger span:nth-child(2) {
        opacity: 1
    }

    .hamburger span:nth-child(3) {
        margin-top: 6px;
    }

    .hamburger.open span:nth-child(1) {
        margin-bottom: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .hamburger.open span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
        margin-top: -2px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9999;
    }

    #header .scroll-active {
        display: none;
    }

    #header.addbg {
        background: #01b1f2;
        transition: all 0.3s;
    }

    #header .headerBar .inner {
        width: 100%;
        padding: 0 3% 0 2%;
        justify-content: space-between;
    }

    #header .headerBar .logo {
        width: 183px;
        margin: 4px 0 0 0;

    }

    #header .headerBar .boxBtn {
        margin-left: 27px;
        display: flex;
        justify-content: space-between;
    }

    #header .headerBar .boxBtn .listBtn li {
        width: 46px;
    }

    #header .headerBar .boxBtn .listBtn li+li {
        margin-left: 3px;
    }

    /*breadCrumbs*/
    #breadCrumbs {
        margin-top: -27.200vw;
    }

    .br_banner#breadCrumbs {
        margin-top: 0;
        display: none;
    }

    .br_nomain#breadCrumbs {
        margin-top: 0;
    }

    #breadCrumbs .breadC {
        margin-left: 0;
        display: none;
    }

    #breadCrumbs .breadC li {
        font-size: 11px;
        display: inline;
    }

    #breadCrumbs .breadC li a {
        font-size: 11px;
    }

    #breadCrumbs .breadC li:not(:last-child):after {
        margin: 0 8px;
    }

    .br_customize#breadCrumbs {
        margin: -54.400vw 0 6px;
    }

    /*AREATITLE*/
    .areaTitle .titleEn {
        font-size: 15px;
        letter-spacing: 1px;
        margin-bottom: 2px;
    }

    .areaTitle .titleJp {
        position: relative;
        font-size: 20px;
        background: url(../images/index/area-title-bg-sp.png) no-repeat center bottom/100%;
        padding-bottom: 18px;
        letter-spacing: -0.5px;
    }

    .areaTitle .titleJp:before {
        left: 2px;
        top: auto;
        bottom: 22px;
        width: 27px;
        height: 18.5px;
    }

    .areaTitle .titleJp:after {
        right: 2px;
        top: auto;
        bottom: 22px;
        width: 27px;
        height: 18.5px;
    }

    .areaTitle.white .titleEn {
        margin-bottom: 4px;
    }

    .areaTitle.white .titleJp {
        line-height: 1.25;
        background: url(../images/index/area-title-white-bg-sp.png) no-repeat center bottom/100%;
        padding-bottom: 23px;
    }

    .areaTitle.white .titleJp:before {
        top: 50%;
        transform: translateY(-50%);
    }

    .areaTitle.white .titleJp:after {
        top: 50%;
        transform: translateY(-50%) rotateY(180deg);
    }

    /*AREATITLE*/

    /*areaTrouble*/
    .areaTrouble {
        padding: 33px 0 46px;
    }

    .areaTrouble .boxSearch {
        width: 100%;
        max-width: 338px;
        margin: 0 auto;
        display: block;
    }

    .areaTrouble .boxSearch .listTrouble li {
        width: 76px;
        height: 85px;
        margin-bottom: 10px;
        padding-top: 7px;
    }

    .areaTrouble .boxSearch .listTrouble li:nth-child(5) a img {
        width: 17px;
    }

    .areaTrouble .boxSearch .listTrouble li a img {
        width: 27px;
    }

    .areaTrouble .boxSearch .listTrouble li .title {
        margin-top: 7px;
		line-height: 1.3;
    }

    .areaTrouble .boxSearch .listTrouble li .title .icon {
        vertical-align: -3px;
        margin-right: 2px;
        width: 12px
    }

    .areaTrouble .boxSearch .listTrouble li .title .text {
        font-size: 12.5px;
        letter-spacing: 0px;
        text-align: left;
        vertical-align: top;
        min-height: 38px;
    }

    .areaTrouble .boxSearch .boxTitle {
        margin-bottom: 15px;
    }

    .areaTrouble .boxSearch .boxTitle .searchTitle {
        font-size: 16px;
        background: url(../images/common/trouble-search-icon.png) no-repeat left top 3px;
        background-size: 20px 21px;
        padding-left: 26px;
        margin-top: 2px;
    }

    .areaTrouble .boxSearch .boxTitle .btnSelectarea {
        width: 133px;
    }

    .areaTrouble .boxSearch .listTrouble li:hover {
        box-shadow: 0px 7px 11px #53b0f2;
    }

    .areaTrouble .boxContact {
        width: 100%;
        max-width: 414px;
        margin: 11px auto 0;
        display: block;
    }

    .areaTrouble .boxContact .ntroducing {
        font-size: 14px;
        display: inline-block;
        letter-spacing: 0.4px;
        margin-bottom: 6px;
    }

    .areaTrouble .boxContact .ntroducing:after {
        background: url(../images/common/line-left-sp.png) no-repeat;
        background-size: 100% 100%;
        width: 13px;
        height: 18px;
        left: -19px;
        top: 58%;
    }

    .areaTrouble .boxContact .ntroducing:before {
        background: url(../images/common/line-right-sp.png) no-repeat;
        background-size: 100% 100%;
        width: 13px;
        height: 18px;
        right: -19px;
        top: 58%;
    }

    .areaTrouble .boxContact .text {
        font-size: 11px;
        margin-bottom: 6px;
        line-height: 1.5;
    }

    .areaTrouble .boxContact .telNum {
        margin-bottom: 10px;
    }

    .areaTrouble .boxContact .contactBtn a img,
    .areaTrouble .boxContact .lineBtn a img {
        box-shadow: 0px 2px 5px #ccc;
        border-radius: 50px;
    }

    .Common.telNum {
        width: 100%;
    }

    .Common.telNum a {
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 19px;
        background-image: -moz-linear-gradient(0deg, rgb(255, 97, 0) 0%, rgb(255, 175, 0) 100%);
        background-image: -webkit-linear-gradient(0deg, rgb(255, 97, 0) 0%, rgb(255, 175, 0) 100%);
        background-image: -ms-linear-gradient(0deg, rgb(255, 97, 0) 0%, rgb(255, 175, 0) 100%);
        border-radius: 30px;
        padding: 4px 6px 8px 0px;
        box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 20%);
    }

    .Common.telNum a .left {
        text-align: left;
        padding-left: 43px;
        background: url(../images/index/tel-photo-2.png) no-repeat top 4.4vw left 19px;
        background-size: 20px;
    }

    .Common.telNum a img {
        box-shadow: none;
        border-radius: 0;
    }

    .Common.telNum a .subNote {
        font-size: 3.4vw;
        color: #fff;
        text-shadow: 1px 1px 0 #ff6500;
        font-weight: normal;
        letter-spacing: -0.9px;
    }

    .Common.telNum a .subTel {
        font-size: 6vw;
        color: #fff;
        text-shadow: 2px 2px 0 #ff6500;
        display: block;
        line-height: 0.9;
        letter-spacing: -0.2px;
        margin-top: 4px;
    }

    .Common.telNum a .right {
        width: 29.5vw;
    }

    .areaTrouble .boxContact .lineBtn {
        margin-bottom: 10px;
    }

    /*wrapFt*/
    .wrapFt {
        padding: 36px 0 29px;
    }

    .wrapFt:after {
        content: "";
        position: absolute;
        background: url(../images/common/sp_landscape.png) no-repeat top center;
        background-size: 100%;
        width: 100%;
        height: 80px;
        top: -5.4vw;
        left: auto;
    }

    .spMenu {
        display: none;
        background: #ffffff;
        position: fixed;
        top: 60px;
        width: 100%;
        height: calc(100vh - 60px);
        overflow-y: auto;
        padding-bottom: 100px;
    }

    .ftMenu .menu .bigMenu {
        width: 100%;
    }

    .ftMenu .menu .bigMenu:not(:first-child) {
        margin-left: 0;
    }

    .ftMenu .menu .bigMenu .title {
        font-size: 15px;
        border-top: 1px solid #eeeeee;
        margin-left: 0;
        margin-bottom: 0;
        padding: 12.5px 0 14.5px 22px;
    }

    .ftMenu .menu .bigMenu .hasSubmenu {
        background: url(../images/common/btn_nav-open_blue.svg)no-repeat right 3px center;
        background-size: 31px 31px;
    }

    .ftMenu .menu .bigMenu .hasSubmenu.show {
        background: url(../images/common/btn_nav-close_blue.svg)no-repeat right 3px center;
        background-size: 31px 31px;
    }

    .ftMenu .menu .bigMenu .title:before {
        content: "";
        position: absolute;
        background: url(../images/common/arrow-menu.svg) no-repeat;
        background-size: 100% 100%;
        width: 15px;
        height: 17px;
        left: 0;
        top: 49.6%;
        transform: translateY(-50%);
    }

    .ftMenu .menu .wrapbigMenu {
        margin-left: 0;
        display: block;
        width: 100%;
    }

    .ftMenu .menu .wrapbigMenu .bigMenu {
        margin-bottom: 0;
    }

    .ftMenu .menu .bigMenu .subMenu {
        display: none;
    }

    .ftMenu .menu .bigMenu .subMenu li {
        margin-left: 0;
    }

    .ftMenu .menu .bigMenu .subMenu li a {
        display: block;
        padding: 9px 0 13px 23px;
        border-top: 1px solid #eeeeee;
        letter-spacing: 1px;
        background: url(../images/common/btn_arrow-carrot_right_blue.png) no-repeat left 6px top 19px;
        background-size: 5px 8px;
    }

    .ftMenu .menu .bigMenu.splast {
        border-bottom: 1px solid #eeeeee;
    }

    /*areaWelcome*/
    .areaWelcome .boxWelcomeSp {
        background: #ffe600;
        padding: 11px 15px 4px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 345px;
        margin: 0 auto;
    }

    .areaWelcome .boxWelcomeSp .wrapLeft .boxPrice {
        margin-bottom: 10px;
    }

    .areaWelcome .boxWelcomeSp .wrapLeft .boxPrice li {
        background: #fff;
        display: inline-block;
        padding: 0 5px 0 8px;
        border-radius: 3px;
    }

    .areaWelcome .boxWelcomeSp .wrapLeft .boxPrice li+li {
        margin-left: 2px;
    }

    .areaWelcome .boxWelcomeSp .wrapLeft .boxPrice li .priceTitle {
        font-size: 13px;
        display: inline-block;
        vertical-align: middle;
    }

    .areaWelcome .boxWelcomeSp .wrapLeft .boxPrice li .price {
        font-size: 13px;
        font-weight: 600;
        color: #f01b6c;
        display: inline-block;
        vertical-align: middle;
    }

    .areaWelcome .boxWelcomeSp .wrapLeft .boxPrice li .price .priceNum {
        font-size: 22px;
        display: inline-block;
        line-height: 1;
        margin-right: 2px;
    }

    .areaWelcome .boxWelcomeSp .wrapLeft .welcomeText {
        width: 220px;
        margin-left: 3px;
    }

    .areaWelcome .boxWelcomeSp .iconWelcome {
        width: 107px;
        margin: -3px -14px 0 -13px;
    }

    /*areaBridge*/
    .areaBridge {
        background: #002953;
        padding: 28px 0 125px;
    }

    .areaBridge .inner {
        padding: 0 5%;
    }

    .areaBridge .bridgeWrap {
        display: block;
    }

    .areaBridge .bridgeWrap .ftMenuBox {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    .areaBridge .bridgeWrap .ftMenuBox .ftMenu {
        width: 46%;
        display: inline-block;
        padding-left: 3%;
        margin-bottom: 0;
    }

    .areaBridge .bridgeWrap .ftMenuBox .ftMenu li {
        display: block;
        float: none;
        margin-bottom: 7px;
    }

    .areaBridge .bridgeWrap .ftMenuBox .ftMenu li+li {
        margin-left: 0;
    }

    .areaBridge .bridgeWrap .ftMenuBox .ftMenu li a {
        font-size: 11px;
        font-weight: 500;
    }

    .areaBridge .bridgeWrap .boxBrid {
        width: 100%;
    }

    .areaBridge .bridgeWrap .boxBrid .bridTitle {
        font-size: 15px;
        padding: 6px 0 6px;
        margin-bottom: 7px;
    }

    .areaBridge .bridgeWrap .boxBrid .text {
        margin-bottom: 16px;
        font-weight: 100;
    }

    .areaBridge .bridgeWrap .ftMenuBox .ftmenuRight {
        margin-left: 0;
    }

    .areaBridge #copyright {
        margin: 0;
        padding: 5px 3px 0 0;
        border-top: 1px solid #294e72;
        font-size: 10px;
        letter-spacing: -0.3px;
    }

    /*areaContactus*/
    .areaContactus {
        padding: 0 0 1px;
    }

    .areaContactus .inner {
        padding: 0 1.3%;
    }

    .areaContactus .ctusPhoto {
        top: -4px;
    }

    .areaContactus .lineBtn {
        width: 24.8%;
        left: 2.5%;
        top: 69.1%;
    }

    .areaContactus .contactBtn {
        width: 24.8%;
        left: 25.7%;
        top: 69.1%;
    }

    .areaContactus .telNum {
        left: auto;
    }

    .areaContactus .telNum {
        top: 68.1%;
        right: 13px;
        width: 46.5%;
        margin-top: -0.3vw;
    }

    .areaContactus .telNum a {
        border-radius: 7px;
        position: relative;
        padding: 1.1vw 6px 2.1vw 0px;
    }

    .areaContactus .telNum a .left {
        padding-left: 8px;
        background-position: top 6.4vw left 9px;
        background-size: 16px;
    }

    .areaContactus .telNum a .subNote {
        font-size: 3.1vw;
        letter-spacing: 0;
        margin-bottom: 7px;
    }

    .areaContactus .telNum a .subTel {
        font-size: 5vw;
        padding-left: 22px;
    }

    .areaContactus .telNum a .right {
        position: absolute;
        right: -14px;
        top: 6px;
        width: 31px;
    }

    /*popSearch*/

    .popSearch .popBoxSearch {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
        display: block;
    }

    .popSearch .popBoxSearch .searchTitle {
        font-size: 18px;
    }

    .popSearch .popBoxSearch .listTrouble {
        width: 100%;
    }

    .popSearch .popBoxSearch .listBtn {
        width: 100%;
        margin: 0 auto 20px
    }

    .popSearch .popBoxSearch .listBtn li {
        width: 48.5%;
    }

    .popSearch .popBoxSearch .boxSearch {
        width: 80%;
        max-width: 386px;
    }

    .popSearch .popBoxSearch .boxSearch .inputText {
        width: calc(100% - 51px);
        font-size: 16px;
        height: 42px;
    }

    .popSearch .popBoxSearch .boxSearch .searchBtn {
        width: 47px;
    }

    .popSearch .popBoxSearch .listTrouble li {
        width: 76px;
        height: 85px;
        margin-bottom: 10px;
        padding-top: 7px;
    }

    .popSearch .popBoxSearch .listTrouble .checkLabel img {
        width: 27px;
    }

    .popSearch .popBoxSearch .listTrouble li:nth-child(5) img {
        width: 17px;
    }

    .popSearch .popBoxSearch .listTrouble li .title {
        margin-top: 7px;
    }

    .popSearch .popBoxSearch .listTrouble li .title .icon {
        vertical-align: -3px;
        margin-right: 2px;
        width: 12px;
    }

    .popSearch .popBoxSearch .listTrouble li .title .text {
        font-size: 12.5px;
        letter-spacing: 0px;
        text-align: left;
        vertical-align: top;
        min-height: 38px;
    }

    .popSearch .popBoxSearch .listTrouble li .checkLabel {
        height: auto;
        padding-top: 0;
    }

    /*searchZipcode*/
    .searchZipcode .boxZipcode {
        width: calc(100% - 20px);
        top: 10px;
        left: 10px;
        transform: translate(0);
        padding: 10px 0 0;
    }

    .searchZipcode .boxZipcode .wrap_popup {
        max-height: calc(100vh - 40px);
        overflow-y: auto;
        padding: 10px 10px 100px;
    }

    .searchZipcode .boxZipcode .btnClose {
        padding-right: 10px;
    }

    .searchZipcode .boxZipcode .row_frm_search {
        width: 100%;
    }

    .searchZipcode .boxZipcode .boxSearch {
        width: 100%;
        margin: 0 auto 30px
    }

    .searchZipcode .boxZipcode .boxSearch .inputText {
        width: calc(100% - 51px);
        font-size: 16px;
        height: 41px;
    }

    .searchZipcode .boxZipcode .boxSearch .searchBtn {
        width: 47px;
    }

    .searchZipcode .boxZipcode .zipTitle {
        font-size: 18px;
    }

    .searchZipcode .boxZipcode .zipTitle .icon img {
        width: 15px;
    }

    .searchZipcode .boxZipcode .row_frm_search .list_item {
        display: none;
    }

    .searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab {
        display: block;
    }

    .searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab+.template_tab {
        margin-top: 20px;
    }

    .searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab .title_tab {
        color: #fff;
        background: #0070D8;
        padding: 4px 0;
        font-size: 12px;
        text-align: center;
        font-weight: 500;
    }

    .searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab .list_tab_sub {
        margin-top: 0;
    }

    .searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab .list_tab_sub li {
        width: calc(100%/2 - 1px);
    }

    .searchZipcode .boxZipcode .row_frm_search .list_tab .template_tab .list_tab_sub li a {
        font-size: 14px;
        padding: 5px 5px 5px 20px;
    }

    .searchZipcode .boxZipcode .btn_back {
        width: 50px;
    }

    .searchZipcode .boxZipcode .btn_back a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .searchZipcode .boxZipcode .btn_back .icon {
        width: 16px;
        margin-right: 5px;
        display: inline-block;
        line-height: 1;
    }

    .searchZipcode .boxZipcode .btn_back.backBot {
        margin-top: 15px;
    }
}

@media(max-width: 375px) {

    .areaContactus .lineBtn,
    .areaContactus .contactBtn,
    .areaContactus .telNum {
        top: 68.1%;
    }

    .wrapFt:after {
        height: 50px;
    }
}

/*IE FIX*/
@media all and (-ms-high-contrast:none) {
    #header .headerBar .boxBtn .listBtn li.favorite .number {
        top: 24%;
    }

    #header .headerBar .menu li .text {
        letter-spacing: -0.2px;
    }

    .popSearch .popBoxSearch .boxSearch .inputText:-ms-input-placeholder {
        color: #b8c5e4;
    }

    .searchZipcode .boxZipcode .boxSearch .inputText:-ms-input-placeholder {
        color: #b8c5e4;
    }

    .ftMenu .menu .bigMenu:not(:first-child) {
        margin-left: 51px;
    }
}

/*IP5*/
@media(max-width: 320px) {
    #header .headerBar .boxBtn {
        margin-left: 0px;
    }

    #header .headerBar .logo {
        width: 150px;
    }

    .areaTrouble .boxSearch .boxTitle .searchTitle {
        font-size: 13px;
        background: url(../images/common/trouble-search-icon.png) no-repeat left top 2px;
        background-size: 16px 16px;
        padding-left: 20px;
    }

    .areaTrouble .boxSearch .listTrouble li {
        width: 68px;
    }

    .areaTrouble .boxContact .text {
        letter-spacing: -0.8px;
    }

    .areaWelcome .boxWelcomeSp .wrapLeft .welcomeText {
        width: 180px;
        margin-left: 3px;
    }

    .areaWelcome .boxWelcomeSp .iconWelcome {
        width: 99px;
        margin: -3px -18px 0 -8px;
    }

    .areaBridge .bridgeWrap .ftMenuBox .ftMenu {
        width: 48%;
    }

}
@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: normal;
	src: local("Noto Sans CJK JP"),
         url("../fonts/Subset-NotoSansJP-Regular.woff2") format("woff2");
	font-display: swap;
}
@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: bold;
    src: local("Noto Sans CJK JP"),
         url("../fonts/Subset-NotoSansJP-Bold.woff2") format("woff2");
	font-display: swap;
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: bold;
	src: url("../fonts/RobotoCondensed-Bold.woff2") format("woff2");
	font-display: swap;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
	src: url("../fonts/Roboto-Regular.woff2") format("woff2");
	font-display: swap;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
	src: url("../fonts/Roboto-Bold.woff2") format("woff2");
	font-display: swap;
}