@charset "utf-8";

* {
  font-family: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}
body{
  background:#FFF;
  font-size:90%;
  color: #333;
}
body.zoom-mode{
  zoom: 1.2;
/* font-size: 120%; */
}
body.zoom-mode-moz{
  font-size: 120% !important;
}
body.text-large{

}
a{
  text-decoration:none;
  color: #333;/*#006699*/
}
a:hover{
  text-decoration:underline;
}
a.blue{
  color: #006699;
}
h1{
  font-size:20px;
}
.bold{
  font-weight: bold;
}
input[type='text'],input[type='password'],input[type='submit']{
  -webkit-appearance: none;	
}
/*********
  BASIC LAYOUT
*********/

.sp-show{
  display: none;
}
.pc-show{
  display: block;
}

/* HEADER */

#header-wrapper{

}
#header-menu{
  background: #FFF;
  border-bottom:4px solid #000;
}
#header-menu-inner{
  width: 1000px;
  margin: 10px auto 5px auto;
  background: #fff;
}
#header-subscription{
  background: #F7F7F7;
  border-bottom:1px solid #D7D7D7;
}
#header-subscription-inner{
  width: 1000px;
  margin: 0 auto;
  padding:5px 0;
  background: #F7F7F7;
}

/* LIGHTBOX OVERWRITE */
.fs-lightbox-overlay.fs-lightbox-open{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAG0lEQVQIW2OMiYv/HxcTzcC4a9eu/4uWLGUAAEamCEgNvG9sAAAAAElFTkSuQmCC) repeat;
  opacity: 1.0;
}
.fs-lightbox-container{
  z-index: 200 !important;
}
.fs-lightbox-close{
  width: 40px !important;
  height: 40px !important;
  top: -20px !important;
  right: -20px !important;
  z-index: 210 !important;
}
.fs-lightbox-close:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACwUlEQVRo3t2aPW/TQBjHf0WUBQZLhFYUFoYiyuQNxvAFStmQYPCE1C1FKgMM/gTQgTL7W5SRFdSo9lakDsy8SDZ9yYCqHIPvQuTGse98lxf+0rMkOd/vn3vx3T23gB0tAY+Ah8A94A5wA7gqvz8DfgLfgK/AZ+AT8MNS/Ua6DmwB+0AfEJrRl2W35LMmppvAW+DUALoszoD3wIpL8MvANnBiEbwYJ7KORdvwq8CBQ/BixMB9W/CPgd8ThB9ujY2m8C+A8ynAqziXDEbanCJ4MTZ14den/M+Paon1uvBruJ1pmoyJtSr4RSCZAdiySKiYYrdnALIqXpXBr8xo1xnVlUa+sXdNH9put42BDMt+KMK3gJ4JQBRFQgghgiDQLhsEgRBCiCiKdMv2JPNAnSbwSjomFLySgYnOsIGuSdOPUh0TRXglze60r+CXMFvPl4KMM2FSpiT6ajA/NR2AukAW4VU8A9hpYqAumAN4Idn52NRAFaAjeAHsARzZMDDOhCN4Idk5tmWgrglL8EKy24OvY8IivADEJRwoSRKyLLvweZZlJElis6o/1ruQ7/siTdPSFkjTVPi+b6u+X2BxEFfBOzBxBJam0TL4smnUkok9sPAiGwevfuPIxA40XErUgXdo4jnAMoaLuTL4cUvj4hK8gYnBYg4MltMm8JZNdBlSR9eA53kijmNt+DITcRwLz/N0GF4OGzDaUg6bMNhRDUwYwF/YUkK+UdaG8DxPhGFoPAmEYagLLxixqYf/4FgF5vxgC/Jju0kmMnTjgBrZm1Wmk9CoimPgbhW80lwfryvNdYJDaa5TTEobTC/J96QpvNKk06wJFtOsSleA1xieYteMHvBG1uVMt4B32L9qsAvcdgleVIv8okYX88seXfmMlmbdAy1YMrNMft3mAXkmUV23uSa/P+XfdZtD4Av5dZvvTSv+CxrMDD+eyZg5AAAAAElFTkSuQmCC) no-repeat center center;
  background-size: contain;
  background-color: #000 !important;
  content: "" !important;
  width: 40px;
  height: 40px;
/*
  position: static !important;
  line-height: normal !important;
  font-family: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif !important;
  display: table-cell;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
*/	
}

/* MAIN & SUB COLUMN */
#wrapper{
  width: 1000px;margin: 0 auto 30px auto;
}

#main-column{
  width:670px;
  min-height:10px;
  float:left;
  margin-right:15px;
  background:#FFF;
}

#main-column.full-width{
  width: 100%;
  float: none;
  margin-right: 0;
}

#sub-column{
  width: 300px; 
  float: left; 
  margin: 0 0 0 15px;
}

/* FOOTER */
#footer-wrapper{

}
#footer-menu{
  padding: 30px 0 10px 0;
  background: #f2f2f2;
}
#footer-menu-inner{
  width: 1000px;
  margin: 0 auto;
}

#footer-related-services-logo{
  border-bottom:1px solid #ccc;
  padding:20px 0;
}
#footer-related-services-logo-inner{
  width: 1000px;
  margin: 0 auto;
  text-align:center;
}

#footer-logo{
  padding:15px 0;
}
#footer-logo-inner{
  width: 1000px;
  margin: 0 auto;
}


/*********
  HEADER
*********/

/* campaign-bar */
#campaign-bar{
  width: 100%;
  min-height: 60px;
  background: rgba(33, 33, 33, 0.95);
  position: fixed;
  top:0;
  z-index: 102;
}
#campaign-bar-inner{
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
#campaign-bar-inner .sp-show{
  display: none;
}
#campaign-bar-inner .pc-show{
  display: block;
}
#campaign-bar-inner h1,#campaign-bar-inner p{
  color: #fff;
}
#campaign-bar-inner a#campaign-close-btn{
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  right:5px;
/* 	padding: 5px 10px; */
  border: 1px solid #CCC;
  border-radius: 6px;
  color: #CCC;
/*
  font-size: 24px;
    line-height: 1;
*/
    background: #000;
}
#campaign-bar-inner a#campaign-close-btn span {
    text-align: center;
    vertical-align: middle;
    display: block;
    font-size: 17px;
}
#campaign-bar-inner a#campaign-close-btn:hover{
  color: #FFF;
  border-color: #FFF;
  cursor: pointer;
  text-decoration: none;
}
/* common-header */
#common-header-left{
  width;680px;
  float:left;
}
#common-header-logo-img{
  margin-bottom:20px;
  width: 160px;
}

ul#g-navi{
  font-size:0;
}
ul#g-navi li{
  display: inline-block;
  font-size:16px;
}
ul#g-navi li a{
  text-align:center;
  padding:0 15px;
}
ul#g-navi li a:hover{
  background:#D70B24;
  color:#FFF;
  text-decoration:none;
}
ul#g-navi li a.current{
  background:#D70B24;
  color:#FFF;
  text-decoration:none;  
}
ul#g-navi li a.home{
  padding: 0 5px;
}
span.icon-home{
    width: 48px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 5px;
    left:15px;
  background: url(/common/dw/images/v3/common/icon_home_black.png) no-repeat;		
}
span.icon-home.current,span.icon-home:hover{
  background: url(/common/dw/images/v3/common/icon_home_white.png) no-repeat;
}
#common-header-right{

}
#common-header-right-inner{
  width:325px;
  float:right;
}
ul#faq-menu{
  display:block;
  float:left;
/*   margin-right:5px; */
  font-size:0;
  padding-top: 5px;
}
ul#faq-menu li{
  display: inline-block;
  font-size:11px;
}
ul#faq-menu li a{
  text-align:center;
  padding:0px 5px;
  color:#666;
}
ul#faq-menu li a:hover{

}
#change-text-size{
  float:right;
  background:#EAEAEA;
  padding:3px;
  margin-bottom:10px;
}
#change-text-size span{
  font-size: 11px;
  padding: 0 5px;
}
#change-text-size a{
  display:inline-block;	
  font-size:12px;
  color:#FFF;
  border-radius:4px;
  padding:2px 4px;
  width: 24px;
  text-align: center;
  background:#999;
}
#change-text-size a.current{
  background:#D70B24;
}
a#text-normal{
  margin: 0 0 0 5px;
}
a#text-zoom{
  margin: 0 5px 0 5px;
}
.search-form{
  display:block;
  float:right;
  position: relative;
}
.search-form.common{
  float: none;
}
.search-form input{
  border: 1px solid #CCC;
  border-radius:4px;
  width:205px;
  height:25px;
  padding-left: 5px;
  
}
.search-form button{
  border: none;
  padding: 0;
  background: #FFF;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.search-form.common button{
  right: 160px;
}
span.icon-search{
/*     margin: 0 5px; */
    width: 18px;
    height: 18px;
    display: block;
/*     position: relative; */
/*     top: 6px; */
  background: url(/common/dw/images/v3/common/icon_search.png) no-repeat;
  
}
/* common-subscription-menu */
#common-subscription-menu{

}
#common-subscription-menu a#subscription-support-btn{
  display:block;
  float:left;
  width: 132px;
  height: 26px;
  background: url(/common/dw/images/v3/common/subscription_support_title_grey.png) no-repeat;
}
#common-subscription-menu a#subscription-support-btn.current{
  background: url(/common/dw/images/v3/common/subscription_support_title.png) no-repeat;
}
#common-subscription-menu ul{
  display:block;
  float:left;
  margin-top:5px;
  margin-left:5px;
  font-size:0;
}
#common-subscription-menu ul li{
  font-size:13px;
  display: inline-block;
}
#common-subscription-menu ul li a{
  text-align:center;
  padding:0px 10px;
}
#common-subscription-menu ul li a:hover{
  color: #D70B24;
}
#common-subscription-menu ul li a.current{
  color: #D70B24;
}
#common-subscription-menu a.link-btn{
  display:block;
  float:right;
}
#common-subscription-menu a#show-ds-modal img:hover{
  opacity:0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";	
}
/*********
  FOOTER
*********/
/*footer menu*/
#footer-menu-left{
  width:750px;
  float:left;
  margin-right:15px;
}
table#footer-menu-table{
 width:100%;
}
table#footer-menu-table tr{
  border-bottom:1px solid #CCC;
}
table#footer-menu-table td.td-title{
  width:180px;
  padding:10px 0;
  font-size:13px;
  font-weight:bold;
}
table#footer-menu-table td.td-title a{
  font-weight: bold;
}
ul.footer-menu{
  font-size:0;
}
ul.footer-menu li{
  display: inline-block;
  font-size:13px;
}
ul.footer-menu li a{
  text-align:center;
  padding:0px 5px;
  color:#000;
}
ul.footer-menu li a:hover{

}

ul#footer-faq-menu{
  display:block;
  float:right;
  margin:15px 0;
  font-size:0;
}
ul#footer-faq-menu li{
  display: inline-block;
  font-size:11px;
}
ul#footer-faq-menu li a{
  text-align:center;
  padding:0px 5px;
  color:#000;
}
ul#footer-faq-menu li a:hover{

}

#footer-menu-right{
  width:220px;
  float:right;
  margin-left:15px;
}
#footer-menu-right-inner{
  float:right;
  background: #DFDFDF;
  padding: 0 0 10px 0;
  position: relative;
}
#footer-menu-right-inner a{
  display:block;
  margin:0 auto;
  padding: 15px 15px 5px 15px;
  background: #DFDFDF;
}
#footer-menu-right-inner a img{
  opacity:1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
#footer-menu-right-inner a:hover img{
  opacity:0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
#footer-menu-right-inner p{
  text-align:center;
  line-height:25px;
}
#footer-menu-right-inner p span{
  line-height:1.5;
}
#footer-menu-right-inner p span.issue-date{
  font-size:14px;
}
#footer-menu-right-inner p span.price{
  font-size:12px;

}
.latest-icon{
  width: 50px;
    height: 50px;
    position:absolute;
    background-color: #D70B24;
    border-radius: 50%;
    top: -20px;
    left: -30px;
    z-index: 100;
}
.latest-icon p,.latest-icon.backnumber p{
  text-align: center;
  padding: 13px 0 0 0;
  color: #fff;
  font-size: 14px;
}
.latest-icon.backnumber{
/*
    top: 380px;
    left: 190px;
*/	
}

#footer-related-services-logo{

}
#footer-related-services-logo-inner{

}
#footer-related-services-logo-inner a{
  display:inline-block;
  margin:0 20px;
}
#footer-related-services-logo-inner a img{
  opacity:0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
#footer-related-services-logo-inner a:hover img{
  opacity:1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
#footer-related-services-logo-inner a img.logo-dol{
  width: 76px;
}
#footer-related-services-logo-inner a img.logo-hbr{
  width: 248px;
}
#footer-related-services-logo-inner a img.logo-zai{
  width: 60px;
}
#footer-logo-inner-left{
  width:500px;
  float:left;
}
#footer-logo-inner-left a img.logo-corp{
  width: 155px;
}
#footer-logo-inner-right{
  width:500px;
  float:right;
}
#footer-logo-inner-right p{
 text-align:right;
 padding-top:10px;
 font-size:11px;
}


/*********
  SUB COLUMNS
*********/

/*subcolumn-ranking*/
#subcolumn-ranking{
  background:#E4E4E4;
  padding:10px;
}
h1#ranking-title{
  font-size:16px;
  font-weight:bold;
}
p#ranking-period{
  text-align:right;
  font-size:11px;
  color:#666;
}
#ranking-list-area{
  background:#FFF;
  border-radius:4px;
  padding:10px;
}
ul#ranking-list{
  
}
ul#ranking-list li{
  border-bottom:1px dotted #CCC;
  margin-bottom:5px;
  padding-bottom:10px;
}
ul#ranking-list li.last{
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;	
}
ul#ranking-list li a{
    display: block;
    color: #000;
    font-size: 13px;
    overflow: hidden;
}
ul#ranking-list li a span.bold{
  font-weight:bold;
}
ul#ranking-list li span.ranking-number{
    display: block;
    float: left;
    padding: 3px 8px;
    color: #FFF;
    font-weight: bold;
    border-radius: 50%;
    margin-right: 10px;
}
ul#ranking-list li span.ranking-number.red{
  background: #D70B24;
}
ul#ranking-list li span.ranking-number.grey{
  background: #878787;
}
/*subcolumn-editors-eye*/
#subcolumn-editors-eye{
  border:1px solid #CCC;
}

ul#editors-eye-list{

}
ul#editors-eye-list li{
  padding-bottom:10px;
  margin-bottom:15px;
  border-bottom:1px dotted #CCC;
}
ul#editors-eye-list li.last{
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
ul#editors-eye-list li .list-left-img{
  width: 90px;
  float: left;
  margin:0 20px 20px 0;
}
ul#editors-eye-list li .list-left-img img{
  width: 90px;
}
ul#editors-eye-list li .list-right-name-title{
  overflow: hidden;
}
ul#editors-eye-list li .list-right-name-title p{
  margin-bottom:10px;
  font-weight: bold;
}
ul#editors-eye-list li p.list-desc{
  font-weight: normal;
  color: #555;
}
ul#editors-eye-list li p.list-desc a{
  color: #006699;
}
/*subcolumn-latest-issue*/

#subcolumn-latest-issue{
  border:1px solid #CCC;

}
.cover-img-small{
  width:80px;
  float: left;
  padding: 5px;
  margin-right:10px;
  background: #efefef;
}
.cover-img-small img{
  width:100%;
}
h2.special-title{
  font-size:14px;
  padding-bottom:5px;
}

p.special-summary{
  margin-bottom: 15px;
}
p.special-summary a{
  font-size: 13px;
}
span.special-title-icon{
  display: inline-block;
/*   margin: 10px; */
  padding: 0px 10px;;
  background: #d70b24;
  color: #fff;
  border-radius:20px;
  line-height: 1.5;
  font-size: 14px;
  vertical-align: middle;
}
.special-contents{
  overflow:hidden;
/*   padding-top:5px; */
}
.special-contents-bg{
  background:#EFEFEF;
}
#subcolumn-latest-issue　p.special-summary{
  line-height:160%;
  padding-bottom:15px;
}

.vt-button-area{
  padding: 10px;
    text-align: center;
    float: left;
    width: 155px;

}

.vt-button-area a.btn-black{
  display:block;
  margin:0 auto 10px auto;
  padding:5px 5px;
  background:#333333;
  color:#FFF;
  border-radius:4px;
}
.vt-button-area a.btn-black.small{
  font-size: 12px;
  width: 130px;
  padding: 3px;
}
.vt-button-area a.btn-black.small span.icon.book{
  margin: 0;
  width: 40px;
}
.vt-button-area a.text-link-center{
  display:block;
  margin:0 auto;
  text-align:center;
  padding: 5px;
}


/*subcolumn-twitter*/
#subcolumn-twitter{
  margin-bottom:15px;
}

/*subcolumn-banners*/
#subcolumn-banners{
  margin-bottom:15px;
}
#subcolumn-banners a.dynamic{
  display: block;
  margin-bottom: 15px;
}
#info-banner{

}
ul#info-banner-list{
  margin-top: 15px;
}
ul#info-banner-list li{
  display:block;
  padding:10px 10px 0 10px;
  background:#E4E4E4;
}
ul#info-banner-list li.last{
  padding-bottom: 10px;
}
ul#info-banner-list li img{
  width:100%;
  margin:0 auto;
}

/*********
  ARTICLE
*********/

/*V2*/
.color-blue{
  color: #4670B6;
}
.figure-left span a, .figure-center span a, .figure-right span a{
  display:block;
  text-align: center;
}
#title-image-area{
  margin: 15px 0 30px 0;
/* 	margin: 15px 0; */
}
#title-image-area .kanban-image{
  display: block;
  margin: 0 auto;
  max-width: 670px;
}
#title-image-area h3.part-title{
  margin: 10px 0px 0 0;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
#title-image-area p.part-summary{
  font-size: 12px;
    padding: 0 20px;
    color: #333;
}
/*ARTICLE */
.article-body{
  margin-top: 15px;
  padding: 0 15px;
}
.article-body .article-summary{
  background:#f2f2f2;
  padding:10px;
  border:1px solid #CCC;
  font-weight: bold;
}
.article-body a{
  color: #006699;	
}
.article-body p {
    margin-bottom: 1.6em;
    line-height: 1.6;
/*     font-size: 17px; */
font-size: 1.2em;
}
.article-body img.clickable{
  cursor: pointer;
}
.article-body div.lead{
  padding:20px;
  background:#F5F3EA;
  border:none;
  margin-left:-15px;
  margin-right:-15px;
  margin-bottom:20px;
/*   font-size:17px; */
font-size: 1.2em;
  font-weight:normal;
  line-height:150%;
}
.article-body h4:before,h1.section-title:before,h2.section-title:before{
/*
  content: "";
  border-left: 6px solid #D70B24;
  border-radius: 2px; 
*/
}
.article-body h4,h1.section-title,h2.section-title,.print h4{
  	padding: 12px;
    font-size: 1.4em;
    font-weight: bold;
    margin: 10px 0;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    position:relative;
}
span.section-title-line{
    display: inline-block;
    border-left: 4px solid#D70B24;
    padding-left: 5px;
    font-weight:bold;
}
/*
h1.section-title,h2.section-title{
  	padding: 12px 0px 12px 25px;
    font-size: 1.4em;
    font-weight: bold;
    margin: 10px 0;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    background: url(https://post.dw.diamond.ne.jp/common/dw/images/v3/common/midashi_left_red.png) no-repeat 12px 12px;
}
*/

.section-title-block{
padding: 12px 12px 12px 25px;
font-size: 1.4em;
font-weight: bold;
margin: 10px 0px;
border: 1px solid #E4E4E4;
border-radius: 3px;	
}
.section-title-block .section-title-border{
background: #D70B24;
width: 5px;
margin: 0px -12px;
float: left;
border-radius: 2px;	
min-height: 30px;
}

.section-title-block .section-title-text{
  font-weight: bold;
  position: relative;
}
.section-title-block .section-title-text.with-arrow-red:after{
  content: "";
  border: 2px solid #D70B24;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 5px;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  border-top: medium none;
  border-left: medium none;
}


.article-body h4{
  margin: 30px 0;
  overflow:hidden;
}  
.article-body .figure-center, .figure-alot {
    margin: 0 auto 15px;
    border: solid 1px #ececec;
    padding: 4px;
    text-align: left;
}
.article-body .figure-left {
    margin: 0 15px 15px 0;
    float: left;
    border: solid 1px #ececec;
    padding: 4px;
}
.article-body .figure, .figure-right {
    margin: 0 0 15px 15px;
    float: right;
    border: solid 1px #ececec;
    padding: 4px;
}
.article-body .figure span, .figure-right span, .figure-left span, .figure-center span, .figure-alot span {
    display: block;
    padding: 7px;
    background-color: #ebebeb;
    font-size: 13px;
    margin-top: 3px;
}
/* クレジット */
.article-body .credit{
  margin-bottom:30px;
  text-align:right;
  font-weight:bold;
}
/* 文字色 */
.article-body p.color-blue,p span.color-blue,.color-blue{
  color:#360099;
}
.article-body p.color-red,span.color-red,.color-red{
  color:#CC0000;
}
.article-body p.color-gray,p span.color-gray,.color-gray{
  color:#666;
}
/* 太字 */
.article-body strong,.article-body .bold{
  font-weight:bold !important;
}
/* 斜体 */
.article-body em,.article-body .italic{
  font-style:italic !important;
}
/* 囲み段落 */
.article-body .frame{
  padding: 10px;
  border: 1px solid #ccc;
  background: #fafafa;
}
/* 囲みブロック */
.article-body div.frame{
  padding: 0 10px;
  margin:10px 0;
  overflow:hidden;
}
/* センタリング */
.article-body p.align-center{
  text-align:center;
}
/* 右寄せ */
.article-body p.align-right{
  text-align:right;
}

#title-image-area p.issue-date{
  padding:10px 0;
}

#title-toolbar h1{
    font-size: 25px;
    line-height: 120%;
    padding-bottom: 3px;
}

#article-title-block{
  
}
#article-title-block h3.part-title{
  font-size: 16px;
  font-weight: bold;
}
#article-title-block p.cat-caption{
  display: inline-block;
    margin: 10px 0;
    background: #666;
    color: #FFF;
    border-radius: 12px;
    padding: 2px 10px;
}
.article-body div.lead{
  font-weight: bold;
}
.article-body .figure-left a.with-icon:before,.article-body .figure-center a.with-icon:before,.article-body .figure-right a.with-icon:before{
  content: "";
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(/common/dw/images/v3/common/icon_image_zoom.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
  
}
/*ARTICLE AUTHOR*/
#author{
  padding: 5px 0 10px 0;
}
#author a,#author p{
  display: inline-block;
  margin: 5px;
  padding: 2px 5px;
  border: 1px solid #4670B6;
  border-radius: 4px;
}
#author p{
  border: 1px solid #666;
}
#author-modal-inner{
  min-width: 400px;
  padding: 40px;
}
#author-modal-inner p.name, #author-slide p.name{
  font-size: 16px;
  margin-bottom: 10px;
    border-bottom: 1px dashed #CCC;
}
#author-modal-inner img.image,#author-slide img.image{
  float: left;
  margin-right: 5px;
}
#author-modal-inner div.desc,#author-slide div.desc{
  overflow: hidden;
}
#author-slide{
  padding: 20px 0;
  background: #F7F7F7;
}
/*ARTICLE for PRINT*/
#wrapper.print{
  width: auto;
  padding: 20px;
}
#print-header{
  padding-top: 10px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #CCC;
  overflow: hidden;
}
#print-header img{
  display: block;
  float: left;
}
#print-header p{
  display: block;
  float: right;
}
#print-header p span.cat-caption{
  margin-left: 20px;
}
#print-title-image-area{
  margin: 10px;
}
#print-title-image-area p.issue-date{
  padding-top: 10px;
}
#print-title-image-area h1.issue-title{
  font-size: 20px;
  font-weight: bold;
}
#print-title-image-area img{
  display: block;
  width: 100%;
  margin: 0 auto;
}
.print div.lead{
  border: 1px solid #CCC;
  background: none;
  margin: 10px;
  padding:10px;
}
.print h4.bold{
  font-weight: bold;
}
.print span.hidden{
  display: none;
}
.print .credit{
  margin-bottom:30px;
  text-align:right;
  font-weight:bold;
}
#print-footer{
  padding-top: 10px;
  border-top: 1px dashed #CCC;
  overflow: hidden;
}
#print-footer img{
  display: block;
  float: left;
  width: 155px;
}
#print-footer p{
  display: block;
  float: right;
}
/*PRINT BUTTON*/
#print a{
  color: #000;
}
span.icon{
    margin: 0 5px;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 3px;
}
span.icon.print{
  background: url(/common/dw/images/v3/common/icon_print.png) no-repeat;
}
span.icon.binoculars{
  margin: 0 5px 0 0;
  width: 25px;
  top: 4px;
  background: url(/common/dw/images/v3/sp/icon_sp_binoculars.png) no-repeat;
  background-size: 95%;
}
span.icon.book{
  margin: 0 5px 0 0;
  width: 38px;
  top: 4px;
  background: url(/common/dw/images/v3/sp/icon_sp_book.png) no-repeat;
  background-size: 63%;
}
/*TOOLBAR*/
#article-toolbar{
  
}
#article-toolbar div#print{
  float:right;
}
#article-toolbar div#print a{
  display:block;
  padding:3px 5px;
  border:1px solid #CCC;
  border-radius:4px;
  font-size: 13px;
}
/*PAGINATION*/
#article-pagination,#common-pagination{
  margin: 10px 0 30px 0;
}
ul#pagination{
  font-size:0;
  text-align:center;
}
ul#pagination li{
 display:inline-block;
 margin:0 5px;
 color:#666;
 font-size:14px;
 background:#F3F3F3;
 border:1px solid #CCC;
 border-radius:4px;
}

ul#pagination li a{
 display: block;
 padding: 5px 10px;	
 color: #999;
}
ul#pagination li a:hover{
  background:#e1e1e1;
  text-decoration: none;
  color: #666;
}
ul#pagination li.current{
 background:#D70B24;
 border:1px solid #D70B24;
 color:#FFF;
 font-weight:bold;
 padding: 5px 10px;	
}
ul#pagination li.next, ul#pagination li.prev{
  background: #FFF;
}
ul#pagination li.next a, ul#pagination li.prev a{
  color: #333;
}
ul#pagination li.next span{
  color:#D70B24;
  padding-left:5px;
}
ul#pagination li.prev span{
  color:#D70B24;
  padding-right:5px;
}

/*NEXT PAGE WITH TITLE*/
#next-page-with-title{
  border:1px solid #D70B24;
  border-radius:4px;
  height:30px;
}
#next-page-with-title div.rect{
    float:left;
    background-color: #D70B24;
    color: #fff;
    padding: 5px 20px;
}
#next-page-with-title div.triangle{
    float:left;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 6px;
border-color: transparent transparent transparent #D70B24;
margin-right:10px;
}
#next-page-with-title a{
  display:inline-block;
  line-height:2.3
}


/*ARTICLE LATEST POSTS LIST*/
#article-latest-posts-list{
  margin-top: 30px;
}
#article-latest-posts-list .goto-issue-link{
  margin-top: 10px;
}
#article-latest-posts-list-inner{
  border:1px solid #CCC;
  padding:20px;
}

#article-latest-posts-list h1{
  font-size: 16px;
}
#article-latest-posts-list h3.special-caption-title{
  font-size: 16px;
  font-weight:bold;
}

#article-latest-posts-list-inner ul{

}
#article-latest-posts-list-inner ul li{
  padding: 2px 0;
}
#article-latest-posts-list-inner ul li.current-special{
  margin-bottom:10px;
}
#article-latest-posts-list-inner ul li.with-cap-title{
  padding-left:20px;
}
#article-latest-posts-list-inner a.text-link-right{
  margin-top:10px;
}
#article-latest-posts-list-inner ul li a span.issue-date,#article-latest-posts-list-inner ul li span.issue-date{
    display: block;
    float: left;
    width: 150px;	
}
#article-latest-posts-list-inner ul li a span.desc,#article-latest-posts-list-inner ul li span.desc{
    display: block;
    float: left;
    width: 471px;	
}
/*COMMON SEARCH*/
#common-search{
  margin-top: 20px;
}
#common-search h1{
    padding: 10px 0;
    font-size: 16px;	
}
#common-search h1 span{

}
#common-search-inner{
  padding:20px;
  background:#E4E4E4;
}
#common-search-inner p{
  text-align:center;
  font-size:12px;
  color: #666;
}
#common-search-inner form{

}
#common-search-inner form input#query{
  display: block;
  width:50%;
  margin: 10px auto;
  height: 25px;
}
/*
#common-search-inner form button.search-btn{
  width:40px;
  position: relative;
  top: -36px;
  left: 430px;
}
*/
span.icon-circle-red{
    padding: 1px 4px;
    background: #D70B24;
    color: #FFF;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 10px;
    vertical-align: middle;	
}

/*common-buy-latest-issue*/
#common-buy-latest-issue{
  width: 590px;
  margin: 0 auto;
}
.mesh-bg-red{
  padding: 20px 40px;
}
.mesh-bg-red-inner{
/*   background:url(https://post.dw.diamond.ne.jp/common/dw/images/v3/common/mesh_bg_red.png) no-repeat center; */
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAG0lEQVQIW2P8r8b5n+HmNwbG/////2dQ52IAAFEiCCzt4o+8AAAAAElFTkSuQmCC) repeat;
    padding: 10px 40px;
    border-radius: 6px;
}
.hol-button-area a.btn-red-border{
  display:inline-block;
  width:42%;
  padding:5px 15px;
  background:#FFF;
  color:#D70B24 !important;
  border:3px solid #D70B24;
  border-radius:4px;
  text-align:center;
  font-weight: bold;
}

#buy-latest-issue-desc{
  border-radius:4px;
  padding:0px 10px;
  background:#fff;
}
#buy-latest-issue-desc-inner{
  background:#fff url(/common/dw/images/v3/common/buy-latest-issue-icon.png) no-repeat left;
  background-position:center left;
}

#buy-latest-issue-desc-inner p{
    padding: 10px 0 0 140px;
    font-size: 12px;
    line-height: 1.8;
}

#buy-latest-issue-desc-inner .hol-button-area{
    margin: 0 0 10px 0;
    padding: 10px 10px 10px 70px;
}
.hol-button-area a.btn-arrow{
  display:inline-block;
  padding:5px 20px 5px 10px;
  text-align:center;
  font-weight:bold;
  color:#000 !important;
}

.hol-button-area span.arrow-red{
  color:#D70B24;
  font-weight:bold;
}


/*********
  MAGAZINES
*********/
#wrapper.magazine .category-top-image-area{
  padding: 15px;
  background: #E7E7E7;
}
#wrapper.magazine .category-top-image-area .category-top-image-area-left{
  width: 200px;
  float: left;
  margin-right: 10px;	
}
#wrapper.magazine .category-top-image-area a{
  display: block;	
}
#wrapper.magazine .category-top-image-area img{

}
#wrapper.magazine .category-top-image-area .category-top-image-area-right{

}
#wrapper.magazine ul.article-list{
  margin: 10px 0;
}
#wrapper.magazine ul.article-list li{
  margin-bottom: 10px;
}
#wrapper.magazine ul.article-list li span.article-caption{
  padding: 0px 10px;
  background: #666;
  color: #FFF;
  border-radius: 12px;
}

#magazine-top-sections{
  
}
ul#magazine-index-list{
  
}
ul#magazine-index-list li{
  
}
ul#magazine-index-list li .section-inner{
  padding: 15px;
}
ul#magazine-index-list a{
  color: #006699;
}

ul#magazine-index-list li h2.title-special{
  font-size:18px;
  font-weight:bold;
  padding-bottom:10px;
}
ul#magazine-index-list li h3.title-part{
  font-size:16px;
  font-weight:bold;
  padding-bottom:10px;
}
ul#magazine-index-list li p.summary-part,ul#magazine-index-list li p.summary-special{
/* 	margin:5px; */
  padding:0 10px;
  background:#FFF;
/* 	border:1px solid #f2f2f2; */
  padding-bottom:10px;
  font-size: 13px;
  line-height: 1.8;
}
ul#magazine-index-list li p.article-link{
/* 	color: #dc09a1; */
  padding: 5px;
}
ul#magazine-index-list li p.article-link.sp-1{
  padding-left: 50px;
}
ul#magazine-index-list li p.read-more{
  padding: 5px 0;
}
ul#magazine-index-list li p.article-link.with-pic{
  padding-left: 0;
}
span.sub-cat-name{
    display: inline-block;
    margin: 10px 0;
  background:#666;
  color:#FFF;
  border-radius:12px;
  padding:2px 10px;
}
ul#magazine-index-list div.part-divider{
  border-bottom:1px dashed #ccc;
  margin:30px 0;
}

/*FREEアイコン*/
span.icon-free{
    display: inline-block;
    margin-left: 5px;
    border: 1px solid #D70B24;
    color: #D70B24;
    padding: 0 5px;
    font-size: 12px;
    vertical-align: top;
}

/*********
  COMMON PARTS
*********/
.block{
  margin-bottom:15px;
}
.block.double{
  margin-bottom:30px;	
}
/*BLOCK HEADER*/
h1.block-header{
  position: relative;
  margin: 10px 0; 
  padding-bottom:5px;
  border-bottom: 3px solid #c0c0c0; 
  font-weight: bold;
}
h1.block-header:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 150px;
    height: 3px;
    background: #d70b24;
}
h1.block-header span.subtitle{
  font-size: 16px;
  font-weight: bold;
}
h1.block-header.subcolumn{
  font-size: 16px;
  font-weight: bold;
}
h1.block-header.subcolumn:after{
  width: 100px;
}
/*
h1.block-header.top-margin{
  margin-top: 15px;
}
*/
span.title-icon{
    margin: 0 5px;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 3px;
}
span.title-icon.crown{
  background: url(/common/dw/images/v3/sp/icon_sp_crown.png) no-repeat;
  background-size: 100%;
}
span.title-icon.pen{
  background: url(/common/dw/images/v3/sp/icon_sp_pen.png) no-repeat;
  background-size: 100%;
}
span.title-icon.calendar{
  background: url(/common/dw/images/v3/common/icon_calendar.png) no-repeat;
}
span.block-header-right{
  display:inline-block;
  float:right;
  text-align:right;
  padding: 3px 5px;
  font-size: 16px;
  font-weight: bold;
}
span.block-header-right span.text-small{
  font-size:12px;
  margin-left: 10px;
}


/*
div.block-header-border{
  width: 670px; 
  border-bottom: 3px solid #d70b24; 
  margin-bottom:10px;
}
div.block-header-border-inner{
  width: 530px; 
  float: right; 
  border-bottom: 3px solid #c0c0c0; 
}

h1.block-header-subcolumn{
  padding-bottom:10px;
}
span.block-header-subcolumn-right{
  display:inline-block;
  float:right;
  text-align:right;
  padding-right:5px;
}
span.block-header-subcolumn-right span.text-small{
  font-size:11px;
  line-height:2.2;
}

div.block-header-subcolumn-border{
  width: 100%; 
  border-bottom: 3px solid #d70b24; 
  margin-bottom:10px;
}
div.block-header-subcolumn-border-inner{
  width: 200px; 
  float: right; 
  border-bottom: 3px solid #c0c0c0; 
}
*/

div.block-contents{

}
div.subcolumn-block-contents{
  padding:10px;
}


/*BREADCRUMB*/
.spacer{
  height: 40px;
}
#breadcrumb{
  position: relative;
}
#breadcrumb-inner.regular{
/*
  width:670px;
  border-bottom:1px solid #CCC;
*/
width: auto;
}
#breadcrumb-inner.full-width{
  width:auto;
  border-bottom:1px solid #CCC;
}
#breadcrumb-inner.regular:after{
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 670px;
    height: 1px;
    background: #CCC;
}
ul#breadcrumb{
  padding:10px 0;
}
ul#breadcrumb li{
  display:inline-block;
  font-size:11px;
}

/*TAB LINK*/

ul.tab-link{
  display: block;
  font-size: 0;	
  border-bottom: 1px solid #A9A9A9;
  height: 41px;
  position: relative;
}
ul.tab-link li{
    font-size: 14px;
    display: block;
    float: left;
    border-left: 1px solid #A9A9A9;
    border-top: 1px solid #A9A9A9;
    border-right: 1px solid #A9A9A9;
    border-radius: 4px 4px 0px 0px;
    margin: 0 5px;
    z-index: 100;
    background: #A9A9A9;
    position: absolute;
    height: 40px;
    top: 1px;
  
}
ul.tab-link li.cover{
  left: 0;
}
ul.tab-link li.category{
  left: 150px;
}
ul.tab-link li.current{
    background: #FFF;
}
ul.tab-link li a{
  display: block;
    padding: 10px 20px;
  color: #FFF;
  text-decoration: none;
}
ul.tab-link li a:hover{
  text-decoration: none;
}
ul.tab-link li.current a{
  color: #000;
  font-weight: bold;
  cursor:default;	
}
ul.tab-link li.behind a:hover{
  background: #cfcfcf;
  
}
/*TAB BUTTON*/
#tab-btn-area{
/* 	padding: 15px 0 25px 0; */
  padding: 15px 0;
}
#tab-btn-area button{
 display:inline-block;
 margin:0 5px 5px 0;
 font-size:14px;
 background:#0bca00;
 border:1px solid #FFF;
 border-radius:4px;
 color: #FFF;
 padding: 5px 10px;
 cursor: pointer;	
}
ul.tab-btn{
  font-size:0;
  text-align:center;
  
}
ul.tab-btn li{
 display:inline-block;
 margin:0 5px 5px 0;
 font-size:14px;
 background:#F3F3F3;
 border:1px solid #CCC;
 border-radius:4px;
 color: #666;
 padding: 5px 15px;
 cursor: pointer;
}
ul.tab-btn li.current{
 background:#D70B24;
 color: #FFF;
 border:1px solid #D70B24;
}
ul.tab-btn li:hover{
 background:#D70B24;
 color:#FFF;	
}
ul.tab-btn li.current a{
 color:#FFF;	
}
ul.tab-btn li a{
  display: block;
  color:#666;	
  text-decoration: none;
  padding: 5px 15px;
}
ul.tab-btn li a:hover{
 background:#D70B24;
 color:#FFF;	
}

/*MISC*/
span.menu-separater{
  margin: 0;
  color:#666;
}

a.text-link-center{
  display:block;
  text-align:center;
}
a.text-link-right{
  display:block;
  text-align:right;
}




/*********
  CSS for V3 Media_top
*********/

/* TOP SCREEN */
.owl-theme .owl-controls .owl-page span{
  width: 40px !important;
  height: 10px !important;
  border-radius: 4px !important;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  background: #D70B24;
}
#owl-features #progressBar #bar{
  color: #D70B24;
}
#top-screen{
  background: #EDEDED;
  padding:10px 0;
  border-bottom:1px solid #D7D7D7;
}
#top-screen-inner{
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
#top-screen-inner .screen-side-area{
  position: absolute;
  width: 40px;
/* 	height: 204px; */
  height: 40px;
  top:131px;
  background: rgba(255,255,255,0.01);
  display: none;
}
#top-screen-inner .screen-side-area.prev{
  left: 0;
  margin-left: -20px;
}
#top-screen-inner .screen-side-area.next{
  right: 0;
  margin-right: -20px;	
}
#top-screen-inner .screen-side-area a{
  display: block;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
/* 	top:90px; */
  width: 40px;
  height: 40px;
}
#top-screen-inner .screen-side-area.prev a{
  background: url(/common/dw/images/v3/common/top_screen_prev_btn.png) no-repeat center center;
}
#top-screen-inner .screen-side-area.next a{	
  background: url(/common/dw/images/v3/common/top_screen_next_btn.png) no-repeat center center;
}

#overlay-latest-issue{
  position: absolute;
    top: 30px;
    right: 30px;
    background-color: #DFDFDF;
    padding: 15px;
    display: none;
}
#overlay-latest-issue p.date{
  font-size: 12px;
    padding: 10px 0 0 0;
    text-align: center;
}
/* INFORMATION */
#header-info{
  padding:15px;
}
#header-info-inner{
  width: 1000px;margin: 0 auto;
}


/* top-headline*/
#top-headline{
    border: 2px solid #000;
    margin: 10px 5px 0 5px;
}
#top-headline-inner{
  background: #FFF;
}
#top-headline-inner span{
    display: block;
    float: left;
    background-color: #000;
    color: #fff;
    padding: 5px 20px;
}
#top-headline-inner ul{
  background:#FFF;
}
#top-headline-inner ul.newsticker {
  padding:5px 10px;
  display: none;
}


/*top-info*/
/*
#urgent-info{
  padding:7px;
  margin-bottom:10px;
  border:1px solid #ccc;
}
#urgent-info div.title{
  float:left;
  width: 60px;
  background:#D5D5D5;
  margin-right:10px;
  padding:0px 35px;
  position: relative;
}
#urgent-info div.title span{
  position: absolute;
  top: 40%;
  font-size: 14px;
}
#urgent-info div.desc{
  float: right;
  width: 835px;
}
#urgent-info div.desc p{
    display: block;
    overflow: hidden;
    margin: 0;
    font-size: 0.8em;
    padding-bottom: 5px;
}
#urgent-info div.desc p a{
  color: #006699;
}
*/

#urgent-info{
  border: 1px solid #D5D5D5;
  padding: 7px;
}
#urgent-info table{

}
#urgent-info table th{
  font-size: 14px;
  background: #D5D5D5;
  text-align: center;
  vertical-align: middle;	
  width: 130px;
}
#urgent-info table td{
  font-size: 0.9em;
  padding-left: 15px;
}
#urgent-info table td div.item{
  padding-bottom: 5px;
}
#urgent-info table a{
  color: #006699;
}
/*TOP FREE BOX*/
#top-freebox{
  padding:7px;
  margin-top: 15px;
  margin-bottom:15px;
  border:1px solid #ccc;
}
#top-freebox .image{
  width: 80px;
    margin-right: 20px;
    float: left;
}
#top-freebox .txt{
    float: left;
    width: 880px;
    padding: 10px 0;
}


/*top-latest-issue*/
#top-latest-issue .block-header{
  margin-top: 0;
}
#top-latest-issue .special{
  margin-bottom:10px;
}
#top-latest-issue .cover-img{
  float: left;
  padding: 10px;
  margin-right:30px;
  background: #efefef;
}
#top-latest-issue .cover-img img{
  width: 130px;
}
#top-latest-issue h2.special-title{
  font-size:18px;
  padding-bottom:15px;
}
#top-latest-issue h2.special-title a{
  font-size: 18px;
  vertical-align: middle;
}
#top-latest-issue span.special-title-icon{
  margin-right: 10px;
  padding: 0px 10px;;
  background: #d70b24;
  color: #fff;
  font-size: 14px;
  border-radius:20px;
/*   vertical-align: middle; */
}
#top-latest-issue .special-contents{
  overflow:hidden;
/*   padding-top:5px; */
}
#top-latest-issue .special-contents-bg{
  background:#EFEFEF;
  padding: 10px;
}
#top-latest-issue p.special-summary{
/*   line-height:160%; */
  margin-bottom: 25px;
}
#top-latest-issue p.special-summary a{
  font-size: 1em;
  line-height: 1.6;
}
.hol-button-area{
  margin:10px auto;
  text-align:center;
}
.hol-button-area a.btn-black{
  display:inline-block;
  margin-right:10px;
  padding:5px 15px;
  background:#333333;
  color:#FFF;
  border-radius:4px;
  font-weight: bold;
}

#top-latest-issue .special-top{
  margin-top: 15px;
}
#top-latest-issue .specials{
  margin: 30px 0;
}
#top-latest-issue #cover-area{
  margin-top: 15px;
}
.contents-bg{
  background:#EFEFEF;
  padding: 15px;
/*   min-height: 155px; */	
}
.contents-bg a{
  display: block;
}
.contents-bg .contents-left{
  width: 200px;
  float: left;
  margin-right: 15px;
}
.contents-bg .contents-left img{
  display: block;
  width: 100%;
}
.contents-bg .contents-right{
  overflow: hidden;
}
.contents-bg .contents-right p{
  line-height: 1.6;
}

#train-adv-outer{
  position: relative;
}
#train-adv-outer:after{
    position: absolute;
    content: "";
    box-shadow: 0px 15px 20px rgba(0,0,0, .5);
    left: 200px;
    bottom: 30px;
    z-index: 0;
    width: 40%;
    height: 20%;
    border-radius: 50%;
}

#train-adv{
  padding:10px;
  margin-bottom:25px;
  border:1px solid #CCC;
  
  position: relative;
  color: #fff;
  display: inline-block;
/* 	padding: 5px; */
  overflow: hidden;
  font-family: Arial, sans-serif;
  font-weight: 900;
  background: #FFF;
  z-index: 1;
}

#train-adv p a.text-link-center{
  text-align: center;
  z-index: 1;
}
#train-adv a.image-link{
  display: block;
  position: relative;
  margin-bottom: 15px;
  z-index: 2;
  background: #FFF;
}

#train-adv img{
  display:block;
  margin:0 auto 10px auto;
  width: 650px;
  z-index: 3;
}
#train-adv a img{
  opacity:1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";	
}
#train-adv a:hover img{
  opacity:0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

/*
#train-adv p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
#train-adv p:after{
  content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}
*/
#train-adv a.ribon-link{
    color:#FFF;
}
#train-adv p span.ribon{
    position: absolute;
/*     display: inline-block; */
    right: -48px;
/*     box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2); */
    text-align: center;
/*     text-transform: uppercase; */
    top: -15px;
    background: #000;
    width: 140px;
/*     padding: 3px 10px; */
    padding: 30px 0 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: 3;
}
a.text-link-center{
  display:block;
  margin:0 auto;
  text-align:center;
}




/*common-free-contents*/
#common-free-contents h1.block-header{
  position: relative;
  background: url(/common/dw/images/v3/common/logo_dol_on.png) no-repeat 100% 50%;
  background-size: auto 80%;
}
#common-free-contents p.free-contents-attention{
  color: #555;
  font-size: 12px;
  padding-bottom: 10px;
}
ul#free-contents-list{
  font-size:0;
}

ul#free-contents-list li{
  width:330px;
  display: block;
  float: left;
  border-bottom:1px dotted #CCC;
  padding-bottom:10px;
/*   min-height: 105px; */
}
ul#free-contents-list li a{
  display: block;
/* 	height: 100%; */
}
ul#free-contents-list li a:hover{
  background: #f2f2f2;
  text-decoration: none;
}
ul#free-contents-list li.hol-list-left{
  margin: 0 10px 10px 0;
}
ul#free-contents-list li.hol-list-right{
  margin: 0;
}
.list-left-img{
  width: 65px;
  float: left;
  margin-right:15px;
}
.list-left-img img{
  width: 65px;
}
.list-right-desc{
  overflow: hidden;
}
.list-right-desc p{
  font-size:14px;
}
.list-date-title{
  margin-bottom:5px;
}
.list-date{
  font-size: 0.8em;
}
.list-title{
  font-size:12px;
  color: #666;
  padding:5px 0;
}
.list-desc{
  font-weight: bold;
}

/*********
  BACKNUMBER(udoc-latest_top and top-page block )
*********/
#backnumber-info p{
  padding: 15px 0;
}
#backnumber-category-list, #backnumber-cover-list{
  margin-bottom: 20px;
}
h2.cat-list-title{
  font-size:18px;
  font-weight: bold;
  margin-bottom: 10px;
}
h3.cat-list-title{
  font-size:16px;
  font-weight: bold;
  padding-top: 20px;	
}
h3.cat-list-title.past{
  cursor: pointer;
  display: inline-block;
}
h3.cat-list-title.past:hover{
  text-decoration: underline;
}
h3.cat-list-title.past span.icon-opener{
  display: inline-block;
  border: 1px solid #CCC;
  margin-right: 5px;
  padding: 0 2px;
  
}
h3.cat-list-title.past span.icon-opener:before{
  content: "+";
}
h3.cat-list-title.past span.opened{
  display: inline-block;
  border: 1px solid #CCC;
  margin-right: 5px;
  padding: 0 5px;
  
}
h3.cat-list-title.past span.opened:before{
  content: "-";
}
ul.past-list{
  display: none;
}
/*
h3.cat-list-title.past span.closed{
  display: inline-block;
  border: 1px solid #CCC;
  margin-right: 5px;
  padding: 0 3px;
  
}
h3.cat-list-title.past span.opened{
  display: inline-block;
  border: 1px solid #CCC;
  margin-right: 5px;
  padding: 0 5px;
  
}
*/
/*
h3.cat-list-title.past:before{
  position: relative;
  border: 1px solid #CCC;
  vertical-align: middle;
  margin-right: 5px;
}
h3.cat-list-title.past:before:hover{
  text-decoration: none !important;	
}
h3.cat-list-title.past:before{
  content: "+";
  padding: 0 3px;
}
h3.cat-list-title.past.opened:before{
  content: "-";	
  padding: 0 5px;
}
*/
.cat-list{
  border-bottom: 1px dotted #CCC;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.cat-list ul{
  font-size:0;
}
.cat-list ul li{
  font-size: 14px;
  display: inline-table;
  margin-right: 10px;
  width: 320px;
  line-height: 2.0;
}

#backnumbers{
  display:table;
  margin:0 auto;
  width: 670px;
  background: #ffFFFF;
}
ul.backnumber-hol-list{
  font-size: 0;
}
ul.backnumber-hol-list li{
  display: inline-table;
  font-size: 1.0em;
  margin-right: 10px;
  margin-bottom: 10px;
  border:1px solid #EDEDED;
  width:158px;/*160-1-1*/

}
ul.backnumber-hol-list li.latest{
  position: relative;
}
ul.backnumber-hol-list li.last{
  margin-right: 0px;
}
ul.backnumber-hol-list li .cover-image{
  background: #EDEDED;
  padding: 10px;
}
ul.backnumber-hol-list li .cover-image img{
  display:block;
/*
  padding: 15px;
  background: #EDEDED;
*/
  width:128px;
  min-height:179px;
  margin: 0 auto;
  border: 4px solid #EDEDED;

}
ul.backnumber-hol-list li.latest .cover-image img{
  border-color: #D70B24;
}
ul.backnumber-hol-list li a:hover img{
  opacity:0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
ul.backnumber-hol-list li p{
  font-size:14px;
  padding:10px;
/*   height:80px; */
}
ul.backnumber-hol-list li p span.date{
  font-size:11px;
  color:#666;
}

.button-center{
  margin:10px auto;
  text-align:center;
}
.btn-black-border{
  display:inline-block;
  padding:5px 15px;
  background:#FFF;
  color:#333;
  border:3px solid #555;
  border-radius:4px;
  text-align:center;
}

/*********
  category article list
*********/
#article-list-area{
  
}
#article-list-area ul{
  margin-bottom: 20px;
}
#article-list-area ul li{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #CCC;
}
#article-list-area ul li div.article-list-left{
  width: 50px;
  float: left;
  margin-right: 10px;
}
#article-list-area ul li div.article-list-left a img{
  width: 100%;
}
#article-list-area ul li div.article-list-right{
  width: 610px;
  float: left;
  overflow: hidden;	
}
#article-list-area ul li div.article-list-right a span.title{
  font-size: 16px;
}
#article-list-area ul li div.article-list-right span.issue-date{
  color: #666;
  font-size: 13px;
}
#article-list-area ul li div.article-list-right p.summary{
  padding-top: 10px;
  font-size: 12px;
}

/*********
  search result list
*********/

#search-result-list-area{
  
}
#search-result-list-area ul{
  margin-bottom: 10px
}
#search-result-list-area ul li{
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #CCC;
}
#search-result-list-area ul li div.search-result-list-left{
  width: 50px;
  float: left;
  margin-right: 10px;
}
#search-result-list-area ul li div.search-result-list-left img{
  width: 100%;
}
#search-result-list-area ul li div.search-result-list-right{
  width: 610px;
  float: left;
  overflow: hidden;	
}
#search-result-list-area ul li div.search-result-list-right a span.title{
  font-size: 16px;
}
#search-result-list-area ul li div.search-result-list-left img{
  display: inline-block;
  margin-right: 20px;
}
#search-result-list-area ul li div.search-result-list-right h4{
  display: inline-block;
}
#search-result-list-area ul li div.search-result-list-right h4 span.issue-date{
  color: #666;
  font-size: 13px;	
}

/*ABOUT DW*/
#about-dw-contents{
  
}
#about-dw-contents p.desc{
  line-height: 1.8;
  padding: 10px 0;
}
#about-dw-contents #intro{
  padding: 20px 10px 30px 10px;
  overflow:hidden;
}
#about-dw-contents #intro .left{
  width: 430px;
  float: left;
}
#about-dw-contents #intro .left p#intro-title{
  font-size: 18px;
  font-weight: bold;
  background: url(/common/dw/images/v3/about_dw/about_dw_icon_no1.png) no-repeat left center;
  background-size: contain;
  line-height: 1.2;
    padding-left: 110px;
    margin-bottom: 20px;
  
}
#about-dw-contents #intro .left img{
  margin-bottom: 20px;
}
#about-dw-contents #intro .right{
  width: 525px;
  float: right;
}
#about-dw-contents #intro .right img{
  display: block;
  float: right;
}
#about-dw-contents #intro .right p.image-caption{
  text-align: center;
    font-size: 12px;
    line-height: 2.0;
}
#about-dw-contents #reasons{

}
#about-dw-contents #reasons .reason{
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #CCC;
  overflow:hidden;
}
#about-dw-contents #reasons .reason .left{
  width: 550px;
  float: left;
}
#about-dw-contents #reasons .reason .left img{
  margin-bottom: 20px;
}
#about-dw-contents #reasons .reason .right{
  width: 430px;
  float: right;
}
#about-dw-contents #reasons .reason .right img{
  display: block;
  float: right;
}
#about-dw-contents #reasons .reason h3.sp-show{
  display: none;
}

/*DS-MODAL ABOUT-DS_MODE*/
#ds-modal-content{
  background: #E4E4E4;
  width:1000px;
  overflow:hidden;
}
#ds-modal-content h2{
  background: #000;
  color: #FFF;
  padding: 5px;
  text-align: center;	
  font-size: 20px;
  font-weight: bold;
}
#ds-modal-content #ds-modal-content-inner{
  padding: 20px;
}
#ds-modal-content #ds-modal-content-inner p{
  padding: 5px;
}
#ds-modal-content #ds-modal-content-inner p.desc{
  border-top: 1px dashed #CCC;
  margin-top: 10px;
  padding-top: 10px;
}
#ds-modal-content #ds-modal-content-inner p a{
  display: inline-block;
  float: right;
}
#ds-modal-content #ds-modal-content-inner p a#about-ds{
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
#ds-modal-content #ds-modal-content-inner p a#about-ds:before{
  content: "?";
  padding: 2px 10px;
  background: #000;
  color: #FFF;
  border-radius: 30px;
  margin-right: 5px;
}
#ds-modal-footer {
  margin-top: 10px;
}

#ds-modal-content .inline_content{
  margin: 0 auto;
}
#ds-modal-content .ds-box{
  width: 310px;
  float: left;
  margin: 0;
}
#ds-modal-content .ds-box.center{
  margin: 0 15px;
}
#ds-modal-content .ds-box img{
  display: block;
  margin: 10px auto;
/* 	height: 150px; */
}
#ds-modal-content .ds-box img.ds-support{
  height: 50px;
}
#ds-modal-content .ds-box ul{
  font-size: 0;
  text-align: center;
  margin: 10px 0;
}
#ds-modal-content .ds-box ul li{
  display: inline-table;
  font-size: 12px;
  color: #FFF;
  padding: 2px 5px;
}
#ds-modal-content .ds-box ul li.pc{
  margin-right: 10px;
  background: #31AA78;
}
#ds-modal-content .ds-box ul li.tablet{
  margin-right: 10px;
  background: #4670B6;
}
#ds-modal-content .ds-box ul li.sp{
  background: #D3549F;
}
#ds-modal-content .ds-box h3{
  background: #555;
  color: #FFF;
  padding: 7px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#ds-modal-content .ds-box .ds-box-inner.sub-support{
  height: auto;
}
#ds-modal-content .ds-box h3.sub-support {
  background: none;
  color: #333;
  font-weight: bold;
  font-size: 18px;
}
ul.sub-support{
  padding: 0 10px;
  min-height: 100px;
}
ul.sub-support li{
  display: block;
  font-size:14px;
  text-align: left;
  color: #333;
  padding: 5px 0;
}
ul.sub-support li span{
  background: #D70B24;
  color: #FFF;
  padding: 0 10px;
  margin: 0 10px;
}
#ds-modal-content .ds-box a.sub-support-right{
  display: block;
  text-align: right;
}
#ds-modal-content .ds-box a.btn-link-red{
  border: 2px solid #D70B24;
  border-radius: 4px;
  background: #FFF url(/common/dw/images/v3/common/icon_open_new_window.png) no-repeat 95% 10px;		
  padding: 40px 30px;
  color: #D70B24;
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 40px 30px;	
}
#ds-modal-content .ds-box a.btn-link-red:hover{
  color: #ff1632;
  border-color: #ff1632;
  background-color: #FAFAFA;
  text-decoration: none;	
}
#ds-modal-content .ds-box .ds-box-inner{
  padding: 10px;
  background: #FFF;
  height: 400px;
}

#ds-modal-content #logout-area{
  
}
#ds-modal-content #logout-area p{
  text-align: center;
}
#ds-modal-content #logout-area p span.text-red{
  color: #D70B24;
}
#ds-modal-content #logout-area .hol-btn-area{
  text-align: center;
  margin-top: 10px;
}
#ds-modal-content #logout-area .hol-btn-area a{
  display: inline-block;
  margin-right: 10px
}
#ds-modal-content #logout-area .hol-btn-area #logout-btn{
  display: inline-block;
  border: 2px solid #D70B24;
  border-radius: 4px;
  background: #FFF;
  padding: 5px 10px;
  color: #D70B24;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
#ds-modal-content #logout-area .hol-btn-area #logout-btn:hover{
  color: #ff1632;
  border-color: #ff1632;
  background: #FAFAFA;	
}
#ds-modal-content a#show-ds-modal-about-ds{
  width: 320px;
  border-radius: 4px;
  background: #D70B24;
  padding: 15px 20px;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 0 auto 30px auto;	
}
#ds-modal-content a#show-ds-modal-about-ds:hover{
  background: #ef152f;
  text-decoration: none;
}
/*LOGIN FORM(DS-MODAL)*/
.form-element{
  margin: 0 auto 5px auto;
}
.form-element-inner{
  margin: 0 auto;
}
.login-form{
  display: block;
  padding: 10px 20px;;
}
.login-form input[type='text'].id{
  border: 1px solid #CCC;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: none;
  margin-bottom: 0;
  height: 40px;
  width: 100%;
  font-size: 16px;
  padding-left: 10px;
}
.login-form input[type='password'].pw{
  border: 1px solid #CCC;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-top: 0;
  height: 40px;
  width: 100%;
  font-size: 16px;
  padding-left: 10px;
}
.login-form input[type='checkbox'].auto{
  text-align: center;
}
.login-form input[type='submit']{
  border: 2px solid #D70B24;
  border-radius: 4px;
  background: #FFF;
  padding: 5px 30px;
  color: #D70B24;
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin: 10px auto;
}
.login-form input[type='submit']:hover{
  color: #ff1632;
  border-color: #ff1632;
  background: #FAFAFA;
  cursor: pointer;
}
.login-form input[type='submit']:disabled{
  color: #fff;
  border-color: #000;
  background: #333;
}
/*CONTACT*/
#contact{
  border: 4px solid #CCC;
  padding: 0 10px 10px 10px;
  margin-bottom: 40px;
  
}
#contact #contact-inner-left{
  width: 150px;
  float: left;
}
#contact.full #contact-inner-left{
  width: 200px;
  float: left;
  border-right: 1px dashed #CCC;
}
#contact #contact-inner-left img{
  display: table-cell;
  width: 100px;
  margin: 20px auto;
  text-align: center;
  vertical-align: middle;
}
#contact.full #contact-inner-left img{
  display: block;
  width: 100px;
  margin: 50px auto;
  text-align: center;
  vertical-align: middle;
}
#contact #contact-inner-right{
    width: 460px;
    float: left;
    padding: 30px 0 30px 20px;
}
#contact #contact-inner-right h2.title,#contact #contact-inner-right span.title{
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;	
}
#contact #contact-inner-right p.open-hour,#contact #contact-inner-right span.open-hour{
  font-size: 14px;
}
#contact.full{
  margin-top: 20px;
  padding-top: 10px;
}
#contact.full #contact-inner-right{
  width: 690px;
  float: left;
  padding: 0px 40px;
}
#contact.full #contact-inner-right table{
  width: 690px;
}
#contact.full #contact-inner-right table td{
/* 	border: 1px solid #CCC; */
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  
}
#contact.full #contact-inner-right table td.left{
  text-align: left;
}
#contact.full #contact-inner-right table td.right{

}
#contact.full #contact-inner-right table td.border-left{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 15px;
}
#contact.full #contact-inner-right table td.border-right{
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#contact p.tel{
  text-align: center;
}
#contact span.text-large{
  font-size: 20px;
}
#contact span.text-x-large{
  font-size: 26px;
}
#contact span.text-small{
  font-size: 14px;
  margin-right: 10px;
}
#contact span.red{
  color: #D70B24;
}
#contact span.bold{
  font-weight: bold;
}
#contact span.separate{
  margin-left: 40px;
}
#contact #contact-form-info{
  padding: 15px;
  border: 1px solid #CCC;
  overflow: hidden;
}
#contact #contact-form-info p{
  display: inline-block;
}
#contact #contact-form-info a{
  display: inline-block;
  float: right;
}
#contact.full #contact-inner-right #contact-form-info p{
  display: inline-block;
}
#contact.full #contact-inner-right #contact-form-info a{
  display: inline-block;
}
#contact a.btn-link-red{
  border: 2px solid #D70B24;
  border-radius: 4px;
  background: #FFF;
  padding: 5px 30px;
  color: #d70b23;
  font-size: 14px;
  font-weight: bold;
/* 	display: block; */
  text-align: center;
/* 	margin: 5px 30px; */	
}
#contact a.btn-link-red:hover{
  color: #ff1632;
  border-color: #ff1632;
  background: #FAFAFA;
  text-decoration: none;	
}

/*SUBSCRIPTION SUPPORT*/
#ds-support{
  margin-top: 30px;
}
#ds-support .hol-button-area-right{
    margin: 10px auto 15px 0;
    text-align: right;
    overflow: hidden;
}
a.btn-blue{
  display: inline-block;
    padding: 5px 15px;
    background: #FFF;
    color: #006699;
    border: 1px solid #006699;
    border-radius: 4px;
    text-align: center;
}
#sub-support-faq{
  margin-top: 30px;
  border: 4px solid #CCC;
  padding: 10px;
  
}
#sub-support-faq h3{
  padding-top: 20px;
  font-weight: bold;
}
#sub-support-faq a.right{
  float: right;
  padding: 15px 0 0 0;
}
#sub-support-faq.full #sub-support-faq-inner-left{
  width: 200px;
  float: left;
}

#sub-support-faq.full #sub-support-faq-inner-left img{
  display: block;
  width: 100px;
  margin: 50px auto;
  text-align: center;
  vertical-align: middle;
}
#sub-support-faq #sub-support-faq-inner-right{
    width: 460px;
    float: left;
    padding: 30px 0 30px 20px;
    border-left: 1px dashed #CCC;
}
#sub-support-faq.full #sub-support-faq-inner-right{
  width: 720px;
  float: left;
  padding: 15px 0 10px 40px;
}
#ds-modal-content .ds-box ul.sub-support li{
  display: block;
  color: #333;
  font-size: 14px;
}
#sub-support-faq.full #sub-support-faq-inner-right dl.faq{
  padding: 0;
}
#sub-support-faq.full #sub-support-faq-inner-right dl.faq dt {
  border: none;
}

/*SUBSCRIPTION PROCEDURE*/
#sub_procedure{
  margin-top: 20px;
}
#sub_procedure .col-1,#sub_procedure .col-2{
  overflow:hidden;
}
#sub_procedure .col-1 .left{
  width: 460px;
  float: left;
  margin-right: 25px;
}
#sub_procedure .col-1 .right{
  width: 460px;
  float: left;
  margin-left: 25px;
}
#sub_procedure .col-1 h2{
  background: #555;
  color: #FFF;
  padding: 5px;
  text-align: center;
  margin-bottom: 20px;
}
#sub_procedure .col-2 .left{
  width: 490px;
  float: left;
  margin-right: 10px;
}
#sub_procedure .col-2 .right{
  width: 490px;
  float: left;
  margin-left: 10px;
}
#sub_procedure .block-contents{
  padding: 15px;
}

#sub_procedure .with-bg{
  background: #F2F2F2;
  padding: 15px;
  margin: 10px 0;
  min-height: 75px;
}
#sub_procedure .with-bg h3{
  margin-bottom: 10px;
  font-weight: bold;
}
#sub_procedure .with-bg ul{
  padding-left: 40px;
}
#sub_procedure .with-bg ul li{
  list-style: circle;
}
#sub_procedure a.form-link-btn{
  display: block;
  width: 200px;
  margin: 30px auto;
  border: 2px solid #D70B24;
  border-radius: 4px;
  background: #FFF;
  padding: 5px 10px;
  color: #D70B24;
  font-size: 14px;
  font-weight: bold;	
  text-align: center;
}
#sub_procedure a.form-link-btn:hover{
  color: #ff1632;
  border-color: #ff1632;
  background: #FAFAFA;
  text-decoration: none;	
}
#sub_procedure p.foreign-sub-info{
  margin-bottom: 10px;
}
#sub_procedure p.foreign-sub-info:before{
  content: "!";
  padding: 2px 10px;
  background: #D70B24;
  color: #FFF;
  border-radius: 30px;
  margin-right: 5px;	
}
#sub_procedure p.foreign-sub-info span.text-red{
  color: #D70B24;
}

/*SUBSCRIPTION & DIGITAL SERVICE RULES*/
#sub-rules, #ds-rules{
  
}
#sub-rules a, #ds-rules a{
  color: #006699;	
}

#sub-rules dl dt, #ds-rules dl dt{
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
}
#sub-rules dl dd, #ds-rules dl dd{
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px dashed #CCC;
  line-height: 1.8;
}
#ds-rules ul{
  line-height: 1.8;
  padding-top: 10px;
  padding-bottom: 10px;
}
#ds-rules ul.decimal{
  list-style-type: decimal;
  padding-left: 25px;
}
#ds-rules ul.small-decimal{
  padding-left: 20px;
}
#ds-rules ul.asterisk{
  padding-left: 40px;
}
#ds-rules ul.asterisk li{
  text-indent: -1.2em;
}
#ds-rules ul.small-decimal li{
  text-indent: -1.5em;
}
#sub-rules ul.square{
  list-style-type: square;
  padding-left: 20px;
    padding-top: 10px;
}
#sub-rules ul.asterisk{
  padding: 20px 0 0 20px;
  line-height: 1.6;
}
#sub-rules ul.asterisk li{
  text-indent: -1.2em;
}
#sub-rules .update-date{
  padding: 30px 0 15px 0;
}

/*FAQ SHOP LIST*/
#faq a{
  color: #006699;	
}
#faq .hide,#shop-list .hide{
  display: none;
}
#faq p#intro,#shop-list p#intro{
  padding: 20px 0;
}
dl.faq{
  padding: 15px;
}
dl.faq dt{
/*
  padding: 10px 0 5px 0;
  border-bottom: 1px solid #D70B24;
  font-size: 16px;
  font-weight: bold;
*/

    padding: 10px 0 5px 32px;
    border-bottom: 1px solid #D70B24;
    font-size: 16px;
    font-weight: bold;
/*     text-indent: -2em; */
    text-indent: 1px;
    position: relative;
}
dl.faq dt:before{
/*
  content: "Q";
  padding: 0px 6px;
  background: #D70B24;
  color: #FFF;
  border-radius: 50%;
  margin-right: 10px;	
  font-weight: normal;
*/

    content: "Q";
    padding: px 0px;
    background: #D70B24;
    color: #FFF;
    border-radius: 50%;
    margin-right: 10px;
    position: absolute;
    width: 22px;
    height: 22px;
    text-align: center;
    text-indent: 0px;
    left: 0px;
    font-size: 15px;
    font-weight: normal;
    line-height: 23px;
}
dl.faq dd{
  padding: 10px 0 10px 32px;
  margin-bottom: 10px;
  text-indent: -32px;
  line-height: 2.0;
  overflow: hidden;
  position: relative;
  text-indent: 1px;
}

dl.faq dd:before{

  content: "A";
    padding: px 0px;
    background: #333;
    color: #FFF;
    border-radius: 50%;
    margin-right: 10px;
    position: absolute;
    width: 22px;
    height: 22px;
    text-align: center;
    text-indent: 0px;
    left: 0px;
    font-size: 15px;
    line-height: 23px;

}
dl.faq dd .left{
  width: 280px;
  float: left;
}
dl.faq dd .right{
  width: 300px;
  float: right;
  padding-left: 20px;
  
}
dl.faq dd .right p{
  text-align: center;
  font-size: 12px;	
}
#shop-list h2.pref{
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #D70B24;
    padding: 5px 0;
  margin: 20px 10px 10px 10px;
  color: #333;
}
#shop-list table{
  margin: 10px;
  color: #333;
}
#shop-list table tr{
  border-bottom: 1px dashed #CCC;
}
#shop-list table th{
  width: 140px;
  padding: 15px 0 15px 0;
}
#shop-list table td{
  width: 510px;
  line-height: 1.8;
  padding-bottom: 15px;
}
/*ABOUT DIGITAL SERVICE*/
#about-ds{
  
}
#ds-target-user,#ds-usage,#ds-env,#ds-attention{
  padding:10px;
}
#about-ds #ds-modal{
  margin-bottom: 40px;
}
#about-ds #ds-modal-content #ds-modal-content-inner{
  padding-bottom: 10px;
  overflow: hidden;
}
#about-ds .section-contents{
  padding: 10px 20px 0 20px;
}
#about-ds a{
  color: #006699;	
}
#about-ds p.intro{
  padding: 15px 0;
}
#about-ds ul li{
  line-height: 1.6;
}
#ds-target-user ul.target-user-list{
  list-style-type: disc;
  padding-left: 20px;
}
#ds-target-user ul.target-user-info-list{
  padding-left: 20px;	
}
#ds-target-user ul.target-user-info-list li{
  text-indent: -1.3em;
}
/*ABOUT DIGITAL SERVICE ENVIRONMENT*/
#ds-env-content{
  /*width:1000px;*/
  overflow:hidden;
}
#ds-env-content h2{
  background: #555;
  color: #FFF;
  padding: 5px;
  text-align: center;	
  font-size: 18px;
}
#ds-env-content #ds-env-content-inner{
 padding-top: 20px;
 overflow:hidden;
}
#ds-env-content #ds-env-content-inner p{
  padding: 5px;
  color: #666;
}
#ds-env-content #ds-env-content-inner p.attention{
  margin-top: 10px;
  padding: 10px;
  color: #666;
  background: #F2F2F2;
  
}
#ds-env-content #ds-env-content-inner p a{
  display: inline-block;
  float: right;
}
#ds-env-content #ds-env-content-inner p a#about-ds{
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
#ds-env-content #ds-env-content-inner p a#about-ds:before{
  content: "?";
  padding: 2px 10px;
  background: #000;
  color: #FFF;
  border-radius: 30px;
  margin-right: 5px;
}
#ds-env-content #ds-env-content-inner table{
  border-collapse: collapse;
}
#ds-env-content #ds-env-content-inner table td{
  border: 1px solid #CCC;
  padding: 5px;

}
#ds-env-content #ds-env-content-inner table td.text-center{
  text-align: center;
}
#ds-env-content #ds-env-content-inner table td.title{
  min-width: 70px;
}

#ds-env-content .ds-box{
  width: 315px;
  float: left;
  margin: 0;
}
#ds-env-content .ds-box.center{
  margin: 0 15px;
}

#ds-env-content .ds-box h3{
  background: #555;
  color: #FFF;
  padding: 5px;
  text-align: center;
}

#ds-env-content .ds-box h3 span.sp-show{
  display: none;
}
#ds-env-content .ds-box h4{
  padding: 10px 0;
}
#ds-env-content .ds-box ul{
  padding-left: 20px;
}

/*ABOUT DIGITAL SERVICE USAGE*/
#ds-usage .ds-usage-box {
  padding: 20px;
  overflow:hidden;
}
#ds-usage p.intro{
  padding-bottom: 20px;
}
#ds-usage .ds-usage-box.zero {
  background: url(/common/dw/images/v3/ds/about_ds_usage_header_0.png) no-repeat;
  background-size: contain;	
}
#ds-usage .ds-usage-box.one {
  background: url(/common/dw/images/v3/ds/about_ds_usage_header_1.png) no-repeat;
  background-size: contain;	
}
#ds-usage .ds-usage-box.two {
  background: url(/common/dw/images/v3/ds/about_ds_usage_header_2.png) no-repeat;
  background-size: contain;	
}
#ds-usage .ds-usage-box.three {
  background: url(/common/dw/images/v3/ds/about_ds_usage_header_3.png) no-repeat;
  background-size: contain;	
}
#ds-usage .ds-usage-box.four {
  background: url(/common/dw/images/v3/ds/about_ds_usage_header_4.png) no-repeat;
  background-size: contain;	
}
#ds-usage .ds-usage-box h2{
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0 50px 130px;
}
#ds-usage .ds-usage-box h2 span.sp-show{
  display: none;
}
#ds-usage .ds-usage-box .left{
  width: 490px;
  float: left;
  padding-right: 30px;
}
#ds-usage .ds-usage-box .left p{
  line-height: 1.6;
}
#ds-usage .ds-usage-box .right{
  width: 300px;
  float: left;
    padding-left: 40px;
    border-left: 1px dashed #CCC;
}
#ds-usage .ds-usage-box .right img{
  display: block;
  margin: 20px auto;
}
#ds-usage h3.attention-header{
    padding-top: 20px;
    font-weight: bold;
}
#ds-usage h3.attention-header:before{
  content: "!";
  padding: 2px 10px;
  background: #D70B24;
  color: #FFF;
  border-radius: 30px;
  margin-right: 5px;		
}
#ds-usage .with-bg{
  background: #F2F2F2;
  padding: 15px;
  margin: 10px 0;
  min-height: 75px;
}
#ds-usage .with-bg dl dt{
  font-weight: bold;
  padding: 5px 0;
}
#ds-usage .with-bg dl dd{
  padding-left: 20px;
}
#ds-attention ul{
  list-style: disc;
  padding-left: 20px;
}
#ds-attention ul li{
  line-height: 1.8;
}
/*LOGIN BOX*/
#login-box{
  margin: 20px;
  border: 1px solid #666;
  position: relative;
}
#login-box p{
  text-align: center;
  font-size: 14px;
}
#login-box p.desc{
  padding-top: 20px;
}
#login-box p.error-msg{
  color: #D70B24;
    text-align: center;
    padding: 10px 30px;
}
#login-box p.error-msg a{
  color: #D70B24;
}
#login-box img{
  display: block;
  margin: 10px auto;
}
#login-box ul{
  font-size: 0;
  text-align: center;
  margin: 10px 0;
}
#login-box ul li{
  display: inline-table;
  font-size: 12px;
  color: #FFF;
  padding: 2px 5px;
}
#login-box ul li.pc{
  margin-right: 10px;
  background: #31AA78;
}
#login-box ul li.tablet{
  margin-right: 10px;
  background: #4670B6;
}
#login-box ul li.sp{
  background: #D3549F;
}
#login-box h3{
  background: #555;
  color: #FFF;
  padding: 7px;
  text-align: center;
  font-size: 16px;
}
#login-box a.btn-link-red{
  border: 2px solid #D70B24;
  border-radius: 4px;
  background: #FFF;
  padding: 30px 30px;
  color: #D70B24;
  font-size: 14px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 40px 30px;	
}
#login-box a.btn-link-red:hover{
  color: #ff1632;
  border-color: #ff1632;
  background: #FAFAFA;
  text-decoration: none;	
}

#login-box .login-form-box{
  margin: 0 120px;
  padding: 10px;
/* 	background: #fafafa; */
}
#login-box .footer{
  background: #F6F3EA;
  padding: 20px 20px 10px 20px;
  margin: 5px;
}
#login-box .footer p{
  margin-bottom: 5px;
}
#login-box .next-icon{
  width: 60px;
    height: 60px;
    position:absolute;
    background-color: #D70B24;
    border-radius: 50%;
    top: -20px;
    left: -25px;
    z-index: 100;
}
#login-box .next-icon p{
  text-align: center;
  padding-top:12px;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}

/*BUY DIGITAL MODAL*/
.store-modal{padding: 10px;}
.store-modal.inline_content{background-color:#f4f2ec;width:520px;}
.store-modal strong{font-size:14px;}
.store-modal p{font-size:14px;padding-bottom: 10px;}

.store-modal ul li{float:left; margin:0 0 5px 5px;}
.store-modal ul li a{
  background: url(/common/dw/images/v3/common/store-btns.jpg) no-repeat;
  font-weight:bold;	
  display:block; width:116px; height:38px; text-indent:-1100em; overflow: hidden;
  text-align:center; font-size:14px;
}
.store-modal ul li.btn-ehon a{background-position:-544px 0;}
.store-modal ul li.btn-amazon a{background-position:-680px -50px;}
.store-modal ul li.btn-rakutenbooks a{background-position:-544px -50px;}

.store-modal ul li.btn-kobo a{background-position:0 0;}
.store-modal ul li.btn-readerstore a{background-position:-136px 0;}
.store-modal ul li.btn-kinokuniya a{background-position:-272px 0;}
.store-modal ul li.btn-honto a{background-position:-408px 0;}
.store-modal ul li.btn-digitalehon a{background-position:-272px -50px;}
.store-modal ul li.btn-booklive a{background-position:-680px 0;}
.store-modal ul li.btn-magastore a{background-position:-816px 0;}
.store-modal ul li.btn-fujisan a{background-position:0 -50px;}
.store-modal ul li.btn-zasshi a{background-position:-136px -50px;}
.store-modal ul li.btn-kindle a{background-position:-408px -50px;}
.store-modal ul li.btn-googleplay a{background-position:0 -100px; width:110px; height:38px;}

.store-modal ul li.btn-newsstand a{background:none; text-indent:0; border:solid 1px #dcdcdc; line-height:38px; height:36px; background-color:#fff; color:#000;}

/*FOLLOWED SIDEBAR*/
#sidebar{
  position:absolute;
  background:#C1C1C1;
  width:78px;
  height:78px;
  right:10px;
  border-radius: 6px;
  z-index: 999;
/* 	display: none; */
}
#sidebar a{
  display: block;
  width: 100%;
  height: 100%;
  background: url(/common/dw/images/v3/common/icon_pagetop.png) no-repeat center center;
}
/*FIXED LEFT SNS*/
#fixed-left{
  position:fixed;
  width:48px;
  height:96px;
  top:240px;
  left:0px;
  background: #FFF;
  z-index: 999;
}
#fixed-left a{
  display: block;
  width: 100%;
  height: 100%;
}
#fixed-left .fixed-twitter{
  width: 48px;
  height: 48px;
  background: url(/common/dw/images/v3/common/twitter.png) no-repeat center center;		
}
#fixed-left .fixed-facebook{
  width: 48px;
  height: 48px;
  background: url(/common/dw/images/v3/common/facebook.png) no-repeat center center;
}

/*SUBCOLUMN TOP AD BANNER*/
#subcolumn-adv-rect{
  width: 300px;
}
#subcolumn-adv-rect a{
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 15px;
}
#subcolumn-adv-rect a img{
  width: 100%;	
}
#subcolumn-adv-rect img{
  display: block;
  width: 100%;	
}
/*ARTICLE LATEST ISSUE*/
#article-latest-issue{

}
#article-latest-issue h1.block-header{
  text-align: right;
  font-size: 18px;
}
#article-latest-issue h1.block-header span.text-small{
  padding-left: 20px;
  font-size: 14px;
}
#article-latest-issue .cover-img {
  width: 130px;
    float: left;
    padding: 15px;
    margin-right: 20px;
    background: #efefef;
}
#article-latest-issue .cover-img img{
  width: 100%;
}
#article-latest-issue .issue-contents{
  max-width: 460px;
  overflow: hidden;
}
#article-latest-issue .issue-contents h2{
  font-weight: bold;
  font-size: 18px;
  overflow: hidden;
  padding-bottom: 15px;
}
#article-latest-issue div.special-title-icon{

  display: block;
  float: left;
  margin: 2px 10px 0 0;
  padding: 0px 10px;;
  background: #d70b24;
  color: #fff;
  border-radius:20px;
  font-size: 14px;
  
  
}
#article-latest-issue .issue-contents ul{
  padding: 0;
}
#article-latest-issue .issue-contents ul li{
  padding: 5px 0;
  list-style: square;
}
#article-latest-issue .special-part-titles{
  border: 1px solid #CCC;
  background: #F6F3EA;
  padding: 20px;
}
#article-latest-issue .special-part-titles ul{
  padding-left: 20px;
  list-style-type: decimal;
}
#article-latest-issue .special-part-titles ul li{
  padding-bottom: 5px;
}
#article-latest-issue .mesh-bg-red-inner{
  margin: 20px;
}
/*article-related*/
#article-related{
  margin-top: 30px;
}

/*article-midokoro-link*/
#article-midokoro-link{
  margin-top: 30px;	
}
#article-midokoro-link .hol-button-area .btn-black{
  color: #FFF;
}
#article-midokoro-link .goto-issue-link{
  padding: 10px 0;
}
/*TOKUTEN*/
#tokuten{
  
}
#tokuten .section-contents{
  padding: 10px 20px 0 20px;
}
#tokuten p.intro{
  padding: 10px 0;
}
#tokuten p.intro-2{
  padding: 0 0 20px 0;
}
#tokuten .tokuten-list-area{
  
}
#tokuten .tokuten-list-area.pickup{
  margin-top: 10px;
}
#tokuten .tokuten-list-area ul.hol-list{
  font-size: 0;
  text-align: center;
}
#tokuten .tokuten-list-area ul.hol-list.col-4{
  overflow: hidden;
}
#tokuten .tokuten-list-area ul.hol-list.col-2{
  
}
#tokuten .tokuten-list-area ul.hol-list.col-2.pickup{
  
}
#tokuten .tokuten-list-area ul.hol-list.col-2.pickup span.icon-pickup{
  
}
#tokuten .tokuten-list-area ul.hol-list li{
    display: inline-table;
    font-size: 1.0em;    
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #C0C0C0;
    border-radius: 6px;
    
  
}
#tokuten .tokuten-list-area ul.hol-list.col-4 li{
    width: 158px;
    
}
#tokuten .tokuten-list-area ul.hol-list.col-2 li{
  width: 473px;

}
#tokuten .tokuten-list-area ul.hol-list.col-2.pickup li{
  width: 463px;
  padding: 5px;
  min-height: 293px;
  position: relative;
}

#tokuten .tokuten-list-area ul.hol-list.col-4 li.bg-grey{
  background: #C0C0C0;
  padding: 10px 0;
  height: 310px;
}
#tokuten .tokuten-list-area ul.hol-list.col-2 li.bg-grey{
  background: #C0C0C0;
  padding: 10px 0 0 0;
}
#tokuten .tokuten-list-area ul.hol-list.col-4 li .inner-white{
  background: #FFF;
  height: 310px;
  
}
#tokuten .tokuten-list-area ul.hol-list.col-2 li .inner-white{
  background: #FFF;
  border-radius: 0px 0px 6px 6px;
  overflow: hidden;
  
}
#tokuten .tokuten-list-area ul.hol-list.col-2.ticket li .inner-white{
  min-height: 133px;
}

#tokuten .tokuten-list-area ul.hol-list li p.col-title{
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
  text-align: left;
}
#tokuten .tokuten-list-area ul.hol-list li img.col-image{
  width: 230px;
/* 	height: 150px; */
}

#tokuten .tokuten-list-area ul.hol-list.col-2.ticket img.col-image{
  width: auto;
  padding-bottom: 5px;
}
#tokuten .tokuten-list-area ul.hol-list.col-2.ticket img.col-image.left{
  float: left;
  width: auto;
  padding: 5px 10px 10px 10px;
}

#tokuten .tokuten-list-area ul.hol-list li p.col-desc{
  font-size: 12px;
  padding: 10px;
  text-align: left;
}
#tokuten .tokuten-list-area ul.hol-list.col-2.ticket li p.col-desc{
  padding-top: 0;
}
#tokuten .tokuten-list-area ul.hol-list li p.image-desc{
  
}
#tokuten .tokuten-list-area ul.hol-list li p span.text-large{
  font-size: 18px;
  font-weight: bold;
}
#tokuten .tokuten-list-area ul.hol-list li ul.desc-list{
  text-align: left;
    padding: 10px;
}
#tokuten .tokuten-list-area ul.hol-list li ul.desc-list li{
  font-size: 12px;
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
}
#tokuten .tokuten-list-area ul.hol-list.pickup li ul.hol-btn-list{
  list-style: none;
  padding: 5px 0;
  
}
#tokuten .tokuten-list-area ul.hol-list.pickup li ul.hol-btn-list li{
    width: 45px;
    font-size: 12px;
    margin-right: 3px;
    border-color: #333;
    border-radius: 4px;
    padding: 0px;
    min-height: 1px;
}
#tokuten .tokuten-list-area ul.hol-list.col-2.pickup li  p.col-title{
  padding: 5px 0 15px 50px;
  font-size: 14px;
}
#tokuten .tokuten-list-area ul.hol-list.col-2.pickup li  p.col-title span.text-large{
  font-size: 20px;
}
#tokuten .tokuten-list-area ul.hol-list.col-2.pickup li img.col-image{
  width: 450px;
  height: auto;
  margin-bottom: 10px;
}
#tokuten .tokuten-list-area ul.hol-list.col-2.pickup li ul.col-3 li{
  width: 150px;
  border: none;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
  min-height: 1px;
}
#tokuten .tokuten-list-area ul.hol-list.col-2.pickup li ul.col-3 li img.col-image{
  width: 100%;
  height: 188px;
}
#tokuten .tokuten-list-area ul.hol-list li.last{
  margin-right: 0;
}
#tokuten .section-contents .btn-area{
  margin: 20px 0 40px 0;
  text-align: center;
}
#tokuten .section-contents .btn-area a{
    display: block;
    width: 240px;
    margin: 10px auto;
    border: 2px solid #D70B24;
    border-radius: 4px;
    background: #FFF;
    padding: 10px;
    color: #D70B24;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#tokuten .tokuten-list-area ul.hol-list.col-2.pickup li .pickup-icon {
    width: 45px;
    height: 45px;
    position: absolute;
    background-color: #D70B24;
    border-radius: 50%;
    top: -9px;
    left: 7px;
    z-index: 100;
}
#tokuten .tokuten-list-area ul.hol-list.col-2.pickup li .pickup-icon p {
    text-align: center;
    padding: 15px 0 0 0;
    color: #fff;
    font-size: 10px;
}
#tokuten #about-kei{
  
}
#tokuten #about-kei img{
  display: block;
  margin: 20px auto;
}

/*SUBCOLUMN MIDDLE BANNER*/
#subcolumn-middle-banners{
  
}
#subcolumn-middle-banners a{
  display: block;
  margin-bottom: 15px;
}
#subcolumn-middle-banners a img{
  display: block;
  margin: 0 auto;
  width: 100%;
}
/*SUBCOLUMN BOTTOM BANNER*/
#subcolumn-bottom-banners{
  padding: 8px;
  background: #E7E7E7;
  margin-bottom: 15px;
}
#subcolumn-bottom-banners a{
  display: block;
  margin-bottom: 8px;
}
#subcolumn-bottom-banners a.last{
  margin-bottom: 0;
}
#subcolumn-bottom-banners a img{
  display: block;
  margin: 0 auto;
  width: 100%;
}