@charset "utf-8";

.theme-base{width: 1046px;margin: 0 auto;text-align: center;padding-top:20px;}
.theme-header .header-title{margin:30px auto;font-size:7rem;font-family: serif;font-weight:bold;}
.theme-header .header-banner-area{width:1000px;margin: 0 auto;}
.theme-header .header-banner-area img{width:100%;}
.theme-header .header-banner-area .banner-caption{font-size:1.5rem;line-height: 1.5;text-align:left;margin-top: 6px;}
.fixed-banner{
  position: fixed;
  top: 200px; 
  right: 0px;
  padding: 10px 50px;
  writing-mode: vertical-rl;
  min-height:200px;
  border-radius: 12px 0 0 12px;
}
.fixed-banner a{font-size:2rem;color:#fff;font-weight:bold;}

.pr-navi-wrap{margin-top: 50px;text-align: center;}
.pr-navi-wrap .pr-navi-btn{
  /* border: solid 2px #ccc; */
  border-radius: 12px;
  padding: 15px 10px;
  text-alaign: center;
  font-size: 2rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 300px;
}
.pr-navi-btn::after {
    content: '>';
    width: 25px;
    height: 20px;
    display: block;
    -webkit-transform: rotate(90deg) scaleY(1.5) translate(0px,-84px);
    transform: rotate(90deg) scaleY(1.5) translate(0px,-84px);
    position: absolute;
    color: #fff;
}
.pr-navi-wrap .pr-navi-btn a{color:#fff;font-weight:bold;}
.subtheme-block{text-align:left;padding:10px 23px;}
.subtheme-title{text-align:left;font-size:3rem;margin:50px 0 20px;border-bottom: 1px solid #000;}
.subtheme-article{display: block;margin:20px 0;border-bottom: 1px dotted #ccc;padding-bottom:8px;}
.subtheme-article-list{padding:0 20px;}
.subtheme-article-title{font-size:2rem;margin-bottom:6px;}
.subtheme-article-summary{font-size:1.5rem;line-height:1.5;padding-left: 25px;}
.subtheme-article-more,.subtheme-article-close{
  font-size:2rem;
  text-align:center;
  margin:20px 0;
  padding:15px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.subtheme-article-hidden{display:none;}
.subtheme-article-close{display:none;}
.bigbanner-block{margin-top:30px;}
.bigbanner-block-header hr{height:10px;}
.pr-title{
  padding: 6px 23px;
  font-size: 3rem;
  color:#fff;
  font-weight:bold;
  text-align:left;
  font-family: serif;
}
.bigbanner-list{margin-top: 30px;}
.bigbanner-list .bigbanner{width:505px;float:left;margin:10px 8px 30px;text-align:left;}
.bigbanner-list .bigbanner:nth-child(2n+1) {clear: both;margin-left: 0;}
.bigbanner-list .bigbanner img{width:100%;margin-bottom:4px;}
.bigbanner .caption {padding:2px;}
.bigbanner .caption span{display:block;}
.bigbanner .caption .bigbanner_company{font-size:2rem;font-weight:bold;margin-bottom:4px;padding-left:2px;}
.bigbanner .caption .bigbanner_summary{word-wrap: break-word;font-size:1.4rem;line-height: 1.4;margin-bottom:4px;padding:2px;}
.bigbanner .caption .bigbanner_tags{font-size:1.5rem;}
.smallbanner-block{padding:0 8px;margin-bottom:50px;}
.smallbanner-list .smallbanner{
  width:330px;
  float:left;
  margin:10px 0px 30px 20px;
  text-align:left;
}
.smallbanner-list .smallbanner:nth-child(3n+1) {clear: both;margin-left: 0;}
.smallbanner-list .smallbanner img{width:100%;margin-bottom:4px;}
.smallbanner .caption {padding:2px;}
.smallbanner .caption span{display:block;}
.smallbanner .caption .smallbanner_company{font-size:1.8rem;font-weight:bold;margin-bottom:4px;}
.smallbanner .caption .smallbanner_summary{word-wrap: break-word;font-size:1.2rem;line-height: 1.4;margin-bottom:4px;}
.smallbanner .caption .smallbanner_tags{font-size:1.4rem;}