@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{margin: 0;padding: 0;background: #f2f2f2;}
#wrap{ min-width:1200px; margin:0 auto; background: #f2f2f2;width: 100%;}
#wrap #totp{position: fixed;bottom: 5px;right: 10px;z-index:999;}
/*----- 宮崎さんここから -----*/
.sideBtn3 {position: fixed; top: 16em; right: 0; z-index: 999;}
.sideBtn {position: fixed; top: 26.5em; right: 0; z-index: 999;}
.sideBtn2 {position: fixed; top: 38em; right: 0; z-index: 999;}
.sideBtn4 {position: fixed; top: 2.2em; right: 0; z-index: 9999;}
/*----- 宮崎さんここまで -----*/
/*.sideBtn {position: fixed; top: 15em; right: 0; z-index: 999;}
.sideBtn2 {position: fixed; top: 26.5em; right: 0; z-index: 999;}*/
/*----------------------------------------------------------------------------
 ***                                                                   Header
----------------------------------------------------------------------------*/
#headerArea{height: auto;margin: 0;padding: 0;border-top: 23px solid #ff7bac;z-index: 9999;}
#headerAreaInner{
    background: #fff;
    padding: 10px 0 6px;
}
#headerAreaInBox{width:1200px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;position: relative;}
#headerLink{ width:742px; padding-top:8px; }
#headerLink ul{ text-align:right; padding-top:8px; }
#headerLink li{ display:inline; }
#headerArea h1{}
#headerArea h1 .ttlImg{position:relative; z-index:1;}
#headerAreaLogo .ttlTxt {font-size: 12px;color: #fff;font-weight: normal;position: absolute;top: -32px;line-height: 1.6;margin: 0;padding: 0;}
#headerAreaLogo .ttlSub {position: absolute;top: -32px;right: 0;color: #fff;font-size: 12px;text-align: right;width: 400px;line-height: 1.6;margin: 0;padding: 0;}
#headerTxt{ width: 230px; height: 51px; position: absolute; left: 444px; top: 11px; }
#sapriBar{ position:absolute; left:542px; top:44px; }
#headerTxt p{ margin:0; padding:0;}
#hNavi{ width:205px; position: fixed; z-index: 999; top:0; margin-left:750px;}
#hNavi li{float:left; vertical-align:middle; line-height:5px;}
#headerTop{ position: fixed; z-index: 999; top:28px; margin-left:700px;}

#headerLinkInner{
    padding: 0 0 4px;
}
#headerLinkInner ul{text-align:right;padding-top: 0px;}
#headerLinkInner li{display: block;}
#headerLinkInner .listBox{display: flex;justify-content: space-between;align-items: center;}
#headerLinkInner .listBox li{padding: 0 0 0;margin-left: 0.5em;}
#headerLinkInner .listBox li a{
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#headerLinkInner .listBox .txtArrow{font-size: 125%;}
#headerLinkInner .listBox li.loginLink{border-left:1px solid #c8c8c8;padding: 0 0.5em 0 1em;margin-left: 1em;}
#headerLinkInner .listBox li.loginLink a{padding: 0 0;}
#headerLinkInner .listBox li.novaLink a{color: #00a1c9;padding: 0.1em 1.5em 0 0;background: url(/common_images/2023/header_otona_arrow01.png) no-repeat center right 0.5em / 9px auto;}
#headerLinkInner .listBox li.novaLink a:before{content:"";display:inline-block;width: 18px;height: 18px;margin: 0 4px 0px 0;background: url(/common_images/2023/header_otona_icon01.png) no-repeat center / cover;}
#headerLinkInner .listBox li.eigosenkaLink{margin-left: 1.5em;}
#headerLinkInner .listBox li.eigosenkaLink a{color: #532E8E;padding: 0.1em 1.5em 0 0;background: url(/common_images/2023/header_ceisen_arrow01.png) no-repeat center right 0.5em / 9px auto;}
#headerLinkInner .listBox li.eigosenkaLink a:before{content:"";display:inline-block;width: 18px;height: 18px;margin: 0 4px 3px 0;background: url(/common_images/2023/header_ceisen_icon01.png) no-repeat center / cover;}

/*----------------------------------------------------------------------------
 ***                                                           Header - gNavi
----------------------------------------------------------------------------*/
/*----- ★新TOP -----*/
#navAreaInner{
    width: 1200px;
    margin: 10px auto 10px;
    position: relative;
}
#navAreaInner .listBox{display:flex;justify-content:space-between;align-items: center;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
#navAreaInner .listBox li{width: calc(100% / 6);}
#navAreaInner .listBox a{display:block;color: #4d4d4d;font-weight: 500;font-size: 16px;padding: 0.9em 0.5em 0.9em;text-align:center;width:100%;position:relative;box-sizing: border-box;text-decoration: none;}
#navAreaInner .listBox a:before{content:"";display:block;width: 1px;height: 2em;background: #c8c8c8;position:absolute;top: 50%;left: 0;transform: translate(-50%, -50%);}
#navAreaInner .listBox .listItem06 a{padding-left: calc(0.5em + 17px);background: url(/junior/common_images/2026/gnav_contents01.png) no-repeat center left 35px / 17px auto, #b2eaf0;}
#navAreaInner .listBox .listItem06 a:before{display:none;}

/*----------------------------------------------------------------------------
 ***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea{width: 1200px;margin: 10px auto 4em;}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{float:left;}

#a8sales img{width:0; height:0;}

/*----------------------------------------------------------------------------
***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection{float:right;width: 220px;}
#rightFd{ margin:-9px 0 10px 0; padding:0;}
#rightFd2{ margin:-7px 0 10px 0;}

/*----------------------------------------------------------------------------
 ***                                                                   footer
----------------------------------------------------------------------------*/
body #footerArea{background: #fff;}
#footerAreaLogo{ float:left;}
#footerAreaLogo li{ display:inline; padding-left:20px; font-size:12px;}
#footerCopyright{ float:right;}

/*----------------------------------------------------------------------------
 ***                                                                  PageTop
----------------------------------------------------------------------------*/
.pagetop{ text-align: right; margin-top: 5px; margin-bottom: 10px; clear: both; }

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{ width:100%; padding: 1em 1.5em;}
#breadcrumbArea li{ float:left; font-size:12px; }
#breadcrumbArea li a{ display:block; background:url(/junior/common_images/icon_list03.gif) right 50% no-repeat; padding-right:25px;}
.attenC{font-size:10px; padding:10px 0 0 0; clear:both; color:#777;}

/*----------------------------------------------------------------------------
 ***                                                                 underPage
----------------------------------------------------------------------------*/

.underPageTtlBox{ background: #fff3f8; min-height: 125px; display: flex; justify-content: center; align-items: center;}
.underPageTtlBox .underPageTtlBoxInner{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.underPageTtlBox .underPageTtl{font-size: 280%;width: 100%;text-align: center;order: 2;position: relative;padding-bottom: 0.2em;line-height: 1.5;text-shadow: #fff 0 0 10px, #fff 0 0 10px, #fff 0 0 10px;color: #4d4d4d;}
.underPageTtlBox .underPageTtl:after{    
    content: "";
    display: block;
    width: 2em;
    height: 0;
    border-bottom: 5px solid #ff7bac;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.underPageTtlBox .underPageSubTtl{line-height: 1;order: 1;padding: 0;margin: 0;font-size: 120%;text-shadow: #fff 0 0 10px, #fff 0 0 10px, #fff 0 0 10px, #fff 0 0 10px;color: #4d4d4d;}