@charset "utf-8";
/* CSS Document */
.checkBox + span{ padding-left: 19px;}
.checkBox:checked + span:after { background: url("../img/cb_on2.gif") no-repeat center; background-size: contain;}
.checkBox + span:after { content: ""; display: block; position: absolute; background: url("../img/cb_off2.gif") no-repeat center; background-size: contain; top: 50%; margin-top: -9px; left: 0; width: 16px; height: 16px;}
/*-----------------
.areaTit-wrap
------------------*/
.areaTit-wrap{ width: 100%; display: flex; flex-direction: column; margin-bottom: 15px;}
.areaTit-wrap h1{ font-size: 22px; margin-bottom: 25px;}
.areaTit-wrap ul{ display: flex; }
.areaTit-wrap ul li{ margin-right: 3px; display: block;}
.areaTit-wrap ul li > *{ height: 30px; padding: 0 15px; line-height: 1em; border-radius: 2px 2px 0 0; display: flex; justify-content: center; align-items: center; border: solid 1px #aaa; border-bottom: none; font-size: 13px; font-weight: 400;}
.areaTit-wrap ul li span{ background:#007344; color: #fff;}
.areaTit-wrap ul li a{ background:#fff; color: #444; transition: 0.3s;}
.areaTit-wrap ul li a:hover{ background:#007344; color: #fff;}
.areaTit-wrap p{ display: block; font-size: 12px; line-height: 1.3em; letter-spacing: 0; padding: 10px; border: solid 1px #aaa;}

/*-----------------
#area-page-info
------------------*/
#area-page-info{ width: 100%; display: flex; flex-direction: column; padding:6px 10px; background:#DFEBE6; border: solid 1px #ddd; border-radius: 5px; margin-bottom: 30px;}
#area-page-info .innerItem{ width: 100%; display: flex;  background: #fff; padding:4px 6px; border-radius: 2px; margin:3px 0;}
#area-page-info .innerItem dl{ width: 100%; display: flex; align-items: flex-start;}
#area-page-info .innerItem dl dt{ width: 120px; font-size: 12px; font-weight: bold;}
#area-page-info .innerItem dl dd{ width: 100%; flex: 1; display: flex; flex-wrap: wrap; font-size: 13px; position: relative;}
#area-page-info .innerItem dl dd a{ font-size: 12px; text-decoration: underline;}
#area-page-info .innerItem dl dd a:hover{ text-decoration: none; color: #4885D8;}
#area-page-info .innerItem dl dd b::after{content: "：";}
#area-page-info .innerItem dl dd b.ml{ margin-left: 30px;}
#area-page-info .innerItem dl dd.shop{ height: 100%; display: flex; flex-wrap: wrap; align-items: center;}
#area-page-info .innerItem dl dd.shop a{ margin-right: 20px; color: #333;}
#area-page-info .innerItem dl dd.shop b{ font-size: 12px; margin-right: 10px;}
/**/
#area-page-info .innerItem dl dd .bList{ width: 100%; display: flex; flex-wrap: wrap; position: relative;}
#area-page-info .innerItem dl dd .bList .row, 
#area-page-info .innerItem dl dd .bList .row ul{ display: flex; flex-wrap: wrap;}
#area-page-info .innerItem dl dd .bList .row p.w35{ display: none;}
#area-page-info .innerItem dl dd .bList .row ul{ flex: 1; display: flex; flex-wrap: wrap;}
#area-page-info .innerItem dl dd .bList .row ul li{ margin-right: 5px;}
#area-page-info .innerItem dl dd .bList .row ul li::after{content: "|"; color: #ddd; margin-left: 5px;}
#area-page-info .innerItem dl dd .bList .row ul li span{ font-size: 12px; color: #777;}
#area-page-info .innerItem dl dd .bList .row ul li.now a{ text-decoration: none; color: #444; padding: 0 4px; pointer-events: none;}
/**/
#area-page-info .innerItem dl dd .bList.height_over{ }
#area-page-info .innerItem dl dd .bList.height_over{ }
#area-page-info .innerItem dl dd .bList.height_over{}
#area-page-info .innerItem dl dd .bList.height_over .row{ flex-direction: column; position: absolute; left: 0; top: 26px; z-index: 100;}
#area-page-info .innerItem dl dd .bList.height_over .row.view{ position: relative; left: auto; top: auto; z-index: 1; margin-top: 26px;}
#area-page-info .innerItem dl dd .bList.height_over .row p{ display: flex; height: 26px; width: 58px; justify-content: center; align-items: center; font-size: 12px; font-weight: bold; background: #fff; cursor: pointer; position: absolute; top: -26px; border: solid 1px #aaa; border-bottom: none;}
#area-page-info .innerItem dl dd .bList.height_over .row p:hover{ background: #ddd;}
#area-page-info .innerItem dl dd .bList.height_over .row.view p{ background: #007344; color: #fff;}
#area-page-info .innerItem dl dd .bList.height_over .row.view p:hover{ cursor: text; pointer-events: none; background: #007344;}
/**/
#area-page-info .innerItem dl dd .bList.height_over .row:first-child{ left: 0px;}
#area-page-info .innerItem dl dd .bList.height_over .row:nth-child(1) p{ left: 0px;}
#area-page-info .innerItem dl dd .bList.height_over .row:nth-child(2) p{ left: 60px;}
#area-page-info .innerItem dl dd .bList.height_over .row:nth-child(3) p{ left: 120px;}
#area-page-info .innerItem dl dd .bList.height_over .row:nth-child(4) p{ left: 180px;}
#area-page-info .innerItem dl dd .bList.height_over .row:nth-child(5) p{ left: 240px;}
#area-page-info .innerItem dl dd .bList.height_over .row:nth-child(6) p{ left: 300px;}
#area-page-info .innerItem dl dd .bList.height_over .row:nth-child(7) p{ left: 360px;}
#area-page-info .innerItem dl dd .bList.height_over .row:nth-child(8) p{ left: 420px;}
#area-page-info .innerItem dl dd .bList.height_over .row:nth-child(9) p{ left: 480px;}
#area-page-info .innerItem dl dd .bList.height_over .row ul{ display: none; border: solid 1px #aaa; background: #fff; padding: 5px;}
#area-page-info .innerItem dl dd .bList.height_over .row.view ul{ display: flex;}