@charset "utf-8";

/* ===========================================================
	common
=========================================================== */

img{max-width:100%;vertical-align:middle;}
a{color:#0074be;text-decoration:none;}
a:hover{color:#0074be;text-decoration:underline;}
a[href^="mailto:"] > img{vertical-align:middle;}
/* ズレ防止 */
a,
a::before,
.dbProductInfo .dbProductImage
a::after{backface-visibility:hidden;}

/* コントロールパネル用 */
.controlPanelWrap h2::after,
.controlPanelWrap h2::before{display:none;}

/* 管理画面用 */
table.adminCheckList,
.adminCheckList table{width:100%;}
.ViewCommonCategoryList hr{margin:0.5em 0;}
table.tableSettings img[id$="imgThumbnailImage"]{max-width:240px;border:1px solid #ccc;}

/* 管理画面用 - 書籍管理 */
ul#productTab_menu.ulList_vertical{margin:0 0 15px;padding:0;}
ul#productTab_menu.ulList_vertical li{display:inline-block;float:none;margin:0 0 5px;padding:0;outline-style:none;}
ul#productTab_menu.ulList_vertical li p{margin:0;padding:0;}
ul#productTab_menu.ulList_vertical li span{display:block;padding:8px;border:1px solid #0074be;font-size:1.143rem;line-height:1;cursor:pointer;}
ul#productTab_menu.ulList_vertical li.active span,
ul#productTab_menu.ulList_vertical li span:hover{border:1px solid #0074be;background-color:#0074be;color:#fff;font-size:1.143rem;}

/* 書籍DB管理 */
.lstProductIDForPickup .ctlSelectList_L{width:auto;border:none;}
.lstProductIDForPickup{overflow-x:scroll;width:500px;border:1px solid #ccc;}

/* base */
.layoutItem.firstitemlefted > *:first-child.alignCenter > img{margin-right:50px;}
.sp{display:none;}

/* iziModal - モーダル用CSS */
.iziModal > *{width:100%;margin:0 auto;text-align:center;}

/* youtube埋め込み調整用 */
.youtubeWrap{overflow:hidden;position:relative;width:100%;height:0;margin-bottom:20px;padding-bottom:56.25%;}
.youtubeWrap > iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


/*===== SearchInput - ヘッダー検索 =====*/
.SearchInput.submitArea{position:relative;margin-bottom:8px;padding:5px 36px 5px 10px;border:1px solid #e5e5e5;border-radius:3px;}
.SearchInput.submitArea .KeywordSearch{display:flex;justify-content:space-between;align-items:center;}
.SearchInput.submitArea .KeywordSearch > input{display:block;width:170px;margin:0;padding:2px;border:none;line-height:19px;}
.SearchInput.submitArea .KeywordSearch > span{display:block;width:260px;margin-right:12px;padding:0 0 0 8px;border-right:1px solid #e5e5e5;text-align:left;}
.SearchInput.submitArea .KeywordSearch > span > *{display:inline-block;margin:0;line-height:23px;vertical-align:middle;}
.SearchInput.submitArea .KeywordSearch > span > label{margin:0 10px 0 0;}
.SearchInput.submitArea .SearchButtonArea{position:absolute;top:0;right:0;bottom:0;width:35px;height:33px;margin:auto;}
.SearchInput.submitArea .SearchButtonArea input.submitBtn_S{display:block;overflow:hidden;position:relative;width:35px;height:33px;margin:0;padding:0;border:none;background:url(/Portals/0/images/common/ico_search_btn.png) center center no-repeat transparent;background-size:14px;color:transparent;white-space:nowrap;text-indent:200%;}

.SearchInput.submitArea .KeywordSearch input[type="radio"]{display:none;}
.SearchInput.submitArea .KeywordSearch input[type="radio"] + label{position:relative;padding:0 0 0 18px;cursor:pointer;}
.SearchInput.submitArea .KeywordSearch input[type="radio"] + label::before{content:"";display:block;position:absolute;top:0.3em;left:0;width:14px;height:14px;border:2px solid #ccc;border-radius:7px;}
.SearchInput.submitArea .KeywordSearch input[type="radio"]:checked + label::after{content:"";display:block;position:absolute;top:8px;left:4px;width:6px;height:6px;border-radius:3px;background-color:#005b95;}

/*===== ViewSpSwitch - スマホ切替 =====*/
.pcMode.pcView footer .ViewSpSwitch{display:none;}
.spMode.pcView footer .ViewSpSwitch{padding:20px 0 0;}
.spMode.pcView footer .ViewSpSwitch input{display:block;overflow:hidden;width:320px;margin:0 auto;padding:8px 0 7px;border:none;background:#004b86 url(/Portals/0/images/smt/common/img_text_viewSpSwitch.png) center center no-repeat;background-size:125px auto;font-size:10px;white-space:nowrap;text-indent:200%;}

/*===== リスト =====*/
/* listBasic - 矢印リスト */
ul.listBasic,
.listBasic ul{list-style:none;margin:0 auto;padding:0;}
ul.listBasic li,
.listBasic ul li{margin:0 1em 0.75em 0;padding:0;}
ul.listBasic li a,
.listBasic ul li a{display:inline-block;position:relative;padding:0 0 0 1rem;}
ul.listBasic li a::before,
.listBasic ul li a::before{content:"";display:block;position:absolute;top:0.55rem;left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:6px;height:6px;margin:auto;border-top:1px solid #005b95;border-right:1px solid #005b95;}

/* listHorizon - listBasic - 並列リスト */
ul.listBasic.listHorizon li{display:inline-block;}

/* listHorizon - linkSquareArrowed - 四角矢印付きリスト */
ul.listBasic.linkSquareArrowed li a{padding-left:1.5rem;}
ul.listBasic.linkSquareArrowed li a::before{content:"";display:block;position:absolute;top:0.3rem;left:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);width:15px;height:15px;margin:auto;border:none;background:url(/Portals/0/images/common/ico_link_square_arrowed.png) 0 0 no-repeat transparent;background-size:15px;}
ul.listBasic.linkSquareArrowed.listHorizon li{margin-right:2em;}

/* layoutItem - listBasic */
ul.listBasic.layoutItem{margin:0 0 3em;}


/*===== リンク =====*/
/* linkInsetBorder - 内側にボーダーがついたベタのボタン */
.linkInsetBorder a,
a.linkInsetBorder{display:block;position:relative;margin:3px;padding:20px 40px 20px 20px;border:1px solid #7dafce;-webkit-box-shadow:0 0 0 3px #e3f1fa;-moz-box-shadow:0 0 0 3px #e3f1fa;box-shadow:0 0 0 3px #e3f1fa;background-color:#e3f1fa;color:#333;font-weight:bold;font-size:1.143rem;line-height:1.2;}
.linkInsetBorder a:hover,
a.linkInsetBorder:hover{background-color:#fff;text-decoration:none;}
.linkInsetBorder a .subTitle,
a.linkInsetBorder .subTitle{display:block;margin-bottom:0.5rem;color:#0074be;font-size:1rem;}
.linkInsetBorder a::before,
a.linkInsetBorder::before{content:"";display:block;position:absolute;top:0;right:1.3rem;bottom:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);width:15px;height:15px;margin:auto;border:none;background:url(/Portals/0/images/common/ico_link_square_arrowed.png) 0 0 no-repeat transparent;background-size:15px;}

/*===== ボタン =====*/
ul.btnBlue{list-style:none;margin:0 0 1em;padding:0;}
ul.btnBlue li{margin:0 0 0.5em;padding:0;}

.btnBlue a,
a.btnBlue{display:inline-block;margin:0;padding:0.5em 2em;border-radius:3px;background-color:#0067a9;color:#fff;line-height:1.2;text-align:center;}
.btnBlue a:hover,
a.btnBlue:hover{opacity:0.7;text-decoration:none;}
.btnBlue a.externalLink:hover::after,
a.btnBlue.externalLink:hover::after{content:url(/Portals/0/images/common/ico_external_white.png);}

.btnBlue.full a,
a.btnBlue.full{display:block;}

.btnBlue.btnBordered a,
a.btnBlue.btnBordered{border:1px solid #0067a9;background-color:transparent;color:#0067a9;}
.btnBlue.btnBordered a:hover,
a.btnBlue.btnBordered:hover{opacity:1;background-color:#0067a9;color:#fff;}

.btnBlue.btnLarge a,
a.btnBlue.btnLarge{padding:0.75em 3em;font-size:1.286rem;}

/*===== 定義リスト =====*/
dl.listCatalog{margin:0 auto 1rem;padding:0 0 0 1.8rem;}
dl.listCatalog dt{position:relative;margin:1rem auto 0.5rem;padding:0;font-weight:bold;}
dl.listCatalog dt::before{content:"";display:block;position:absolute;top:0.5rem;left:-1.2rem;width:8px;height:8px;margin:auto;border-radius:4px;background-color:#0067a9;}
dl.listCatalog dd{position:relative;margin:0 auto 0.5em;padding:0 0 0 1.5rem;}
dl.listCatalog dd::before{content:"";display:block;position:absolute;top:0.75rem;left:0.25rem;width:0.75rem;height:2px;margin:auto;background-color:#ccc;}
dl.listCatalog .empty{display:none;}

/*===== デザインリスト =====*/
ul.circleList{padding:0 0 1rem 1.8rem;}
ul.circleList li{list-style:none;position:relative;margin:1rem auto 0.5rem;padding:0;font-weight:bold;}
ul.circleList li::before{content:"";display:block;position:absolute;top:0.5rem;left:-1.25rem;width:8px;height:8px;margin:auto;border-radius:4px;background-color:#0067a9;}
ul.circleList li ul{padding:0 0 0 1.8rem;}
ul.circleList li ul li::before{background-color:#999;}

/*===== マージン =====*/
.marginWide{margin-top:3rem;margin-bottom:3rem;}
.marginTop{margin-top:3rem;}
.marginBottom{margin-bottom:3rem;}

/*===== 画像の枠 =====*/
.imgBorder img{border:1px solid #ccc;}

/* ===========================================================
	base
=========================================================== */
.ContentPane h3:first-child,
.ContentPane h4:first-child,
.ContentPane h5:first-child,
.ContentPane h6:first-child{margin-top:0;}
/* h1-h6 見出し */
h1{position:relative;margin-top:1em;padding:0 0 0.45em;border-bottom:17px solid #ccc;font-weight:normal;font-size:2.5rem;}
h1::before{content:"";position:absolute;bottom:-17px;left:0;width:180px;height:17px;background:#0074be;}
h1::after{content:"";position:absolute;bottom:-17px;left:180px;width:0;height:0;border-width:17px 17px 0 0;border-color:#0074be transparent transparent transparent;border-style:solid;}
h1 .subTitle{font-size:1.429rem;}
h1 .positionObject{position:absolute;top:0;right:0;bottom:0;margin:auto;}
h1 .snsBtnSet{display:flex;width:100px;height:40px;justify-content:flex-start;}
h1 .snsBtnSet a{display:block;margin-right:10px;}
h1 .snsBtnSet a img{display:block;}
h2{position:relative;padding:0 0 0.35em;border-bottom:7px solid #ccc;font-size:1.429rem;}
h2::before{content:"";position:absolute;bottom:-7px;left:0;width:180px;height:7px;background:#0074be;}
h2::after{content:"";position:absolute;bottom:-7px;left:180px;width:0;height:0;border-width:7px 7px 0 0;border-color:#0074be transparent transparent transparent;border-style:solid;}
h3{position:relative;margin:2em auto 0.5em;padding:0;border:none;color:#0074be;font-size:1.286rem;}
h4{margin:2em auto 0.5em;padding:0;background:none;font-size:1.286rem;}
h5{margin:2em auto 0.5em;font-size:1.072rem;}
h6{margin:2em auto 0.5em;color:#666;font-size:1rem;}

.tabContent > div[id^="tab"] > h2:first-child{margin-top:0;}

/* 背景ベタ時の文字色 */
.bgBlue{background-color:#005b95;}
.bgBlue h2{border-bottom-color:#7dafce;color:#fff;}
.bgBlue h2::before{background-color:#fff;}
.bgBlue h2::after{border-top-color:#fff;}
.bgBlue h3{padding:0 0 0.35em;border-bottom:3px solid #7dafce;color:#fff;}
.bgBlue h4{padding:0.5em;background-color:#003e66;color:#fff;}
.bgBlue{color:#fff;}
.bgBlue a{color:#fff;}
.bgBlue ul.listBasic li a::after{border-color:#79a9c7 #79a9c7 transparent transparent;}
.bgBlue .linkInsetBorder a,
.bgBlue a.linkInsetBorder{color:#333;}

.boxTitle h3{padding:0.5rem;background-color:#e3f1fa;}

/* linkItem - リンク */
a.linkItem,
.linkItem a{border-radius:5px;background:#0074be;color:#fff;}
a.linkItem:hover,
.linkItem a:hover{background:#1b93e0;text-decoration:none;}

a.linkItem.borderedMini,
.linkItem.borderedMini a{padding:0.4em 0.5em;border:1px solid #0074be;border-radius:5px;background-color:transparent;color:#0074be;font-size:0.857rem;line-height:1;}
a.linkItem.borderedMini:hover,
.linkItem.borderedMini a:hover{background-color:#0074be;color:#fff;}

/* inPageLinks - ページ内リンク */
inpagelinks a.linkItem.inPageLinks,
.linkItem.inPageLinks a{padding-right:0;padding-bottom:0.15em;border-bottom:1px solid #ccc;border-radius:0;background:none;color:#0074be;}
a.linkItem.inPageLinks::before,
.linkItem.inPageLinks a::before{left:0.5em;border-color:#0074be;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}

inpagelinks a.linkItem.inPageLinks:hover,
.linkItem.inPageLinks a:hover{color:#999;}
a.linkItem.inPageLinks:hover::before,
.linkItem.inPageLinks a:hover::before{border-color:#999;}

ul.inPageLinks.colored li a{padding:0.5em 0.5em 0.5em 2em;border:none;background-color:#0074be;color:#fff;}
ul.inPageLinks.colored li a::before{left:0.8em;border-color:#fff;}
ul.inPageLinks.colored li a:hover{opacity:0.7;color:#fff;}
ul.inPageLinks.colored li a:hover::before{border-color:#fff;}

ul.inPageLinks.bordered li a{padding:0.5em 0.5em 0.5em 2em;border:1px solid #0074be;background-color:#fff;color:#0074be;}
ul.inPageLinks.bordered li a::before{left:0.8em;border-color:#0074be;}
ul.inPageLinks.bordered li a:hover,
ul.inPageLinks.bordered li.selected a{border:1px solid #0074be;background-color:#0074be;color:#fff;}
ul.inPageLinks.bordered li a:hover::before,
ul.inPageLinks.bordered li.selected a::before{border-color:#fff;}

/* リンクアイコン */
a[href$=".pdf"]::after,
a[href$=".doc"]::after,
a[href$=".docx"]::after,
a[href$=".xls"]::after,
a[href$=".xlsx"]::after,
a[href$=".zip"]::after,
a.externalLink::after{vertical-align:middle;}
.linkItem a.externalLink::after,
a.linkItem.externalLink::after{content:url(/Portals/0/images/common/ico_external_white.png);}

.btnAnchorGray a,
a.btnAnchorGray{display:inline-block;position:relative;margin:0;padding:0.5rem 2.5rem 0.5rem 1rem;border-radius:3px;background-color:#eee;color:#333;font-size:1rem;line-height:1rem;}
.btnAnchorGray a::before,
a.btnAnchorGray::before{content:"";display:block;position:absolute;top:0;right:0.7rem;bottom:0;width:13px;height:10px;margin:auto;background:url(/Portals/0/images/common/ico_pulldown.png) 0 0 no-repeat transparent;background-size:13px 10px;}
.btnAnchorGray a:hover,
a.btnAnchorGray:hover{opacity:0.7;text-decoration:none;}
.btnAnchorGray.full a,
a.btnAnchorGray.full{display:block;}

.linkArrowRight{text-align:right;}
.linkArrowRight a,
a.linkArrowRight{display:inline-block;position:relative;margin:0;padding:0 1rem 0 0;}
.linkArrowRight a::before,
a.linkArrowRight::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:8px;height:9px;margin:auto;background:url(/Portals/0/images/common/ico_arrow_blue.png) 0 0 no-repeat transparent;background-size:8px 9px;}

/* NEWリンクアイコン */
.linkNew a{display:inline;vertical-align:bottom;}
.linkNew:after{content:"";display:inline-block;width:32px;height:14px;background:url(/Portals/0/images/common/ico_new.png) no-repeat;}

/* tableBasic - テーブル */
table.tableBasic,
table.tableBasic th,
table.tableBasic td{border-color:#98b3c3;}
table.tableBasic th{background:#e3f1fa;}
td.colored{background-color:#c4dff1;}
.boxBordered{border-width:7px;border-color:#e3f1fa;}
table.tableBasic.fixed{table-layout:fixed;}

table.tableBasic.ratio2_8 > tbody > tr > th{width:20%;}
table.tableBasic.ratio2_8 > tbody > tr > td{width:80%;}

table.tableBasic.transparent{border:none;}
table.tableBasic.transparent th{border:none;background-color:transparent;}
table.tableBasic.transparent td{border:none;}

/* layoutItem - flex */
.layoutItem.flexed.arounded{justify-content:space-around;-webkit-justify-content:space-around;-ms-justify-content:space-around;-moz-justify-content:space-around;}

/* bookLayoutList */
.bookLayoutList{list-style:none;margin:0 auto 2rem;padding:0;}
ul.bookLayoutList > li,
.bookLayoutList > div{display:flex;margin:1.5rem auto 0;padding:1.5rem 0 0;border-top:1px solid #ddd;justify-content:space-between;}
.bookLayoutList .image{width:147px;padding:0 6px;}
.bookLayoutList .image a{display:block;}
.bookLayoutList .image a img{display:block;border:1px solid #ddd;box-shadow:0 0 2px 0 #eee;}
.bookLayoutList .detail{width:800px;}
.bookLayoutList .detail h3{margin:1rem auto;}

/* ===========================================================
	index
=========================================================== */
/* indexSearchTopSp */
.indexSearchTopSp{display:none;}

/* h2 - index用 */
.skinIndex h2{letter-spacing:0.07em;}

/*=== スライダーモジュール - ローディング時 ===*/
.slickslider .slider > div:not(:first-child) img{display:none;}
.slickslider .slider.slick-slider > div img{display:block;}

/*=== スライダーモジュール ===*/
.SliderPane .slicksliderArea{margin-bottom:0;}
.slick-track .slick-slide img{transition-duration:0.2s;transition-property:all;}
.skinIndex .SliderPane .slick-track .slick-slide:not(.slick-current){background-color:#000;}
.skinIndex .SliderPane .slick-track .slick-slide:not(.slick-current) img,
.skinIndex .SliderPane .slick-track .slick-slide:not(.slick-active) img{opacity:0.5;}

/*=== indexTopBanner - KV下バナー ===*/
ul.indexTopBanner{display:flex;list-style:none;margin:0 auto;padding:20px 0;letter-spacing:-0.4em;justify-content:center;flex-wrap:wrap;}
ul.indexTopBanner li{display:inline-block;margin:0 0 0 5px;padding:0;line-height:1;letter-spacing:normal;}
ul.indexTopBanner li:first-child{margin-left:0;}
ul.indexTopBanner li a,
ul.indexTopBanner li a img{display:block;}

/*=== indexKeyword - 注目キーワード ===*/
.indexKeyword{display:flex;padding:12px 0;justify-content:space-between;align-items:center;}
.indexKeyword h2{width:10rem;margin:0;padding:0;border:none;background-color:transparent;color:#000;font-weight:bold;font-size:1rem;line-height:1.7rem;}
.indexKeyword h2::before,
.indexKeyword h2::after{display:none;}
.indexKeyword ul{list-style:none;width:880px;margin:0;padding:0;letter-spacing:-0.4em;}
.indexKeyword ul li{display:inline-block;margin:0 0 0 1rem;padding:0;letter-spacing:normal;}
.indexKeyword ul li:first-child{margin-left:0;}
.indexKeyword ul li > *{display:flex;padding:0 8px;border-radius:3px;background-color:#fff;color:#333;align-items:center;}
.indexKeyword ul li > *:hover{background-color:#0067a9;color:#fff;text-decoration:none;}

/*=== bottomBanner - フッター上部バナー ===*/
/*ul.bottomBanner{display:flex;flex-wrap:wrap;margin:0 auto;padding:45px 0;list-style:none;}
ul.bottomBanner li{margin:0 0 0 40px;padding:0;width:auto;line-height:1;}
ul.bottomBanner li:nth-child(n+5){margin-top:25px;}
ul.bottomBanner li:nth-child(4n+1){margin-left:0;}
ul.bottomBanner li a,
ul.bottomBanner li a img{display:block;}*/

/*=== bottomBanner - フッター上部バナー ===*/
ul.bottomBanner{display:flex;list-style:none;margin:0 auto;padding:45px 0;flex-wrap:wrap;justify-content:space-between;}
ul.bottomBanner li{width:auto;margin:0 0 10px 0;padding:0;line-height:1;}
ul.bottomBanner li a,
ul.bottomBanner li a img{display:block;}

/*=== newsListIndex - 新着情報トップ ===*/
.detailBtn a,
a.detailBtn{display:inline-block;position:relative;padding:0 1.5rem 0 0;color:#333;font-size:1rem;line-height:1.2rem;letter-spacing:normal;}
.detailBtn a:hover,
a.detailBtn:hover{color:#0074be;}
.detailBtn a::before,
a.detailBtn::before{content:"";display:block;position:absolute;top:0.1rem;right:0.4rem;width:10px;height:13px;margin:auto;background:url(/Portals/0/images/common/ico_detail_btn.png) 0 0 no-repeat transparent;background-size:10px 13px;}
.detailBtn.btnRight{display:flex;justify-content:flex-end;}

.indexList h2::after{content:"";display:block;clear:both;}
.indexList h2 a{float:right;font-weight:normal;}

.newsList > ul{list-style:none;margin:0 auto;padding:0;}
.newsList > ul > li{display:flex;margin:0 auto 0.8rem;padding:0 0 0.8rem;border-bottom:1px dotted #ccc;justify-content:space-between;align-items:flex-start;}
.newsList > ul > li:first-child{padding-top:0.8rem;border-top:1px dotted #ccc;}
.newsList .dateIcon{display:flex;width:180px;justify-content:space-between;align-items:flex-start;}
.newsList .dateIcon time{display:block;width:82px;font-style:normal;}
.newsList .dateIcon .newsIcon{display:block;width:90px;margin:0;}
.newsList .dateIcon .newsIcon > span{display:block;margin-top:2px;border-radius:2px;background-color:#999;color:#fff;font-size:0.786rem;line-height:20px;text-align:center;letter-spacing:0.1rem;}
.newsList .dateIcon .newsIcon > span:first-of-type{margin-top:0;}
.newsList .newsTitle{width:806px;margin:0;}
.newsList .newsTitle .newImage{margin-left:0.5rem;}
.newImage:empty{display:none;}

/* WEB版ガイドお知らせ */
.newsList.guideList .dateIcon .newsIcon > span{padding:2px 3px;line-height:1.2em;}

/* WEB版ガイドお知らせ */
.newsList.setukanGuideList.denkouGuideList .newsTitle{width:528px;}
.newsList.setukanGuideList .dateIcon{width:192px;}
.newsList.setukanGuideList .dateIcon time{width:auto;}
.newsList.setukanGuideList .dateIcon .newsIcon{width:auto;min-width:90px;margin:0 10px;}
.newsList.setukanGuideList .dateIcon .newsIcon > span{padding:2px 3px;line-height:1.2em;}
.newsList.setukanGuideList .dateIcon .newsIcon > span.id_1178{display:none;}
/* オーム社棚・販売担当者速報 */
.newsList.prNews .dateIcon{width:220px;}
.newsList.prNews .dateIcon .newsIcon{width:130px;}
.newsList.prNews .newsTitle{width:766px;}

/* カテゴリアイコン */
.newsList .dateIcon .newsIcon > span.id_12{background-color:#0074be;} /*お知らせ*/
.newsList .dateIcon .newsIcon > span.id_13{background-color:#70b1d9;} /*商品情報*/
.newsList .dateIcon .newsIcon > span.id_14{background-color:#31729b;} /*イベント*/
.newsList .dateIcon .newsIcon > span.id_179{background-color:#49c1ca;} /*解答情報*/
.newsList .dateIcon .newsIcon > span.id_180{background-color:#4ea6ad;} /*書店情報*/

.newsList.prNews .dateIcon .newsIcon > span{background-color:#479ed5;} /*オーム社棚・販売担当者速報*/
.newsList.npadNews .dateIcon .newsIcon > span{background-color:#479ed5;} /*新聞掲載銘柄*/

/* newsListIndex seminar - セミナー */
.newsList.seminar{margin-bottom:4em;}
.newsList.seminar .dateIcon .newsIcon{display:block;width:180px;margin:0;}
.newsList.seminar .dateIcon .newsIcon > span{border:1px solid #0074be;background-color:transparent;color:#0074be;}

/* newsDetail - お知らせ詳細 */
.newsDetail h2{margin:1rem auto;}
.newsDetail h2 img{margin:0 0 0 10px;}
.newsDetail.newsList .dateIcon{display:block;width:auto;}
.newsDetail.newsList .dateIcon .newsIcon{display:inline-block;width:auto;}
.newsDetail.newsList .dateIcon time{display:inline-block;}
.newsDetail.newsList .dateIcon .newsIcon > span{padding:0 5px;}
/* 新聞掲載銘柄 詳細 */
.npaper img{height:250px;margin-bottom:0.3em;border:1px solid #ddd;}


/*=== listThumbHorizon - 雑誌 ===*/
.listThumbHorizon ul{display:flex;list-style:none;margin:0 auto 1.5rem;padding:0;justify-content:center;align-items:flex-start;}
.listThumbHorizon ul li{margin:0 1rem;padding:0;}
.listThumbHorizon ul li a{display:block;}
.listThumbHorizon ul li a .thumbImage{margin:0;text-align:center;}
.listThumbHorizon ul li a .thumbImage img{box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.15);}
.listThumbHorizon ul li a .caption{margin:10px 0 0;padding:0 9px;color:#333;line-height:1.4;text-align:left;}
.listThumbHorizon ul li a .caption:hover{color:#0074be;}

/*=== listThumbHorizon indexDbList ===*/
.listThumbHorizon.indexDbList ul li .thumbImage{margin:0;text-align:center;}
.listThumbHorizon.indexDbList ul li .thumbImage img{box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.15);}
.listThumbHorizon.indexDbList ul li .caption{margin:0.25rem 0 0;text-align:center;}
.listThumbHorizon.indexDbList ul li .caption a{color:#333;text-decoration:none;}
.listThumbHorizon.indexDbList ul li .caption a:hover{color:#0074be;text-decoration:underline;}

/*=== lankingList - ランキング ===*/
.productSlide.lankingList li.slick-slide{position:relative;margin-top:30px;padding:4px 13px 0;background:#d8edfa;background:-moz-linear-gradient(top, #d8edfa 0%, #fff 75%);background:-webkit-linear-gradient(top, #d8edfa 0%, #fff 75%);background:linear-gradient(to bottom, #d8edfa 0%, #fff 75%);}
.productSlide.lankingList li.slick-slide:before{content:"";display:block;position:absolute;top:-30px;right:0;left:0;width:auto;height:30px;background-size:45px 23px;background-color:transparent;background-repeat:no-repeat;background-position:center bottom;}

.productSlide.lankingList li.slick-slide.rank1{background:#e7c038;background:-moz-linear-gradient(top, #e7c038 0%, #fff 75%);background:-webkit-linear-gradient(top, #e7c038 0%, #fff 75%);background:linear-gradient(to bottom, #e7c038 0%, #fff 75%);}
.productSlide.lankingList li.slick-slide.rank1:before{background-size:53px 29px;background-image:url(/Portals/0/images/index/bg_ranking_no1.png);}
.productSlide.lankingList li.slick-slide.rank2{background:#b9b9b9;background:-moz-linear-gradient(top, #b9b9b9 0%, #fff 75%);background:-webkit-linear-gradient(top, #b9b9b9 0%, #fff 75%);background:linear-gradient(to bottom, #b9b9b9 0%, #fff 75%);}
.productSlide.lankingList li.slick-slide.rank2:before{background-size:53px 29px;background-image:url(/Portals/0/images/index/bg_ranking_no2.png);}
.productSlide.lankingList li.slick-slide.rank3{background:#e99b73;background:-moz-linear-gradient(top, #e99b73 0%, #fff 75%);background:-webkit-linear-gradient(top, #e99b73 0%, #fff 75%);background:linear-gradient(to bottom, #e99b73 0%, #fff 75%);}
.productSlide.lankingList li.slick-slide.rank3:before{background-size:53px 29px;background-image:url(/Portals/0/images/index/bg_ranking_no3.png);}

.productSlide.lankingList li.slick-slide.rank4:before{background-image:url(/Portals/0/images/index/bg_ranking_no4.png);}
.productSlide.lankingList li.slick-slide.rank5:before{background-image:url(/Portals/0/images/index/bg_ranking_no5.png);}
.productSlide.lankingList li.slick-slide.rank6:before{background-image:url(/Portals/0/images/index/bg_ranking_no6.png);}
.productSlide.lankingList li.slick-slide.rank7:before{background-image:url(/Portals/0/images/index/bg_ranking_no7.png);}
.productSlide.lankingList li.slick-slide.rank8:before{background-image:url(/Portals/0/images/index/bg_ranking_no8.png);}
.productSlide.lankingList li.slick-slide.rank9:before{background-image:url(/Portals/0/images/index/bg_ranking_no9.png);}
.productSlide.lankingList li.slick-slide.rank10:before{background-image:url(/Portals/0/images/index/bg_ranking_no10.png);}

.productSlide.lankingList li.slick-slide .thumbImage img{box-shadow:none;}


/*=== セミナー情報 ===*/
.recentBookTable{width:100%;margin:0 auto 4rem;table-layout:fixed;}
.recentBookTable th{padding:5px;border-bottom:1px dotted #ccc;color:#999;font-weight:bold;}
.recentBookTable td{padding:10px 5px;border-bottom:1px dotted #ccc;}
.recentBookTable .category,
.recentBookTable .price,
.recentBookTable .selldate{text-align:center;}
.recentBookTable .product{width:50%;}
.recentBookTable .category{width:18%;}
.recentBookTable .price{width:15%;}
.recentBookTable .selldate{width:12%;}
.recentBookTable .category .iconCategory{display:block;padding:4px;border-radius:3px;background-color:#479ed5;color:#fff;line-height:1;}

/*=== トップページ_スライダー ===*/
.skinIndex .productSlide{padding:0 15px;}
.skinIndex .productSlide .slick-slide{margin:0 13px;}
.skinIndex .productSlide button.slick-arrow{bottom:28px;width:27px;height:37px;background:url(/Portals/0/images/common/ico_arrow_gray.png) 0 0 no-repeat;background-size:cover;}
.skinIndex .productSlide button.slick-arrow::before{display:none;}
.skinIndex .productSlide button.slick-prev{left:-27px;transform:rotate(180deg);}
.skinIndex .productSlide button.slick-next{right:-27px;}
.skinIndex .productSlide .thumbImage img{width:100%;height:auto;margin:auto;border:1px solid #ddd;box-shadow:1px 1px 5px -1px rgba(0, 0, 0, 0.15);}
.skinIndex .productSlide .caption{padding:10px 9px 0;line-height:1.4;}
.skinIndex .productSlide .caption a{color:#333;text-decoration:none;}
.skinIndex .productSlide .caption a:hover{color:#0074be;text-decoration:underline;}

/*========================================================
	Megamenu
========================================================*/
.megamenu .megamenuWrap{margin:0 auto;} /*メガメニュースキン用*/
.megamenuWrap{width:1000px;padding:50px 30px 30px;}
.megamenuWrap h3,
.megamenuWrap h4{margin:0 auto 1rem;font-weight:normal;font-size:1rem;}
.megamenuWrap h3::before{content:"";position:absolute;bottom:-3px;left:0;width:180px;height:3px;background:#fff;}
.megamenuWrap h3::after{content:"";position:absolute;bottom:-3px;left:180px;width:0;height:0;border-width:3px 3px 0 0;border-color:#fff transparent transparent transparent;border-style:solid;}

.megamenuWrap .bookMenuList > div{width:285px;}

.megamenuWrap ul.linkInsetBorder{list-style:none;margin:0 auto;padding:0;}
.megamenuWrap ul.linkInsetBorder li{margin:0 auto 16px;padding:0;}

/*=== megamenu01 ===*/
.megamenuWrap.menu01 h3{margin:1.8rem auto 1.5rem;}
.megamenuWrap.menu01 .bookMenuList > div:nth-child(1){width:190px;}
.megamenuWrap.menu01 .bookMenuList > div:nth-child(2){width:285px;}
.megamenuWrap.menu01 .bookMenuList > div:nth-child(3){width:360px;}

/*=== megamenu02 ===*/
.megamenuWrap.menu02 .bookLogoList{margin-bottom:3rem;}
.megamenuWrap.menu02 .bookLogoList > *{display:flex;width:175px;height:100px;border:1px solid #7dafce;background-color:#fff;align-items:center;}
.bookLogoList > * > span{display:block;margin:auto;text-align:center;}
.megamenuWrap h3.guideMenuTitle{margin-top:20px;}
.megamenuWrap .guideMenuArea li a:before{content:none;}
.megamenuWrap .guideMenuArea a{display:block;height:53px;margin:auto;padding:3px 10px;background:#fff;}
.megamenuWrap .guideMenuArea li:nth-child(2) a{padding:7px 10px;}
.megamenuWrap .guideMenuArea a img{display:block;margin:auto;}
/*=== megamenu06 ===*/
.megamenuWrap.menu06 .bookMenuList > div{width:445px;}

/*========================================================
	siteMap
========================================================*/
/* sitemap CSS */
ul.sitemap{list-style:none;width:auto;height:auto;margin:0;padding:0;}
ul.sitemap li{margin:0;padding:0;}
ul.sitemap li a,
ul.sitemap li span{display:block;position:relative;height:auto;margin:0;padding:0;}
ul.sitemap li ul{list-style:none;margin:0 0 0 3rem;padding:0;}

/* 第1階層 */
ul.sitemap > li > a,
ul.sitemap > li > span{display:block;position:relative;margin-bottom:5px;padding:0.5em 1em 0.5em 2em;border-radius:4px;background-color:#0074be;color:#fff;font-weight:bold;font-size:1.143rem;transition-duration:0.3s;transition-property:all;}
ul.sitemap > li > a:hover{background-color:#1292e4;}
ul.sitemap > li > a::before{content:"";position:absolute;top:1.15em;left:0.7em;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:8px;height:8px;margin:0;border-top:2px solid #fff;border-right:2px solid #fff;}

/* 第2階層 */
ul.sitemap > li ul{margin-left:2em;}
ul.sitemap > li > ul > li > a,
ul.sitemap > li > ul > li > span{display:block;position:relative;margin-bottom:5px;padding:0.3em 1em 0.3em 2em;border-radius:4px;background-color:#ebf4fb;color:#006db3;font-weight:bold;font-size:1.071rem;transition-duration:0.3s;transition-property:all;}
ul.sitemap > li > ul > li > a:hover{background-color:#6dc0f3;}
ul.sitemap > li > ul > li > a::before{content:"";position:absolute;top:1em;left:0.8em;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:8px;height:8px;margin:0;border-top:2px solid #006db3;border-right:2px solid #006db3;}
ul.sitemap > li > ul > li > span::before{content:"";position:absolute;top:1.1em;left:0.8em;width:8px;height:1px;margin:0;background-color:#006db3;}

/* 第3階層以降 */
ul.sitemap > li > ul > li ul li a,
ul.sitemap > li > ul > li ul li span{display:block;position:relative;margin-bottom:5px;padding:0.2em 1em 0.2em 1.5em;border-radius:4px;color:#444;font-size:100%;transition-duration:0.3s;transition-property:all;}
ul.sitemap > li > ul > li ul li a:hover{background-color:#eee;}
ul.sitemap > li > ul > li ul li a::before{content:"";position:absolute;top:1.3em;left:0.5em;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:4px;height:4px;margin:0;border-top:1px solid #999;border-right:1px solid #999;}
ul.sitemap > li > ul > li ul li span::before{content:"";position:absolute;top:1.2em;left:0.2em;width:8px;height:1px;margin:0;background-color:#ccc;}

/* 第3階層 */
ul.sitemap > li > ul > li > ul > li > a{color:#0e5b8c;font-weight:bold;}
ul.sitemap > li > ul > li > ul > li > a:hover{background-color:#eff6fd;}
ul.sitemap > li > ul > li > ul > li > a::before{content:"";position:absolute;top:1.2em;left:0.3em;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:6px;height:6px;margin:0;border-top:1px solid #0074be;border-right:1px solid #0074be;}
ul.sitemap > li > ul > li > ul > li > span::before{content:"";position:absolute;top:1.2em;left:0.3em;width:6px;height:1px;margin:0;background-color:#0074be;}

/*========================================================
	form - お問い合わせ共通
========================================================*/
.formBasic .tableBasic > tbody > tr > th{width:25%;}
.fieldArea > input[type="text"],
.fieldArea > textarea{width:100%;padding:2px;}
.fieldArea > input[type="text"].short,
.fieldArea > textarea.short{width:300px;}
.fieldArea > input[type="text"].middle,
.fieldArea > textarea.middle{width:450px;}
.fieldArea select{padding-top:2px;padding-bottom:2px;padding-left:2px;font-size:14px;}
.fieldArea table,
.fieldArea table td{border:none;}

.fieldArea select.lblUnitYearSelect,
.fieldArea .lblUnitYear{display:inline-block;width:auto;margin-right:0.5em;}
.fieldArea .lblUnitYear + br{display:none;}

.seminarMonthDay select{margin-right:2px;}

.formBtn{margin:2rem auto;padding:0;text-align:center;}
.formBtn > input{display:inline-block;width:240px;height:50px;margin:0 10px;border:none;border-radius:5px;background:linear-gradient(to bottom, #aaa, #aaa);background-color:#aaa;color:#fff;font-weight:bold;font-size:1.143rem;transition-duration:0.3s;transition-property:all;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.formBtn > input:hover{opacity:0.7;}
.formBtn > input:nth-child(1){background:linear-gradient(to bottom, #0074be, #0074be);background-color:#0074be;}

.magazineInquiry div[id$="ViewMailForm_pnlEditForm"]{display:none;}

/*========================================================
	search - 検索結果
========================================================*/
p.SearchResultsLink{margin:0 0 2rem;padding:0 0 2rem;border-bottom:1px solid #ccc;}

/*========================================================
	雑誌検索 - A.2
========================================================*/
.bookSearchForm{padding:40px;background-color:#f6f6f6;}
.bookSearchForm dl{display:flex;margin:0 auto;padding:0;border-right:none;border-bottom:none;border-left:none;background-color:transparent;justify-content:space-between;flex-wrap:wrap;}
.bookSearchForm dl::before,
.bookSearchForm dl::after{content:"";display:none;}
.bookSearchForm dl::after{clear:none;}
.bookSearchForm dl dt{float:none;clear:none;width:20%;padding:35px 20px 35px 40px;border-top:1px solid #e5e5e5;background-color:transparent;font-weight:bold;font-size:1.286rem;text-align:right;}
.bookSearchForm dl dd{width:80%;margin-left:0;padding:35px 40px 35px 0;border-top:1px solid #e5e5e5;border-left:none;background-color:transparent;}
.bookSearchForm dl dt:nth-child(1),
.bookSearchForm dl dd:nth-child(2){padding-top:20px;border-top:none;}

.boxColored.failed{background-color:#ffe8e8;color:#c00;font-weight:bold;font-size:1.143rem;text-align:center;}

/* テキストボックス */
.bookSearchForm dl dd .txtKeyword,
.bookSearchForm dl dd .txtIsbn{display:block;width:100%;margin-bottom:0.5rem;padding:4px;border:2px solid #ccc;border-radius:4px;}

/* プルダウン */
.bookSearchForm dl dd .ddlCategory{display:block;width:100%;margin-bottom:1rem;padding:4px 1rem;border:2px solid #ccc;border-radius:4px;background:url(/Portals/0/images/common/ico_pulldown.png) right 1rem center no-repeat #fff;background-size:13px 10px;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.bookSearchForm dl dd .ddlCategory::-ms-expand{display:none;}

/* チェックボックス */
.bookSearchForm dl dd p{margin:0;}
.bookSearchForm .dlCategoryCheckBox,
.bookSearchForm .dlCategoryCheckBox tbody,
.bookSearchForm .dlCategoryCheckBox tr,
.bookSearchForm .dlCategoryCheckBox th,
.bookSearchForm .dlCategoryCheckBox td{display:block;}
.bookSearchForm .dlCategoryCheckBox > tbody > tr{padding:10px 0 0;}
.bookSearchForm .dlCategoryCheckBox > tbody > tr:first-child{padding:0;}
.bookSearchForm .dlCategoryCheckBox li{display:flex;padding:0;align-items:center;}
.bookSearchForm .dlCategoryCheckBox li input{margin-right:0.75rem;cursor:pointer;}
.bookSearchForm .dlCategoryCheckBox li label{display:inline-block;line-height:20px;vertical-align:middle;}

/* 日付プルダウン */
.startDateArea,
.endDateArea{display:inline-block;}
.startDateArea{margin-right:1rem;}
.startDateArea span,
.endDateArea span{margin:auto 0.5rem auto 0.25rem;}
.startDateArea select,
.endDateArea select{display:inline-block;width:100px;margin-bottom:1rem;padding:4px 1rem;border:2px solid #ccc;border-radius:4px;background:url(/Portals/0/images/common/ico_pulldown.png) right 1rem center no-repeat #fff;background-size:13px 10px;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.productSearchArea select::-ms-expand{display:none;}

/* ボタン */
.searchButton .submitArea{margin:2rem auto;padding:0;}
.searchButton .submitArea > input{display:inline-block;width:240px;height:50px;margin:0 10px;border:none;border-radius:5px;background-color:#0074be;color:#fff;font-weight:bold;font-size:1.143rem;transition-duration:0.3s;transition-property:all;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.searchButton .submitArea > input:hover{opacity:0.7;}

.searchButton .submitArea > input.cmdSearch{overflow:hidden;border:none;background:url(/Portals/0/images/bookstore/bg_search_db_btn.png) center center no-repeat #0074be;background-size:auto 24px;color:transparent;white-space:nowrap;text-indent:200%;}
.searchButton .submitArea > input.cmdClear{background:linear-gradient(to bottom, #aaa, #aaa);background-color:#aaa;}


/*========================================================
	書籍検索一覧 - A.1.1
========================================================*/
/* 検索項目 */
.conditionWrap .searchCondition .SearchConditionArea{}

/* 書籍データ */
.productBookList .text > p{margin-bottom:auto;}

/* ページャー */
ul.ulPaging{list-style:none;margin:0 auto;padding:3rem 0 4rem;text-align:center;letter-spacing:-0.4em;}
ul.ulPaging li{display:inline-block;float:none;width:2rem;margin:0 4px 6px;padding:0;border:none;letter-spacing:normal;}
ul.ulPaging li a{display:block;padding:0.5rem 0;border:none;border-radius:2px;background-color:#eee;color:#333;line-height:1;text-align:center;}
ul.ulPaging li a:hover{opacity:1;background-color:#0074be;color:#fff;text-decoration:none;}
ul.ulPaging li.Current{padding:0.5rem 0;border-radius:2px;background-color:#0074be;color:#fff;line-height:1;text-align:center;}
ul.ulPaging li.Next,
ul.ulPaging li.Prev{width:4rem;padding:0;background-color:transparent;}
ul.ulPaging li.Next a,
ul.ulPaging li.Prev a{position:relative;border-radius:2px;background-color:transparent;color:#0074be;text-align:left;}
ul.ulPaging li.Next a{padding-right:1.5rem;text-align:right;}
ul.ulPaging li.Prev a{padding-left:1.5rem;text-align:left;}
ul.ulPaging li.Next a:hover,
ul.ulPaging li.Prev a:hover{background-color:#eee;}
ul.ulPaging li.Next a::before,
ul.ulPaging li.Prev a::before{content:"";position:absolute;top:0;bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:6px;height:6px;margin:auto;border-top:1px solid #0074be;border-right:1px solid #0074be;}
ul.ulPaging li.Next a::before{right:0.5rem;}
ul.ulPaging li.Prev a::before{left:0.5rem;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}

/*========================================================
	書籍詳細 - A.1.1.1
========================================================*/
h1.dbTitle{min-height:3em;padding-right:100px;}

.dbDetailWrap.book .detailTop{display:flex;margin-bottom:2rem;justify-content:space-between;}
.dbDetailWrap.book .detailTop .detailLeft{display:flex;width:665px;justify-content:space-between;}
.dbDetailWrap.book .detailTop .productImage .image a{pointer-events:none;}
.dbDetailWrap.book .detailTop .detailRight{width:300px;}

.dbDetailWrap.book .detailTop .detailLeft .productImage{width:272px;}
.dbDetailWrap.book .detailTop .detailLeft .image{margin-bottom:1em;cursor:pointer;}
.dbDetailWrap.book .detailTop .detailLeft .productDetail{width:360px;padding-top:1rem;}
.dbDetailWrap.book .detailTop .detailLeft .productDetail .newisbn{width:100%;margin-top:1em;padding:0.8em;border:1px solid #ccc;}
.dbDetailWrap.book .productImage .sampleBtn a{display:flex;overflow:visible;width:100%;height:auto;margin-top:2em;border-radius:3px;background:#0074be;color:#fff;white-space:initial;text-indent:0;align-items:center;justify-content:center;}
.dbDetailWrap.book .productImage .sampleBtn a::before{content:"";display:inline-block;width:20px;height:20px;margin-right:10px;background:url(/Portals/0/images/magazine/ico_sample.png);background-size:contain;background-repeat:no-repeat;}
.dbDetailWrap.book .reserve,
.dbDetailWrap.book .beforSell,
.dbDetailWrap.book .nobookbuy{display:flex;width:fit-content;height:20px;margin:0 0 1em auto;padding:0.2em 1.7em 0;border-radius:0.3em;color:#fff;font-weight:bold;font-size:0.9rem;line-height:1;align-items:center;justify-content:center;}
.dbDetailWrap.book .reserve{background:#be0000;}
.dbDetailWrap.book .beforSell{background:#3bc0dd;}
.dbDetailWrap.book .nobookbuy{background:#666;}
.dbDetailWrap.book .selectArea ul,
.dbDetailWrap.book .selectArea li{margin:0;padding:0;}
.dbDetailWrap.book .selectArea ul{width:100%;}
.dbDetailWrap.book .selectArea li.head{list-style:none;font-size:1rem;}
.dbDetailWrap.book .selectArea li.head + li.head{margin-top:20px;}
.dbDetailWrap.book .selectArea li.head > span:not(.value)::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#0074be;}
.dbDetailWrap.book .sellbookchannelarea ul,
.dbDetailWrap.book .sellebookchannelarea ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.dbDetailWrap.book .sellbookchannelarea li,
.dbDetailWrap.book .sellebookchannelarea li{list-style:none;width:calc(50% - 5px);height:40px;margin-bottom:10px;border:1px solid #ccc;background:#fff;}
.dbDetailWrap.book .sellbookchannelarea li a,
.dbDetailWrap.book .sellebookchannelarea li a{display:flex;height:100%;font-size:10px;align-items:center;justify-content:center;}
.dbDetailWrap.book .sellbookchannelarea li a img,
.dbDetailWrap.book .sellebookchannelarea li a img{height:100%;font-family:"object-fit:contain;";object-fit:contain;}

.dbDetailWrap.book .detailLinks{display:flex;margin-left:-1em;padding:0;flex-wrap:wrap;}
.dbDetailWrap.book .detailLinks li{list-style:none;margin-top:1em;margin-left:1em;}
.dbDetailWrap.book .detailLinks li a{display:flex;padding:8px 10px;border:1px solid #ddd;border-radius:0.3em;color:#000;align-items:center;}
.dbDetailWrap.book .detailLinks li a:hover{color:#999;text-decoration:none;}
.dbDetailWrap.book .detailLinks li a:hover:before{border-color:#999;}
.dbDetailWrap.book .detailLinks li a::before{content:"";display:inline-block;transform:rotate(45deg);width:8px;height:8px;margin:0 6px 3px 0 ;border-right:2px solid #0074be;border-bottom:2px solid #0074be;}

.dbDetailWrap.book .detailContentSection{margin-bottom:7em;padding-bottom:2em;border-bottom:1px solid #ccc;}
.dbDetailWrap.book .detailContent h2{/* スタイリング */
position:relative;padding:0 0 0 1.2em;/* リセット */border-bottom:0;font-size:1.429rem;}
.dbDetailWrap.book .detailContent h2::before{content:"";position:absolute;top:0;bottom:0;left:0;width:9px;height:7px;margin:auto;background:#0074be;}
.dbDetailWrap.book .detailContent h2::after{content:"";position:absolute;top:0;bottom:0;left:9px;width:0;height:0;margin:auto;border-width:7px 5px 0 0;border-color:#0074be transparent transparent transparent;border-style:solid;}
.dbDetailWrap.book .detailContent h3{/* スタイリング */
position:relative;padding:0 0 0.35em;border-bottom:7px solid #ccc;/* リセット */color:initial;font-size:1.286rem;}
.dbDetailWrap.book .detailContent h3::before{content:"";position:absolute;bottom:-7px;left:0;width:180px;height:7px;background:#0074be;}
.dbDetailWrap.book .detailContent h3::after{content:"";position:absolute;bottom:-7px;left:180px;width:0;height:0;border-width:7px 7px 0 0;border-color:#0074be transparent transparent transparent;border-style:solid;}
.dbDetailWrap.book .salesPoint{margin:2em auto 0.5em;}
.dbDetailWrap.book .recommended h3{margin-top:2em;}
.dbDetailWrap.book .jsMokuji{position:relative;transition:all 0.3s;}
.dbDetailWrap.book .jsMokuji::after{content:"";opacity:0;position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255,255,255,0) 100%);transition:opacity 0.3s;}
.dbDetailWrap.book .jsMokuji.showGradation::after{opacity:1;}
.dbDetailWrap.book .mokujiMoreBtn{display:none;width:fit-content;max-width:fit-content;margin:auto;padding:0.5em 4em;border:1px solid #0074be;border-radius:2em;color:#0074be;cursor:pointer;transition:all 0.3s;align-items:center;justify-content:center;}
.dbDetailWrap.book .mokujiMoreBtn:hover{color:#999;}
.dbDetailWrap.book .mokujiMoreBtn .mokujiIcon{position:relative;width:14px;height:14px;margin-right:6px;}
.dbDetailWrap.book .mokujiMoreBtn .mokujiIcon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#0074be;}
.dbDetailWrap.book .mokujiMoreBtn .mokujiIcon::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(-1px) rotate(45deg);width:6px;height:6px;margin:auto;border-right:2px solid #fff;border-bottom:2px solid #fff;}
.dbDetailWrap.book .mokujiMoreBtn.opened .mokujiIcon::after{transform:translateY(1px) rotate(225deg);}

/* モーダル */
.dbDetailWrap.book .modal{display:flex;visibility:hidden;opacity:0;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);transition:all 0.3s;align-items:center;justify-content:center;}
.dbDetailWrap.book .modal.showed{visibility:visible;opacity:1;}
.dbDetailWrap.book .modalInner{position:relative;max-width:70%;max-height:70%;}
.dbDetailWrap.book .modalCloseBtn{position:absolute;right:0;bottom:100%;width:40px;height:40px;border-radius:50%;background:#0074be;cursor:pointer;}
.dbDetailWrap.book .modalCloseBtnInner{position:relative;width:100%;height:100%;}
.dbDetailWrap.book .modalCloseBtn::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(45deg);width:20px;height:3px;margin:auto;background:#fff;}
.dbDetailWrap.book .modalCloseBtn::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-45deg);width:20px;height:3px;margin:auto;background:#fff;}
.dbDetailWrap.book .modalImgCount{margin-top:20px;margin-right:30px;color:#fff;}
/* IE */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.dbDetailWrap.book .modalInner{display:flex;flex-direction:column;margin:0 14.5%;align-items:center;justify-content:center;}
.dbDetailWrap.book .reserve,
.dbDetailWrap.book .beforSell,
.dbDetailWrap.book .nobookbuy{width:110px;}
.purchaseHere li a img{height:25px!important;}}

/* データ項目 */
ul.packaging{list-style:none;margin:0;padding:0;}
ul.packaging li{display:flex;margin:0 0 0.5rem;padding:0;justify-content:space-between;}
ul.packaging li > span{display:block;}
ul.packaging li .headline{position:relative;width:20%;padding-right:1em;}
ul.packaging li .value{width:80%;}
ul.packaging li .headline::after{content:":";display:inline-block;position:absolute;top:0;right:0.5em;width:auto;height:auto;margin:auto;}

.magazine ul.packaging li .headline{width:15%;}
.magazine ul.packaging li .value{width:85%;}

/* 購入はこちら */
.purchaseHere{margin:0 0 10px;padding:1em 1.5em;background-color:#f6f6f6;}
.purchaseHere::after{content:"";display:block;clear:both;}
.purchaseHere h3{position:relative;height:26px;margin:0;padding:4px 0 0 30px;background:url(/Portals/0/images/magazine/ico_bag.png) 0 0 no-repeat;background-size:24px auto;color:#333;font-weight:bold;font-size:1.143rem;line-height:26px;vertical-align:middle;}
.purchaseHere h3 .reserv{display:inline-block;position:absolute;top:4px;right:0;height:20px;padding:0 4px;border-top:1px solid #c00;border-bottom:1px solid #c00;color:#c00;font-size:0.857rem;line-height:normal;}
.purchaseHere .linkArrowRight{float:right;}

.purchaseHere .selectArea{display:flex;margin:0 auto 5px;padding:25px 0;border-bottom:1px solid #d3d3d3;justify-content:space-between;}
.purchaseHere .selectArea > div{display:block;position:relative;width:48%;padding:0;border:none;border-radius:0;background:none;}
.purchaseHere .selectArea > div > .sellchannelmenu{display:block;padding:4px 1rem;border:2px solid #ccc;border-radius:4px;background:url(/Portals/0/images/common/ico_pulldown.png) right 1rem center no-repeat #fff;background-size:13px 10px;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.purchaseHere .selectArea > div > .sellchannelmenu::-ms-expand{display:none;}

.purchaseHere .selectArea ul.listsellchannel{list-style:none;overflow-y:scroll;position:absolute;right:0;left:0;z-index:1;width:98%;max-height:150px;margin:auto;padding:5px 10px;border-top:none;border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:2px solid #ccc;box-shadow:0 4px 10px 2px rgba(0, 0, 0, 0.2);background-color:#fff;}
.book .purchaseHere .selectArea{padding:0;border-bottom:0;}
.book .purchaseHere .selectArea ul.listsellchannel{width:15em;}
.book .purchaseHere .selectArea ul.listsellchannel .sellbookch,
.book .purchaseHere .selectArea ul.listsellchannel .sellebookch{margin-right:0.25em;}

/* slick */
.dbDetailWrap.book .slick-slider{position:relative;width:100%;padding:0 20px;}
.dbDetailWrap.book .sampleSlider > img{display:none;}
.dbDetailWrap.book .modalSlider{padding:0 60px;}
.dbDetailWrap.book .modalSlider > img{max-height:70vh;width:100%;}
.dbDetailWrap.book .modal .slick-slider .popupImage{max-height:70vh;padding: 0 1000px;}

.dbDetailWrap.book .slick-slider .prev.slick-disabled,
.dbDetailWrap.book .slick-slider .next.slick-disabled{visibility:hidden;}

.dbDetailWrap.book .slick-list{width:100%;}

.dbDetailWrap.book .detailTop .slick-slider .prev,
.dbDetailWrap.book .detailTop .slick-slider .next{position:absolute;top:calc(50% - 9px);width:12px;height:12px;border-right:2px solid #0074be;border-bottom:2px solid #0074be;cursor:pointer;}

.dbDetailWrap.book .detailTop .slick-slider .prev{left:0;transform:rotate(135deg);margin-right:10px;}

.dbDetailWrap.book .detailTop .slick-slider .next{right:0;transform:rotate(-45deg);margin-left:10px;}

.dbDetailWrap.book .detailTop .slick-slider .popupImage{height:40px;padding:0 3px;font-family:"object-fit:cover;";cursor:pointer;object-fit:cover;object-position:top left;}

.dbDetailWrap.book .modal .slick-slider .prev,
.dbDetailWrap.book .modal .slick-slider .next{position:absolute;top:calc(50% - 20px);width:30px;height:30px;border-right:4px solid #fff;border-bottom:4px solid #fff;cursor:pointer;}

.dbDetailWrap.book .modal .slick-slider .prev{left:0;transform:rotate(135deg);margin-right:40px;}

.dbDetailWrap.book .modal .slick-slider .next{right:0;transform:rotate(-45deg);margin-left:40px;}


/* 雑誌版 */
.magazine .purchaseHere{margin-top:2rem;padding:2em 3em;}
.magazine .purchaseHere .selectArea{display:block;margin:0 auto;padding:0;border-bottom:none;}
.magazine .purchaseHere .selectArea > .sellbookchannelarea + .sellbookchannelarea{margin-top:1em;}
.magazine .purchaseHere .selectArea > div{width:100%;}
.magazine .purchaseHere .selectArea > div + div{margin-top:1.4em;}
.magazine .purchaseHere .selectArea .sellmagazine:before,
.magazine .purchaseHere .selectArea .selldigitalmagazine:before,
.magazine .purchaseHere .selectArea .sellsubscription:before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#0074be;}
.magazine .selectArea ul,
.magazine .selectArea li{margin:0;padding:0;}
.magazine .selectArea ul{display:flex;margin-top:0.2em;padding:0;flex-wrap:wrap;}
.magazine .selectArea li{list-style:none;width:calc(25% - 9px);height:40px;border:1px solid #ccc;background:#fff;}
.magazine .selectArea li + li{margin-left:12px;}
.magazine .selectArea li span,
.magazine .selectArea li a{display:block;height:100%;}
.magazine .selectArea li a{text-align:center;}
.magazine .selectArea li a img{height:100% !important;font-family:"object-fit:contain;";object-fit:contain;}

/* お問い合わせボタン */
.productInqBtn a{display:block;position:relative;padding:0.75em 2em;text-align:center;}
.productInqBtn a::before{content:"";display:block;position:absolute;top:0;bottom:0;left:1em;width:20px;height:20px;margin:auto;background:url(/Portals/0/images/magazine/btn_productink.png) 0 0 no-repeat transparent;background-size:20px;}
.productInqBtn a:hover::before{background:url(/Portals/0/images/magazine/btn_productink_w.png) 0 0 no-repeat transparent;background-size:20px;}

/* 常備書店一覧ボタン */
.productStoreBtn a{display:block;position:relative;padding:0.75em 2em;text-align:center;}
.productStoreBtn a::before{content:"";display:block;position:absolute;top:0;bottom:0;left:1em;width:20px;height:20px;margin:auto;background:url(/Portals/0/images/magazine/ico_store.png) 0 0 no-repeat transparent;background-size:20px;}
.productStoreBtn a:hover::before{background:url(/Portals/0/images/magazine/ico_store_w.png) 0 0 no-repeat transparent;background-size:20px;}

/* タブ内 */
.salesPoint{margin-bottom:1rem;}
.purposeOfPublication{margin-bottom:1rem;}
.recommended{margin-bottom:1rem;}
.recommended .recommendTitle{margin:3rem auto 1rem;color:#0074be;font-weight:bold;}
.mainPurpose{margin-bottom:1rem;}
.divExplanatory + ul{margin-top:20px;}

/* 関連書籍 */
.relatedItem > ul{display:flex;margin:0 auto 4rem;padding:0 35px 0;flex-wrap:wrap;justify-content:flex-start;}
.relatedItem > ul > li{display:block;width:19%;margin:0 8% 2rem 0;padding:0;text-align:center;}
.pcMode .relatedItem > ul > li:nth-child(4n){margin-right:0;}
.relatedItem > ul > li > a{display:block;padding:0 10px;}
/* .relatedItem > ul > li > a > img{box-shadow:0 1px 10px 0 rgba(0,0,0,0.15);border:1px solid #ddd;} */
.relatedItem > ul > li > a > img{border:1px solid #ddd;box-shadow:1px 1px 5px -1px rgba(0, 0, 0, 0.15);}
.relatedItem > ul > li .relationName{display:block;margin:1rem -10px 0;line-height:1.4;text-align:left;}

/*========================================================
	雑誌検索一覧 - A.2.1
========================================================*/
.SearchConditionArea{display:flex;margin:0 auto 3.5rem;padding:20px 25px;background-color:#f1f8fc;justify-content:space-between;align-items:center;}
.SearchConditionArea .AreaTitlte{width:10%;margin:0;padding:0;border:none;color:#0074be;font-weight:bold;font-size:1rem;line-height:1.2;}
.SearchConditionArea .ConditonArea{width:90%;border:none;}
.SearchConditionArea .ConditonArea th,
.SearchConditionArea .ConditonArea td{padding:0.5em 1em;border-top:1px dashed #d8dfe2;}
.SearchConditionArea .ConditonArea th{width:8em;color:#838383;text-align:right;}
.SearchConditionArea .ConditonArea tr:nth-child(1) th,
.SearchConditionArea .ConditonArea tr:nth-child(1) td{border:none;}

.resultCounter{color:#bbb;text-align:center;}

.productBookList{display:flex;margin:40px auto 0;padding:40px 0 0;border-top:1px solid #ddd;justify-content:space-between;}
.productBookList .image{width:147px;padding:0 6px;}
.productBookList .image a{display:block;}
.productBookList .image a img{display:block;border:1px solid #ddd;box-shadow:0 0 2px 0 #eee;}
.productBookList .detail{width:800px;}
.productBookList .detail h3{margin:1rem auto;}
.productBookList .bookBtnList{list-style:none;margin:0;padding:0;}
.productBookList .bookBtnList li{display:inline-block;margin:1rem 0 0;padding:0;}
.productBookList .bookBtnList li.errataIcon{overflow:hidden;width:95px;height:27px;background:url(/Portals/0/images/magazine/btn_errata.png) 0 0 no-repeat transparent;background-size:95px 27px;color:transparent;white-space:nowrap;text-indent:200%;}
.productBookList .bookBtnList li.donwloadIcon{overflow:hidden;width:135px;height:27px;background:url(/Portals/0/images/magazine/btn_download.png) 0 0 no-repeat transparent;background-size:135px 27px;color:transparent;white-space:nowrap;text-indent:200%;}

.resultCounter + .productBookList{margin-top:0;border-top:none;}
.ViewProductList .productBookList:last-child{margin-bottom:4rem;}

.KeywordHighLight{display:inline-block;background-color:#fffc00;}

/* 検索フォーム */
.bookSearchForm.detailForm h2{margin-top:1.5rem;color:#0074be;font-size:1.286rem;}
.bookSearchForm.detailForm dl dt{padding-top:20px;padding-bottom:20px;font-size:1rem;}
.bookSearchForm.detailForm dl dd{padding-top:20px;padding-bottom:20px;}
.bookSearchForm.detailForm .productSearchArea + .submitArea{margin-top:1rem;}
.bookSearchForm.detailForm .productSearchArea + .submitArea > input.cmdSearch{height:40px;background-size:auto 24px;}

.bookSearchForm.detailForm dl dd .txtKeyword{display:block;width:100%;margin-bottom:0.25rem;padding:2px;border:2px solid #ccc;border-radius:4px;}

.bookSearchForm.detailForm .dlCategoryCheckBox > tbody{display:flex;justify-content:flex-start;}
.bookSearchForm.detailForm .dlCategoryCheckBox > tbody > tr{padding:0 2rem 0 0;}
.bookSearchForm.detailForm .dlCategoryCheckBox > tbody > tr ul{width:auto;}

/*========================================================
	雑誌詳細 - A.2.1.1
========================================================*/
.dbDetailWrap.magazine .detailTop{display:flex;margin-bottom:2rem;}
.dbDetailWrap.magazine .detailTop .productImage{width:272px;margin-right:3%;}
.dbDetailWrap.magazine .detailTop .productDetail{width:62%;padding-top:1rem;}

.dbDetailWrap .code{padding:0 0 1rem;}

.productImage .image{margin:0 auto 0.5rem;text-align:center;}
.productImage .image a,
.productImage .image img{display:block;margin:0 auto;}
.productImage .image img{max-width:100%;border:1px solid #dedede;}
.productImage .sampleBtn a{display:block;overflow:hidden;width:160px;height:35px;margin:0 auto;border-radius:3px;background:url(/Portals/0/images/magazine/btn_sample_bg.png) center no-repeat #0074be;background-size:auto 18px;color:transparent;white-space:nowrap;text-indent:200%;}

.dbDetailWrap.magazine .detailTop .productDetail .subTitle{margin-bottom:1rem;}

/* dbTab */
.dbTabDetail{margin:0 auto 2.5rem;border-bottom:1px solid #ddd;}

/* socialButton */
.socialButton{display:flex;list-style:none;margin:0 auto 4rem;padding:0;text-align:right;justify-content:flex-end;align-items:flex-start;}
.socialButton li{height:20px;margin:0 0 0 4px;padding:0;}
.socialButton li > iframe{display:block;}
.socialButton li .fb_iframe_widget span{display:block;}
.socialButton li.printBtn a{display:block;overflow:hidden;width:75px;height:20px;background:url(/Portals/0/images/magazine/btn_print.png) 0 0 no-repeat transparent;color:transparent;white-space:nowrap;text-indent:200%;}

.book .socialButton,
.magazine .socialButton{justify-content:space-between;}
.book .socialButton li,
.magazine .socialButton li{width:calc(20% - 8px);height:auto;margin:0;}
.book .socialButton li a,
.magazine .socialButton li a{display:block;min-height:36px;background-size:contain;background-repeat:no-repeat;color:transparent;}
.book .socialButton .shareTwitter,
.magazine .socialButton .shareTwitter{background-image:url(/Portals/0/images/common/btn_twitter.png);}
.book .socialButton .shareFacebook,
.magazine .socialButton .shareFacebook{background-image:url(/Portals/0/images/common/btn_facebook.png);}
.book .socialButton .shareHatena,
.magazine .socialButton .shareHatena{background-image:url(/Portals/0/images/common/btn_hatena.png);}
.book .socialButton .shareLine,
.magazine .socialButton .shareLine{background-image:url(/Portals/0/images/common/btn_line.png);}
.book .socialButton .printBtn a,
.magazine .socialButton .printBtn a{width:inherit;height:auto;background-image:url(/Portals/0/images/common/btn_print.png);}

/*========================================================
	メールアドレス登録フォーム - A.2.1.5
========================================================*/
.mailRegistrationForm div[id$="pnlEditForm"]{margin:0 auto 1.5rem;padding:10px;background-color:#eee;}
.mailRegistrationForm div[id$="pnlEditForm"] select{width:240px;padding:2px 4px;font-size:114.3%;}

/*========================================================
	技術情報誌『OHM』 - A.2.2
========================================================*/
.latest::before{content:"最新号";display:inline-block;position:static;width:auto;height:auto;margin:0 0.5em 0 0;padding:0.35em 0.5em 0.25em;background-color:#f90;color:#fff;font-weight:bold;font-size:70%;line-height:1.2;vertical-align:top;}

.productWrap{display:flex;margin-bottom:2rem;justify-content:space-between;}
.productWrap .productImage{width:264px;}
.productWrap .productDetail{width:700px;}

.productWrap .productImage .image{margin:0 auto 0.5rem;text-align:center;}
.productWrap .productImage .image a,
.productWrap .productImage .image img{display:block;margin:0 auto;}
.productWrap .productImage .image img{max-width:100%;border:1px solid #dedede;}
.productWrap .productImage .btnBlue a{margin-right:1rem;margin-left:1rem;}

.productWrap .productDetail .subTitle{margin-bottom:1rem;}
.productWrap .productDetail h2{margin:0 auto 1rem;padding:0;border:none;font-weight:normal;font-size:2.143rem;vertical-align:top;}
.productWrap .productDetail h2::before,
.productWrap .productDetail h2::after{display:none;}
.productWrap .productDetail h2.latest::before{content:"最新号";display:inline-block;width:auto;height:auto;margin:0 0.5em 0 0;padding:0.35em 0.5em 0.25em;background-color:#f90;color:#fff;line-height:1;}

.productWrap .productDetail .detailMain{margin-bottom:2rem;}
.productWrap .productDetail .detailData{display:flex;justify-content:space-between;}
.productWrap .productDetail .detailData .dataLeft{width:460px;}
.productWrap .productDetail .detailData .dataRight{width:200px;}
.productWrap.ohm .productDetail .detailData .dataLeft{width:420px;}
.productWrap.ohm .productDetail .detailData .dataRight{width:280px;}

.productWrap .productDetail .detailData .dataLeft .btnBlue a{max-width:320px;}
.productWrap .productDetail .detailData .dataRight a.btnBlue{text-align:left;}

/*========================================================
	『設備と管理』 - A.2.4
========================================================*/
/* slider */
.sliderContentArea{padding:0 60px;}

/* メインスライダー */
.sliderContentArea ul.sliderItem{list-style:none;margin:20px 0 10px;padding:30px 80px;background-color:#fff;}
.sliderContentArea ul.sliderItem li{padding:0;text-align:center;}
.sliderContentArea ul.sliderItem img{width:100%;max-width:100%;margin:auto;}

/* カルーセル */
.sliderContentArea ul.sliderNav{position:relative;margin-bottom:30px;padding:0;}
.sliderContentArea ul.sliderNav .slick-list.draggable{padding-top:10px;}
.sliderContentArea ul.sliderNav li{position:relative;margin:0 11px;padding:0;outline:none;}
.sliderContentArea ul.sliderNav li img{width:100%;}
.sliderContentArea ul.sliderNav li.slick-active.slick-current::after{content:"";display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border:7px solid #0074be;}
.sliderContentArea ul.sliderNav li.slick-active.slick-current::before{content:"";display:block;position:absolute;right:0;bottom:100%;left:0;z-index:1;width:0;height:0;margin:auto;border-width:0 10px 10px 10px;border-color:transparent transparent #0075be transparent;border-style:solid;}
/* button */
.sliderContentArea ul.sliderNav button.slick-arrow{overflow:hidden;position:absolute;top:10px;bottom:0;left:-21px;z-index:1;width:38px;height:49px;margin:auto;padding:0;border:none;background:transparent url(/Portals/0/images/common/ico_slider_arrow.png) 0 0 no-repeat;white-space:nowrap;text-indent:200%;}
.sliderContentArea ul.sliderNav button.slick-arrow.slick-next{right:-21px;left:inherit;transform:rotate(180deg);}

/* --- 分岐 --- */
/* col */
.sliderContentArea.slideCol5 ul.sliderNav .slick-list.draggable{margin:0 24px;padding-left:153px;}
.sliderContentArea.slideCol4 ul.sliderNav .slick-list.draggable{margin:0 12px;padding-left:129px;}

/* --- layout --- */
/* メインスライダー */
.firstitemlefted .sliderContentArea,
.firstitemrighted .sliderContentArea{padding:0 28px;}
.firstitemlefted .sliderContentArea ul.sliderItem,
.firstitemrighted .sliderContentArea ul.sliderItem{padding:30px;}
.firstitemlefted .sliderContentArea ul.sliderItem,
.firstitemrighted .sliderContentArea ul.sliderItem{margin:15px 0;}
/* カルーセル */
.firstitemlefted .sliderContentArea ul.sliderNav,
.firstitemrighted .sliderContentArea ul.sliderNav{margin-bottom:20px;padding:0;}
.firstitemlefted .sliderContentArea ul.sliderNav li,
.firstitemrighted .sliderContentArea ul.sliderNav li{margin:0 9px;}
.firstitemlefted .sliderContentArea ul.sliderNav li.slick-active.slick-current::after,
.firstitemrighted .sliderContentArea ul.sliderNav li.slick-active.slick-current::after{border-width:5px;}
/* button */
.firstitemlefted .sliderContentArea ul.sliderNav button.slick-arrow,
.firstitemrighted .sliderContentArea ul.sliderNav button.slick-arrow{left:-30px;width:33px;height:44px;background-size:cover;}
.firstitemlefted .sliderContentArea ul.sliderNav button.slick-arrow.slick-next,
.firstitemrighted .sliderContentArea ul.sliderNav button.slick-arrow.slick-next{right:-30px;left:inherit;}
/* boxColored */
.boxColored.setukan{margin-bottom:20px;padding:40px;background-color:#f1f8fc;}
.boxColored.setukan h2:first-child{margin-top:0;}
.boxColored.setukan h2{color:#0074be;font-size:18px;}

/*=== lowerBanner - 下層バナー3種 ===*/
ul.lowerBanner{display:flex;list-style:none;margin:3rem auto 3.6rem;padding:0;letter-spacing:-0.4em;justify-content:center;flex-wrap:wrap;}
ul.lowerBanner li{display:inlin-block;margin:0 0 0 5px;padding:0;line-height:1;letter-spacing:normal;}
ul.lowerBanner li:first-child{margin-left:0;}
ul.lowerBanner li a,
ul.lowerBanner li a img{display:block;}

/*=== backNumber - バックナンバー ===*/
.backNumber h2{margin:0 auto 2rem;}
.backNumber > div{display:flex;justify-content:space-between;}
.backNumber > div:not(:nth-child(2)){margin:2rem auto 0;padding:2rem 0 0;border-top:1px solid #ddd;}
.backNumber .image{width:152px;text-align:center;}
.backNumber .image a,
.backNumber .image a img{display:block;margin:0 auto;}
.backNumber .image a img{max-width:100%;border:1px solid #dedede;}
.backNumber .detail{width:520px;}
.backNumber .detail h3{margin:1rem auto 0.5em;}
.backNumber .detail .subTitle{font-weight:bold;}

/*=== sideNav - サイドナビ ===*/
.sideNav,
.subNav{list-style:none;margin:0 auto 1.5rem;padding:0;}
.sideNav li{margin:5px auto 0;padding:0;}
.sideNav li:first-child{margin-top:0;}
.sideNav li a{display:block;padding:0.9rem;background-color:#0074be;color:#fff;font-weight:bold;font-size:1.143rem;line-height:1.2;}
.sideNav li a:hover{text-decoration:none;}

.subNav li{margin:10px auto 0;padding:0;}
.subNav li:first-child{margin-top:0;}
.subNav li a{display:block;padding:0.2rem 0.2rem 0.2rem 0.5rem;border-left:7px solid #0074be;color:#333;font-weight:bold;line-height:1.2;}
.subNav li a:hover{background-color:#f3f3f3;text-decoration:none;}

.sideBanner{list-style:none;margin:0 auto 1.5rem;padding:0;}
.sideBanner li{margin:10px auto 0;padding:0;}
.sideBanner li:first-child{margin-top:0;}
.sideBanner li a,
.sideBanner li a img{display:block;margin:0 auto;}

/*=== inlineBanner - インラインバナー ===*/
.bannerArea{margin:3rem auto;padding:2.2rem 0 1.5rem;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

.inlineBanner{list-style:none;letter-spacing:-0.4em;}
.inlineBanner li{display:inline-block;margin:0 5px 10px 0;padding:0;vertical-align:top;letter-spacing:normal;}
.inlineBanner li a,
.inlineBanner li a img{display:block;}

/*=== productList - 書籍画像スライダー ===*/
.productList ul{list-style:none;margin:0 auto;padding:0 15px;}
.productList ul li{margin:0 15px;padding:0;}
.productList ul li > a{display:flex;height:182px;align-items:center;}
.productList ul li > a img{width:100%;max-height:182px;border:1px solid #ddd;}
.productList ul li p{margin:0.5rem 0 0;padding:0;line-height:1.4;}
.productList ul li p a{color:#333;}
.productList.productSlide ul{display:flex;position:relative;flex-wrap:wrap;}
.productList.productSlide ul li{width:120px;}
.productList.productSlide ul.slick-slider{display:block;}
.productList.productSlide ul > button.slick-arrow{display:block;overflow:hidden;position:absolute;top:80px;width:28px;height:38px;margin:auto;padding:0;border:none;white-space:nowrap;text-indent:200%;}
.productList.productSlide ul > button.slick-prev{left:-10px;background:url(/Portals/0/images/setukan/btn_slider_arrow_left.png) 0 0 no-repeat transparent;}
.productList.productSlide ul > button.slick-next{right:-10px;background:url(/Portals/0/images/setukan/btn_slider_arrow_right.png) 0 0 no-repeat transparent;}
.productList .slick-track .slick-slide:not(.slick-current){background-color:#fff;}
.productList .slick-track .slick-slide:not(.slick-current) img,
.productList .slick-track .slick-slide:not(.slick-active) img{opacity:1;}

.productList.col2{display:flex;justify-content:space-between;}
.productList.col2 > *{width:48%;}
.productList.col2 > * ul{display:flex;padding:0 8px;justify-content:space-between;}
.productList.col2 > *:nth-child(odd) ul{padding-left:30px;}
.productList.col2 > *:nth-child(even) ul{padding-right:30px;}
.productList.col2 ul li{width:122px;margin:0;}

/*========================================================
	『電設資材ガイドブックWeb版』 - A.2.5.1
========================================================*/
.dbProduct,
.dbVideo,
.dbEvent{margin-bottom:3em;}

/*=== カテゴリメニュー ===*/
.pcArea.categoryMenuWrap{display:flex;position:relative;margin-bottom:3em;padding:30px 50px;background:#e3f1fa;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.pcArea.categoryMenuWrap .leftTitle{width:260px;font-size:1.286rem;}
.pcArea.categoryMenuWrap ul.CategoryMenu{margin:0;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li{width:250px;margin:5px 10px 5px 0;padding:1px 0;border-radius:3px;background:#999;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;text-align:center;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li:nth-child(3n){margin-right:0;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > a{display:block;color:#fff;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li.active{background:#0074be;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}

.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul{position:absolute;top:inherit;left:0;z-index:-1;width:100%;padding:35px 80px;background:#0074be;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li{display:flex;margin:0;padding:12px 0;border-bottom:solid 1px #438fc4;flex-wrap:wrap;align-items:flex-start;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li:last-child{border-bottom:none;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li > a{position:relative;width:230px;margin:0 35px 0 0;padding:15px 30px 15px 10px;border-radius:3px;background:#e3f1fa;color:#000;font-weight:bold;text-decoration:none;text-align:left;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li > a:hover{opacity:0.75;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li > a:after{content:"";display:block;position:absolute;top:calc(50% - 7.5px);right:10px;width:15px;height:15px;background:url(/Portals/0/images/common/ico_link_square_arrowed.png) 0 0 no-repeat transparent;background-size:15px;}

.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li > ul{width:575px;padding:0;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li > ul > li{margin:2px 20px 2px 0;padding:0;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li > ul > li > a{position:relative;padding-left:22px;color:#fff;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li > ul > li > a:before{content:"";display:block;position:absolute;top:calc(50% - 7.5px);left:0;width:15px;height:15px;background:url(/Portals/0/images/common/ico_link_square_arrowed.png) 0 0 no-repeat transparent;background-size:15px;}

/*=== カテゴリメニューclick時の挙動 ===*/
.categoryMenuWrap.pcArea .CategoryMenu > li{cursor:pointer;}
.categoryMenuWrap.pcArea .CategoryMenu > li > ul{opacity:0;z-index:-1;transition:all 0.3s ease-in-out;}
.categoryMenuWrap.pcArea .CategoryMenu > li.active > ul{display:block !important;opacity:1;z-index:99;cursor:auto;}
.categoryMenuWrap.pcArea .CategoryMenu > li > a{pointer-events:none;}

/*=== おすすめ製品 ===*/
.dbProduct > div{display:flex;flex-wrap:wrap;justify-content:space-between;}
.dbProduct .dbProductBox a{display:flex;}
.dbProduct .dbProductBox{width:48%;padding:1em 0;border-top:1px solid #eee;}
.dbProduct .dbProductBox:first-of-type,
.dbProduct .dbProductBox:nth-of-type(2){border-top:none;}
.dbProduct .dbProductBox .dbImage{position:relative;width:145px;height:145px;margin:0 15px 0 0;padding-top:0;}
.dbProduct .dbProductBox .dbImage img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto;}
.dbProduct .dbProductBox .dbDetail{width:185px;padding-top:10px;}
.dbProduct .dbProductBox .dbDetail p{margin:1em 0 0.5em;color:#333;}
.dbProduct .dbProductBox .dbDetail h3{margin:0;}
.dbProduct .dbProductBox .dbDetail > .dbText{margin-top:2em;}

.denkou_db_ad_L_03{display:block;margin:50px 0;}
/*=== 各社製品動画 ===*/
.dbVideo .youtubeWrap{margin-bottom:0;}
.dbVideo h4{margin:0.5em 0;}
.dbVideo p{margin:0 0 0.5em;}

/*=== セミナー・イベント情報 ===*/
.dbEvent ul.listBasic.linkSquareArrowed > li > p:first-of-type{margin-bottom:0;}
.dbEvent ul.listBasic.linkSquareArrowed > li > p > a{padding-left:0;}
.dbEvent ul.listBasic.linkSquareArrowed > li > p > a:before{display:none;}

/*=== サイド 新着製品 ===*/
.dbSideMenu{padding:18px;border:7px solid #e3f1fa;}
.dbSideMenu .dbSideTitle{border-bottom:3px solid #0074be;font-weight:bold;font-size:114.29%;}
.dbSideMenu > div{margin-bottom:1.5em;}
.dbSideMenu .dbProductBox{margin:1rem auto 0;padding:1rem 0 0;border-top:1px solid #ddd;}
.dbSideMenu .dbProductBox:first-child{padding-top:0;border:none;}
.dbSideMenu .dbProductBox a > h3{margin:0;font-size:114.29%;}
.dbSideMenu .dbProductBox a > p{margin-bottom:0.5em;color:#333;font-size:85.8%;}
.dbSideMenu .dbProductBox .dbImage{position:relative;width:180px;margin:0 15px 0 0;padding-top:77.78%;}
.dbSideMenu .dbProductBox .dbImage img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto;}
.dbSideMenu .btnBlue{margin:0;}
.dbSideMenu .btnBlue > a{display:block;padding:0.5em 0;font-size:85.8%;}

/*========================================================
	『電設資材ガイドブックWeb版』 製品検索一覧・詳細
========================================================*/
/* 検索フォーム */
.dbSearchForm.dbTop{margin-bottom:2em;}
.dbSearchForm{position:relative;margin-bottom:3em;padding:40px;background-color:#f6f6f6;}
.dbSearchForm > div{display:flex;}
.dbSearchForm .productSearchArea dl{display:flex;margin:0 auto;padding:0;border:none;background-color:transparent;justify-content:space-between;}
.dbSearchForm .productSearchArea dl::before,
.dbSearchForm .productSearchArea dl::after{content:"";display:none;}
.dbSearchForm .productSearchArea dl::after{clear:none;}
.dbSearchForm .productSearchArea dl dt{float:none;clear:none;width:22%;padding:20px 0 20px 10px;border:none;background-color:transparent;font-weight:bold;font-size:1.286rem;text-align:left;}
.dbSearchForm .productSearchArea dl dd{width:568px;margin-right:20px;margin-left:0;padding:20px 0;border:none;background-color:transparent;}
.dbSearchForm .productSearchArea dl dd .txtKeyword{display:block;width:100%;margin-bottom:0.5rem;padding:4px;border:2px solid #ccc;border-radius:4px;}
.dbSearchForm .submitArea{margin-right:49px;padding-top:20px;}
.dbSearchForm .submitArea input.cmdSearch{width:100px;margin:0;padding:6px 30px;border:none;background:#0074be;transition-duration:0.3s;transition-property:all;}
.dbSearchForm .submitArea input.cmdSearch:hover{opacity:0.7;}
.dbSearchForm .submitArea .cmdClear{display:none;}
.dbSearchForm p{position:absolute;top:100px;left:183px;}

/* 検索結果一覧 */
.dbProductList:last-of-type .dbProductItems{border:none;}
.dbProductItems{display:flex;padding:0 0 2em 0;border-bottom:1px solid #eee;}
.dbProductItems .dbProductImage{position:relative;width:140px;height:140px;margin:0 15px 0 0;padding-top:0;}
.dbProductItems .dbProductImage a > img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto;}
.dbProductItems .text{width:190px;padding-top:10px;}
.dbProductItems .text .ProductName{margin-bottom:10px;font-size:1.2em;word-break:break-all;}
.dbProductList .layoutItem{margin-bottom:0;}

/* 検索結果詳細 & おすすめ・新着製品*/
.dbProductInfo{margin-bottom:2em;padding-top:2em;border-top:1px solid #eee;}
.dbProductInfo:first-of-type{padding-top:0;border-top:none;}
.dbProductInfo:nth-of-type(2){padding-top:0;border-top:none;}
.dbProductInfo.dbnewInfo:nth-of-type(2){margin-bottom:2em;padding-top:2em;border-top:1px solid #eee;}
.dbProductInfo .dbPhotoTxtArea{display:flex;margin-bottom:1em;justify-content:space-between;}
.dbProductInfo .dbProductImage{position:relative;width:200px;height:200px;padding-top:0;}
.dbProductInfo .dbProductImage img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto;}
.guideWrap .dbProductInfo .dbProductImage{width:145px;}
.dbProductInfo .ProductDetail{width:470px;}
.dbProductInfo .ProductDetail p{font-weight:bold;}
.guideWrap .dbProductInfo .ProductDetail{width:185px;}
.dbProductInfo .text,
.dbProductInfo .text img{padding-top:10px;}
.dbProductInfo .text p{font-weight:normal;}
.dbProductInfo table{display:block;}
.dbProductInfo table tr{display:block;margin-bottom:10px;}
.dbProductInfo table tr:last-child{margin:0;}
.dbProductInfo table tr th{vertical-align:top;}
.dbProductInfo .ContactInformation{white-space:pre-wrap;}
.dbBackBtn{margin-bottom:3em;text-align:center;}
.dbBackBtn a{display:inline-block;margin:0;padding:0.75em 20px;border-radius:3px;background-color:#0067a9;color:#fff;font-size:1.286rem;line-height:1.2;text-align:center;}

.guideWrap .area{display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.guideWrap .area .dbProductInfo{width:48%;margin:0;}
/*========================================================
	『おすすめ・新着製品』 - A.2.5.1.2
========================================================*/
.anchorWrap{text-align:center;}

/*========================================================
	ロボット総合情報誌『ロボコンマガジン』 - A.2.6
========================================================*/
/* boxColored */
.boxColored.robocon{margin-bottom:20px;padding:40px;background-color:#f1f8fc;}
.boxColored.robocon h2:first-child{margin-top:0;}
.boxColored.robocon h2{color:#0074be;font-size:18px;}

.layoutItem.firstitemlefted.robocon > *:first-child{margin-right:70px;font-size:18px;line-height:1.3;}

/* Topics */
h2.titleLink::after{content:"";display:block;clear:both;}
h2.titleLink a{float:right;font-weight:normal;}

.imageTopics{display:flex;list-style:none;margin:0 auto;padding:0;justify-content:space-between;flex-wrap:wrap;}
.imageTopics > li{width:48%;margin:0 0 2rem;padding:0;}
.imageTopics > li > a{display:flex;}
.imageTopics > li > a > div{width:150px;margin-right:0.5rem;}
.imageTopics > li > a > p{width:182px;margin:0;padding:0;}

/* blockBanner */
.blockBanner{display:flex;list-style:none;margin:3rem auto;padding:2.2rem 0 1.5rem;border-top:1px solid #ddd;border-bottom:1px solid #ddd;flex-wrap:wrap;}
.blockBanner li{width:25%;margin:0 0 10px;padding:0;text-align:center;}


/*========================================================
	ブログ - A.2.6.1～A.2.6.5
========================================================*/
/* ブログ記事 */
.blogArticles .cateDate{margin:0 auto 1rem;padding:0 0 0.75rem;border-bottom:1px dotted #ccc;text-align:right;}
.blogArticles .cateDate > span{display:inline-block;padding:2px 4px;border-radius:3px;background-color:#eee;}

/* ブログサイド */
.blogSideBox{margin:0 auto 2rem;text-align:center;}
.blogSideBox h3{margin:2rem auto 1rem;padding:0 0 1rem;border-bottom:1px solid #0074bf;color:#333;font-size:1.143rem;}
.blogSideBox ul{list-style:none;margin:0 auto;padding:0;}
.blogSideBox ul li{margin:0 auto 1rem;}
.blogSideBox ul li img{border:1px solid #eee;}

.blogSideBox ul.blogBookList li{margin:0 auto 1.5rem;padding:0 0 1rem;border-bottom:1px dotted #ccc;}
.blogSideBox ul.blogBookList li p{margin:0;padding:0.5rem 0;font-size:0.857rem;line-height:1.2;text-align:left;}
.blogSideBox ul.blogBookList li p.bookTitle{padding:0 0 0.5rem;font-weight:bold;text-align:center;}

/* カレンダー */
table.blogCalendarTable{border:1px solid #999;}
table.blogCalendarTable td{border:1px solid #999;text-align:center;}
table.blogCalendarTable td.EventTitle{border:1px solid #0074be;background-color:#0074be;}
table.blogCalendarTable td.EventTitle td{border:none;color:#fff;}
table.blogCalendarTable td.EventTitle td.EventNextPrev > a{display:flex;width:20px;height:20px;margin:0 auto;border-radius:3px;background-color:#fff;color:#0074be;line-height:1;justify-content:center;align-items:center;}
table.blogCalendarTable td.EventTitle td.EventNextPrev > a:hover{opacity:0.7;text-decoration:none;}
table.blogCalendarTable td.EventTitle td.EventNextPrev > a > span{display:block;width:1rem;height:1rem;font-size:1rem;}

table.blogCalendarTable > tbody > tr:nth-child(2) > td{background-color:#eee;}
table.blogCalendarTable > tbody > tr:nth-child(2) > td:nth-child(1){background-color:#ecc7c8;}
table.blogCalendarTable > tbody > tr:nth-child(2) > td:nth-child(7){background-color:#c7d6ec;}


/* 日付リスト ブログカテゴリー */
.blogYm,
.blogCategory{margin:0 auto 20px;padding:0;border:none;}
.blogYm::before{content:"年月別";display:block;margin:0;padding:10px 15px;background-color:#0074be;color:#fff;font-weight:bold;font-size:1.143rem;line-height:1;text-align:center;}
.blogCategory::before{content:"カテゴリーリンク";display:block;margin:0;padding:10px 15px;background-color:#0074be;color:#fff;font-weight:bold;font-size:1.143rem;line-height:1;text-align:center;}
.blogYm .blogCalendarLink,
.blogCategory .blogCalendarLink{padding:15px;border-right:1px solid #999;border-bottom:1px solid #999;border-left:none;border-left:1px solid #999;}

/* ブログ検索 */
.blogSearchWrap{margin:0 auto 20px;padding:0;}
.blogSearchWrap .blogSearchTitle{display:block;margin:0 auto;padding:10px 15px;border:none;background-color:#0074be;color:#fff;font-weight:bold;font-size:1.143rem;line-height:1;text-align:center;}
.blogSearch{padding:15px;border-top:none;border-right:1px solid #999;border-bottom:1px solid #999;border-left:1px solid #999;}
.blogSearch dl{margin:0 auto 10px;border:none;}
.blogSearch dl dt{display:none;}
.blogSearch dl dd{display:block;margin:0;padding:0;border:none;}
.blogSearch dl dd > input{display:block;width:100%;font-size:1rem;}
.blogSearch .submitArea{padding:0;}
.blogSearch .submitArea .divButtons .BlogSearchButton{display:inline-block;margin:0;padding:0.5em 2em;border:none;border-radius:3px;background:none 0 0 no-repeat #0067a9;color:#fff;line-height:1.2;text-align:center;}
.blogSearch .submitArea .divButtons .BlogSearchButton:hover{opacity:0.7;}
.blogSearch .submitArea .divButtons .BlogClearButton{display:none;}

/* ブログ記事用 */
.blogMaxImage{max-width:500px;}

/* 読者プレゼント - A.2.6.9 */
.presents .presentsText{margin:0 0 0.5em;padding:0 0 0.5em;border-bottom:1px solid #ccc;font-weight:bold;}

/*========================================================
	教科書について - A.3.1
========================================================*/
/* アイコン */
.textSeriesList dt > span{display:inline-block;width:20px;height:20px;margin:0 1px;border-radius:10px;background-color:#0288d1;color:#fff;text-align:center;}
.textSeriesList dt > span.kou{background-color:#2e7d32;}
.textSeriesList dt > span.sen{background-color:#ff6f00;}

/* おすすめラインナップ */
.lineupList{display:flex;margin:0 auto 2em;padding:0;justify-content:space-between;flex-wrap:wrap;}
.lineupList .lineupBox,
.lineupList > li{display:flex;width:48%;margin:1.5rem 0 0;padding:1.5rem 0 0;border-top:1px solid #ddd;}
.lineupList .lineupBox:nth-child(1),
.lineupList > li:nth-child(1),
.lineupList .lineupBox:nth-child(2),
.lineupList > li:nth-child(2){margin-top:0;}
.lineupList .lineupBox .image,
.lineupList > li > .image{min-width:147px;padding:0 6px;flex-basis:147px;}
.lineupList .lineupBox .image a,
.lineupList > li > .image a{display:block;}
.lineupList .lineupBox .image a img,
.lineupList > li > .image a img{display:block;border:1px solid #ddd;box-shadow:0 0 2px 0 #eee;}
.lineupList .lineupBox .detail,
.lineupList > li > .detail{padding-left:1.5rem;flex-grow:1;}
.lineupList .lineupBox .detail table{width:100%;}
.lineupList .lineupBox .detail table th,
.lineupList .lineupBox .detail table td{padding:0.25rem;border:none;}
.lineupList .lineupBox .detail table th{width:6rem;}

.bookintro.simpleTemplate .lineupList .lineupBox,
.bookintro.simpleTemplate  .lineupList > li{border-top:0;}
.bookintro.simpleTemplate .lineupList .lineupBox,
.bookintro.simpleTemplate  .lineupList > li,
.bookintro.detailTemplate .lineupList .lineupBox,
.bookintro.detailTemplate  .lineupList > li{width:auto;}

/*========================================================
	オーム社主催のセミナーのご案内 - A.4
========================================================*/
/*---divSeminarType - セミナー絞り込み---*/
.divSeminarType{display:flex;margin:0 auto 2rem;padding:20px;background-color:#f0f8fb;justify-content:space-between;align-items:flex-end;}
.divSeminarType .divMenu{width:88%;}
.divSeminarType .divAll{width:12%;padding:0 0 0 2rem;}

.divSeminarType .divMenu .listCategoryHorizon{display:flex;margin:0.5rem auto 0;padding:1rem 0 0;border-top:1px dotted #ccc;justify-content:space-between;align-items:center;}
.divSeminarType .divMenu .listCategoryHorizon:first-child{margin:0;padding:0.5rem 0 0;border:none;}
.divSeminarType .divMenu .listCategoryHorizon > p{width:240px;margin:0;color:#0074bf;font-weight:bold;font-size:1.143rem;}
.divSeminarType .divMenu .listCategoryHorizon > ul{width:600px;}
.listCategoryHorizon > ul{display:flex;list-style:none;margin:0;padding:0;justify-content:flex-start;flex-wrap:wrap;}
.listCategoryHorizon > ul li{margin:0 0.5rem 0.5rem 0;padding:0;}
.listCategoryHorizon > ul li a{display:block;padding:0.1rem 0.3rem;border-radius:3px;background-color:#999;color:#fff;font-size:1rem;text-decoration:none;}
.listCategoryHorizon > ul li a:hover{background-color:#0074bf;}
.listCategoryHorizon > ul li.currentItem a{background-color:#0074bf;}

.divSeminarType .divAll > a{display:block;padding:0.5rem;border-radius:5px;background-color:#999;color:#fff;font-weight:bold;font-size:1rem;text-align:center;}
.divSeminarType .divAll > a:hover,
.divSeminarType .divAll > a.currentLink{background-color:#0074bf;text-decoration:none;}

/*--- seminarWrap - セミナー一覧 ---*/
.seminarWrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.seminarWrap .seminarBox{width:49%;margin-bottom:2rem;padding:20px;background-color:#f3f3f3;}
.seminarWrap .seminarBox .title{margin:0 auto 1rem;padding:0 0 1rem;border-bottom:4px solid #0074bf;}
.seminarWrap .seminarBox .title .seminarType > span{display:inline-block;margin:0 0.5rem 0.25rem 0;padding:0.1rem 0.3rem;border-radius:3px;background-color:#0074bf;color:#fff;font-size:1rem;text-decoration:none;}
.seminarWrap .seminarBox .title .productName h3{margin:1rem auto 0;}
.seminarWrap .seminarBox .detail .duration{margin-bottom:1rem;}
.seminarWrap .failed{width:100%;}

/* tabList */
ul.tabList{list-style:none;margin:0;padding:0;border-bottom:1px solid #999;letter-spacing:-0.5em;}
ul.tabList::after{content:"";display:block;clear:both;}
ul.tabList > li{display:inline-block;position:relative;margin:0 40px -1px 0;padding:0;letter-spacing:normal;}
ul.tabList > li:not(.ui-tabs-active):first-child{margin-left:40px;}
ul.tabList > li:last-child{margin-right:0;}
ul.tabList > li.select,
ul.tabList > li.ui-tabs-active{border:1px solid #999;border-top:transparent;border-bottom-color:#fff;}
ul.tabList > li.select::before,
ul.tabList > li.ui-tabs-active::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:3px;background-color:#0074be;}
ul.tabList li a{display:flex;min-height:40px;padding:0.4em 0 0;color:#0074be;font-weight:bold;cursor:pointer;justify-content:center;align-items:center;}
ul.tabList li a:hover{opacity:0.75;text-decoration:none;}
ul.tabList li.select a,
ul.tabList li.ui-tabs-active a{padding:0.4em 3em 0;color:#333;}
/* tab content */
.tabs .tabContent{padding:40px 60px;}
.tabs .tabContent .tabLayoutList > li > .image{min-width:100px;flex-basis:100px;}
.tabs .tabContent .tabLayoutList .category{margin-bottom:5px;}
.tabs .tabContent .tabLayoutList .category > span{display:inline-block;margin:0 0.5rem 0.25rem 0;padding:0.1rem 0.3rem;border-radius:3px;background-color:#0074bf;color:#fff;font-size:1rem;text-decoration:none;}
.tabs .tabContent hr{margin:1em 0;}

/* tab content - text */
.tabLayoutList{display:flex;list-style:none;margin:0;padding:0;justify-content:space-between;flex-wrap:wrap;}
.tabLayoutList > li{width:48%;margin:1.5rem 0 0;padding:1.5rem 0 0;border-top:1px solid #ddd;}
.tabLayoutList > li:nth-child(1),
.tabLayoutList > li:nth-child(2){margin-top:0;}
.tabLayoutList .detailImageBox{display:flex;}
.tabLayoutList .detailImageBox > .image{min-width:147px;padding:0 6px;flex-basis:147px;}
.tabLayoutList .detailImageBox > .image a{display:block;}
.tabLayoutList .detailImageBox > .image a img{display:block;border:1px solid #ddd;box-shadow:0 0 2px 0 #eee;}
.tabLayoutList .detailImageBox > .detail{padding-left:1.5rem;flex-grow:1;}

/*========================================================
	過去のセミナー情報 - A.4.1.3
========================================================*/
.oldSeminar .seminarWrap{display:block;}
.seminarLineBox{margin-bottom:1rem;padding:20px;background-color:#f3f3f3;}
.seminarLineBox .seminarType{margin-bottom:0.5rem;}
.seminarLineBox .seminarType > span{display:inline-block;margin:0 0.5rem 0.25rem 0;padding:0.1rem 0.3rem;border-radius:3px;background-color:#0074be;color:#fff;font-size:1rem;text-decoration:none;}
.seminarLineBox .durationNameBox{display:flex;justify-content:space-between;align-items:center;}
.seminarLineBox .durationNameBox .duration{width:240px;}
.seminarLineBox .durationNameBox .productName{width:720px;}
.seminarLineBox .durationNameBox .productName h3{margin:0;padding:0;line-height:1.6;}

/*========================================================
	特約店DB（常備書店一覧） - A.6
========================================================*/
/*---bookstoreSearch - 特約店DB検索 ---*/
.bookstoreSearch{padding:2.5rem 2.5rem 1.5rem;background-color:#f6f6f6;}
.bookstoreSearch .textInputSearch{margin:0 auto 1rem;}
.bookstoreSearch .textInputSearch .itemTitle span{display:block;position:relative;margin:0 auto 1rem;padding:0 0 0.35em;border-bottom:7px solid #ccc;font-size:1.429rem;}
.bookstoreSearch .textInputSearch .itemTitle span::before{content:"";position:absolute;bottom:-7px;left:0;width:180px;height:7px;background:#0074be;}
.bookstoreSearch .textInputSearch .itemTitle span::after{content:"";position:absolute;bottom:-7px;left:180px;width:0;height:0;border-width:7px 7px 0 0;border-color:#0074be transparent transparent transparent;border-style:solid;}
.bookstoreSearch .textInputSearch .item .txtKeyword{display:block;width:80% !important;padding:4px;border:2px solid #ccc;border-radius:4px;}
.bookstoreSearch .textInputSearch .item .note{margin:0.5rem 0 0;font-size:0.857rem;}
.searchButton.seminarSearch .bookstoreSearch + .submitArea > input.cmdSearch{background:url(/Portals/0/images/bookstore/bg_search_db_store_btn.png) center center no-repeat #0074be;background-size:auto 21px;}
.seminarSearch .oreillyNote p{margin:0 auto;padding:0;}

/* チェックボックス */
.dlCategoryCheckBox{display:block;}
.dlCategoryCheckBox > span{display:block;}
.dlCategoryCheckBox > span:nth-child(2),
.dlCategoryCheckBox > span:nth-child(3),
.dlCategoryCheckBox > span:nth-child(4){display:inline-block;min-width:200px;margin-right:10px;}

.dlCategoryCheckBox ul{list-style:none;width:auto;margin:0.25rem 0 0;padding:0;}
.dlCategoryCheckBox ul li{display:flex;margin:0 0 5px;padding:0;line-height:25px;justify-content:flex-start;align-items:center;}
.dlCategoryCheckBox ul li img{display:inline-block;position:relative;z-index:0;width:30px;height:auto;}
.dlCategoryCheckBox input[type="checkbox"]{display:inline-block;width:20px;height:20px;margin:0 0.25rem 0 0;padding:0;border:none;border-radius:0;background:url(/Portals/0/images/common/bg_checkbox_default.png) 0 0 no-repeat transparent;background-size:20px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.dlCategoryCheckBox input[type="checkbox"]:checked{background:url(/Portals/0/images/common/bg_checkbox_active.png) 0 0 no-repeat transparent;background-size:cover;}
.dlCategoryCheckBox label{display:inline-block;position:relative;z-index:1;margin-left:-30px;padding-left:30px;font-size:1rem;line-height:25px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

/* ボタンは右記のものを流用 - 雑誌検索 - A.2 */
.searchButton.seminarSearch .submitArea{margin:2rem auto 4rem;}

/*---storeBox---*/
.storeBox{position:relative;margin:0 auto 2rem;padding:2rem;border:8px solid #e3e3e3;}
.storeBox h3{margin:0 auto 0.7rem;font-size:1.429rem;}
.storeBox .address{margin-left:1rem;}
.storeBox .borderedMini{margin-right:0.5em;}
.attachBtn{margin:0;}
.attachBtn > img{display:inline-block;width:32px;height:auto;margin:0;}
.attachBtn > .categoryName{margin-right:0.7rem;}
.storeBox .attachBtn{margin:0 0 1rem;}
.shopMapBtn{margin-top:5px;}

/*========================================================
	A.8	「マンガでわかるシリーズ」のご案内
========================================================*/
.appContents .colorRed{color:#f06;}
.appContents .appTitle{margin:0 auto 2rem;align-items:center;}
.appContents .appTitle .iconImages{margin:0 15px;}
.appContents .appTitle .titleText{color:#e97792;font-weight:bold;font-size:1.571rem;}
.appContents .appTitle .titleText span{color:#0074be;font-size:2.000rem;}

/*========================================================
	A.8	「マンガでわかるシリーズ」のご案内
========================================================*/
.bookList.layoutItem.firstitemlefted .image{margin-right:50px;}
.bookList.layoutItem.firstitemlefted .image img{margin-right:0 !important;}
.bookList.layoutItem.firstitemlefted .category{display:inline-block;margin:0 0 15px;padding:0.2em 2em;background-color:#0067a9;color:#fff;}
.bookList.layoutItem.firstitemlefted .mainTitle{font-weight:bold;font-size:171%;}
.bookList.layoutItem.firstitemlefted .mainTitle > span{display:inline-block;overflow:hidden;width:auto;}
.bookList.layoutItem.firstitemlefted .mainTitle > span:first-child{float:left;margin-right:2%;}
.bookList.layoutItem.firstitemlefted dl.listCatalog{margin-right:40px;}
.bookList.layoutItem.firstitemlefted dl.listCatalog > dt:first-child{margin-top:0;}
.bookList.layoutItem.firstitemlefted .catchCopy{margin-bottom:0.5em;color:#0067a9;font-weight:bold;font-size:120%;}
.bookList.layoutItem.firstitemlefted .text::before{content:"書籍紹介";display:block;font-weight:bold;}


/*========================================================
	A.8.1_「ぷちマンガでわかる」シリーズのご紹介
========================================================*/
.puchiMangaTitle{display:flex;padding:10px;border-radius:30px;background:#0074be;text-align:center;justify-content:center;align-items:center;}
.puchiMangaTitle .title{margin:0 20px 0 0;color:#fff;font-weight:bold;font-size:1.714rem;text-align:right;}
.puchiMangaTitle .image{margin:0 10px;text-align:center;}


/*========================================================
	移行
========================================================*/
/*---common---*/
#contents_area::after{content:" ";display:block;visibility:hidden;clear:both;height:0;}

.general-table{margin:15px auto 0;}
.general-table table{width:100%;}
.general-table .profile_tbl > tr{text-align:center;}

.blueBox{padding:25px;border-radius:30px;background:#0074be;}

/*=== A.12 会社概要 ===*/
.outline-table{margin:20px auto 10px;border-collapse:collapse;color:#333;line-height:20px;}
.outline-table td{padding:0;vertical-align:top;}
.profile_tbl td{padding-bottom:20px;}
.profile_logo{padding:20px 0;}
.printwindow-op-clo{width:100%;margin-top:5px;text-align:right;}
.map-text-small{margin-top:10px;font-size:11px;line-height:16px;}
.profile_tbl tr th{width:90px;padding-bottom:20px;vertical-align:top;}

/*=== A.12.1 Ohmshaからのご挨拶 ===*/
#outline-menu{width:750px;height:26px;margin-top:10px;margin-right:auto;margin-left:auto;}
#menu-bar{width:750px;height:29px;margin-top:0;margin-right:auto;margin-left:auto;}
.greeting{display:table;width:90%;margin:40px auto 0;}
.greeting > div{display:table-cell;text-align:left;vertical-align:middle;}
.greeting .logo_img{width:70%;}
.greeting .logo_img img{margin:0 20px;}
.greeting .signature{width:30%;}

/*=== A.12.2 事業沿革 ===*/
dl.c_hist{width:100%;margin:0 auto;}
dl.c_hist::after{content:"";display:block;clear:both;}
dl.c_hist dt{float:left;clear:left;width:10%;padding:4px;}
dl.c_hist dd{float:left;width:90%;margin-left:0;padding:4px;}

/*=== A.12.3 部署別電話番号 ===*/
.main_number{margin-top:10px;margin-bottom:30px;padding:20px;border:1px solid #999;line-height:24px;}
.phone_tbl{border-spacing:6px;border-collapse:separate;}
.phone_tbl .post{padding-left:5px;border-left:5px solid #4a56b2;}
.phone_tbl .post-sub{padding-left:5px;border-left:5px solid #999;}
.phone_tbl .number{text-align:center;}
hr.phone_hr{margin:1em 0;border-top:1px solid #999;}

/*=== B.3 NGC ===*/
#ngc_top{display:table;width:100%;margin:15px auto 30px;background-color:#00207a;}
#ngc_top .ngc_logo{display:table-cell;width:30%;padding:20px;text-align:center;vertical-align:middle;}
#ngc_top .ngc_detail{display:table-cell;width:70%;padding:20px 40px;color:#fff;line-height:160%;vertical-align:middle;}
.link_springer a{display:block;width:250px;margin:0;padding:8px;border:1px solid #002b59;border-radius:5px;text-align:center;}
.link_springer a image{border:none;}

/*=== B.3.1 Journal Information ===*/
.jounalInfomation dt{margin-bottom:3px;color:#408080;font-weight:bold;font-size:1.1em;}
.jounalInfomation dd{margin-bottom:15px;margin-left:1.5em;line-height:1.4em;}

/*=== A.4.3.2.1 目指せ合格！電験三種合格への道のり ===*/
.roadToDenken h2{width:701px;margin:20px auto 0;padding:0;border:none;background:none 0 0 no-repeat transparent;}
.roadToDenken h2::before,
.roadToDenken h2::after{display:none;}
.contents{width:685px;margin:0 auto;color:#333;font-size:12px;line-height:20px;}
.title_area{display:table;margin-bottom:5px;padding-left:10px;}
.title_area div{display:table-cell;padding-right:20px;vertical-align:middle;}
.book_area{width:685px;margin-bottom:10px;padding-bottom:10px;padding-left:60px;box-sizing:border-box;font-size:1.2em;}
.book_tbl{display:table;width:100%;margin-bottom:7px;border-spacing:2px 0;border-collapse:separete;}
.book_tbl .book_td{display:table-cell;padding-bottom:20px;text-align:center;}
.book_tbl .td_title{margin:0 0 10px;padding:5px 0;color:#fff;letter-spacing:-1px;}
.book_tbl a:hover{opacity:0.6;}
.book_tbl .book_td img{height:110px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);vertical-align:bottom;}
.book_tbl .book_td img.mg_max{margin:0 15px;}
.book_tbl .book_td img.mg_min{margin:0;}
.bg_pink{background-color:#d81b60;}
.bg_blue{background-color:#1e88e5;}
.bg_green{background-color:#00897b;}
.bgimg_short{background:url("/Portals/0/resources/image/road_to_denken3/denken3_arrow_01.png") 2% top no-repeat;}
.bgimg_long{background:url("/Portals/0/resources/image/road_to_denken3/denken3_arrow_02.png") 2% top no-repeat;}
.button_area_d3{width:680px;margin:0 auto;padding:30px 60px 0;border-top:1px dotted #ccc;box-sizing:border-box;}
.button_area_d3 a{display:block;margin-bottom:20px;padding:8px;border-radius:5px;background-color:#3f51b5;color:#fff;font-size:1.2em;text-decoration:none;text-align:center;}
.button_area_d3 a:hover{opacity:0.6;color:#fff;}
.flex-container{display:flex;justify-content:center;}
.book_tbl .book_td .cover_text{position:relative;}
.book_tbl .book_td .cover_text .info_icon{position:absolute;bottom:-5px;padding:0;}
.book_tbl .book_td .cover_text .mg_max{right:10px;}
.book_tbl .book_td .cover_text .mg_min{right:0;}
.book_tbl .book_td .cover_text img.mg_min{margin:0 5px;}
.book_tbl .book_td .cover_text .info_icon img{width:100%;height:100%;box-shadow:none;}

/*=== A.4.4.2_突破研究会のご案内「FAQ」 ===*/
.faq_area .accordionMotion{margin-bottom:2em;}
.faq_area .accordionBtn,
.faq_area .accordionItem{position:relative;margin:0;padding-left:4em;}
.faq_area .accordionBtn::before,
.faq_area .accordionItem::before{content:"";display:inline-block;position:absolute;top:2em;left:2em;}
.faq_area .accordionBtn::before{content:"Ｑ．";}
.faq_area .accordionItem::before{content:"Ａ．";}

/*=== A.2.8.2_『ＯＨＭ 』媒体資料_共通ヘッダー ===*/
.adSubHeader ul,
.adSubHeader ul li,
.adSubHeader ul li a{list-style:none;margin-bottom:0;padding:0;}
.adSubHeader{text-align:center;}
.adSubHeader ul{letter-spacing:-0.5em;}
.adSubHeader ul li{display:inline-block;margin-right:1em;padding:0;letter-spacing:normal;}
.adSubHeader ul li:last-child{margin-right:0;}
.adSubHeader ul li a{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;}
.adSubHeader ul li a{padding:0.6em 1.2em;border-radius:5px;background:#0074be;color:#fff;}
.adSubHeader ul li a:hover{background:#1b93e0;text-decoration:none;}
.adSubHeader .layoutItem:last-child > *{margin-bottom:0;}

/*=== モーダルウィンドウ ===*/
.modalGroupBox{display:none;}
#lightcase-case .lightcase-contentInner{margin:auto;}
#lightcase-case #lightcase-content{border:none !important;box-shadow:none !important;background-color:transparent !important;}
#lightcase-case #lightcase-nav a.lightcase-icon-close{top:-50px;right:-50px;bottom:inherit;left:inherit;background-color:#0074be;}
#lightcase-case #lightcase-nav a.lightcase-icon-close::before,
#lightcase-case #lightcase-nav a.lightcase-icon-close::after{background-color:#fff;}
#lightcase-case #lightcase-nav a.lightcase-icon-prev{position:absolute;left:-50px;}
#lightcase-case #lightcase-nav a.lightcase-icon-next{position:absolute;right:-50px;}
#lightcase-case #lightcase-info{display:none;}

/*=== 管理ページ>セミナー管理>ラジオボタン ===*/
.adminRadioList > *:first-child:after{content:"";display:block;clear:both;}
.adminRadioList > *:first-child > span{display:block;float:left;width:19.2%;margin-right:1%;margin-bottom:5px;}
.adminRadioList:not([class*="col"]) > *:first-child > span:nth-child(5n){margin-right:0 !important;}
.adminRadioList:not([class*="col"]) > *:first-child > span:nth-child(5n + 1){clear:both;}
.adminRadioList > *:first-child > span.other{clear:both;}
/* col2 */
.adminRadioList.col2 > *:first-child > span{width:49.5%;}
.adminRadioList.col2 > *:first-child > span:nth-child(2n){margin-right:0 !important;}
.adminRadioList.col2 > *:first-child > span:nth-child(2n + 1){clear:both;}
/* col3 */
.adminRadioList.col3 > *:first-child > span{width:32%;margin-right:2%;}
.adminRadioList.col3 > *:first-child > span:nth-child(3n){margin-right:0 !important;}
.adminRadioList.col3 > *:first-child > span:nth-child(3n + 1){clear:both;}
/* col4 */
.adminRadioList.col4 > *:first-child > span{width:24.25%;}
.adminRadioList.col4 > *:first-child > span:nth-child(4n){margin-right:0 !important;}
.adminRadioList.col4 > *:first-child > span:nth-child(4n + 1){clear:both;}
/* col5 */
.adminRadioList.col5 > *:first-child > span{width:19.2%;}
.adminRadioList.col5 > *:first-child > span:nth-child(5n){margin-right:0 !important;}
.adminRadioList.col5 > *:first-child > span:nth-child(5n + 1){clear:both;}
/* col6 */
.adminRadioList.col6 > *:first-child > span{width:16%;margin-right:0.8%;}
.adminRadioList.col6 > *:first-child > span:nth-child(6n){margin-right:0 !important;}
.adminRadioList.col6 > *:first-child > span:nth-child(6n + 1){clear:both;}


/*========================================================
	読者アンケート
========================================================*/
/* ISBN */
.pageExplanation.pageISBN + .reader.questionnaire-form{}
.pageExplanation.pageISBN + .reader.questionnaire-form h2{display:none;}
.pageExplanation.pageISBN + .reader.questionnaire-form,
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody,
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr,
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td,
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table,
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table > tbody,
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table > tbody > tr,
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table > tbody > tr > td,
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table > tbody > tr > td.SubHead{display:block;width:100%;border:none;}
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table > tbody > tr > td.SubHead{padding-bottom:0;background:none;}
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table > tbody > tr:first-child > td:nth-child(2){position:relative;}
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table > tbody > tr:first-child > td:nth-child(2):after{content:"半角英数のみ";margin-left:0.5em;　display:inline-block;}
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table > tbody > tr > td > input[type="text"]{width:375px !important;}
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table{padding:1em 0.5em;border:1px solid #0074be;}
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr:first-child > td.SubHead:after{display:none;}

/* フォーム */
.reader.questionnaire-form{max-width:100%;margin:0 0 2em;}
.reader.questionnaire-form > tbody > tr > td > table{width:100%;max-width:100%;margin:0;border:none;border-right:1px solid #98b3c3;border-bottom:1px solid #ccc;border-spacing:0;border-collapse:collapse;}
.reader.questionnaire-form > tbody > tr > td > table > tbody > tr > td{width:75%;padding:0.5em;border-top:1px solid #98b3c3;border-left:1px solid #98b3c3;text-align:left;word-break:break-word;}
.reader.questionnaire-form > tbody > tr > td > table > tbody > tr > td.SubHead{width:25%;background-color:#e3f1fa;}
.reader.questionnaire-form + div{margin-bottom:3em;text-align:center;}
.pageExplanation + .reader.questionnaire-form > tbody > tr:first-child > td.SubHead:after{content:"※印のついている項目は必須項目です。";display:inline-block;margin-bottom:0.5em;color:#c00;font-weight:normal;}
/* 確認画面 */
table.questionnaire-form.tableGrid > tbody > tr > td{padding:0;border:none;}
table.questionnaire-form.tableGrid td.Back{padding:0;}
table.questionnaire-form.tableGrid tbody tr:nth-child(even){background-color:inherit;}
/* ボタン */
.reader.questionnaire-form + div input[type="submit"]{display:inline-block;width:240px;height:50px;margin:0 10px;border:none;border-radius:5px;background-color:#aaa;color:#fff;font-weight:bold;font-size:1.143rem;transition-duration:0.3s;transition-property:all;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.reader.questionnaire-form + div input[type="submit"]:hover{opacity:0.7;}
.reader.questionnaire-form + div input[type="submit"][id$="btnInputConfirm"],
.reader.questionnaire-form + div input[type="submit"][id$="btnConfirmSend"],
.reader.questionnaire-form + div input[type="submit"][id$="btnInputNext"]{background-color:#0074be;}
.reader.questionnaire-form + div input[type="submit"][id$="btnInputClear"],
.reader.questionnaire-form + div input[type="submit"][id$="btnConfirmBack"]{background-color:#aaa;}
.reader.questionnaire-form input[type="text"],
.reader.questionnaire-form textarea{width:100% !important;max-width:100%;}
.reader.questionnaire-form input[type="text"].age,
.reader.questionnaire-form input[type="text"].number{width:100px !important;}
.reader.questionnaire-form .btnSearchZipCode{margin-left:1em;}
/*完了画面*/
.readerThanks{padding:2em 0.5em;border:2px solid #0074be;}
/* ご案内 */
.boxRecommend{display:none;}
.recommend + .boxRecommend{display:block;margin-top:4em;}

/* ===========================================================
	ガイドWEB版お知らせカテゴリカラー
=========================================================== */
/*電設資材ガイド WEB 版*/
.newsList .dateIcon .newsIcon > span.id_940{background:#d3381c;}
/*ビル設備管理 ガイド ＷＥＢ 版*/
.newsList .dateIcon .newsIcon > span.id_951{background:#0cc;}
/*お知らせ*/
.newsList .dateIcon .newsIcon > span.id_941,
.newsList .dateIcon .newsIcon > span.id_952{background:#0075c4;}
/*業界ニュース*/
.newsList .dateIcon .newsIcon > span.id_942,
.newsList .dateIcon .newsIcon > span.id_953{background:#ceba23;}
/*電気工事施工,空調設備*/
.newsList .dateIcon .newsIcon > span.id_943,
.newsList .dateIcon .newsIcon > span.id_954{background:#0dadaa;}
/*電気設備保守,給排水設備*/
.newsList .dateIcon .newsIcon > span.id_944,
.newsList .dateIcon .newsIcon > span.id_955{background:#005a84;}
/*設計・施工管理,電気設備*/
.newsList .dateIcon .newsIcon > span.id_945,
.newsList .dateIcon .newsIcon > span.id_956{background:#89c3ed;}
/*予備1*/
.newsList .dateIcon .newsIcon > span.id_946,
.newsList .dateIcon .newsIcon > span.id_957{background:#84a0a5;}
/*予備2*/
.newsList .dateIcon .newsIcon > span.id_947,
.newsList .dateIcon .newsIcon > span.id_958{background:#85b8c6;}
/*予備3*/
.newsList .dateIcon .newsIcon > span.id_948,
.newsList .dateIcon .newsIcon > span.id_959{background:#969696;}
/*予備4*/
.newsList .dateIcon .newsIcon > span.id_949,
.newsList .dateIcon .newsIcon > span.id_960{background:#4c939b;}
/*予備5*/
.newsList .dateIcon .newsIcon > span.id_950,
.newsList .dateIcon .newsIcon > span.id_961{background:#67badb;}