@charset "utf-8";

@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents.css";


/* ===========================================================
 skin
=========================================================== */
html{font-size:62.5%;}
/**/
body{font-size:3.46667vw;}
body{background-color:#fff;word-wrap:break-word;color:#000;font-family:"新ゴ R", "Shin Go Regular", "HelveticaNeueeTextPro-Roman" , "Helvetica Neue", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;line-height:1.8;-webkit-text-size-adjust:100%;word-break:initial;}
#blockskip{position:relative;}
#blockskip a{position:absolute;top:-100px;left:-100px;display:block;width:1px;height:1px;padding:0 1em;font-size:100%;color:#222;line-height:2em;border:1px solid #bbb;background:#fff;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;z-index:999;}
#blockskip a:active,
#blockskip a:focus{top:0;left:0;width:auto;height:auto;clip:auto;}


.DNNEmptyPane{margin:0 !important;padding:0 !important;}
.controlPanel{display:none;}
.inner{margin:0 auto;padding: 0 6.66667vw;}
@media print, screen and (min-width:768px){
    body{font-size: 1.5vw;}
    .controlPanel{display:block;}
    .inner{padding:0 1vw;}
}
@media print, screen and (min-width:1000px){
    body{font-size:1.5rem;}
    .inner{max-width:1000px;padding:0;}
}

/*
10px 66.66666%
11px 73.33333%
12px 80%
13px 86.66666%
14px 93.33333%
15px 100%
16px 106.66666%
17px 113.33333%
18px 120%
19px 126.66666%
20px 133.33333%
21px 140%
22px 146.66666%
23px 153.33333%
24px 160%
26px 173.33333%
27px 180%
28px 186.66666%
30px 200%
34px 226.66666%
36px 240%
38px 253.33333%
46px 306.66666%
*/

/* ===========================================================
 header
=========================================================== */
#header{width:100%;margin:0;padding:0;position: fixed;background:#fff;z-index:99;transition: padding 0.25s ease-in-out, transform 0.25s ease-in-out;width: 100%;top: 0;left: 0;}
#header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0.93333vw;background:#4d4f53;pointer-events:none;}
body._Index #header:after{background:linear-gradient(to right, #00acea 0%, #89ba17 52%, #ffe900 99%);background:-webkit-linear-gradient(to right, #00acea 0%, #89ba17 52%, #ffe900 99%);}
#header.hide{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
#header .inner{display:flex;align-items:center;justify-content:space-between;padding:5.06667vw 15.6vw 5.06667vw 2.93333vw;}
#header .inner .right{position:static;}
.headBottom{display:none;}
.headTop .burgerItem{padding-top:19vw;}
.headTop .HeadSearchPane{position:absolute;top:0;width:100%;}
.BurgerNavPane{position:relative;z-index:10;}

@media print, screen and (max-width:767.98px){
    #header:after{background: linear-gradient(to right, #89ba17, #49b1e6);}
}
@media print, screen and (min-width:768px){
    #header:after{height:3px;}
    #header .inner{margin:auto;padding:0 1vw;max-width:1000px;}
    #header .inner .left{display:flex;align-items:center;}
    #header .inner .right .headTop{padding:6px 0 0;position:relative;}
    #header .headBottom > .inner {justify-content: flex-end;} /*サイト幅変更リリース後削除 */
    .headBottom{display:block;}
    .headTop .burgerItem{padding-top:0;}
    .headTop .HeadSearchPane{position:absolute;top:0;width:auto;}
    .BurgerNavPane{position:static;}
    .editMode .headTop .inner .left{height:auto;}
}
@media print, screen and (min-width:1000px){
    #header .headBottom{padding:8px 0 0;}
    #header .inner{max-width:1600px;padding:0 20px;}
    #header .inner .left{display:flex;align-items:center;}
    #header .right{display:flex;flex-direction:column;align-items:flex-end;}
}
/*****************/
.editMode #header{position:relative !important;}
.editMode #main{padding-top:0 !important;}
@media print, screen and (min-width:768px){
    .editMode .headTop .inner{overflow:visible;}
    .editMode .headTop .inner .right{display:flex;}
    .editMode .headTop .burgerItem{display:flex;}
    .editMode .HeadSearchPane{top:auto;bottom:100%;/}
    .editMode .HeadSearchPane .PaneName{display:block;width:100%;text-align:right;}
    .editMode .hSearchArea{top:3.85em;overflow: hidden;}
    .editMode .headBottom{padding-top:0;}
}


/* ===========================================================
 content
=========================================================== */
body:not(._Index) #main{display:flex;flex-direction:column-reverse;}
#main>*{width:100%;}

.contentTop .inner{max-width:1280px;margin:auto;}
.content01,
.content03,
.content05{background:#f6f6f6;}
.content01,
.content02,
.content03,
.content04,
.content05{position:relative;}
.ContentPane,
.Content01Pane,
.Content02Pane,
.Content03Pane,
.Content04Pane,
.Content05Pane,
.sideArea{padding:13.33333vw 0 14.66667vw;}
.Content01Pane:before,
.Content02Pane:before,
.Content03Pane:before,
.Content04Pane:before,
.Content05Pane:before{content:"";position:absolute;top:0;left:0;width:100%;height:1.86667vw;background:linear-gradient(to right,#005baa 0%,#45a8e4 100%);}
.ContentPane.DNNEmptyPane,
.Content01Pane.DNNEmptyPane,
.Content02Pane.DNNEmptyPane,
.Content03Pane.DNNEmptyPane,
.Content04Pane.DNNEmptyPane,
.Content05Pane.DNNEmptyPane{padding:0;}
.Content01Pane.DNNEmptyPane:before,
.Content02Pane.DNNEmptyPane:before,
.Content03Pane.DNNEmptyPane:before,
.Content04Pane.DNNEmptyPane:before,
.Content05Pane.DNNEmptyPane:before{display:none;}
.editMode .ContentPane,
.editMode .Content01Pane,
.editMode .Content02Pane,
.editMode .Content03Pane,
.editMode .Content04Pane,
.editMode .Content05Pane,
.editMode .sideArea{padding:10px 0;}
.editMode .Content01Pane:before,
.editMode .Content02Pane:before,
.editMode .Content03Pane:before,
.editMode .Content04Pane:before,
.editMode .Content05Pane:before{height:2px;}
/**/
.ContentPane .moduleSkin:first-of-type [id$="_ModuleContent"] > *:first-child,
.ContentPane .moduleSkin:first-of-type [id$="_HtmlModule_HtmlModule_lblContent"] > *:first-child{margin-top:0;}

.ContentPane .moduleSkin:first-of-type [id$="_ModuleContent"] > .pcArea > *:first-child,
.ContentPane .moduleSkin:first-of-type [id$="_ModuleContent"] > .spArea > *:first-child,
.ContentPane .moduleSkin:first-of-type [id$="_HtmlModule_HtmlModule_lblContent"] > .pcArea > *:first-child,
.ContentPane .moduleSkin:first-of-type [id$="_HtmlModule_HtmlModule_lblContent"] > .spArea > *:first-child{margin-top:0;}

.ContentPane .moduleSkin.moduleH2Title:first-of-type > *:first-child{margin-top:0;}
/**/
.ContentPane > .moduleSkin:last-child > [id$="_ContentPane"] > [id$="_ModuleContent"] > *:last-child,
.Content01Pane > .moduleSkin:last-child > [id$="_ContentPane"] > [id$="_ModuleContent"] > *:last-child,
.Content02Pane > .moduleSkin:last-child > [id$="_ContentPane"] > [id$="_ModuleContent"] > *:last-child,
.Content03Pane > .moduleSkin:last-child > [id$="_ContentPane"] > [id$="_ModuleContent"] > *:last-child,
.Content04Pane > .moduleSkin:last-child > [id$="_ContentPane"] > [id$="_ModuleContent"] > *:last-child,
.Content05Pane > .moduleSkin:last-child > [id$="_ContentPane"] > [id$="_ModuleContent"] > *:last-child{margin-bottom:0;}

/**/
.ContentPane > .moduleSkin:first-of-type > [id$="_ContentPane"] > [id$="_ModuleContent"] .ViewPickupAnnouncements > h2:first-child,
.Content01Pane > .moduleSkin:first-of-type > [id$="_ContentPane"] > [id$="_ModuleContent"] .ViewPickupAnnouncements > h2:first-child,
.Content02Pane > .moduleSkin:first-of-type > [id$="_ContentPane"] > [id$="_ModuleContent"] .ViewPickupAnnouncements > h2:first-child,
.Content03Pane > .moduleSkin:first-of-type > [id$="_ContentPane"] > [id$="_ModuleContent"] .ViewPickupAnnouncements > h2:first-child,
.Content04Pane > .moduleSkin:first-of-type > [id$="_ContentPane"] > [id$="_ModuleContent"] .ViewPickupAnnouncements > h2:first-child,
.Content05Pane > .moduleSkin:first-of-type > [id$="_ContentPane"] > [id$="_ModuleContent"] .ViewPickupAnnouncements > h2:first-child{margin-top:0;}



/**/
@media print, screen and (min-width:768px){
    body:not(._Index) #main{display:block;}
    #main>*{width:auto;}
    .content00 .inner{display:flex;justify-content:space-between;}
    .content00 .inner>div{width:48%;max-width:456px;}
    .ContentPane,
    .Content01Pane,
    .Content02Pane,
    .Content03Pane,
    .Content04Pane,
    .Content05Pane,
    .sideArea{padding:7vw 0;}
    .Content01Pane:before,
    .Content02Pane:before,
    .Content03Pane:before,
    .Content04Pane:before,
    .Content05Pane:before{width:61.3vw;height:1.4vw;}
}
@media print, screen and (min-width:1000px){
    .ContentPane,
    .Content01Pane,
    .Content02Pane,
    .Content03Pane,
    .Content04Pane,
    .Content05Pane,
    .sideArea{padding:70px 0;}
    .Content01Pane:before,
    .Content02Pane:before,
    .Content03Pane:before,
    .Content04Pane:before,
    .Content05Pane:before{width:613px;height:14px;}
}


/* ===========================================================
 pagetitle
=========================================================== */
.PagetitlePane{background:linear-gradient(to right, #005baa 0%, #00acea 42%, #89ba17 86%, #cfd300 100%)}

/* ===========================================================
 footer
=========================================================== */
#footer{position:relative;background:#005baa;font-weight:300;}
#footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:0.93333vw;background:linear-gradient(to right, #00acea 0%, #89ba17 52%, #ffe900 99%);background:-webkit-linear-gradient(to right, #00acea 0%, #89ba17 52%, #ffe900 99%);}
#footer:hover:before{border:2px solid #005baa;}
.footTop{display:none;padding:7vw 0 4vw;background:#ececea;}
.footBottom{padding:10.66667vw 0 8vw;}
.footBottom .inner{position:relative;}
.FootBottomPane{position:relative;z-index:1;}
.pagetop{position:fixed;right:4.66667vw;bottom:10.66667vw;;margin:0;padding:0;z-index:10;}
.pagetop.absolute{position:absolute;top:-7.6vw;bottom:auto;padding:100px !important;background:#f00 !important;}
.pagetop a{position:relative;display:block;width:14.66667vw;height:14.66667vw;text-indent:-1000%;white-space:nowrap;overflow:hidden;background:#fff;border:0.2vw solid #ddd;border-radius:50%;transition:border 0.35s ease-in-out;}
.pagetop a:hover{border:2px solid #005baa;}
.pagetop a:before{content:"";position:absolute;top:5px;left:0;bottom:0;right:0;width:2.93333vw;height:2.9333vw;margin:auto;border-top:0.3vw solid #005baa;border-right:0.3vw solid #005baa;transform:rotate(-45deg);}
@media print, screen and (min-width:768px){
    #footer{font-weight:400;}
    #footer:after{top:-0.4vw;height:0.4vw;}
    .footTop{display:block;}
    .footBottom{padding:4vw 0 4vw;}
    .footBottom .inner{padding-right:6.66667vw;}
    .pagetop{right:1vw;bottom:5vw;}
    .pagetop.absolute{top:-2.7vw;}
    .pagetop a{width:5.5vw;height:5.5vw;border-width:1px;}
    .pagetop a:before{width:1.1vw;height:1.1vw;border-top-width:1px;border-right-width:1px;}
    .pagetop a:hover img.hover-on,
    .pagetop a.is-touched img.hover-on{opacity:1;}
}
@media print, screen and (min-width:1000px){
    #footer:after{top:-4px;height:4px;}
    #footer .inner{max-width:1240px;padding:0 20px;}
    .footTop{padding:70px 0 40px;}
    .footBottom{padding:40px 0;}
    .pagetop a{width:55px;height:55px;}
    .pagetop a:before{width:11px;height:11px;}
}
@media print, screen and (min-width:1080px){
    .pagetop.absolute{top:-27px;}
}
@media print, screen and (min-width:1140px){
    .pagetop{right:50%;bottom:50px;margin:0 -655px 0 0;}
}

/* ===========================================================
 skin -zero
=========================================================== */
._Zero .ContentPane{padding:0;}


/* ===========================================================
 skin -index
=========================================================== */
._Index .ContentPane{padding:0;}
._Index .contentMiddle{padding-bottom:24vw;}
@media print, screen and (min-width:768px){
    ._Index .contentMiddle{padding-bottom:10vw;}
}
@media print, screen and (min-width:1000px){
    ._Index .inner{max-width:1240px;padding:0 20px;}
    ._Index .contentMiddle{padding-bottom:100px;}
}

/* ===========================================================
 skin -2col
=========================================================== */
@media print, screen and (min-width:1000px){
    ._2Columns .contentMiddle .inner{display:flex;justify-content:space-between;}
    ._2Columns .contentMiddle .inner .mainArea{width:670px;}
    ._2Columns .contentMiddle .inner .sideArea{width:300px;}
}



/* ===========================================================
 skin -1colmainlevel
=========================================================== */
._1ColumnMainlevel .ContentPane,
._1ColumnMainlevel .Content01Pane,
._1ColumnMainlevel .Content02Pane,
._1ColumnMainlevel .Content03Pane,
._1ColumnMainlevel .Content04Pane,
._1ColumnMainlevel .Content05Pane{padding:15.2vw 0 14.66667vw;}
@media print, screen and (min-width:768px){
    ._1ColumnMainlevel .ContentPane,
    ._1ColumnMainlevel .Content01Pane,
    ._1ColumnMainlevel .Content02Pane,
    ._1ColumnMainlevel .Content03Pane,
    ._1ColumnMainlevel .Content04Pane,
    ._1ColumnMainlevel .Content05Pane{padding:11.4vw 0 10vw;}
}
@media print, screen and (min-width:1000px){
    ._1ColumnMainlevel .ContentPane,
    ._1ColumnMainlevel .Content01Pane,
    ._1ColumnMainlevel .Content02Pane,
    ._1ColumnMainlevel .Content03Pane,
    ._1ColumnMainlevel .Content04Pane,
    ._1ColumnMainlevel .Content05Pane{padding:114px 0 100px;}
}




/* ===========================================================
  Print Styles
=========================================================== */
@media print{
    *,
    *:before,
    *:after{}
    a,
    a:visited{}
    tr,img{page-break-inside:avoid;}
    img{max-width:100% !important;}
    p,
    h2,
    h3{orphans:3;widows:3;}
    h2,
    h3{page-break-after:avoid;}
    /**/
    body{min-width:1040px;}
    .ic-controlpanel{display:none !important;}
    #cookieLicense{position:relative;padding-left:2%;padding-right:2%;}
    #header{position:relative;}
    #header.hide{transform:none !important;}
    #main{padding-top:0 !important;}
    .mainvisualArea.js-fadeIn{opacity:1 !important;}

    body .lp02Area{top:0;left:0;width:100%;transform:none;margin-bottom:0 !important;}
}