@charset "utf-8";

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

img{max-width:100%;vertical-align:middle;}
a{color:#0074be;text-decoration:none;}
a:hover{text-decoration:underline;color:#0074be;}
a[href^="mailto:"] > img{vertical-align:middle;}
/* ズレ防止 */
a,
a::before,
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"]{border:1px solid #ccc;max-width:240px;}

/* 管理画面用 - 書籍管理 */
ul#productTab_menu.ulList_vertical{margin:0 0 15px;padding:0;}
ul#productTab_menu.ulList_vertical li{margin:0 0 5px;padding:0;display:inline-block;float:none;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;font-size:1.143rem;color:#fff;}

/* 書籍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;}

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

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

.SearchInput.submitArea .KeywordSearch input[type="radio"]{display:none;}
.SearchInput.submitArea .KeywordSearch input[type="radio"]+label{padding:0 0 0 18px;position:relative;cursor:pointer;}
.SearchInput.submitArea .KeywordSearch input[type="radio"]+label::before{content:"";display:block;position:absolute;left:0;top:0.3em;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;left:4px;top:8px;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;text-indent:200%;white-space:nowrap;}

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

/* 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:'';position:absolute;left:0px;top:0.3rem;display:block;margin:auto;width:15px;height:15px;background:url(/Portals/0/images/common/ico_link_square_arrowed.png) 0 0 no-repeat transparent;background-size:15px;border:none;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
ul.listBasic.linkSquareArrowed.listHorizon li{margin-right:2em;}

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


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

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

.btnBlue a,
a.btnBlue{display:inline-block;padding:0.5em 2em;margin:0;color:#fff;line-height:1.2;text-align:center;border-radius:3px;background-color:#0067A9;}
.btnBlue a:hover,
a.btnBlue:hover{text-decoration:none;opacity:0.7;}
.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{color:#0067A9;border:1px solid #0067A9;background-color:transparent;}
.btnBlue.btnBordered a:hover,
a.btnBlue.btnBordered:hover{color:#fff;background-color:#0067A9;opacity:1;}

.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;margin:auto;width:8px;height:8px;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;margin:auto;width:0.75rem;height:2px;background-color:#ccc;}
dl.listCatalog .empty{display:none;}

/*===== デザインリスト =====*/
ul.circleList{padding:0 0 1rem 1.8rem;}
ul.circleList li{position:relative;margin:1rem auto 0.5rem;padding:0;font-weight:bold;list-style:none;}
ul.circleList li::before{content:'';display:block;position:absolute;top:0.5rem;left:-1.25rem;margin:auto;width:8px;height:8px;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;font-size:2.5rem;font-weight:normal;border-bottom:17px solid #ccc;}
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-style:solid;border-width:17px 17px 0 0;border-color:#0074be transparent transparent transparent;}
h1 .subTitle{font-size:1.429rem;}
h1 .positionObject{position:absolute;right:0;top:0;bottom:0;margin:auto;}
h1 .snsBtnSet{display:flex;justify-content:flex-start;width:100px;height:40px;}
h1 .snsBtnSet a{display:block;margin-right:10px;}
h1 .snsBtnSet a img{display:block;}
h2{position:relative;padding:0 0 0.35em;font-size:1.429rem;border-bottom:7px solid #ccc;}
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-style:solid;border-width:7px 7px 0 0;border-color:#0074be transparent transparent transparent;}
h3{position:relative;margin:2em auto 0.5em;padding:0;font-size:1.286rem;color:#0074be;border:none;}
h4{margin:2em auto 0.5em;padding:0;font-size:1.286rem;background:none;}
h5{margin:2em auto 0.5em;font-size:1.072rem;}
h6{margin:2em auto 0.5em;font-size:1rem;color:#666;}

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

/* 背景ベタ時の文字色 */
.bgBlue{background-color:#005b95;}
.bgBlue h2{color:#fff;border-bottom-color:#7dafce;}
.bgBlue h2::before{background-color:#fff;}
.bgBlue h2::after{border-top-color:#fff;}
.bgBlue h3{color:#fff;padding:0 0 0.35em;border-bottom:3px solid #7dafce;}
.bgBlue h4{padding:0.5em;color:#fff;background-color:#003e66;}
.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{background-color:#E3F1FA;padding:0.5rem;}

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

a.linkItem.borderedMini,
.linkItem.borderedMini a{padding:0.4em 0.5em;font-size:0.857rem;line-height:1;color:#0074be;background-color:transparent;border-radius:5px;border:1px solid #0074be;}
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;background:none;color:#0074be;border-bottom:1px solid #ccc;border-radius:0;}
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{color:#fff;opacity:0.7;}
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{position:relative;display:inline-block;margin:0;padding:0.5rem 2.5rem 0.5rem 1rem;font-size:1rem;line-height:1rem;color:#333;background-color:#eee;border-radius:3px;}
.btnAnchorGray a::before,
a.btnAnchorGray::before{content:'';display:block;position:absolute;top:0;bottom:0;right:0.7rem;margin:auto;width:13px;height:10px;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{position:relative;display:inline-block;margin:0;padding:0 1rem 0 0;}
.linkArrowRight a::before,
a.linkArrowRight::before{content:'';display:block;position:absolute;top:0;bottom:0;right:0;margin:auto;width:8px;height:9px;background:url(/Portals/0/images/common/ico_arrow_blue.png) 0 0 no-repeat transparent;background-size:8px 9px;}

/* tableBasic - テーブル */
table.tableBasic,
table.tableBasic th,
table.tableBasic td{border-color:#98b3c3;}
table.tableBasic th{background:#e3f1fa;}
td.colored{background-color:#c4dff1}
.boxBordered{border-color:#e3f1fa;border-width:7px;}
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{margin:0 auto 2rem;padding:0;list-style:none;}
ul.bookLayoutList > li,
.bookLayoutList > div{display:flex;justify-content:space-between;margin:1.5rem auto 0;padding:1.5rem 0 0;border-top:1px solid #ddd;}
.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-property:all; transition-duration:0.2s;}
.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;justify-content:center;flex-wrap:wrap;margin:0 auto;padding:20px 0;list-style:none;letter-spacing:-0.4em;}
ul.indexTopBanner li{margin:0 0 0 5px;display:inline-block;padding:0;letter-spacing:normal;line-height:1;}
ul.indexTopBanner li:first-child{margin-left:0;}
ul.indexTopBanner li a,
ul.indexTopBanner li a img{display:block;}

/*=== indexKeyword - 注目キーワード ===*/
.indexKeyword{display:flex;justify-content:space-between;align-items:center;padding:12px 0;}
.indexKeyword h2{margin:0;padding:0;width:10rem;font-size:1rem;line-height:1.7rem;color:#000;font-weight:bold;border:none;background-color:transparent;}
.indexKeyword h2::before,
.indexKeyword h2::after{display:none;}
.indexKeyword ul{margin:0;padding:0;width:880px;list-style:none;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;align-items:center;padding:0 8px;color:#333;background-color:#fff;border-radius:3px;}
.indexKeyword ul li > *:hover{text-decoration:none;background-color:#0067A9;color:#fff;}

/*=== 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;flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:45px 0;list-style:none;}
ul.bottomBanner li{margin:0 0 10px 0;padding:0;width:auto;line-height:1;}
ul.bottomBanner li a,
ul.bottomBanner li a img{display:block;}

/*=== newsListIndex - 新着情報トップ ===*/
.detailBtn a,
a.detailBtn{position:relative;display:inline-block;font-size:1rem;line-height:1.2rem;color:#333;padding:0 1.5rem 0 0;letter-spacing:normal;}
.detailBtn a:hover,
a.detailBtn:hover{color:#0074be;}
.detailBtn a::before,
a.detailBtn::before{content:'';position:absolute;right:0.4rem;top:0.1rem;display:block;margin:auto;width:10px;height:13px;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{margin:0 auto;padding:0;list-style:none;}
.newsList > ul > li{display:flex;justify-content:space-between;align-items:flex-start;margin:0 auto 0.8rem;padding:0 0 0.8rem;border-bottom:1px dotted #ccc;}
.newsList > ul > li:first-child{padding-top:0.8rem;border-top:1px dotted #ccc;}
.newsList .dateIcon{display:flex;justify-content:space-between;align-items: flex-start;width:180px;}
.newsList .dateIcon time{width:82px;display:block;font-style:normal;}
.newsList .dateIcon .newsIcon{width:90px;display:block;margin:0;}
.newsList .dateIcon .newsIcon > span{display:block;color:#fff;font-size:0.786rem;letter-spacing:0.1rem;line-height:20px;text-align:center;background-color:#999;border-radius:2px;margin-top:2px;}
.newsList .dateIcon .newsIcon > span:first-of-type{margin-top:0px;}
.newsList .newsTitle{width:806px;margin:0;}
.newsList .newsTitle .newImage{margin-left:0.5rem;}
.newImage:empty{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{width:180px;display:block;margin:0;}
.newsList.seminar .dateIcon .newsIcon > span{background-color:transparent;border:1px solid #0074be;color:#0074be;}

/* newsDetail - お知らせ詳細 */
.newsDetail h2{margin:1rem auto;}

/* 新聞掲載銘柄 詳細 */
.npaper img{height:250px;border:1px solid #ddd;margin-bottom:0.3em;}


/*=== listThumbHorizon - 雑誌 ===*/
.listThumbHorizon ul{display:flex;justify-content:center;align-items:flex-start;margin:0 auto 1.5rem;padding:0;list-style:none;}
.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;text-align:left;line-height:1.4;}
.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%, #ffffff 75%);background:-webkit-linear-gradient(top, #d8edfa 0%,#ffffff 75%);background:linear-gradient(to bottom, #d8edfa 0%,#ffffff 75%);}
.productSlide.lankingList li.slick-slide:before{content:"";display:block;position:absolute;left:0;right:0;top:-30px; width:auto;height:30px;background-size:45px 23px;background-position:center bottom;background-repeat:no-repeat;background-color:transparent;}

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

.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%;table-layout:fixed;margin:0 auto 4rem;}
.recentBookTable th{padding:5px;color:#999;font-weight:bold;border-bottom:1px dotted #ccc;}
.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;line-height:1;border-radius:3px;color:#fff;background-color:#479ed5;}

/*=== トップページ_スライダー ===*/
.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{border:1px solid #ddd;box-shadow:1px 1px 5px -1px rgba(0,0,0,0.15);height:auto;margin:auto;width:100%;}
.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-size:1rem;font-weight:normal;}
.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-style:solid;border-width:3px 3px 0 0;border-color:#fff transparent transparent transparent;}

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

.megamenuWrap ul.linkInsetBorder{margin:0 auto;padding:0;list-style:none;}
.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;align-items:center;width:175px;height:100px;border:1px solid #7dafce;background-color:#fff;}
.bookLogoList > * > span{display:block;margin:auto;text-align:center;}

/*=== megamenu06 ===*/
.megamenuWrap.menu06 .bookMenuList > div{width:445px;}

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

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

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

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

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

/*========================================================
	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;margin-right:0.5em;width:auto;}
.fieldArea .lblUnitYear + br{display:none;}

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

.formBtn{margin:2rem auto;padding:0;text-align:center;}
.formBtn > input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 10px;display:inline-block;width:240px;height:50px;font-size:1.143rem;font-weight:bold;color:#fff;background:linear-gradient(to bottom,#aaa,#aaa);background-color:#aaa;border:none;border-radius:5px;transition-property:all;transition-duration:0.3s;}
.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;justify-content:space-between;flex-wrap:wrap;border-bottom:none;border-left:none;border-right:none;margin:0 auto;padding:0;background-color:transparent;}
.bookSearchForm dl::before,
.bookSearchForm dl::after{content:"";display:none;}
.bookSearchForm dl::after{clear:none;}
.bookSearchForm dl dt{padding:35px 20px 35px 40px;width:20%;font-weight:bold;font-size:1.286rem;text-align:right;float:none;clear:none;background-color:transparent;border-top:1px solid #e5e5e5;}
.bookSearchForm dl dd{margin-left:0;padding:35px 40px 35px 0;width:80%;background-color:transparent;border-top:1px solid #e5e5e5;border-left:none;}
.bookSearchForm dl dt:nth-child(1),
.bookSearchForm dl dd:nth-child(2){border-top:none;padding-top:20px;}

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

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

/* プルダウン */
.bookSearchForm dl dd .ddlCategory{display:block;margin-bottom:1rem;padding:4px 1rem;width:100%;font-size: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;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;align-items:center;padding:0;}
.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;margin-bottom:1rem;padding:4px 1rem;width:100px;font-size: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;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{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 10px;display:inline-block;width:240px;height:50px;font-size:1.143rem;font-weight:bold;color:#fff;background-color:#0074BE;border:none;border-radius:5px;transition-property:all;transition-duration:0.3s;}
.searchButton .submitArea > input:hover{opacity:0.7;}

.searchButton .submitArea > input.cmdSearch{background:url(/Portals/0/images/bookstore/bg_search_db_btn.png) center center no-repeat #0074BE;background-size:auto 24px;border:none;text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;}
.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{margin:0 auto;padding:3rem 0 4rem;list-style:none;text-align: center;letter-spacing: -0.4em;}
ul.ulPaging li{margin:0 4px 6px;padding:0;width:2rem;border:none;float: none;display: inline-block;letter-spacing: normal;}
ul.ulPaging li a{display:block;padding:0.5rem 0;background-color:#eee;text-align:center;line-height:1; color:#333;border:none;border-radius:2px;}
ul.ulPaging li a:hover{opacity:1;background-color:#0074be;color:#fff;text-decoration:none;}
ul.ulPaging li.Current{padding:0.5rem 0;background-color:#0074be;color:#fff;text-align:center;line-height:1;border-radius:2px;}
ul.ulPaging li.Next,
ul.ulPaging li.Prev{padding:0;width:4rem;background-color:transparent;}
ul.ulPaging li.Next a,
ul.ulPaging li.Prev a{position:relative; background-color:transparent;color:#0074be;text-align:left;border-radius:2px;}
ul.ulPaging li.Next a{text-align:right;padding-right:1.5rem;}
ul.ulPaging li.Prev a{text-align:left;padding-left:1.5rem;}
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:0px;bottom:0;margin:auto;width:6px;height:6px;border-right:1px solid #0074be;border-top:1px solid #0074be;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
ul.ulPaging li.Next a::before{right:0.5rem;}
ul.ulPaging li.Prev a::before{left:0.5rem;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);}


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

.dbDetailWrap.book .detailTop{display:flex;justify-content:space-between;margin-bottom:2rem;}
.dbDetailWrap.book .detailTop .detailLeft{width:665px;display:flex;justify-content:space-between;}
.dbDetailWrap.book .detailTop .detailRight{width:300px;margin-top:1rem;}

.dbDetailWrap.book .detailTop .detailLeft .productImage{width:272px;}
.dbDetailWrap.book .detailTop .detailLeft .productDetail{width:360px;padding-top:1rem;}

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

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

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

.purchaseHere .selectArea{display:flex;justify-content:space-between;margin:0 auto 5px;padding:25px 0;border-bottom:1px solid #d3d3d3;}
.purchaseHere .selectArea > div{display:block;position:relative;padding:0;width:48%;border:none;border-radius:0;background:none;}
.purchaseHere .selectArea > div > .sellchannelmenu{display:block;padding:4px 1rem;font-size: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;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.purchaseHere .selectArea > div > .sellchannelmenu::-ms-expand{display:none;}

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

/* 雑誌版 */
.magazine .purchaseHere{margin-top:2rem;}
.magazine .purchaseHere .selectArea{padding:20px 0 0;border-bottom:none;margin:0 auto;justify-content:flex-start;}
.magazine .purchaseHere .selectArea > div{width:32%;margin-left: 2%;}
.magazine .purchaseHere .selectArea > div:first-child{margin-left:0}
.magazine .purchaseHere .selectArea ul.listsellchannel{width:15em;}

/* お問い合わせボタン */
.productInqBtn a{display:block;position:relative;text-align:center;padding:0.75em 2em;}
.productInqBtn a::before{content:'';display:block;position:absolute;top:0;bottom:0;left:1em;margin:auto;width:20px;height:20px;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;}

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

/* 関連書籍 */
.relatedItem > ul{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 auto 4rem;padding: 0 35px 0;}
.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{box-shadow:1px 1px 5px -1px rgba(0,0,0,0.15);border:1px solid #ddd;}
.relatedItem > ul > li .relationName{display:block;margin:1rem -10px 0;line-height:1.4;text-align:left;}

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

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

.productBookList{display:flex;justify-content:space-between;margin:40px auto 0;padding:40px 0 0;border-top:1px solid #ddd;}
.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{margin:0;padding:0;list-style:none;}
.productBookList .bookBtnList li{display:inline-block;margin:1rem 0 0;padding:0;}
.productBookList .bookBtnList li.errataIcon{width:95px;height:27px;text-indent:200%;white-space:nowrap; overflow:hidden;color:transparent;background:url(/Portals/0/images/magazine/btn_errata.png) 0 0 no-repeat transparent;background-size:95px 27px;}
.productBookList .bookBtnList li.donwloadIcon{width:135px;height:27px;text-indent:200%;white-space:nowrap; overflow:hidden;color:transparent;background:url(/Portals/0/images/magazine/btn_download.png) 0 0 no-repeat transparent;background-size:135px 27px;}

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

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

/* 検索フォーム */
.bookSearchForm.detailForm h2{font-size:1.286rem;color:#0074be;margin-top:1.5rem;}
.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;margin-bottom:0.25rem;padding:2px;width:100%;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;justify-content:space-between;margin-bottom:2rem;}
.dbDetailWrap.magazine .detailTop .productImage{width:272px;}
.dbDetailWrap.magazine .detailTop .productDetail{width:700px;padding-top:1rem;}

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

.productImage .image{text-align:center;margin:0 auto 0.5rem;}
.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;margin:0 auto;width:160px;height:35px;background:url(/Portals/0/images/magazine/btn_sample_bg.png) center no-repeat #0074be;background-size:auto 18px;border-radius:3px;text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;}

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

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

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

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

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

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

.productWrap .productImage .image{text-align:center;margin:0 auto 0.5rem;}
.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-left:1rem;margin-right:1rem;}

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

.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{max-width:100%;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;left:0;right:0;bottom:100%;z-index:1;width:0;height:0;margin:auto;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #0075be transparent;}
/* 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;text-indent:200%;white-space:nowrap;}
.sliderContentArea ul.sliderNav button.slick-arrow.slick-next{left:inherit;right:-21px;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{left:inherit;right:-30px;}
/* boxColored */
.boxColored.setukan{margin-bottom:20px;padding:40px;background-color:#f1f8fc;}
.boxColored.setukan h2:first-child{margin-top:0;}
.boxColored.setukan h2{font-size:18px;color:#0074be;}

/*=== lowerBanner - 下層バナー3種 ===*/
ul.lowerBanner{display:flex;justify-content:center;flex-wrap:wrap;margin:3rem auto 3.6rem;padding:0;list-style:none;letter-spacing:-0.4em;}
ul.lowerBanner li{margin:0 0 0 5px;display:inlin-block;padding:0;letter-spacing:normal;line-height:1;}
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{margin:0 auto 1.5rem;padding:0;list-style:none;}
.sideNav li{margin:5px auto 0;padding:0;}
.sideNav li:first-child{margin-top:0;}
.sideNav li a{display:block;padding:0.9rem;font-size:1.143rem;line-height:1.2;font-weight:bold;color:#fff;background-color:#0074be;}
.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;color:#333;line-height:1.2;font-weight:bold;border-left:7px solid #0074be;}
.subNav li a:hover{text-decoration:none;background-color:#f3f3f3;}

.sideBanner{margin:0 auto 1.5rem;padding:0;list-style:none;}
.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{letter-spacing:-0.4em;list-style:none;}
.inlineBanner li{display:inline-block;letter-spacing:normal;vertical-align:top;margin:0 5px 10px 0;padding:0;}
.inlineBanner li a,
.inlineBanner li a img{display:block;}

/*=== productList - 書籍画像スライダー ===*/
.productList ul{margin:0 auto;padding:0 15px;list-style:none;}
.productList ul li{margin:0 15px;padding:0;}
.productList ul li > a{display:flex;align-items:center;height:182px;}
.productList ul li > a img{max-height:182px;width:100%;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{position:relative;display:flex;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;margin:auto;padding:0;width:28px;height:38px;border:none;text-indent:200%;white-space:nowrap;}
.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;justify-content:space-between;padding:0 8px;}
.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{padding: 30px 80px;background:#e3f1fa;margin-bottom: 3em;position: relative;}
.pcArea.categoryMenuWrap ul.CategoryMenu{margin:0;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li{width:270px;padding:1px 0;margin: 5px 15px 5px 0;background:#999;border-radius: 3px;text-align: center;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;}
.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;background: #0074be;width: 100%;padding: 35px 80px;z-index:1;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li{display:flex;flex-wrap:wrap;align-items: flex-start;border-bottom: solid 1px #438fc4;margin: 0;padding: 12px 0;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li:last-child{border-bottom:none;}
.pcArea.categoryMenuWrap ul.CategoryMenu > li > ul > li > a{width:230px;margin: 0px 35px 0 0;padding: 15px 30px 15px 10px;background: #e3f1fa;border-radius: 3px;color: #000;text-align: left;text-decoration: none;font-weight: bold;position: relative;}
.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{color:#fff;position: relative;padding-left: 22px;}
.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;}

/*=== おすすめ製品 ===*/
.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;padding-top: 0%;margin: 0 15px 0 0;}
.dbProduct .dbProductBox .dbImage img{max-width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;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;}

/*=== 各社製品動画 ===*/
.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{border:7px solid #e3f1fa;padding:18px;}
.dbSideMenu .dbSideTitle{font-size: 114.29%;font-weight: bold;border-bottom: 3px solid #0074be;}
.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{border:none;padding-top: 0;}
.dbSideMenu .dbProductBox a > h3{margin:0;font-size: 114.29%;}
.dbSideMenu .dbProductBox a > p{font-size: 85.8%;color:#333;margin-bottom: 0.5em;}
.dbSideMenu .dbProductBox .dbImage{position:relative;width: 180px;padding-top: 77.78%;margin: 0 15px 0 0;}
.dbSideMenu .dbProductBox .dbImage img{max-width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.dbSideMenu .btnBlue{margin:0;}
.dbSideMenu .btnBlue > a{display:block;font-size: 85.8%;padding:0.5em 0;}

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

/* 検索結果一覧 */
.dbProductList:last-of-type .dbProductItems{border:none;}
.dbProductItems{display:flex;padding: 0px 0 2em 0;border-bottom: 1px solid #eee;}
.dbProductItems .dbProductImage{margin: 0 15px 0 0;width: 140px;height: 140px;position: relative;padding-top: 0%;}
.dbProductItems .dbProductImage a > img{max-width:100%;max-height:100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;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{padding-top: 2em;border-top: 1px solid #eee;margin-bottom: 2em;}
.dbProductInfo:first-of-type{padding-top:0;border-top:none;}
.dbProductInfo .dbPhotoTxtArea{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 1em;}
.dbProductInfo .dbProductImage{width: 200px;height: 200px;position: relative;padding-top: 0%;}
.dbProductInfo .dbProductImage img{max-width:100%;max-height:100%;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;}
.dbProductInfo .ProductDetail{width: 470px;}
.dbProductInfo .ProductDetail p{font-weight:bold;}
.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{text-align: center;margin-bottom:3em;}
.dbBackBtn a{display:inline-block;padding:0.75em 20px;margin:0;color:#fff;line-height:1.2;text-align:center;border-radius:3px;background-color:#0067A9;font-size:1.286rem;}

/*========================================================
	『おすすめ・新着製品』 - 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{font-size:18px;color:#0074be;}

.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;justify-content:space-between;flex-wrap:wrap; margin:0 auto;padding:0;list-style:none;}
.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;flex-wrap:wrap;margin:3rem auto;padding:2.2rem 0 1.5rem;border-top:1px solid #ddd;border-bottom:1px solid #ddd;list-style:none;}
.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{font-size:1.143rem;color:#333;margin:2rem auto 1rem;padding:0 0 1rem;border-bottom:1px solid #0074bf;}
.blogSideBox ul{margin:0 auto;padding:0;list-style:none;}
.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{text-align:left;font-size:0.857rem;line-height:1.2;margin:0;padding:0.5rem 0;}
.blogSideBox ul.blogBookList li p.bookTitle{text-align:center;padding:0 0 0.5rem;font-weight:bold;}

/* カレンダー */
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;justify-content:center;align-items:center;height:20px;width:20px;margin:0 auto;line-height:1;color:#0074be;background-color:#fff;border-radius:3px;}
table.blogCalendarTable td.EventTitle td.EventNextPrev > a:hover{text-decoration:none;opacity:0.7;}
table.blogCalendarTable td.EventTitle td.EventNextPrev > a > span{display:block;font-size:1rem;width:1rem;height: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{border:none;margin:0 auto 20px;padding:0;}
.blogYm::before{content:'年月別';display:block;background-color:#0074be;padding:10px 15px;margin:0;color:#fff;font-size:1.143rem;line-height:1;text-align:center;font-weight:bold;}
.blogCategory::before{content:'カテゴリーリンク';display:block;background-color:#0074be;padding:10px 15px;margin:0;color:#fff;font-size:1.143rem;line-height:1;text-align:center;font-weight:bold;}
.blogYm .blogCalendarLink,
.blogCategory .blogCalendarLink{border-left:none;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;padding:15px;}

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

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

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

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

/* おすすめラインナップ */
.lineupList{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto 2em;padding:0;}
.lineupList .lineupBox,
.lineupList > li{display:flex;width:48%;border-top:1px solid #ddd;padding:1.5rem 0 0;margin:1.5rem 0 0;}
.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{flex-basis:147px;min-width:147px;padding:0 6px;}
.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{flex-grow:1;padding-left:1.5rem;}
.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;}

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

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

.divSeminarType .divAll > a{display:block;padding:0.5rem;font-size:1rem;color:#fff;text-align:center;font-weight:bold;background-color:#999;border-radius:5px;}
.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;font-size:1rem;color:#fff;background-color:#0074bf;text-decoration:none;border-radius:3px;}
.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;justify-content:center;align-items:center;padding:0.4em 0 0;min-height:40px;color:#0074be;font-weight:bold;cursor:pointer;}
ul.tabList li a:hover{text-decoration:none;opacity:0.75;}
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{flex-basis:100px;min-width: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;font-size:1rem;color:#fff;background-color:#0074bf;text-decoration:none;border-radius:3px;}
.tabs .tabContent hr{margin:1em 0;}

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

/*========================================================
	過去のセミナー情報 - 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;font-size: 1rem;color:#fff;background-color: #0074be;text-decoration:none;border-radius: 3px;}
.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{line-height:1.6;margin:0;padding:0;}

/*========================================================
	特約店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;font-size:1.429rem;border-bottom:7px solid #ccc;}
.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-style:solid;border-width:7px 7px 0 0;border-color:#0074be transparent transparent transparent;}
.bookstoreSearch .textInputSearch .item .txtKeyword{display:block;padding:4px;width:80%!important;border:2px solid #ccc;border-radius:4px}
.bookstoreSearch .textInputSearch .item .note{font-size:0.857rem;margin:0.5rem 0 0;}
.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;margin-right:10px;min-width:200px;}

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

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

/*---storeBox---*/
.storeBox{border:8px solid #e3e3e3;margin:0 auto 2rem;padding:2rem;position:relative;}
.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;margin:0;height:auto;width:32px;}
.attachBtn > .categoryName{margin-right:0.7rem;}
.storeBox .attachBtn{margin:0 0 1rem;}
.shopMapBtn{margin-top:5px;}

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

/*========================================================
	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-size:171%;font-weight:bold;}
.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;font-size:120%;font-weight:bold;color:#0067a9;}
.bookList.layoutItem.firstitemlefted .text::before{content:"書籍紹介";display:block;font-weight:bold;}


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


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

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

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

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

/*=== A.12.1 Ohmshaからのご挨拶 ===*/
#outline-menu{height:26px;margin-left:auto;margin-right:auto;margin-top:10px;width:750px;}
#menu-bar{height:29px;margin-left:auto;margin-right:auto;margin-top:0;width:750px;}
.greeting{display:table;width:90%;margin:40px auto 0;}
.greeting > div{display:table-cell;vertical-align:middle;text-align:left;}
.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{display:block;clear:both;content:"";}
dl.c_hist dt{float:left;clear:left;width:10%;padding:4px;}
dl.c_hist dd{float:left;width:90%;margin-left:0px;padding:4px;}

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

/*=== B.3 NGC ===*/
#ngc_top{width:100%;background-color:#00207a;display:table;margin:15px auto 30px;}
#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%;color:#fff;line-height:160%;padding:20px 40px;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{color:#408080;font-size:1.1em;font-weight:bold;margin-bottom:3px;}
.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{color:#333;font-size:12px;line-height:20px;margin:0 auto;width:685px;}
.title_area{display:table;padding-left:10px;margin-bottom:5px;}
.title_area div{display:table-cell;vertical-align:middle;padding-right:20px;}
.book_area{width:685px;box-sizing:border-box;padding-left:60px;padding-bottom:10px;margin-bottom:10px;font-size:1.2em;}
.book_tbl{width:100%;display:table;border-collapse:separete;border-spacing:2px 0;margin-bottom:7px;}
.book_tbl .book_td{display:table-cell;text-align:center;padding-bottom:20px;}
.book_tbl .td_title{color:#fff;padding:5px 0;margin:0 0 10px;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;box-sizing:border-box;border-top:1px dotted #ccc;}
.button_area_d3 a{display:block;padding:8px;margin-bottom:20px;background-color:#3f51b5;border-radius:5px;text-align:center;text-decoration:none;color:#fff;font-size:1.2em;}
.button_area_d3 a:hover{color:#fff;opacity:0.6;}
.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;color:#fff;background:#0074be;border-radius:5px;}
.adSubHeader ul li a:hover{text-decoration:none;background:#1b93e0;}
.adSubHeader .layoutItem:last-child > *{margin-bottom:0;}

/*=== モーダルウィンドウ ===*/
.modalGroupBox{display:none;}
#lightcase-case .lightcase-contentInner{margin:auto;}
#lightcase-case #lightcase-content{background-color:transparent!important;border:none!important;box-shadow:none!important;}
#lightcase-case #lightcase-nav a.lightcase-icon-close{top:-50px;bottom:inherit;left:inherit;right:-50px;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{width:100%; display:block; border:none;}
.pageExplanation.pageISBN + .reader.questionnaire-form > tbody > tr > td > table > tbody > tr > td.SubHead{background:none; padding-bottom:0;}
.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:'半角英数のみ';　display:inline-block; margin-left:0.5em;}
.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{ border:1px solid #0074BE; padding:1em 0.5em;}
.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{padding:0.5em;border-top:1px solid #98b3c3;border-left:1px solid #98b3c3; text-align:left; width:75%; word-break:break-word;}
.reader.questionnaire-form > tbody > tr > td > table > tbody > tr > td.SubHead{background-color:#e3f1fa; width:25%;}
.reader.questionnaire-form + div{text-align:center; margin-bottom:3em; }
.pageExplanation + .reader.questionnaire-form > tbody > tr:first-child > td.SubHead:after{content:'※印のついている項目は必須項目です。'; display:inline-block; color:#c00; font-weight:normal; margin-bottom:0.5em;}
/* 確認画面 */
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{border:2px solid #0074BE; padding:2em 0.5em;}
/* ご案内 */
.boxRecommend{display:none;}
.recommend + .boxRecommend{display:block; margin-top:4em; }