@charset "utf-8";
/* CSS Document */
/*WordPress用*/
.container > * {
    /* max-width: 950px; */
    /* min-width: 950px; */
    margin: 0 auto;
}
.mobile-menu-buttons{display:none;}
.archive-title .fa-folder-open{margin:0;}
.fa-folder-open:before{content: "";}
h1#archive-title{color:#00a4c8;border-left: 5px solid #00a4c8;border-bottom: 2px solid #00a4c8;padding-left: 0.5em;}
.type-post .entry-title{font-size: 200%;margin-bottom: 0.5em;}
#breadcrumb{margin-top:0; margin-bottom:2.5em;}
.recb-entry-border .related-entry-card-wrap {
    border: 1px solid #ccc!important;
}
.widget_recent_entries .new_post{margin-bottom:1em;}
.widget_recent_entries .new_post li{border-bottom:1px dashed #909090;padding-bottom: 0px;overflow: hidden;}
.sidebar h3 {font-size: 1.17em;}

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{ margin:0; padding:0; border-top: 22px solid #38393a; }
#wrap{ width:950px; margin:0 auto; }
#wrap #headerArea #totp{position: fixed;bottom: 5px;right: 10px;z-index:999;}

/*----------------------------------------------------------------------------
 ***                                                                   Header
----------------------------------------------------------------------------*/
#headerArea{ position:relative; height:132px; }
#headerAreaInner{ height:70px; }
#headerLink{ width:742px; padding-top:8px; }
#headerLink ul{ text-align:right; padding-top:8px; }
#headerLink li{ display:inline; }
#headerArea .titl-h1{ position: absolute; left: 0; top: 14px; }
#headerArea .titl-h1 .ttlImg{position:relative; z-index:1;}
#headerAreaLogo .ttlTxt {font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -33px;line-height: 1.6;margin: 0;padding: 0;}
#headerAreaLogo .ttlSub {position: absolute;top: -19px;right: 215px;color: #ccc;font-size: 11px;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{width:742px;padding-top: 0px;text-align: right;position: absolute;top: 12px;}
#headerLinkInner ul{text-align:right;padding-top: 0px;}
#headerLinkInner li{ display:inline; }
#headerLinkInner .listBox{display: inline-flex;justify-content:space-between;}
#headerLinkInner .listBox li{padding: 0 0 0;margin-left: 0.6em;}
#headerLinkInner .listBox li a{text-decoration:none;font-size: 12px;display: flex;justify-content: center;align-items: center;line-height:1;padding: 1em 0 0.8em;color:#00a1c9;background:#fff;border-radius: 5px;width: 11em;text-align:center;border: 2px solid #e6e6e6;box-shadow: 0px 0px 4px 0px rgb(30, 30, 30, 0.5);}
#headerLinkInner .listBox .txtArrow{font-size: 125%;}
#headerLinkInner .listBox li.nbkLink a{background:#ff7bac; color:#fff;}
#headerLinkInner .listBox li.houjinLink a{background:#00698a; color:#fff;}

/*----------------------------------------------------------------------------
 ***                                                           Header - gNavi
----------------------------------------------------------------------------*/
/*----- ★新TOP -----*/
#navAreaInner{order:3;max-width: 735px;}
#navAreaInner .listBox{display:flex;justify-content:space-between;}
#navAreaInner .listBox li{width: calc(100% / 5);border-right: 1px dashed #ccc;}
#navAreaInner .listBox li:first-child{border-left: 1px dashed #ccc;}
#navAreaInner .listBox a{display:block;padding: 0.6em 0.5em calc(0.6em + 11px);text-align:center;width:100%;position:relative;box-sizing: border-box;}
#navAreaInner .listBox a:before{content:"";display:none;width:22px;height:11px;position:absolute;bottom: 0.3em;left:50%;transform:translate(-50%, 0);background:url(/images/top_202102/nav_arrow01.png) no-repeat center/22px 11px;}
#navAreaInner .listBox a:hover img{opacity:0.65;}

/*----------------------------------------------------------------------------
 ***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea{ margin-bottom:10px;}

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

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

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

/*----------------------------------------------------------------------------
 ***                                                                   footer
----------------------------------------------------------------------------*/
#footerAreaLogo{ float:left;}
#footerAreaLogo li{ display:inline; padding-left:20px; font-size:10px;}
#footerCopyright{ float:right;}

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

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{ width:950px; }
#breadcrumbArea li{ float:left; font-size:10px; }
#breadcrumbArea li a{ display:block; background:url(../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;}

/*----------------------------------------------------------------------------
 ***                                                                  section
----------------------------------------------------------------------------*/




