@charset "utf-8";


/*ぱんくず*/

ul.breadcrumb{
  background:none;
  font-size:0.875em;
  margin-bottom:0;
  padding-left:0;
  padding-right:0;
}

.breadcrumb > li + li:before {
  content: "　>　";
}

ul.breadcrumb li:last-child {
  margin-right: 0;
  padding-right: 0;
  color: #ffffff;
}

ul.breadcrumb li:last-child::before {
  content: normal;
}



.page_head{
  height:30px;
  background-color: #343434;
  color:white;
  padding-left:20px;
  padding-top:6px;
  font-size:12px;
}
.page_head a{
  color:white;
}
.page_head .tate{
  color:gray;
  margin-right:6px;
}


a{
  color:#1859A8;
}

.archivesBlock h2.h2_midashi a{
  color:#1859A8 !important;
}

ul{
  padding:0;
}

.btline{
  border-top:1px solid #DCDDDD !important;
}

.bbline{
  border-bottom:1px solid #DCDDDD !important;
}

.bbline_none{
  border-bottom:none !important;
}


.archivesBlock{
  margin-bottom:30px;
  border-bottom:3px solid #DCDDDD;
}

.archivesBlock h2{
  background:url("/site_kindle/img/common/img_mini_logo.png") left 15px top 15px no-repeat;
  background-size:7.2% auto;
  border-bottom:3px solid #DCDDDD;
  font-size:16px;
  font-weight: bold;
  line-height:1.2;
  margin:0 -15px;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:16%;
}
@media (min-width: 768px) {
  .archivesBlock h2{
    font-size:1.8em;
    padding-left:12%;
  }
}
@media (min-width: 1024px) {
  .archivesBlock h2{
    font-size:1.8em;
  }
}

.archivesBlock p.subtitle{
  color:#53585F;
  font-weight: bold;
}

.archivesBlock.linkMenu{
  margin-left:-15px;
  margin-right:-15px;
}


.archivesBlock.linkMenu li{
  background:url("/site_kindle/img/common/bg_linkMenu.png") right center no-repeat;
  background-size:10% auto;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:10%;
}
@media (min-width: 375px) {
 .archivesBlock.linkMenu li{
    background-size:9% auto;
  }
}
@media (min-width: 414px) {
  .archivesBlock.linkMenu li{
    background-size:9% auto;
  }
}
@media (min-width: 768px) {
  .archivesBlock.linkMenu li{
    background-size:7% auto;
  }
}
@media (min-width: 1024px) {
  .archivesBlock.linkMenu li{
    background-size:6% auto;
  }
}


.archivesBlock.linkMenu li a{
  color:#080404;
  display:block;
}



.archivesBlock h2.h2_midashi{
  background:none;
  border-bottom:none;
  padding-left:15px;
}

.archivesBlock ul{
  margin-bottom:0;
  padding-left:0;
  padding-right:0;
}

.archivesBlock li{
  border-bottom:1px solid #DCDDDD;
  list-style:none;
  padding-top:8px;
  padding-bottom:8px;
/*  padding-right:10%; */
}
@media (min-width: 768px) {
  .archivesBlock li{
    font-size:1.0em;
  }
}
@media (min-width: 1024px) {
  .archivesBlock li{
    font-size:1.0em;
  }
}

.img_h2_midashi {
    margin-right: 10px;
    vertical-align: baseline;
    width: 20%;
}

.img_mini_logo2{
  height:auto;
  margin-right:10px;
  vertical-align: baseline;
  width:6%;
}


.archivesBlock li:last-child{
  border-bottom:none;
}



#linkMenu01,
#linkMenu02,
#linkMenu03,
#linkMenu04,
#linkMenu05,
#linkMenu06{
  padding-top:30px;
}
@media (min-width: 768px) {
  #linkMenu01,
  #linkMenu02,
  #linkMenu03,
  #linkMenu04,
  #linkMenu05,
  #linkMenu06{
    padding-top:60px;
  }
}
@media (min-width: 1024px) {
  #linkMenu01,
  #linkMenu02,
  #linkMenu03,
  #linkMenu04,
  #linkMenu05,
  #linkMenu06{
    padding-top:80px;
  }
}


.archivesBlock.linkMenu li a {
  height:100%;
}

.archivesBlock.linkMenu li{
  position:relative;
}

.a_img_linkMenu{
  position:absolute;
  top: 25%;
  right: 0;
  height:auto;
  width:10%;
  z-index:1000;
}
@media (min-width: 768px) {
  .a_img_linkMenu{
    width:6%;
  }
}


.a_img_linkMenu img{
  height:auto;
}



/*活用ガイド／事例*/

.appex .archivesBlock.linkMenu li a {
  color: #1859A8;
}



/*ワークメモ共通*/

.workmemo .p_workmemo_red{
  color:#E83428;
}

.workmemo .btn-form{
  background:#1550A2;
  border-radius:6px;
  color:#FFFFFF;
  margin-left:auto;
  margin-right:auto;
}



/*絞り込みコンテンツ検索*/

.search label{
  display:block;
}

.search .custom-control-label{
  font-size:0.875em;
}

.search .custom-control-inline{
  margin-right:10px;
}


.search input{
  font-size:0.75em;
  width:100%;
}
@media (min-width: 375px) {
  .search input{
    font-size:0.875em;
  }
}
@media (min-width: 414px) {
  .search input{
    font-size:1em;
  }
}
@media (min-width: 768px) {
  .search input{
    font-size:2.0em;
  }
}
@media (min-width: 1024px) {
  .search input{
    font-size:2.6em;
  }
}


.search input[type="submit"].btn{
  color: #fff;
  background-color: #1550A2;
  border-color: #1550A2;
}

.search input[type="reset"].btn{
  color: #1550A2;
  background-color: #fff;
  border-color: #1550A2;
}

.search input[type="reset"]:focus{
  outline:none;
}


.archivesBlock .searchBox .btn_favorite{
  background:#FFFFFF;
  border:1px solid #DCDDDD;
  color:#F5C520;
}

.archivesBlock .searchBox .btn_favorite.focus{
  background:#DCDDDD;
  box-shadow:none;
  outline:0;
}

.archivesBlock .searchBox .btn_themetag{
  background:#FFFFFF;
  border:1px solid #DCDDDD;
  color:#080404;
  line-height:1.5;
  font-size:0.875em;
  padding-left:6px;
  padding-right:6px;
  white-space: normal;
}

.archivesBlock .searchBox .btn_themetag.active{
  background:#DCDDDD;
}

.archivesBlock .searchBox .btn_themetag.focus{
  background:#DCDDDD;
  box-shadow:none;
  outline:0;
}

.archivesBlock .searchBox .custom-select{
  font-size:0.875em;
}

.archivesBlock .searchBox .btn_search{
  background:#1550A2;
  color:#FFFFFF;
  white-space: normal;
}

.archivesBlock.workmemo .btn_search{
  background:#1550A2;
  color:#FFFFFF;
  white-space: normal;
}

.archivesBlock.workmemo .btn_clear{
  background:#FFFFFF;
  border:1px solid #1550A2;
  color:#1550A2;
  white-space: normal;
}



/*絞り込みコンテンツ検索リスト*/

.archivesBlock.searchMenu li{
  background:url("/site_kindle/img/common/bg_jissenText.png") left 15px center no-repeat;
  background-size:10% auto;
  border-bottom:1px solid #DCDDDD;
  margin-left:15px;
  margin-right:15px;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:0;
}

.archivesBlock li .cat{
  font-size:0.8em;
}

.archivesBlock.searchMenu li:last-child{
  border-bottom:none;
}

.archivesBlock.searchMenu li.li_video{
  background:url("/site_kindle/img/common/bg_li_video.png") left center no-repeat;
}

.archivesBlock.searchMenu li.li_text{
  background:url("/site_kindle/img/common/bg_li_text.png") left center no-repeat;
}

.archivesBlock.searchMenu li.li_voice{
  background:url("/site_kindle/img/common/bg_li_voice.png") left center no-repeat;
}

.archivesBlock.searchMenu li.li_link{
  background:url("/site_kindle/img/common/bg_li_link.png") left center no-repeat;
}

.archivesBlock.searchMenu li.li_download{
  background:url("/site_kindle/img/common/bg_li_download.png") left center no-repeat;
}

.archivesBlock.searchMenu li.li_noimg{
  background:none;
  padding-left:0;
}


.archivesBlock.searchMenu li.li_video,
.archivesBlock.searchMenu li.li_text,
.archivesBlock.searchMenu li.li_voice,
.archivesBlock.searchMenu li.li_link,
.archivesBlock.searchMenu li.li_download{
  background-size:12% auto;
  padding-left:14%;
}
@media (min-width: 375px) {
  .archivesBlock.searchMenu li.li_video,
  .archivesBlock.searchMenu li.li_text,
  .archivesBlock.searchMenu li.li_voice,
  .archivesBlock.searchMenu li.li_link,
  .archivesBlock.searchMenu li.li_download{
    background-size:12% auto;
    padding-left:14%;
  }
}
@media (min-width: 414px) {
  .archivesBlock.searchMenu li.li_video,
  .archivesBlock.searchMenu li.li_text,
  .archivesBlock.searchMenu li.li_voice,
  .archivesBlock.searchMenu li.li_link,
  .archivesBlock.searchMenu li.li_download{
    background-size:12% auto;
    padding-left:14%;
  }
}
@media (min-width: 768px) {
  .archivesBlock.searchMenu li.li_video,
  .archivesBlock.searchMenu li.li_text,
  .archivesBlock.searchMenu li.li_voice,
  .archivesBlock.searchMenu li.li_link,
  .archivesBlock.searchMenu li.li_download{
    background-size:9% auto;
    padding-left:11%;
  }
}
@media (min-width: 1024px) {
  .archivesBlock.searchMenu li.li_video,
  .archivesBlock.searchMenu li.li_text,
  .archivesBlock.searchMenu li.li_voice,
  .archivesBlock.searchMenu li.li_link,
  .archivesBlock.searchMenu li.li_download{
    background-size:8% auto;
    padding-left:10%;
  }
}



/*絞り込みメルマガ検索*/

#sm .btn_bk_index{
  background:#FFFFFF;
  border:1px solid #DCDDDD;
}

#sm .btn_bk_index:focus{
  outline:0;
  box-shadow:none;
}

#sm .btn_bk_index.active{
  background:#DCDDDD;
}

#sm li .cat{
  margin-right:10px;
}

#sm li .tag_badge{
  background:#1550A2;
  color:#FFFFFF;
  margin-left:2px;
  margin-right:2px;
}

#sm .favoriteList li{
  position:relative;
  padding-right:10%;
}

#sm .favoriteList li .img_favorite{
  position:absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  width:7%;
}
@media (min-width: 768px) {
  #sm .favoriteList li .img_favorite{
    width:3%;
  }
}
@media (min-width: 1024px) {
  #sm .favoriteList li .img_favorite{
    width:3%;
  }
}

#sm .btn_goindex{
  width:40%;
}



/*実践ワーク／メモ検索*/

#sw .btn_bk_index{
  background:#FFFFFF;
  border:1px solid #DCDDDD;
}

#sw .btn_bk_index:focus{
  outline:0;
  box-shadow:none;
}

#sw .btn_bk_index.active{
  background:#DCDDDD;
}

#sw li .cat{
  margin-right:10px;
}

#sw li .tag_badge{
  background:#1550A2;
  color:#FFFFFF;
  margin-left:2px;
  margin-right:2px;
}

#sw .favoriteList li{
  position:relative;
  padding-right:10%;
}

#sw .favoriteList li .img_favorite{
  position:absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  width:7%;
}
@media (min-width: 768px) {
  #sw .favoriteList li .img_favorite{
    width:3%;
  }
}
@media (min-width: 1024px) {
  #sw .favoriteList li .img_favorite{
    width:3%;
  }
}

#sw .btn_goindex{
  width:40%;
}



/*穴埋め文章作成テンプレート*/

.cmiyc  h3.blueline{
  background:#194B97;
  color:#FFFFFF;
  padding-top:5px;
  padding-bottom:5px;
  width:100%;
}

.cmiyc #TOP_MENU .menu_bar{
  border-bottom: none;
}



/*組み合わせツール活用編*/

.collabo #TOP_MENU .menu_bar{
  border-bottom: none;
}



/*ワークメモ*/
.workBlock{
  font-size:1.0em;
  padding-left:15px;
  padding-right:15px;
}

.workBlock label{
  display:inline-block;
  width:100%;
}



/*タグスタイル*/
.site_kindle li .mm_tag{
  background:#1550A2;
  color:#FFFFFF;
  margin-left:2px;
  margin-right:2px;
}

.site_kindle li .mm_tag a{
  color:#FFFFFF;
}



/*バックナンバーインデックス*/

.mm_catTop .btn_bk_index{
  background:#FFFFFF;
  border:1px solid #DCDDDD;
  color:#000000;
}

.mm_catTop .btn_bk_index:focus{
  outline:0;
  box-shadow:none;
}

.mm_catTop .btn_bk_index.active{
  background:#DCDDDD;
}

.mm_catTop li .cat{
  margin-right:10px;
}

.mm_catTop li .tag_badge{
  background:#1550A2;
  color:#FFFFFF;
  margin-left:2px;
  margin-right:2px;
}

.mm_catTop .favoriteList li{
  position:relative;
  padding-right_:10%;
}

.mm_catTop .favoriteList li a.a_mmList{
  display:inline-block;
  padding-right:10%;
  word-break: normal;
}

.mm_catTop .favoriteList li .img_favorite{
  position:absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  width:7%;
}
@media (min-width: 768px) {
  .mm_catTop .favoriteList li .img_favorite{
    width:3%;
  }
}
@media (min-width: 1024px) {
  .mm_catTop .favoriteList li .img_favorite{
    width:3%;
  }
}



/*バックナンバーカテゴリー別ページ*/

.mm_catIndiv .btn_bk_index{
  background:#FFFFFF;
  border:1px solid #DCDDDD;
}

.mm_catIndiv .btn_bk_index:focus{
  outline:0;
  box-shadow:none;
}

.mm_catIndiv .btn_bk_index.active{
  background:#DCDDDD;
}

.mm_catIndiv li .cat{
  margin-right:10px;
}

.mm_catIndiv li .tag_badge{
  background:#1550A2;
  color:#FFFFFF;
  margin-left:2px;
  margin-right:2px;
}

.mm_catIndiv .favoriteList li{
  position:relative;
  padding-right:10%;
}

.mm_catIndiv .favoriteList li .img_favorite{
  position:absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  width:7%;
}
@media (min-width: 768px) {
  .mm_catIndiv .favoriteList li .img_favorite{
    width:3%;
  }
}
@media (min-width: 1024px) {
  .mm_catIndiv .favoriteList li .img_favorite{
    width:3%;
  }
}

.mm_catIndiv .btn_goindex{
  width:40%;
}



/*バックナンバー詳細ページ*/

.mm_detail .btn_bk_index{
  background:#FFFFFF;
  border:1px solid #DCDDDD;
}

.mm_detail .btn_bk_index:focus{
  outline:0;
  box-shadow:none;
}

.mm_detail .btn_bk_index.active{
  background:#DCDDDD;
}

.mm_detail li .cat{
  margin-right:10px;
}

.mm_detail li .mm_tag,
.mailText .mm_tag{
  background:#1550A2;
  color:#FFFFFF;
  margin-left:2px;
  margin-right:2px;
}

.mm_detail li .mm_tag a,
.mailText .mm_tag a{
  color:#FFFFFF;
}

.mm_detail .favoriteList li{
  position:relative;
  padding-right:10%;
}

.mm_detail .favoriteList li .img_favorite_{
  position:absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  width:7%;
}
@media (min-width: 768px) {
  .mm_detail .favoriteList li .img_favorite_{
    width:3%;
  }
}
@media (min-width: 1024px) {
  .mm_detail .favoriteList li .img_favorite_{
    width:3%;
  }
}



.mm_detail .favoriteList li{
  position:relative;
  padding-right:10%;
}

.mm_detail .favoriteList li .favoriteBox{
  position:absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  width:7%;
}
@media (min-width: 768px) {
  .mm_detail .favoriteList li .favoriteBox{
    width:3%;
  }
}
@media (min-width: 1024px) {
  .mm_detail .favoriteList li .favoriteBox{
    width:3%;
  }
}



/*実践を加速させる特典*/

.archivesBlock.giftMenu li{
  background:url("/site_kindle/img/common/bg_jissenText.png") left 15px center no-repeat;
  background-size:10% auto;
  border-bottom:1px solid #DCDDDD;
  margin-left:15px;
  margin-right:15px;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:0;
}

.archivesBlock li .cat{
  font-size:0.8em;
}

.archivesBlock.giftMenu li:last-child{
  border-bottom:none;
}

.archivesBlock.giftMenu li.li_video{
  background:url("/site_kindle/img/common/bg_li_video.png") left center no-repeat;
}

.archivesBlock.giftMenu li.li_text{
  background:url("/site_kindle/img/common/bg_li_text.png") left center no-repeat;
}

.archivesBlock.giftMenu li.li_voice{
  background:url("/site_kindle/img/common/bg_li_voice.png") left center no-repeat;
}

.archivesBlock.giftMenu li.li_link{
  background:url("/site_kindle/img/common/bg_li_link.png") left center no-repeat;
}

.archivesBlock.giftMenu li.li_download{
  background:url("/site_kindle/img/common/bg_li_download.png") left center no-repeat;
}

.archivesBlock.giftMenu li.li_noimg{
  background:none;
  padding-left:0;
}


.archivesBlock.giftMenu li.li_video,
.archivesBlock.giftMenu li.li_text,
.archivesBlock.giftMenu li.li_voice,
.archivesBlock.giftMenu li.li_link,
.archivesBlock.giftMenu li.li_download{
  background-size:12% auto;
  padding-left:14%;
}
@media (min-width: 375px) {
  .archivesBlock.giftMenu li.li_video,
  .archivesBlock.giftMenu li.li_text,
  .archivesBlock.giftMenu li.li_voice,
  .archivesBlock.giftMenu li.li_link,
  .archivesBlock.giftMenu li.li_download{
    background-size:12% auto;
    padding-left:14%;
  }
}
@media (min-width: 414px) {
  .archivesBlock.giftMenu li.li_video,
  .archivesBlock.giftMenu li.li_text,
  .archivesBlock.giftMenu li.li_voice,
  .archivesBlock.giftMenu li.li_link,
  .archivesBlock.giftMenu li.li_download{
    background-size:12% auto;
    padding-left:14%;
  }
}
@media (min-width: 768px) {
  .archivesBlock.giftMenu li.li_video,
  .archivesBlock.giftMenu li.li_text,
  .archivesBlock.giftMenu li.li_voice,
  .archivesBlock.giftMenu li.li_link,
  .archivesBlock.giftMenu li.li_download{
    background-size:9% auto;
    padding-left:11%;
  }
}
@media (min-width: 1024px) {
  .archivesBlock.giftMenu li.li_video,
  .archivesBlock.giftMenu li.li_text,
  .archivesBlock.giftMenu li.li_voice,
  .archivesBlock.giftMenu li.li_link,
  .archivesBlock.giftMenu li.li_download{
    background-size:8% auto;
    padding-left:10%;
  }
}
