@charset 'UTF-8';
@import url("reset.css");
@import url("base.css");

/*====================================================
------------------------------------------------------
    main.css
------------------------------------------------------
====================================================*/


/* =================================================
    店舗側
================================================= */

@media screen and (orientation: portrait) {
  #store > div { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; position: fixed; background: #fff; z-index: 9999;
animation-name: fade-in;
animation-duration: .5s;
animation-timing-function: ease-out;
animation-delay: 0;
}
  #store > div > span { font-size: 3rem; color: #ccc;
animation-name: fade-in;
animation-duration: .8s;
animation-timing-function: ease-out;
animation-delay: 0;
}
}

@keyframes fade-in {
0% { opacity: 0;}
100% { opacity: 1;}
}
@media screen and (orientation: landscape) {
  #store > div { display: none;}
}


@font-face {
  font-family: "flopdesign-kana";
  src: url("../font/flopdesign-kana.eot?") format('eot'),
       url("../font/flopdesign-kana.woff") format('woff'),
       url("../font/flopdesign-kana.otf")  format('opentype');
}


#store { font-size: 1.4rem; line-height: 2.4; font-family: "flopdesign-kana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P",sans-serif; font-weight: normal!important; font-style: normal!important; color: #333; -webkit-font-smoothing: antialiased;}


/* --------------------------------------------------
    header　共通
-------------------------------------------------- */
header { width: 100%; min-width: 1200px; height: 60px; border-bottom: 1px solid #00a728; font-family: "flopdesign-kana";}
.storeHeader { min-width: 500px;}
header .inner { display: block; width: 98%; height: 100%; margin: 0 auto;}
header .headerLogo { width: 175px; height: 50px; float: left; margin: 5px 10px 0 0;}
header nav { display: block; float: left; height: 100%;}
header nav ul { display: block; width: 100%; height: 100%;}
header ul li { display: block; height: 100%; float: left; text-align: center; font-size: 1.4rem; color: #333;}
header ul li { width: 140px;}
header ul li.gNavTop{ width: 115px}
header ul li.gNavManual{ width: 165px; }
header ul li.gNavNews{ width: 125px; }
header .header_item li {  height: 0; overflow: hidden; transition: .5s; }
header .header_item li a { height: 0; overflow: hidden; transition: .5s; }
header .header_item:hover > .header_item-child > li { height: 3em; line-height: 3em; overflow: visible; transition: .5s; background: #fff; z-index: 2; position: relative;     border-bottom: 1px solid #e90000; }
header .header_item:hover > .header_item-child> li > a { height: 3em;overflow: visible; transition: .5s;}
header ul li a { height: 60px; display: flex; align-items: center; justify-content: center; text-align: center;}
header ul .header_item > a:before { display: inline-block; width: 25px; height: 25px; content: ""; background-size: 25px; margin-right: 3px;}
header ul li.gNavTop a:before { background: url(../images/share/icon_top.png) 0 0 no-repeat;}
header ul li.gNavManual a:before { background: url(../images/share/icon_manual.png) 0 0 no-repeat;}
header ul li.gNavNews a:before { background: url(../images/share/icon_news.png) 0 0 no-repeat;}
header ul li.gNavManualCon > a:before { background: url(../images/share/icon_manual_con.png) 0 0 no-repeat;}
header ul li.gNavNewsCon > a:before { background: url(../images/share/icon_news_con.png) 0 0 no-repeat;}

header ul .header_item:hover,
.top header ul li.gNavTop,
.manual header ul li.gNavManual,
.news header ul li.gNavNews,
.manualCon header ul li.gNavManualCon,
.newsCon header ul li.gNavNewsCon
{ border-bottom: 5px solid #e90000; margin-bottom: -5px;}
header ul li:hover > a,
.top header ul  li.gNavTop a,
.manual header ul li.gNavManual a,
.news header ul li.gNavNews a,
.manualCon header ul li.gNavManualCon a,
.newsCon header ul li.gNavNewsCon a
{ color: #e90000;}

/*
** 店舗名
*/
.userName,.userName-shop { display: flex; align-items: center; justify-content: center; min-width: 110px; height: 50px; float: right; padding: 3px 5px 0 10px; border-left: 1px solid #ccc; margin-top: 5px; vertical-align: middle; font-size: 1.2rem; position: relative;}


/* --------------------------------------------------
    店舗側　main
-------------------------------------------------- */
#store main { min-height: calc(100vh - 150px);}
#store main .inner { display: block; width: 95%; height: 100%; margin: 0 auto;}
#store main .inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}

/*
**　店舗側重要なお知らせ　importantNotice
*/
.importantNotice { width: 100%; background: rgba(230, 0, 18, 0.05);}
#store main .importantNotice .inner,
#control main .importantNotice .inner { display: flex;}
.importantNotice .inner h1 { display: flex; align-items: center; justify-content: center; width: 20%; min-width: 120px; font-size: 1.6rem; color: #fff; background: #e60012; margin: 0; padding: 15px 0; text-align: center; font-weight: normal;}
.importantNotice .inner div { display: block; width: 80%; font-size: 1.6rem; color: #444; }
.importantNotice .inner div .importantMsg{ display:block; width: 100%; padding:15px;}
@media only screen and (max-width: 1030px){
  .importantNotice .importantTitle{ display:inline-block;}
}
.shopImportantBtArea{ position:relative; }
.shopImportantBtArea .importantNote{ position:absolute; top: 40px; right: 0;}
.shopImportantBtArea .bt_blue{ margin-left: 20px; margin-right: 0;}

/*
**　分からないことを、検索してみましょう！　searchArea
*/
.searchArea { background: url(../images/store/bg_searchArea.jpg) 0 100%;}
.searchArea .inner { width: 90%; padding: 25px 0 30px 0;}
.searchArea h1 { font-size: 2.4rem; margin: 0 0 10px 0; line-height: 1;}
.searchArea p { line-height: 1.6;}

/*フォーム全体*/
.searchArea #form { position: relative; width: 100%; margin-top: 10px;}
.searchArea #searchBox { width: 85%; height: 45px; position: absolute; left: 0; top: 0; outline: 0; padding: 0 10px; border-radius: 5px 0 0 5px; background: #fff; font-size: 1.6rem; border: 2px solid #666;}
.searchArea #bt_search { min-width:110px; width: 15%; height: 45px; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0;
border-radius:0 5px 5px 0;
background: rgb(96,108,136);
background: linear-gradient(180deg, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%);border: none; color: #fff; font-size:1.6rem; cursor: pointer;}
.searchArea #bt_search:before { display: inline-block; width: 30px; height: 30px; content: ""; background: url(../images/share/icon_search.png) 0 0; background-size: 30px;}
.resultSentense{ display: block; margin: 20px;}
.noSearchWord{text-align: center; margin-top: 20px;}
.searchHint{ display: block; margin-top: 20px; }
.searchHint-list{ margin-left: 20px;}

/*
**　新着情報　newsHeadline
*/
.newsHeadline h1 { font-size: 1.8rem;}
.newsHeadline dl { width: 100%; display: flex; padding: 2px 0 2px 50px; position:relative;}
.newsHeadline dl:nth-of-type(odd) { background: #f0f0f0;}
.newsHeadline dt { margin-right: 10px; min-width: 95px; white-space: nowrap; display: flex; align-items: center;}
.newsHeadline dd { display: flex; align-items: center;}
.newsHeadline dd .news_categories { display: block;  height: 15px; font-size: 1rem; text-align: center; line-height: 1.5; position: relative;  margin-right: 15px;}
.newsHeadline dd .news_category { min-width: 90px; background: #ccc; color: #fff;}
.newsHeadline dd .news_category:after { display: block; content: ""; width: 0;
height: 0; border-style: solid; border-width: 7.5px 0 7.5px 10px;
border-color: transparent transparent transparent #ccc;
position: absolute; right: -10px; top: 0;}
.newsHeadline dd .news_subcategory { min-width: 130px; color: #ccc;}
.newsHeadline dd .news_title { margin-right: 25px;}
.newsHeadline dd:last-child { flex-wrap: wrap;}
.newsHeadline dd .newsLink { text-decoration:none; border: 1px solid #ccc; padding: 5px; border-radius: 5px; margin: 0 7px; line-height: 1; background: rgba(204, 204, 204, 0.3);}
.newsHeadline dl.manual dd .news_category { background: #b31010;}
.newsHeadline dl.manual dd .news_category:after { border-color: transparent transparent transparent #b31010;}
.newsHeadline dl.manual dd .news_subcategory { color: #b31010;}
.newsHeadline dl.notice dd .news_category { background: #1074b3;}
.newsHeadline dl.notice dd .news_category:after { border-color: transparent transparent transparent #1074b3;}
.newsHeadline dl.notice dd .news_subcategory { color: #1074b3;}
.newsHeadline .pin { display: inline-block; width: 25px; height: 30px; content: ""; background: url("../images/store/icon_pin.svg") 0 0 no-repeat; background-size: 23px; position: absolute; left: 8px; cursor: pointer;}
.newsHeadline .pin-active { background: url("../images/store/icon_pinned.svg") 0 0 no-repeat; }
.newsHeadline .pin-not-active { cursor: default; }
_:-ms-lang(x)::-ms-backdrop, .newsHeadline .pin {
    width: 50px; height: 50px; background-size: 50px;  left: 35px;
    top: 60%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
_:-ms-lang(x)::-ms-backdrop, .newsHeadline .pin-active {
    background: url("../images/store/icon_pinned_ie.svg") 0 0 no-repeat;
}


/*
**　検索結果　searchResults
*/
.searchResults h1 { width: 100%; text-align: center; color: #fff; font-size: 2.4rem; background: #19b03d; padding: 12px 0;}
.searchResults h1 span { font-weight: normal; font-size: 2rem; padding-left: 15px;}

.searchResults .results { padding: 10px 20px;}
.searchResults .results:nth-child(odd) {border-bottom: 1px solid #f0f0f0;}
.searchResults .results:nth-child(2n) { background: #f0f0f0;}
.searchResults .results ul { display: flex; list-style: none; margin-bottom: 8px;}
.searchResults .results ul li { display: flex; align-items: center; justify-content: center; height: 15px; padding: 2px 5px; font-size: 1.2rem; line-height: 1; position: relative;}
.searchResults .results ul li:first-of-type { background: #ccc; color: #fff;  margin-right: 15px; padding: 2px 15px;}
.searchResults .results ul li:first-of-type:after { display: block; content: ""; width: 0;
height: 0; border-style: solid; border-width: 7.5px 0 7.5px 10px;
border-color: transparent transparent transparent #ccc;
position: absolute; right: -10px; top: 0;}
.searchResults .results ul li:nth-child(2):after,
.searchResults .results ul li:nth-child(3):after
{ content: ">"; padding-left: 10px;}
.searchResults .results ul li:last-of-type:after
{ content: ""; padding-left: 0;}
.searchResults .results h2 { margin-bottom: 8px; line-height: 1; display:inline-block; font-size:2rem;}
.searchResults .results dl { display: flex;}
.searchResults .results dt { white-space: nowrap; margin-right: 10px;}
.searchResults .results dd { display: flex; width: 88%; flex-wrap: wrap;}
.searchResults .results dd a { display: flex; align-items: center; border: 1px solid #ccc; padding: 0 5px; border-radius: 5px; margin-right: 10px; line-height: 1; background: rgba(204, 204, 204, 0.3);}

.searchResults .manual ul li { color: #b31010;}
.searchResults .manual ul li:first-of-type { background: #b31010; color: #fff;}
.searchResults .manual ul li:first-of-type:after { border-color: transparent transparent transparent #b31010;}

.searchResults .notice ul li { color: #1074b3;}
.searchResults .notice ul li:first-of-type { background: #1074b3; color: #fff;}
.searchResults .notice ul li:first-of-type:after { border-color: transparent transparent transparent #1074b3;}
.searchResults .highlight { font-weight: bold; background-color: yellow; padding: 2px; margin: 3px;}

.btArea { display: flex; align-items: center; justify-content: center; margin: 20px 0 30px 0;}
.btArea .bt_more,
.btArea .bt_back
 { background: #00a728; border-radius: 30px; color: #fff; padding: 0 50px 0 30px; font-size: 1.6rem; line-height: 38px; position: relative;}
.btArea .bt_more:after { width: 13px; height: 13px; content: ""; position: absolute;  right: 20px; top: 8px; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.btArea .bt_back:after { display: inline-block; width: 16px; height: 16px; content: ""; background: url("../images/share/icon_back.svg") 0 0 no-repeat; background-size: 16px; position: absolute; top: 12px; right: 20px;}
.bt_more{ height: 3em; cursor: pointer;}
.btArea .bt_more:after{ top: 13px; }

@keyframes showbt {
  0% { opacity: 0; }
  90% { opacity: 0; }
  100% { opacity: 1; }
}
.bt_more{
  animation: showbt 1s;
}

/*
**　マニュアルインデックス　manualIndex
*/
.manualIndex { padding: 20px 0;}
.manualIndex dl { display: block; margin-bottom: 20px;}
.manualIndex dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.manualIndex dt { display: inline-block; min-width: 35%; height: 50px; background: #ccc; color: #fff; font-size: 2rem; position: relative; padding: 0 20px; line-height: 50px;}
.manualIndex dt:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 20px; border-color: transparent transparent transparent #ccc; position: absolute; right: -20px; top: 0;}
.manualIndex dd { width: 70%; float: right; background: rgba(204, 204, 204, 0.2); margin: -25px 0 0 -35px; padding: 40px 15px 10px 70px;}
.manualIndex dd ul { display: inline-flex; width:100%; flex-direction: column; list-style: none; flex-wrap: wrap; align-items: flex-start;}
.manualIndex dd li { display: inline-flex; min-width: 300px; width: 40%; height: 35px; background: #ccc; font-size: 1.4rem; position: relative; padding: 0 20px; line-height: 35px; margin-bottom: 8px;}
.manualIndex dd li:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 17.5px 0 17.5px 15px; border-color: transparent transparent transparent #ccc; position: absolute; right: -15px; top: 0;}
.manualIndex dd li a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding-left: 20px;}

.manualIndex .cat1 dt { background: #ba3131;}
.manualIndex .cat1 dt:after { border-color: transparent transparent transparent #ba3131;}
.manualIndex .cat1 dd { background: rgba(186, 49, 49, 0.1);}
.manualIndex .cat1 dd li { background: #d68383;}
.manualIndex .cat1 dd li:after { border-color: transparent transparent transparent #d68383;}

.manualIndex .cat2 dt { background: #b75432;}
.manualIndex .cat2 dt:after { border-color: transparent transparent transparent #b75432;}
.manualIndex .cat2 dd { background: rgba(183, 84, 50, 0.1);}
.manualIndex .cat2 dd li { background: #d49884;}
.manualIndex .cat2 dd li:after { border-color: transparent transparent transparent #d49884;}

.manualIndex .cat3 dt { background: #b57133;}
.manualIndex .cat3 dt:after { border-color: transparent transparent transparent #b57133;}
.manualIndex .cat3 dd { background: rgba(181, 113, 51, 0.1);}
.manualIndex .cat3 dd li { background: #d3aa85;}
.manualIndex .cat3 dd li:after { border-color: transparent transparent transparent #d3aa85;}

.manualIndex .cat4 dt { background: #b28834;}
.manualIndex .cat4 dt:after { border-color: transparent transparent transparent #b28834;}
.manualIndex .cat4 dd { background: rgba(178, 136, 52, 0.1);}
.manualIndex .cat4 dd li { background: #d1b885;}
.manualIndex .cat4 dd li:after { border-color: transparent transparent transparent #d1b885;}

.manualIndex .cat5 dt { background: #afa935;}
.manualIndex .cat5 dt:after { border-color: transparent transparent transparent #afa935;}
.manualIndex .cat5 dd { background: rgba(175, 169, 53, 0.1);}
.manualIndex .cat5 dd li { background: #cfcb86;}
.manualIndex .cat5 dd li:after { border-color: transparent transparent transparent #cfcb86;}

.manualIndex .cat6 dt { background: #93ad36;}
.manualIndex .cat6 dt:after { border-color: transparent transparent transparent #93ad36;}
.manualIndex .cat6 dd { background: rgba(147, 173, 54, 0.1);}
.manualIndex .cat6 dd li { background: #bece86;}
.manualIndex .cat6 dd li:after { border-color: transparent transparent transparent #bece86;}

.manualIndex .cat7 dt { background: #78aa37;}
.manualIndex .cat7 dt:after { border-color: transparent transparent transparent #78aa37;}
.manualIndex .cat7 dd { background: rgba(120, 170, 55, 0.1);}
.manualIndex .cat7 dd li { background: #aecc87;}
.manualIndex .cat7 dd li:after { border-color: transparent transparent transparent #aecc87;}

.manualIndex .cat8 dt { background: #52a042;}
.manualIndex .cat8 dt:after { border-color: transparent transparent transparent #52a042;}
.manualIndex .cat8 dd { background: rgba(82, 160, 66, 0.1);}
.manualIndex .cat8 dd li { background: #97c68e;}
.manualIndex .cat8 dd li:after { border-color: transparent transparent transparent #97c68e;}

.manualIndex .cat9 dt { background: #41995e;}
.manualIndex .cat9 dt:after { border-color: transparent transparent transparent #41995e;}
.manualIndex .cat9 dd { background: rgba(65, 153, 94, 0.1);}
.manualIndex .cat9 dd li { background: #8dc29e;}
.manualIndex .cat9 dd li:after { border-color: transparent transparent transparent #8dc29e;}

.manualIndex .cat10 dt { background: #44997d;}
.manualIndex .cat10 dt:after { border-color: transparent transparent transparent #44997d;}
.manualIndex .cat10 dd { background: rgba(68, 153, 125, 0.1);}
.manualIndex .cat10 dd li { background: #8fc2b1;}
.manualIndex .cat10 dd li:after { border-color: transparent transparent transparent #8fc2b1;}

.manualIndex .cat11 dt { background: #478f99;}
.manualIndex .cat11 dt:after { border-color: transparent transparent transparent #478f99;}
.manualIndex .cat11 dd { background: rgba(71, 143, 153, 0.1);}
.manualIndex .cat11 dd li { background: #91bcc2;}
.manualIndex .cat11 dd li:after { border-color: transparent transparent transparent #91bcc2;}

.manualIndex .cat12 dt { background: #487199;}
.manualIndex .cat12 dt:after { border-color: transparent transparent transparent #487199;}
.manualIndex .cat12 dd { background: rgba(72, 113, 153, 0.1);}
.manualIndex .cat12 dd li { background: #91aac2;}
.manualIndex .cat12 dd li:after { border-color: transparent transparent transparent #91aac2;}

.manualIndex .cat13 dt { background: #4a5999;}
.manualIndex .cat13 dt:after { border-color: transparent transparent transparent #4a5999;}
.manualIndex .cat13 dd { background: rgba(74, 89, 153, 0.1);}
.manualIndex .cat13 dd li { background: #929bc2;}
.manualIndex .cat13 dd li:after { border-color: transparent transparent transparent #929bc2;}

.manualIndex .cat14 dt { background: #554b99;}
.manualIndex .cat14 dt:after { border-color: transparent transparent transparent #554b99;}
.manualIndex .cat14 dd { background: rgba(85, 75, 153, 0.1);}
.manualIndex .cat14 dd li { background: #9993c2;}
.manualIndex .cat14 dd li:after { border-color: transparent transparent transparent #9993c2;}

.manualIndex .cat15 dt { background: #6a4d99;}
.manualIndex .cat15 dt:after { border-color: transparent transparent transparent #6a4d99;}
.manualIndex .cat15 dd { background: rgba(106, 77, 153, 0.1);}
.manualIndex .cat15 dd li { background: #a694c2;}
.manualIndex .cat15 dd li:after { border-color: transparent transparent transparent #a694c2;}

.manualIndex .cat16 dt { background: #824f99;}
.manualIndex .cat16 dt:after { border-color: transparent transparent transparent #824f99;}
.manualIndex .cat16 dd { background: rgba(130, 79, 153, 0.1);}
.manualIndex .cat16 dd li { background: #b495c2;}
.manualIndex .cat16 dd li:after { border-color: transparent transparent transparent #b495c2;}

.manualIndex .cat17 dt { background: #995099;}
.manualIndex .cat17 dt:after { border-color: transparent transparent transparent #995099;}
.manualIndex .cat17 dd { background: rgba(153, 80, 153, 0.1);}
.manualIndex .cat17 dd li { background: #c296c2;}
.manualIndex .cat17 dd li:after { border-color: transparent transparent transparent #c296c2;}

.manualIndex .cat18 dt { background: #993d76;}
.manualIndex .cat18 dt:after { border-color: transparent transparent transparent #993d76;}
.manualIndex .cat18 dd { background: rgba(153, 61, 118, 0.1);}
.manualIndex .cat18 dd li { background: #c28bad;}
.manualIndex .cat18 dd li:after { border-color: transparent transparent transparent #c28bad;}

.manualIndex .cat19 dt { background: #af2e69;}
.manualIndex .cat19 dt:after { border-color: transparent transparent transparent #af2e69;}
.manualIndex .cat19 dd { background: rgba(175, 46, 105, 0.1);}
.manualIndex .cat19 dd li { background: #cf82a5;}
.manualIndex .cat19 dd li:after { border-color: transparent transparent transparent #cf82a5;}

.manualIndex .cat20 dt { background: #a51426;}
.manualIndex .cat20 dt:after { border-color: transparent transparent transparent #a51426;}
.manualIndex .cat20 dd { background: rgba(165, 20, 38, 0.1);}
.manualIndex .cat20 dd li { background: #c9727d}
.manualIndex .cat20 dd li:after { border-color: transparent transparent transparent #c9727d;}

/*
**　マニュアルディティール　manualDetail
*/
.manualDetail .breadcrumbs { margin: 30px 0;}


.manualDetail .breadcrumbs span { display: inline-flex; height: 35px; background: #ccc; position: relative; margin: 0 -20px 0 0; padding: 0 20px; color: #fff;}
.manualDetail .breadcrumbs span:after { display: block; content: ""; width: 0;
height: 0; border-style: solid; border-width: 17.5px 0 17.5px 20px;
border-color: transparent transparent transparent #ccc;
position: absolute; right: -5px; top: 0; z-index: 10;}

.manualDetail .breadcrumbs span:nth-child(2) { display: inline-flex; height: 35px; background: #ccc; position: relative; margin: 0 -20px 0 0; padding: 0 20px; color: #333;}
.manualDetail .breadcrumbs span:nth-child(2):after
{ position: absolute; right: -20px; top: 0;}
/*.manualDetail .breadcrumbs span:nth-child(3):after
{ position: absolute; right: -20px; top: 0;}*/
.manualDetail .detailCont { width: 80%; padding: 30px 50px; background: rgba(204, 204, 204, 0.1); margin: 0 auto;}
.manualDetail .detailCont ul { list-style: none;}
.manualDetail .detailCont li { font-size: 1.8rem;}
.manualDetail .detailCont li .attachment { text-decoration:none; border: 1px solid #ccc; padding: 0 5px; border-radius: 5px; margin: 0 5px; line-height: 1; background: rgba(204, 204, 204, 0.3);}
.manualDetail .detailCont li .mainFile:before { display: inline-block; width: 15px; height: 15px; border-radius: 10px; content: ""; background: #ccc url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat; background-position: 0; background-size: 15px; margin-right: 5px;}

.detailCont span{ color: #707070; margin-left: 20px; font-size: 0.9em}
.manualDetail p { display: block; width: 80%; margin: 20px auto; color: #666; text-align: right;}


.manualDetail .cat1 .breadcrumbs span:first-of-type { background: #ba3131;}
.manualDetail .cat1 .detailCont li .mainFile:before { background: #ba3131 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat1 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #ba3131;}
.manualDetail .cat1 .breadcrumbs span:nth-child(2) { background: #d68383;}
.manualDetail .cat1 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #d68383;}
.manualDetail .cat1 .breadcrumbs span:nth-child(3) { background: #eac1c1;}
.manualDetail .cat1 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #eac1c1;}
.manualDetail .cat1 .detailCont { background: rgba(186, 49, 49, 0.1);}

.manualDetail .cat2 .breadcrumbs span:first-of-type { background: #b75432;}
.manualDetail .cat2 .detailCont li .mainFile:before { background: #b75432 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat2 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #b75432;}
.manualDetail .cat2 .breadcrumbs span:nth-child(2) { background: #d49884;}
.manualDetail .cat2 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #d49884;}
.manualDetail .cat2 .breadcrumbs span:nth-child(3) { background: #e9cbc1;}
.manualDetail .cat2 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #e9cbc1;}
.manualDetail .cat2 .detailCont { background: rgba(183, 84, 50, 0.1);}

.manualDetail .cat3 .breadcrumbs span:first-of-type { background: #b57133;}
.manualDetail .cat3 .detailCont li .mainFile:before { background: #b57133 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat3 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #b57133;}
.manualDetail .cat3 .breadcrumbs span:nth-child(2) { background: #d3aa85;}
.manualDetail .cat3 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #d3aa85;}
.manualDetail .cat3 .breadcrumbs span:nth-child(3) { background: #e9d4c1;}
.manualDetail .cat3 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #e9d4c1;}
.manualDetail .cat3 .detailCont { background: rgba(181, 113, 51, 0.1);}

.manualDetail .cat4 .breadcrumbs span:first-of-type { background: #b28834;}
.manualDetail .cat4 .detailCont li .mainFile:before { background: #b28834 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat4 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #b28834;}
.manualDetail .cat4 .breadcrumbs span:nth-child(2) { background: #d1b885;}
.manualDetail .cat4 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #d1b885;}
.manualDetail .cat4 .breadcrumbs span:nth-child(3) { background: #e8dbc2;}
.manualDetail .cat4 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #e8dbc2;}
.manualDetail .cat4 .detailCont { background: rgba(178, 136, 52, 0.1);}

.manualDetail .cat5 .breadcrumbs span:first-of-type { background: #afa935;}
.manualDetail .cat5 .detailCont li .mainFile:before { background: #afa935 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat5 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #afa935;}
.manualDetail .cat5 .breadcrumbs span:nth-child(2) { background: #cfcb86;}
.manualDetail .cat5 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #cfcb86;}
.manualDetail .cat5 .breadcrumbs span:nth-child(3) { background: #e7e5c2;}
.manualDetail .cat5 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #e7e5c2;}
.manualDetail .cat5 .detailCont { background: rgba(175, 169, 53, 0.1);}

.manualDetail .cat6 .breadcrumbs span:first-of-type { background: #93ad36;}
.manualDetail .cat6 .detailCont li .mainFile:before { background: #93ad36 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat6 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #93ad36;}
.manualDetail .cat6 .breadcrumbs span:nth-child(2) { background: #bece86;}
.manualDetail .cat6 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #bece86;}
.manualDetail .cat6 .breadcrumbs span:nth-child(3) { background: #dee6c2;}
.manualDetail .cat6 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #dee6c2;}
.manualDetail .cat6 .detailCont { background: rgba(147, 173, 54, 0.1);}

.manualDetail .cat7 .breadcrumbs span:first-of-type { background: #78aa37;}
.manualDetail .cat7 .detailCont li .mainFile:before { background: #78aa37 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat7 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #78aa37;}
.manualDetail .cat7 .breadcrumbs span:nth-child(2) { background: #aecc87;}
.manualDetail .cat7 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #aecc87;}
.manualDetail .cat7 .breadcrumbs span:nth-child(3) { background: #d6e5c3;}
.manualDetail .cat7 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #d6e5c3;}
.manualDetail .cat7 .detailCont { background: rgba(120, 170, 55, 0.1);}

.manualDetail .cat8 .breadcrumbs span:first-of-type { background: #52a042;}
.manualDetail .cat8 .detailCont li .mainFile:before { background: #52a042 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat8 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #52a042;}
.manualDetail .cat8 .breadcrumbs span:nth-child(2) { background: #cbe2c6;}
.manualDetail .cat8 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #cbe2c6;}
.manualDetail .cat8 .breadcrumbs span:nth-child(3) { background: #d6e5c3;}
.manualDetail .cat8 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #d6e5c3;}
.manualDetail .cat8 .detailCont { background: rgba(82, 160, 66, 0.1);}

.manualDetail .cat9 .breadcrumbs span:first-of-type { background: #41995e;}
.manualDetail .cat9 .detailCont li .mainFile:before { background: #41995e url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat9 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #41995e;}
.manualDetail .cat9 .breadcrumbs span:nth-child(2) { background: #8dc29e;}
.manualDetail .cat9 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #8dc29e;}
.manualDetail .cat9 .breadcrumbs span:nth-child(3) { background: #c6e0ce;}
.manualDetail .cat9 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #c6e0ce;}
.manualDetail .cat9 .detailCont { background: rgba(65, 153, 94, 0.1);}

.manualDetail .cat10 .breadcrumbs span:first-of-type { background: #44997d;}
.manualDetail .cat10 .detailCont li .mainFile:before { background: #44997d url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat10 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #44997d;}
.manualDetail .cat10 .breadcrumbs span:nth-child(2) { background: #8fc2b1;}
.manualDetail .cat10 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #8fc2b1;}
.manualDetail .cat10 .breadcrumbs span:nth-child(3) { background: #c7e0d8;}
.manualDetail .cat10 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #c7e0d8;}
.manualDetail .cat10 .detailCont { background: rgba(68, 153, 125, 0.1);}

.manualDetail .cat11 .breadcrumbs span:first-of-type { background: #478f99;}
.manualDetail .cat11 .detailCont li .mainFile:before { background: #478f99 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat11 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #478f99;}
.manualDetail .cat11 .breadcrumbs span:nth-child(2) { background:#91bcc2;}
.manualDetail .cat11 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #91bcc2;}
.manualDetail .cat11 .breadcrumbs span:nth-child(3) { background: #c7dde0;}
.manualDetail .cat11 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #c7dde0;}
.manualDetail .cat11 .detailCont { background: rgba(71, 143, 153, 0.1);}

.manualDetail .cat12 .breadcrumbs span:first-of-type { background: #487199;}
.manualDetail .cat12 .detailCont li .mainFile:before { background: #487199 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat12 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #487199;}
.manualDetail .cat12 .breadcrumbs span:nth-child(2) { background: #91aac2;}
.manualDetail .cat12 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #91aac2;}
.manualDetail .cat12 .breadcrumbs span:nth-child(3) { background: #c8d4e0;}
.manualDetail .cat12 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #c8d4e0;}
.manualDetail .cat12 .detailCont { background: rgba(72, 113, 153, 0.1);}

.manualDetail .cat13 .breadcrumbs span:first-of-type { background: #4a5999;}
.manualDetail .cat13 .detailCont li .mainFile:before { background: #4a5999 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat13 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #4a5999;}
.manualDetail .cat13 .breadcrumbs span:nth-child(2) { background: #929bc2;}
.manualDetail .cat13 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #929bc2;}
.manualDetail .cat13 .breadcrumbs span:nth-child(3) { background: #c8cde0;}
.manualDetail .cat13 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #c8cde0;}
.manualDetail .cat13 .detailCont { background: rgba(74, 89, 153, 0.1);}

.manualDetail .cat14 .breadcrumbs span:first-of-type { background: #554b99;}
.manualDetail .cat14 .detailCont li .mainFile:before { background: #554b99 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat14 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #554b99;}
.manualDetail .cat14 .breadcrumbs span:nth-child(2) { background: #9993c2;}
.manualDetail .cat14 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #9993c2;}
.manualDetail .cat14 .breadcrumbs span:nth-child(3) { background: #ccc9e0;}
.manualDetail .cat14 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #ccc9e0;}
.manualDetail .cat14 .detailCont { background: rgba(85, 75, 153, 0.1);}

.manualDetail .cat15 .breadcrumbs span:first-of-type { background: #6a4d99;}
.manualDetail .cat15 .detailCont li .mainFile:before { background: #6a4d99 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat15 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #6a4d99;}
.manualDetail .cat15 .breadcrumbs span:nth-child(2) { background: #a694c2;}
.manualDetail .cat15 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #a694c2;}
.manualDetail .cat15 .breadcrumbs span:nth-child(3) { background: #d2c9e0;}
.manualDetail .cat15 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #d2c9e0;}
.manualDetail .cat15 .detailCont { background: rgba(106, 77, 153, 0.1);}

.manualDetail .cat16 .breadcrumbs span:first-of-type { background: #824f99;}
.manualDetail .cat16 .detailCont li .mainFile:before { background: #824f99 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat16 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #824f99;}
.manualDetail .cat16 .breadcrumbs span:nth-child(2) { background: #b495c2;}
.manualDetail .cat16 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #b495c2;}
.manualDetail .cat16 .breadcrumbs span:nth-child(3) { background: #d9cae0;}
.manualDetail .cat16 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #d9cae0;}
.manualDetail .cat16 .detailCont { background: rgba(130, 79, 153, 0.1);}

.manualDetail .cat17 .breadcrumbs span:first-of-type { background: #995099;}
.manualDetail .cat17 .detailCont li .mainFile:before { background: #995099 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat17 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #995099;}
.manualDetail .cat17 .breadcrumbs span:nth-child(2) { background: #c296c2;}
.manualDetail .cat17 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #c296c2;}
.manualDetail .cat17 .breadcrumbs span:nth-child(3) { background: #e0cae0;}
.manualDetail .cat17 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #e0cae0;}
.manualDetail .cat17 .detailCont { background: rgba(153, 80, 153, 0.1);}

.manualDetail .cat18 .breadcrumbs span:first-of-type { background: #993d76;}
.manualDetail .cat18 .detailCont li .mainFile:before { background: #993d76 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat18 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #993d76;}
.manualDetail .cat18 .breadcrumbs span:nth-child(2) { background: #c28bad;}
.manualDetail .cat18 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #c28bad;}
.manualDetail .cat18 .breadcrumbs span:nth-child(3) { background: #e0c4d6;}
.manualDetail .cat18 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #e0c4d6;}
.manualDetail .cat18 .detailCont { background: rgba(153, 61, 118, 0.1);}

.manualDetail .cat19 .breadcrumbs span:first-of-type { background: #af2e69;}
.manualDetail .cat19 .detailCont li .mainFile:before { background: #af2e69 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat19 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #af2e69;}
.manualDetail .cat19 .breadcrumbs span:nth-child(2) { background: #cf82a5;}
.manualDetail .cat19 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #cf82a5;}
.manualDetail .cat19 .breadcrumbs span:nth-child(3) { background: #e7c0d2;}
.manualDetail .cat19 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #e7c0d2;}
.manualDetail .cat19 .detailCont { background: rgba(175, 46, 105, 0.1);}

.manualDetail .cat20 .breadcrumbs span:first-of-type { background:#a51426;}
.manualDetail .cat20 .detailCont li .mainFile:before { background:#a51426 url("../images/share/icon_circle_right_solid.svg") 0 0 no-repeat;}
.manualDetail .cat20 .breadcrumbs span:first-of-type:after { border-color: transparent transparent transparent #a51426;}
.manualDetail .cat20 .breadcrumbs span:nth-child(2) { background: #c9727d;}
.manualDetail .cat20 .breadcrumbs span:nth-child(2):after { border-color: transparent transparent transparent #c9727d;}
.manualDetail .cat20 .breadcrumbs span:nth-child(3) { background: #e4b8bd;}
.manualDetail .cat20 .breadcrumbs span:nth-child(3):after { border-color: transparent transparent transparent #e4b8bd;}
.manualDetail .cat20 .detailCont { background: rgba(165, 20, 38, 0.1);}


/* --------------------------------------------------
    footer
-------------------------------------------------- */
/*
**banner
*/
footer { display: block; width: 98%; height: 100%; margin: 20px auto 0 auto;}
footer ul { display: flex; list-style: none;}
footer ul li { margin-right: 15px;}

/*
**Go to top
*/
#pageTop a.btPageTop { display: block; width: 40px; height: 40px; display: block; position: fixed; bottom: 10px; right: 10px; z-index: 10; padding: 10px 15px; background: rgba(233, 0, 0, 0.5); border-radius: 30px; color: #fff; text-align: center; text-decoration: none; text-indent: -999em; overflow: hidden;}
#pageTop a.btPageTop:hover { opacity: .8;}
#pageTop a.btPageTop:before { content: ''; width: 10px; height: 10px; border-top: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 55%; left: 15px; margin-top: -4px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* =================================================
    管理側
================================================= */

/*
** 管理者名
*/
header .userName { width: 280px; justify-content: space-around; font-size: 1.3rem;}
header .userName:before { width: 18px; height: 18px; content: ""; background: url("../images/control/icon_user_cog.svg") 0 0 no-repeat; background-size: 18px;}
header .userName .bt_logaut { height: 24px; display: flex; align-items: center; background: #00a728; border-radius: 5px; color: #fff; font-size: 1.2rem; text-align: center; padding: 5px 10px; font-weight: bold; white-space: nowrap; margin-left: 5px;}
header .userName .bt_logaut:before { display: inline-block; width: 18px; height: 18px; content: ""; background: url("../images/control/icon_sign_out.svg") 0 0 no-repeat; background-size: 18px;}

/* --------------------------------------------------
    管理側　main
-------------------------------------------------- */
#control { font-size: 1.4rem; line-height: 1.8; color: #333; -webkit-font-smoothing: antialiased;}

#control main .inner { display: block; height: 100%; margin: 0 auto;}
#control main > .inner { min-width: 1200px; max-width: 1200px;}
#control main .inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}

#control.manualCon main h1,
#control.newsCon main h1,
#control.masterCon main h1
{ min-width: 1200px; background: #cce8f1; text-align: center; font-size: 3rem; font-weight: normal; color: #008cbb; padding: 10px 0; margin-bottom: 30px;}
#control.newsCon main h1{
  background: #f5e6f9;
  color: #b31010;
}
#control.masterCon main h1{
  background: #0B4D1A;
  color: #6ead98;
}
#control.importantCon main h1{
  background: #fff0cc;
  color: #ffb300;
}
.permissionErrMsg{ text-align: center; margin-top: 100px; margin-bottom: 100px; font-size: 1.3em; }

/*
** フォーム　パーツ　　.formArea
*/
form { display: block; width: 100%;}
.formArea input,
.formArea input[type="text"],
.formArea textarea,
.formArea select { width: 100%;
-moz-appearance: none;
-webkit-appearance: none; appearance: none; background-color: transparent; background-image: none;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
border: 1px solid rgba(0, 0, 0, 0.16); border-radius: 5px; font-family: inherit; font-size: 1.6rem; padding: 0.2em 0.8em; min-height: 34.25px;}
select::-ms-expand { display: none;}
form input:focus,
form input textarea:focus,
form select:focus { border: 1px solid rgba(0, 0, 0, 0.32); box-shadow: none; outline: none;}
form select { background: url(../images/control/icon_down_solid.svg) 95% center no-repeat; background-size: 16px 16px; background-color: transparent;}
input::-webkit-input-placeholder { padding-bottom: 2em; line-height: 1; }
form select.disabled { color: #ccc;}

.error_area { border: 1px solid #ff0000; border-radius: 3px; color: #ff0000; margin: 0 auto 15px auto;}
form .error { background-color: rgba(255, 0, 64, 0.1);}
form select.error { background: rgba(255, 0, 64, 0.1) url(../images/control/icon_down_solid.svg) 95% center no-repeat; background-size: 16px}


input[type=checkbox] { display: none;}
.checkbox { box-sizing: border-box; cursor: pointer; display: inline-block; padding: 5px 30px; position: relative; width: auto;
}

.checkbox:before { display: block; width: 16px; height: 16px; content: ""; background: #fff; border: 1px solid rgba(0, 0, 0, 0.16); margin-top: -8px; position: absolute; top: 50%; left: 5px;}
.checkbox:after { display: block; width: 16px; height: 16px; content: ""; opacity: 0; position: absolute; top: 10px; left: 5px; background: url("../images/control/icon_check.svg") 0 0 no-repeat;}
input[type=checkbox]:checked + .checkbox:after { opacity: 1;}

input[type=radio] { display: none;}
.radio { display: inline-block; width: auto; box-sizing: border-box; cursor: pointer; padding: 5px 15px 5px 30px; position: relative;}
.radio:before { display: block; width: 16px; height: 16px; content: ""; background: #fff; border: 1px solid rgba(0, 0, 0, 0.16); border-radius: 50%; margin-top: -8px; position: absolute; top: 50%;  left: 5px;}
.radio:after { display: block; width: 10px; height: 10px; content: ""; background: #008cbb; border-radius: 50%; margin-top: -4px; opacity: 0; position: absolute; top: 50%; left: 9px;}
input[type=radio]:checked + .radio:after { opacity: 1;}

form .error { background-color: rgba(255, 0, 64, 0.1);}
form select.error { background: rgba(255, 0, 64, 0.1) url(../images/control/icon_down_solid.svg) 95% center no-repeat; background-size: 16px}

/*
** エラー
*/
.errorArea { width: 80%; border: 1px solid #ff0000; border-radius: 3px; color: #ff0000; margin: 30px auto; padding: 15px 30px;}
.errorArea ul { list-style: none;}

/*
** フォーム
*/
.formArea { display: flex; flex-wrap: wrap; width: 75%; margin: 0 auto;}
.formArea-master{ width: 560px;}
.formArea-important{ width: 850px;}
.formAreaIndex { width: 830px;}
.formAreaIndex .start dd ,.formAreaIndex .end dd ,.formAreaIndex .category dd ,.formAreaIndex .subCategory dd ,.group dd { width: 250px;}
.formAreaIndex .title { width: 90%;}
.formAreaIndex .title dd{ width: 100%;}
.formArea dl { display: flex; width: auto; align-items: flex-start; margin: 0 70px 40px 0;}
.formArea dl.tempSet,.formArea dl.manualfile { margin-right: 0; width: 100%;}
.formAreaIndex dl{margin: 0 35px 40px 35px;}
.formArea dt { min-width: 90px; font-size: 1.2rem; font-weight: bold; padding: 7px 0 0 0;}
.formArea dd { display: block; align-items: center;}
.formArea .target .targetText, .formArea .noFileText {padding-top: 4px;}
.formArea a { text-decoration: underline;}

.formAreaShop { padding-top: 70px; width: 1230px; }
.formAreaShop dl { margin-bottom: 0; margin-right: 30px; }
.formAreaShop .group select { margin-top: 4px; }
.formAreaShop dl dt { min-width: 70px; }

.formArea .w170 { width: 170px;}
.formArea .w190 { width: 190px;}
.formArea .w250 { width: 250px;}
.formArea .w300 { width: 300px;}
.formArea .w350 { width: 350px;}
.formArea .w400 { width: 400px;}
.formArea .w600 { width: 600px;}

.formArea dl.wFull { width: 100%; margin: 0 0 40px 0;}
.formArea dl.wFull dt { width: 90px;}
.formArea dl.wFull dd
{ width: calc( 100% - 90px);}
.formArea dl.wFull dd input[type="text"],
.formArea dl.wFull dd textarea
{ width: 100%;}


.formArea dd span { display: block; width: 100%; min-height: 40px; background: rgba(25, 176, 61, 0.05); font-size: 1.6rem; padding: 0.2em 0.8em; border-radius: 5px;}

.formArea dd.column { flex-direction: column; align-items: flex-start;}
.formArea dd.column span{ margin-bottom: 10px;}
.formArea dl.filelink { width: 100%;}
.formArea-important .target { margin-bottom: 10px; margin-top: -10px;}
.important-message .message{ display:inline-block; width: 19em; height: 37em; box-sizing: border-box; overflow:hidden; margin-right: 20px; line-height: 1.5; resize: none;}
.radioArea { text-align: center; margin-top: 50px; margin-bottom: 20px;}
_:-ms-lang(x)::-ms-backdrop, .important-message .message{ width: 17.4em; }
.formArea .inherit{ display:inherit; }
/*
** 店舗一覧表示
*/
.targetShop{ width: 100%; min-width: 800px;}
.shopListOpen{ height: 20px; color: #008cbb; text-decoration: underline; cursor: pointer;}
.shopListArea{ border: 1px solid #008cbb; border-radius: 20px; width: 900px; min-width: 900px; padding: 15px; position:relative;}
.shopList{ padding: 20px; display: flex; flex-wrap: wrap;}
.shopItem{width: 48.5%; margin-right: 3%; }
.shopItem:nth-child(2n){ margin-right: 0;}
.shopListClose{ height: 40px; width: 40px; line-height: 40px; text-align: center; cursor: pointer; position: absolute; top: 5px; right: 5px; font-size: 2em; font-weight: bold;}

/*
** モーダル
*/
.formArea .bt_popup { display: inline-block; width: 110px; height: 30px; background: #008cbb; color: #fff; cursor: pointer; padding: 10px; margin: 0; border-radius: 3px; font-size: 1.2rem; line-height: 1; text-align: center; position: relative;}
.formArea .bt_popup a { color: #fff; text-decoration: none;}

.modal { width: 100%; height: 100%; visibility: hidden; overflow-y: scroll; opacity: 0; position: fixed; top: 0; left: 0; padding: 40px 20px; transition: opacity 0.3s, visibility 0s 0.3s; background: rgba(0, 0, 0, 0.8);}
@media(max-height: 770px) { .modal { padding: 0;} }
.modal.is_active { visibility: visible; opacity: 1; transition: opacity 0.3s, visibility 0s 0s; z-index: 9999!important;}
.modal_container { min-height: 100%;}
_:-ms-lang(x):-ms-backdrop, .modal_container { min-height: 100vh;}
.modal_container:after { content: ""; min-height: inherit; font-size: 0;}
.modal_inner { margin: 20px auto; width: 80%; min-width: 720px; max-width: 1200px; z-index: 9999;}
.modal_content { display: block; width: 100%; height: 80%; min-height: 500px; background: #fff; margin: 0 auto; padding: 0; border-radius: 3px;}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .modal-content { margin-top: 60px;}
.modal_main_contents h2 { background: #d9f1f8; color: #008cbb; padding: 15px 0; text-align: center; border-radius: 3px 3px 0 0; margin-bottom: 20px;}
.modal_main_contents .formArea { width: 66%; margin: 0 auto; justify-content: space-between;}
.modal_main_contents .formArea dl { margin-bottom: 20px;}
.modal_main_contents .formArea dl.type { width: 100%; margin-right: 0;}
.modal_main_contents .formArea .categoryArea { display: block;}
.modal_main_contents .formArea .categoryArea dl.category { width: 100%; margin-right: 0;}
.modal_main_contents .formArea .categoryArea dl.subCategory { width: 100%; margin-right: 0;}
.modal_main_contents .formArea dl.start { width: auto; display: flex; align-items: flex-start; margin: 0 20px 20px 0;}
.modal_main_contents .formArea dl.end { width: auto; justify-content: flex-end; margin-right: 0; align-items: flex-end}

.modal_main_contents .pdfTable { min-width: 70%; margin: 0 auto; padding: 30px 50px; border-top: 1px solid #008cbb;}
.modal_main_contents .pdfTable dl:nth-of-type(odd) { background: #f0f0f0;}
.modal_main_contents .pdfTable dl { padding: 0 30px; margin: 0; border-bottom: 1px solid #f0f0f0;}

.modal_main_contents .btArea { width: 100%; margin: 0 0 20px 0;margin-bottom: 20px;}
.modal_main_contents input.bt_red,
.modal_main_contents button.bt_red,
.modal_main_contents input.bt_blue,
.modal_main_contents button.bt_blue
{ min-width: 250px;}
.modalClose_area { width: 100%; padding: 10px; margin: 10px auto; text-align: center;}

a.modal_close { display: inline-block; text-decoration: none; font-size: 1.4rem; border-radius: 3px; color: #fff; background: #666; padding: 5px 35px 7px 35px; line-height: 1; margin-bottom: 20px; margin-right: 20px;}

/* 連絡電文モーダル */
.important_modal_contents{ display: flex; align-items: flex-start; flex-wrap:wrap; justify-content: center;}
.important_modal_list{ display: flex; align-items: flex-start; margin-bottom: 15px;}
.important_modal_title{ font-weight: bold; border-left: 5px solid rgba(0, 140, 187, 0.8); margin-left: 30px; padding-left: 10px; min-width: 100px;}
.important_modal_item{ display: block; align-items:center; }
.important_modal_message{ width: 17em; line-height: 1.35; margin-right: 15px; white-space: pre-wrap;}
.important_modal_contents .public_start {width: 280px;}
.important_modal_contents .published_group {width: 370px;}
.important_modal_contents .important_messasge{ width: 650px;}


/*
** 添付ファイル
*/
.tempFile { width: 100%; min-height: 32px; position: relative; overflow: hidden; margin-bottom: 5px;}
.tempFile:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
form input.file_input { display: block; width: 310px; opacity:0; position: absolute; top:0; left:0; z-index: 10; cursor: pointer;}
.file_text { min-width: 200px; max-width: 640px; float: left; line-height: 28px; padding: 0 10px; font-size: 1.2rem;}
form input[type="text"].file_title { width: 180px; height: 28px; font-size: 1.2rem;}
.bt_file { width: 110px; height: 30px; float: left; line-height: 30px; background: #008cbb; color: #fff; text-align: center; font-size: 1.2rem; border-radius: 3px;}
.bt_decision { width: 50px; height: 25px; font-size: 1.2rem; background: #b31010; line-height: 25px; color: #fff; border-radius: 3px; float: right; margin: 1px 20px 0 10px;}
.formArea  dd .tempFile span { width: 180px; height: 28px; float: left; font-size: 1.2rem; line-height: 28px;}
.file_title_set{ float: right;}
/*
** ボタン
*/
.btArea .bt_red:hover, .bt_redLine:hover, .formArea .bt_blue:hover
{ opacity: .7;}
input.bt_redLine, button.bt_redLine,
input.bt_red, button.bt_red,
input.bt_blue, button.bt_blue,
input.bt_gray, button.bt_gray
{ display: flex; width: 250px; height: 40px; align-items: center; justify-content: center; border-radius: 5px; font-weight: bold; cursor: pointer; font-size: 1.6rem;}
input.bt_redLine, button.bt_redLine { border: 2px solid #e60012; color: #e60012;}
input.bt_red, button.bt_red { background: #e60012; color: #fff; margin-right: 20px;}
input.bt_blue, button.bt_blue { background: #008cbb; color: #fff; margin-right: 20px;}
input.bt_gray, button.bt_gray { background: #666; color: #fff; margin-right: 20px;}

.bt_delete { display: inline-block; width: 16px; height: 16px; background: url("../images/control/icon_delete.svg") 0 0 no-repeat; background-size: 16px; margin: 5px 0 0 5px; cursor: pointer;}

button.bt_blue.search:before
{ display: inline-block; width: 20px; height: 20px; content: ""; background: url("../images/control/icon_search.svg") 0 0 no-repeat; background-size: 20px; margin-right: 5px; cursor: pointer;}
button.bt_redLine.addNew:before
{ display: inline-block; width: 20px; height: 20px; content: ""; background: url("../images/control/icon_plus.svg") 0 0 no-repeat; background-size: 20px; margin-right: 5px; line-height: 1; cursor: pointer;}
.bt_redLine { position: relative; }
.bt_read{ width: 4em; height: 30px; line-height: 30px; border-radius: 3px; box-sizing: border-box; text-align: center; text-decoration: none; display: inline-block;}
.bt_read:hover{ color: #fff; }
.bt_read.unread:hover{ color: #00a728; }
.read{ background: #00a728; color: #fff; border: 2px solid #00a728; }
.unread{ background: #fff; color: #00a728; border: 2px solid #00a728; }
.cast{ display: inline-block; background: #e60012; position: relative; color: #fff; width: 8em; text-align: left;  padding-left: 15px; line-height: 30px; margin-right: 15px;border: 2px solid #e60012; }
.cast_score{ display: inline-block; position: absolute; background: #fff; color: #e60012; font-size: 0.8em; width: 2em; min-width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; right: 10px; top: 2px; }
.inline-block{ display:inline-block; }

/*
** 一覧フォーム　パーツ　　.formArea
*/
.listSearchArea .inner { border-bottom: 1px solid #008cbb;}
.list .formArea { width: 1100px; margin: 0 auto;}
.list .formArea dl { margin: 0 60px 30px 0;}

/*
** 一覧表　.listTable
*/
.listTable .inner { width: 1100px;}
.listTable .btArea:first-child { justify-content: flex-end;}
.listTable table { width: 100%; font-size: 1.4rem;}
.readCon .listTable .inner{ width: 60%; margin: 0 auto; }
.listTable table th { font-size: 1.2rem; font-weight: normal; text-align: center; color: #fff; background: #b3b3b3; padding: 3px 0;}
.masterCon table th { text-align: left; padding-left: 5px;}
.listTable table td { border-bottom: 1px solid #f0f0f0;}
.listTable table tr:nth-child(even) { background: #f0f0f0;}
.listTable table td { padding: 5px; vertical-align: middle;}
.listTable table td:nth-child(1) { width: 70px;}/*編集ボタン*/
.listTable .dateCol,.listTable .nowrapCol { white-space: nowrap; text-align: center; padding-right: 5px; padding-left: 5px; }
.readTable .nowrapCol { width: 100px;}
.listTable .readCol{ white-space: nowrap; text-align: right; padding-right: 10px; }

.listTable .bt_edit { display: block; width: 40px; height: 40px; background: #666; border-radius: 50px; position: relative; margin: 0 auto;}
.listTable .bt_edit:after { display: inline-block; width: 25px; height: 25px; content: ""; background: url("../images/control/icon_edit.svg") 0 0 no-repeat; background-size: 25px; margin-right: 5px; position: absolute; top: 8px; left: 8px; cursor: pointer;}
.listTable .bt_edit:hover { opacity: .6;}
.listTable .bt_edit span { display: none;}
.listTable .bt_delete { display: block; width: 40px; height: 40px; background: #666; border-radius: 50px; position: relative; margin: 0 auto;}
.listTable .bt_delete:after { display: inline-block; width: 25px; height: 30px; content: ""; background: url("../images/control/icon_delete_white.svg") 0 0 no-repeat; background-size: 25px; margin-right: 5px; position: absolute; top: 5px; left: 8px; cursor: pointer;}
.listTable .bt_delete:hover { opacity: .6;}
.listTable .bt_delete span { display: none;}
/* .listTable .bt_open_page { display: inline-block; width: 25px; height: 25px; position: relative;}
.listTable .bt_open_page:after { display: inline-block; width: 25px; height: 25px; content: ""; background: url("../images/control/icon_open_page.svg") 0 0 no-repeat; background-size: 25px; position: absolute; top: 8px; cursor: pointer;} */
.listTable .to_read { font-size: 0.9em; color: #008cbb; text-decoration: underline;}
.listTable .bt_csv { display: inline-block; width: 25px; height: 25px; position: relative;}
.listTable .bt_csv:after { display: inline-block; width: 25px; height: 30px; content: ""; background: url("../images/control/icon_csv.svg") 0 0 no-repeat; background-size: 25px; position: absolute; top: 8px; left: 8px; cursor: pointer;}
.categoryArea{ display:flex; }
.fileselected-place{ display:block; }
.manualAdd .category dd,.manualAdd .subCategory dd{ width: 300px; }
.listTable .check { position:relative; width: 20px; height: 20px; }
.shopMasterTable{ padding-top: 30px; }
#store.important .listTable tr:hover td { background: rgba(0, 140, 187, 0.2) }
#store.important .listTable .checkbox { left: 15px; }
#store.important .listTable .checkbox:after { top: -2px; }

/*
** 並び替え .manualSort
*/
	.manualSort .listArea .inner .data-list{ width: 800px; }
	.manualSort .listArea .inner .data-list{ list-style: none; padding: 0; width: 800px; margin: 0 auto; text-align: left; }
	.manualSort .data-item{ background: #f1eded; padding: 5px 15px; margin-bottom: 5px; cursor: pointer; display: flex; justify-content: space-between; }
	.manualSort .data-item__title{ font-size: 1.3em; word-break: break-all; }
	.manualSort .data-item__sub{ color: #707070; padding-top: 0.15em; padding-left: 10px; white-space: nowrap; }
	.manualSort .sortable-chosen{ background: #dceded; }
	.manualSort input[type="button"],.manualSort button{ margin: 10px; border: none; border-radius: 5px; background: #008cbb; color: #fff; box-sizing: border-box; }
	.manualSort .update, .manualSort .reset,.manualSort .getList{ width: 130px; height: 35px; font-size: 1.2em;	}
	.manualSort .reset{	background: #fff; color: #c90f1b; border: 2px solid #c90f1b; }
	.manualSort .getList:disabled{ background: rgba(0, 140, 187, 0.7); }
	.manualSort .listSearchArea .btArea{ margin: -30px 0 10px 0; }
	.manualSort .listArea{ margin: 0 auto; text-align: center; }
	.manualSort .listArea .inner{ padding-top: 30px; }
	.manualSort .btArea{ min-width: 1100px; }
	.manualSort .no-item{ animation: showbt 1s; }
/* --------------------------------------------------
    エラーページ　error
-------------------------------------------------- */
.error main > div { text-align: center; margin: 50px auto;}
.error main > div p { text-align: center; font-size: 2rem; margin: 30px auto; color: rgba(7, 45, 99, 0.6);}