body, .pure-g [class*=pure-u] {
	font-size: 14px;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	letter-spacing: 0.04em;
	line-height: 1.6;
  font-weight: 500;
}

a {
	text-decoration: none;
	color: unset;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

/*----------------------------------------------------
	category Tag
----------------------------------------------------*/
.categoryTag {
	margin-top: 0;
	margin-bottom: 10px;
}

.categoryTag a{
	display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
}

.categoryTag span {
    font-size: 10px;
    color: #ffffff;
    background-color: #c40f26;
    padding: 1px 6px;
    border-radius: 4px;
}

.vBoxCat .categoryTag span {
	background: none;
	color: #333;
	border: 1px solid #bb1111;
	border-radius: 0;
}

.vBoxCat .categoryTag a:hover {
	color: #333;
}
.arrow {
    font-size: 12px;
    margin-right: 12px;
    color: #c40f26;
    background: -webkit-linear-gradient(#c40f26 52%, #000 48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*----------------------------------------------------
	header
----------------------------------------------------*/
.mainHeader {
	background-color: #000;
}
.mainHeader .header {
	height: auto;
}
.menuTop {
	height: 25px;
	background-color: transparent;
}
.menuTop .pure-menu-horizontal .pure-menu-list {
	text-align: left;
}
.menuTop li.pure-menu-item::after {
    content: "";
    border-right: 1px solid #3c3c3c;
    height: 14px;
    margin-top: 5px;
}
.menuTop li.pure-menu-item a:hover {
	background-color: transparent;
}
.menuTop a.pure-menu-link {
	font-size: 11px;
	color: #818181;
	padding: 0;
	margin: 5px 8px 0 8px;
	transition: transform .1s;
}
.menuTop li.pure-menu-item.active a {
	background-color: transparent;
	color: #252525;
    border-bottom: 1px solid #696969;
}
.mainMenu li.pure-menu-item.active {
	position: relative;
}
.mainMenu li.pure-menu-item a:hover {
	background-color: transparent;
	text-decoration: none;
}
.mainMenu li.pure-menu-item:hover::before,
.mainMenu li.pure-menu-item.active::before {
    content: "";
    position: absolute;
    border-bottom: 4px solid #c40f26;
    width: 50%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.contentLogo {
	display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}
.zoomHeader {
	padding: 13px 0 10px 0;
}
.headerModuleLeft {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.linkMailMag {
	display: inherit;
	max-width: 222px;
	/*width: fit-content;*/
}
.logoCenter {
	text-align: center;
}
.logoCenter h1,
.custom-brand h1 {
	margin: 0;
	display: inline-block;
	line-height: 0;
}
.logoCenter img {
	margin-top: 3px;
	height: 55px;
}
.siteLogo {
	text-align: right;
}
.siteLogo img {
	margin-top: 5px;
	height: 55px;
}
.mainMenu {
	border-bottom: 1px solid #cccccc;
}
.findButton {
	left: unset !important;
	right: 0;
}
.searchBox {
	display: flex;
	position: relative;
	background-image: url('/images/ppp/2018/search.png');
	background-repeat: no-repeat;
	background-size: 221.77px 28px;
}
.searchBox input,
.searchBox button {
	position: absolute;
}
.searchBox input {
    width: 136px;
    height: 22px;
    top: 2px;
    left: 35px;
}
.searchBox button {
    width: 42px;
    height: 23px;
    top: 2px;
    right: 116px;
}
.searchBox img {
	visibility: hidden;
	height: 32px;
}
#headerSearchBox {
	display: none;
}
img.mailMag {
	height: 26.8px;
}
.inputTransparent {
	background-color:rgba(0, 0, 0, 0);
    border: none;
    outline:none;
    height:30px;
    transition:height 1s;
    -webkit-transition:height 1s;
}
.menuBottomSP {
	padding: 25px 20px;
	text-align: center;
}
.menuBottomSP .networkSP {
	margin: 24px auto;
}
.menuBottomSP .networkSP a{
	margin: 0 5px;
}
.menuBottomSP a.linkMailMagSP {
	display: block;
}
a.customToggle i {
	-webkit-text-stroke: 1px white;
	color: #000;
}
a.customToggle:hover {
	text-decoration: none;
}

/*image with*/
img.logoSP {
	height: 53px;
}
img.menuIcon {
	height: 30px;
}
img.searchIcon {
	height: 37px;
}
img.mailMagSP {
	height: 52px;
}
img.nikkeBP {
	height: 78px;
}
/*end img width*/
/*----------------------------------------------------
	body
----------------------------------------------------*/
.main {
	color: #333;
}

.main .titleBox {
	position: relative;
	width: 100%;
    margin-bottom: 20px;
    color: #333;
    font-weight: bold;
}


.main .titleBox::before{
	content: " ";
	border-top: 2px dotted #000;
    width: 100%;
    height: 6px;
    position: absolute;
    top: -15px;
}

.main .titleBox::after{
	content: " ";
	background-color: #c40f26;
    position: absolute;
    top: -17px;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
	width: 30.31%;
	height: 6px;
	border-radius: 6px;
}


.main .hBox {
	margin: 15px 0;
}

.main .lImg {
	width: 120px;
	height: 96px;
	float: left;
	margin-right: 15px;
	overflow:hidden;
}

.main .lImg img {
	max-width: 100%;
    height: auto;
	border-radius: 5px;
}

.main .rBox .categoryTag{
	margin-bottom: 5px;
}

.main .rBox {
	width: 185px;
	float: left;
}

.main .rBox h3, .main .vBox h3 {
	font-size: 16px;
	margin: 0;
	color: #333;
	font-weight: bold;
}

.main .rBox h3 a {
	color: #333;
}

.main .rBox .subTitle {
	color: #333;
}

.main .rBox .date, .main .vBox .date {
	color: #666;
	font-size: 12px;
	top: -1px;
    display: block;
}

.main .vBox p .date {
	display: inline-block;
	margin-left: 0;
	position: relative;
}

.main .fullHBox .lImg {
	width: 200px;
	height: 160px;
}

.main .fullHBox .rBox {
	width: 440px;
	float: right;
}

.main .fullHBox .rBox .subTitle{
	margin: 5px 0 0 0;
	color: #333;
}

.main .fullHBox .rBox .description {
	margin: 5px 0 0 0;
}

.main .fullHBox .rBox .description a{
	color: #333;
}

.btnViewList {
	padding: 20px 0 40px 0;
}

.btnViewList a{
	display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 252px;
	margin: 0 auto;
	text-align: center;
	border: solid 1px #bb1111;
	border-radius: 5px;
	padding: 5px 0;
	color: #333;
	text-decoration: none;
}

.btnViewList a:hover {
	background: #c40f26;
	color: #fff;
}

.btnViewList a:hover i {
	color: #fff;
}

.btnViewList a:hover .arrow {
	background: -webkit-linear-gradient(#fff 50%, #fff 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main .vBox{
	width: 200px;
	margin-right: 30px;
}

.main .vBox .img img {
	width: 100%;
	margin-bottom: 10px;
	border-radius: 5px;
	height: auto;
}

.pure-g .vBox:last-child {
	margin-right: 0;
}

.main .vBox .subTitle {
	margin: 2px 0;
	position: relative;
	color: #333;
}

.main .vBox .subTitle .text{
	margin-right: 10px;
	display: unset;
}

.main .vBox .date {
	font-size: 12px;
}

.main .vBox .categoryTag {
	margin-bottom: 5px;
}

.main .leafBox .fullHBox {
	margin-bottom: 20px;
}

.main .leafBox .fullHBox h3{
	margin-top: -5px;
}

.main .leafBox .fullHBox:last-child {
	margin-bottom: 0;
}


/*news module*/
.newsList .newsItem:last-child {
	margin-bottom: 5px;
}
.newsItem {
	position: relative;
	margin-bottom: 15px;
}
.newsItem a.newsTitle h3{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding: 0 20px 0 25px;
	display: inline;
	margin: 0;
}
.newsItem i.arrow {
	margin: 0;
    position: absolute;
    top: 6px;
}
.newsItem span.newsDate {
	font-size: 12px;
	font-weight: normal;
}
.newsItem .newsItemBox {
	padding-left: 25px;
	text-indent:-25px;
}

/*end news module*/
.btnReportContainer {
	position: relative;
	height: 56px;
	width: 312px;
	background-color: #eeeeee;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
}

.btnReportContainer::before {
	content: " ";
    border-top: 2px dotted #000;
    width: 100%;
    height: 6px;
    position: absolute;
    top: 2px;
}

.btnReportContainer::after {
	content: " ";
    background-color: #c40f26;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    width: 64.5%;
    height: 6px;
    border-radius: 6px;
}

.btnReportContainer.secondButton {
	float: right;
}

.btnReportContainer .btnViewList {
	padding: 0;
	position: absolute;
	top: 13px;
	right: 10px;
}

.btnReportContainer span {
	font-size: 20px;
	position: relative;
	left: 10px;
	top: 2px;
}

.btnReportContainer .btnViewList a {
	width: 72px;
	display: inline-block;
	margin: unset;
    padding-left: 10px;
}

.btnReportContainer i.arrow {
	position: absolute;
    top: 30%;
    right: 60%;
}

.asideRight .categoryTag a:hover, .main .rBox .categoryTag a:hover, .main .vBox .categoryTag a:hover,
.pickupItem .categoryTag a:hover{
	text-decoration: underline;
	color: #fff;
}

.asideRight .banner img{
	width: 100%;
}

.main .vBox a:hover, .main .vBox  a:hover h3,
.main .rBox a:hover, .main .rBox a:hover h3,
.asideRight a:hover,  .asideRight a:hover p , .asideRight .ranking a:hover,
.newsItem a:hover{
	color: #737373;
}


.main .smallHBox .lImg {
	width: 122px;
	height: 90px;
}

.main .smallHBox .rBox {
	width: 523px;
}

.main .smallHBox .rBox .subTitle {
	margin-bottom: 3px;
}

.main .smallHBox .fullHBox {
    margin-bottom: 10px;
}

.main .smallHBox .fullHBox:last-child {
	margin-bottom: 40px;
}


.main .contentBox .lImg {
	width: 18.19%;
}

.main .contentBox .lImg img{
	width: 100%;
	height: auto;
}

.main .contentBox .rBox {
	width: 78.79%;
}

.main .contentBox .lineSmall {
	margin: 0 0 5px 0;
}

.main .contentBox .lineSmall .shoulder {
  border-bottom: dashed 1px
}

.main .contentBox h3 {
	margin-top: -5px;
}

.main .contentBox .subTitle {
	margin: 5px 0 0 0;
}

.main .contentBox .subTitle .text {
	margin-right: 10px;
	color: #333;
}

.main .contentBox .date {
	display: inline-block;
	position: relative;
	font-size: 10px;
	top: -2px;
}

.main .contentBox .description {
	margin: 10px 0 0 0;
}

.main .contentBox .description a {
	color: #333;
}

.contentBox .pure-u-1{
	padding: 20px 0;
}



.main .topBorderBox {
	border: 1px solid #cccccc;
	padding: 10px 13px 0 13px;
	margin: 30px 0 10px 0;
}

.main .topBorderBox.noBorderBox {
	border: none;
    padding: 0;
    margin-top: 0;
}

.main .topBorderBox .title {
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #c40f26;
    display: inline-block;
    padding: 2px 11px;
}

.main .topBorderBox.noBorderBox .title {
    border: none;
    padding: 0;
}

.main .topBorderBox.noBorderBox .subTitle {
	margin-top: 0;
}

.main .topBorderBox h2{
    margin: 0;
    font-size: 18px;
}

.main .topBorderBox .desc {
	text-indent: 15px;
	font-size: 16px;
	font-weight: 400;
}

.main .topBorderBox .desc .text,
.main .topBorderBox .desc .date{
	color: #333;
}

.main .topBorderBox .date {
	text-indent: 0;
	font-size: 12px;
	position: relative;
	top: -2px;
}

.main .topBorderBox .subTitle {
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 0 0;
}

.main .topBorderBox .desc.noIndent {
	text-indent: 0;
}

.main .contentBox .categoryTag {
	margin-bottom: 8px;
}

.main .contentBox .categoryTag a span{
	font-size: 10px;
}

.main .contentBorderBox .pure-u-1{
	border: 1px solid #cccccc;
	padding: 15px 15px 10px 15px;
	margin-top: 20px;
}

.main .contentBorderBox .pure-u-1:first-child {
	margin-top: 30px;
}

.main .contentBorderBox h3 {
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #c40f26;
    display: inline-block;
    margin: 0 0 15px 0;
    padding: 5px 11px;
}

.main .contentBorderBox .lImg{
	width: 19.05%;
	margin-right: 20px;
	display: inline;
	margin-bottom: 10px;
}

.main .contentBorderBox .rBox {
	width: 77%;
	font-size: 16px;
}

.main .contentBorderBox .lImg img {
	margin-top: 5px;
}

.main .contentBorderBox .text {
	margin-right: 10px;
	color: #333;
}

.main .contentBorderBox .date {
    display: inline-block;
    position: relative;
    font-size: 10px;
    top: -2px;
}

.main .contentBorderBox .rBox .shortDesc {
	margin: 0;
}

.main .contentBorderBox.indentBox .shortDesc{
	text-indent: 15px;
}

.main .contentBorderBox.indentBox .date{
	text-indent: 0;
}

.main .filterBox {
	border: 2px solid #cccccc;
	padding: 15px;
}

.main .filterBox .searchControl {
	display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
	padding: 10px 0 15px 0;
}

.main .filterBox .searchControl .fa-search {
	display: none;
}

.main .filterBox input {
	width: 350px;
	height: 30px;
	padding: 0 10px 0 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	border: 1px solid #aaaaaa;
	border-right: none;
	border-radius: 0px;
}

.main .filterBox button {
	height: 32px;
	background: #333333;
	color: #fff;
	border: none;
	outline: none;
	width: 65px;
}


.main .filterBox h2{
	margin: 0;
}

.main .searchInfo {
	padding: 12px 20px;
	background: #eeeeee;
	border-top: 1px solid #aaaaaa;
	margin: 25px 0 10px 0;
	font-weight: bold;
	display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
}

.main .searchInfo h1 {
	font-size: 14px;
	margin: 0;
	display: block;
	width: 100%;
}

.main .searchInfo .info{
	text-align: left;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	width: calc(50% - 5px);
}

.main .searchInfo .total{
	text-align: right;
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
.main .searchInfo .total small{
	width: 50%;
	text-align: right;
	font-size: 12px;
}
/*----------------------------------------------------
	footer
----------------------------------------------------*/
.footerBackground {
	margin-top: 29px;
	background-color: #212121;
}

.footer {
	width: 100% ;
	overflow: hidden;
}
.footer nav.localFooter{
	width: 1040px;
	margin: 0 auto;
	padding: 30px 0;
	background-color: #212121;
	position: relative;
}
.footer div.globalFooterContent {
	width: 1040px;
	margin: 0 auto;
	padding: 30px 0 0;
	background-color: #212121
}
.footer div.footerComent {
	width: 1040px;
	margin: 0 auto;
	padding: 0 0 30px;
	background-color: #212121;
}

.footer nav.localFooter {
	border-bottom: 1px solid #ffffff;
}

.localFooter ul.footlink {
	margin: 0 auto;
	width:83%;
	overflow: hidden;
	list-style: none;
	padding: 0;
}
.localFooter ul li{
	display: inline-flex;
	float:left;
	padding-left:10px;
	line-height:20px;
	vertical-align: baseline;
	font-size: 88%;
}
.localFooter ul li:after{
	content: "";
    border-right: 1px solid #818181;
    height: 16px;
    margin-top: 3px;
}

.localFooter ul li:last-child:after {
	border-right: 0;
}

.localFooter ul li a {
	padding-right:10px;
	font-size: 14.08px;
}
.footer div.footerComent p {
	font-size: 12px;
	margin: 0 10px;
	width: 1040px
}

.footer,.footer a {
	color: #fff;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}

/* footer */
.globalFooterContent{
	clear:both;
	overflow:hidden;
	padding:15px 10px;
	font-size:12px;
	max-width:1000px;
	margin:0 auto;
}
.globalFooterContent ul{
	overflow:hidden;
	margin:0;
	padding:0;
}
.globalFooterContent ul li{
	float:left;
	margin:0;
	padding:0 0 0 10px;
	display: inline-flex;
	line-height:20px;
	vertical-align: baseline;
	list-style: none;
}
.globalFooterContent ul li:after{
	content: "";
    border-right: 1px solid #818181;
    height: 14px;
    margin-top: 2px;
}

.globalFooterContent ul li:last-child:after {
	border-right: 0;
}
.globalFooterContent ul li a {
	padding-right:10px;
	font-size: 12px;
}
.globalFooterContent div.corporateLogo {
	float:right;
}
.globalFooterContent div.corporateLogo a{
	display:block;
	height:30px;
	background:url(/images/ppp/2018/soken-logo-white.svg?200514) no-repeat;
	background-size: 208px 30px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.globalFooterContent .globalCopyright{
	clear:both;
	margin:15px 10px;
}
.globalFooterContent .globalCopyrightComent{
	clear:both;
	margin:15px 10px 30px 10px;
}
.pagetop {
	position: absolute;
	right:20px;
	top: -40px;
}
.pagetop a{
	display: block;
	height: 29px;
}
.scrollToTopBtn.visible {
	bottom: 14px;
    opacity: 1;
}

.scrollToTopBtn {
	display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 50%;
    position: fixed;
    width: 48px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    z-index: 9899;
    right: 16px;
    bottom: -96px;
    font-size: 18px;
    background-color: #4d4d4d;
    padding-left: 1px;
    opacity: 0;
    -webkit-transition: bottom .4s cubic-bezier(.68,-.55,.265,1.55),opacity .3s,background-color .3s,border-color .3s;
    -moz-transition: bottom .4s cubic-bezier(.68,-.55,.265,1.55),opacity .3s,background-color .3s,border-color .3s;
    transition: bottom .4s cubic-bezier(.68,-.55,.265,1.55),opacity .3s,background-color .3s,border-color .3s;
}
.syllabary a {
	color: #000;
}
/*----------------------------------------------------
	class format
----------------------------------------------------*/
.container {
	margin: 0 auto;
}

/*----------------------------------------------------
	navbar
----------------------------------------------------*/
.customWrapper {
	margin-bottom: 1em;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	-ms-transition: height 0.5s;
	transition: height 0.5s;
}

.customWrapper.open {
	height: 48em;
}

.customToggle {
	position: absolute;
	top: 0;
	/*left: 0;*/
	display: none;
}

.customToggle .bar {
	background-color: #777;
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 100px;
	position: absolute;
	top: 18px;
	right: 7px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.customToggle .bar:first-child {
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
}

.customToggle.x .bar {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.customToggle.x .bar:first-child {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.pure-menu-horizontal .pure-menu-item {
	display: inline-flex;
}

.pure-menu-link {
	color: #000;
	font-size: 13px;
	padding: 10px 13px;
}

.pure-menu-horizontal .pure-menu-list {
	display: block;
	text-align: center;
}

li.pure-menu-item::after {
	content: "";
	border-right: 2px solid #cccccc;
    height: 20px;
    margin-top: 8px;
}

li.pure-menu-item:last-child::after {
	border-right: none;
}

/*crumbs*/
ol.crumbs {
	padding: 0;
	margin-top: 0;
}
ol.crumbs li {
	display: inline;
}
ol.crumbs li a {
	font-size: 12px;
	color: #333;
}
ol.crumbs li:after {
	content: ' ＞ ';
	color: #999;
}
ol.crumbs li.last:before,
.crumbs li.last:after {
	content: '';
}
/*end crumbs*/

/*box title detail*/
.boxTitleDetail {
	height: 38px;
	width: 100%;
	background-color: #eeeeee;
	border-top: 1px solid #aaaaaa;
	display: table;
}
.boxTitleDetail .titleLabel a, .boxTitleDetail .titleLabel span, .boxTitleDetail .titleLabel h1 {
	background-color: #bb1111;
	color: #fbf4f4;
	border-radius: 5px;
	padding: 2px 8px;
	font-size: 12px;
	margin-left: 10px;
	display: inline-block;
    margin-bottom: 1px;
    font-weight: 500;
    margin-top: 0;
}

.boxTitleDetail .titleLabel a h1 {
	margin-left: 0;
    display: inline;
    padding: 2px 0;
}

.boxTitleDetail .btnListArrow a {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	padding: 0 8px;
	background-color: #FFF;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	white-space: nowrap;
}
.boxTitleDetail .btnListArrow a:hover {
	background: #bb1111;
    border-color: #bb1111;
    color: #fff;
    text-decoration: none;
}
.boxTitleDetail .btnListArrow a:hover i.arrow{
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: #fff;
}
.boxTitleDetail i.arrow {
	margin-right: 7px;
}
.boxTitleDetail .btnListArrow,
.boxTitleDetail .titleLabel {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.boxTitleDetail .title h1{
	margin: 3px 10px 3px 10px;
	font-size: 21px;
}

.headerTitle h2 {
	font-size: 16px;
    font-weight: bold;
    margin: 20px 0 0 0;
}
/*end box title detail*/
/*box info area*/
.boxInfoArea {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 4px;
  display: table;
  margin: 27px 0;
}

.boxInfoArea a {
  position: relative;
  color: #333;
  font-size: 12px;
  line-height: 1.6;
  display: table;
  padding: 8px 8px 7px 32px;
}

.boxInfoArea a::before {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  content: "";
  background: url(/images/ppp/2018/info_icon.png) no-repeat;
  background-size: contain;
  top: 11px;
  left: 10px;
}

/*end box info area*/
/*box Sub Image Area*/
.boxSubImageArea {
  width: 100%;
  margin: 0 auto;
}

.boxSubImageArea a {
  display: table;
  padding: 10px;
  margin: 20px auto 35px auto;
}

.boxSubImageArea a img {
  width: 100%;
  min-width: 320px;
}

/*end box Sub Image Area*/
/*box title lines*/
.boxTitleLines {
	margin: 24px 0 30px 0;
	position: relative;
}

.boxTitleLines p.lineSmall {
	font-size: 13px;
	margin-top: 23px;
	margin-bottom: 0;
}

.boxTitleLines p.lineSmall .shoulder {
  border-bottom: dashed 1px
}

/*.boxTitleLines p.lineBold {
	font-size: 28px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 2px;
}*/
.boxTitleLines address.lineNormalOver {
	font-size: 18px;
	margin: 0;
	margin-bottom: 12px;
}
.boxTitleLines address.lineNormal {
	font-size: 14px;
	margin: 0;
	margin-bottom: 5px;
	font-style: normal;
}
.boxTitleLines time.dateRight {
	font-size: 12px;
	position: absolute;
	right: 0;
	bottom: 1px;
}
.boxTitleLines h1 {
	margin: 0 0 2px 0;
}
.boxTitleLines h2 {
	margin: 0 0 12px 0;
	font-size: 18px;
	font-weight: normal;
}
/*end box title lines*/

/*content text*/
.contentText {
	font-size: 16px;
	font-weight: 500;
	text-align: justify;
}
.contentText hr{
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin-bottom: 22px;
    width: 100%;
}
.contentText p.paragraph{
	text-indent: 15px;
	margin-top: 0;
	margin-bottom: 35px;
}
.contentText .imagesParagraph{
	text-align: center;
}
.contentText .imagesParagraph img{
	margin: 10px 0 0 0;
	max-width: 100%;
	height: auto;
}
.contentText .imagesParagraph h4{
	margin: 0;
	font-weight: 500;
	text-align: left;
	padding-left: 23px;
	background-image: url("/images/ppp/2018/border_right.jpg");
    background-repeat: repeat-y;
    font-size: 20px;
}

/*end content text*/
.articleBody .nextDescription {
	clear: both;
	background-color: #eeeeee;
	font-size: 16px;
	padding: 15px 0;
	text-align: center;
	border-radius: 8px;
	margin-top: 30px;
}
.articleBody .nextDescription p {
	margin: 0;
	text-align: center;
	color: #333;
}
.bpImageSection {
	text-align: left;
	display: inline-block;
	margin-bottom: 10px;
}

.bpImageClick, .bpImageCaption {
	font-size: 12px;
}
/*pagination*/
.pagination {
    clear: both;
    margin: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.pagination ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination ul li {
	float: left;
}

.pagination i.arrow-left {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 12px;
    color: #c40f26;
    background: -webkit-linear-gradient(#000 48%,#c40f26 52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pagination i.arrow-right {
	display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 12px;
    color: #c40f26;
    background: -webkit-linear-gradient(#c40f26 52%, #000 48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page {
    border: solid 1px #aaaaaa;
    font-size: 13px;
    margin: 0 3px;
    height: 28px;
    width: 28px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page.active span {
	color: #FFF;
}
.page span {
	color: #333;
}
.page.pageSP {
	display: none;
}
.pagination-prev {
	margin-right: 17px;
}
.pagination-next {
	margin-left: 17px;
}
.pagination-next p,
.pagination-prev p {
	padding: 0;
	margin: 0 !important;
	text-align: center !important;
	width: 100%;
    display: inline-table;
    vertical-align: middle;
    height: 100%;
    font-size: 14px !important;
    font-weight: normal !important;
}
.pagination-prev,
.pagination-next {
	display: inline-table;
    vertical-align: middle;
    border: 1px solid #aaaaaa;
    box-sizing: border-box;
    height: 30px;
    width: 86px;
    border-radius: 5px;
    padding: 0 5px;
}

.pagination-prev span,
.pagination-next span{
	width: 55%;
	display: table-cell;
	vertical-align: middle;
	color: #333;
}

.pagination-prev:hover,
.pagination-next:hover {
	background: #bb1111;
    border-color: #bb1111;
    color: #fff;
    text-decoration: none;
}
.pagination-prev:hover span,
.pagination-next:hover span {
	color: #FFF;
}
.pagination-prev:hover .arrow-left,
.pagination-next:hover .arrow-right{
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: #fff;
}

.page:hover,
.page:hover span,
.page.gradient:hover,
.page.active {
    background: #bb1111;
    border-color: #bb1111;
    color: #fff;
    text-decoration: none;
}

.pageInList {
	margin: 50px 0 70px 0;
}
/*end pagination*/
/*Social group*/
.boxSocial {
	margin: 20px 0 36px 0;
}
.headerTitle + .boxSocial {
	margin: 20px 0 15px 0;
}
.centerBox {
	float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
.centerBox ul.social {
	list-style:none;
    position:relative;
    left:50%;
}
.endBoxSocial {
	clear: both;
}
ul.social {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
}
ul.social li{
	float: left;
	display: flex;
    height: 22px;
    line-height: 20px;
    text-align: center;
	padding: 0;
	margin-right: 9px;
}
ul.social li i{
	font-size: 12px;
}
ul.social li a{
	font-size: 12px;
	padding: 2px 8px;
	color: #fff;
	border-radius: 4px;
}
ul.social li a:visited {
	color: #fff;
}
ul.social li a:hover{
	text-decoration: none;
	opacity: 0.8;
	color: #fff;
}
a.socialFacebook {
	background-color: #4367b0;
	margin-right: 5px;
}
a.socialFacebookShare {
	background-color: #4367b0;
	margin-right: 9px;
}
a.socialBee {
	background-color: #00a4d4;
	margin-right: 11px;
	font-weight: bold;
}
a.socialTwitter {
	background-color: #1e95de;
	margin-right: 10px;
}
.socialLine {
	padding: 0 !important;
	margin-right: 19px;
	height: 100%;
}
.vl {
    border-left: 1px dotted #000000;
    height: 22px;
}
a.socialBlack {
	background-color: #373737;
}

ul.social li a.socialBlack {
	padding: 1px 18px;
}

hr.hrSocialSp {
	display: none;
}
/*End Social group*/
/*----------------------------------------------------
	content
----------------------------------------------------*/
div.main {
	float: left;
    width: 660px;
    clear: both;
}

.asideRight {
    float: right;
    width: 300px;
}

/*----------------------------------------------------
	aside notice
----------------------------------------------------*/
.networkAndLogo {
    border-bottom: 1px dashed #cccccc;
    padding: 0 0 20px 0;
    margin-bottom: 30px;
    text-align: center;
}

.networkAndLogo a{
	margin: 0 5px;
}

.asideRight {
	color: #333333;
	font-size: 14px;
}

.asideRight .notice {
	margin-top: 30px;
}

.asideRight .firstNotice {
	margin-top: 0;
}

.asideRight .brBoder {
	display:none;
    /* background: url(/images/ppp/2018/notice-bg.png) repeat-x left top; */
    /* height: 2px; */
}

.asideRight .notice .asideContent {
	padding-top: 20px;
}

.asideRight .notice .asideContent a {
	color: #333;
}

.asideRight .notice span.header {
	padding: 6px 0px 0px 11px;
	display: block;
	background-color: #eeeeee;
	font-size: 16px;
	font-weight: bold;
	height: 32px;
	border-top: 1px solid #aaaaaa;
}

.noticeImg {
	float: left;
}

.asideRight .notice img {
	width: 66px;
	height: 50px;
}

.asideRight .notice .title {
	overflow: hidden;
	padding-left: 13px;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
    margin-top: -3px;
    width: 221px;
    display: block;
}

.asideRight .notice .desc {
    clear: both;
	padding: 20px 0 20px 0;
}

.asideRight .notice .desc p {
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	padding: 15px 0 15px 5px;
	margin-bottom: 0;
	margin-top: 0;
}



/*----------------------------------------------------
	aside attention
----------------------------------------------------*/
.asideRight .attention span.header {
	background-color: #fff6f6;
	border-top: 1px solid #eed4d4;
}


/*----------------------------------------------------
	aside info
----------------------------------------------------*/
.asideRight .asideInfo {
    margin: 15px 0 20px;
    border-top: 1px dotted #000;
    padding-top: 20px;
    clear: both;
}

.asideInfo.asideInfoFirst  {
	border-top: none;
	padding-top: 0;
}

.asideInfo p.summary {
	color: #333;
    margin-top: 0;
    margin-bottom: 10px;
}

.asideInfo a {
	color: #333;
}

.asideInfo .title {
	margin-top: 0;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}


.asideInfo img.map3Top {
	width: 180px;
}


.asideInfo img.mayors {
	width: 160px;
}

.asideInfo .summaryCenter {
	width: 160px;
	font-size: 12px;
	text-align: left;
	margin-top: 5px;
}

.asideInfo p.summaryFirst {
	margin-bottom: 8px;
}

.asideInfo .img {
	float: left;
	margin: 0 18px 20px 0;
}

.asideInfo .img img.asideLeftImg {
	margin-top: 4px;
	width: 100px;
}

.asideInfo .asideRightBox {
	display: table;
}


/*----------------------------------------------------
	ranking
----------------------------------------------------*/
.asideRight ul.ranking {
	padding: 0;
	margin-top: 0;
}

.asideRight ul.ranking li{
	list-style: none;
	display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px dashed #cccccc;
}

.asideRight ul.ranking li:first-child {
	padding-top: 0;
}

.asideRight ul.ranking li a {
	display: block;
    width: calc(100% - 40px);
    color: #333;
}

.ranking .rankNumber {
	float: left;
	text-align: center;
	background: #aaaaaa;
	color: #fff;
	border-radius: 2px;
	width: 25px;
	height: 25px;
	display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-right: 15px;
}

.ranking .rankNumber.topRank {
	background: #c40f26;
}

/*----------------------------------------------------
	top Pickup
----------------------------------------------------*/
.topPickup {
	padding-bottom: 35px;
    color: #333;
}

.topPickup h2{
	font-weight: bold;
	margin-bottom: 14px;
}

.topPickup div.slick-slide:nth-child(2) {
	margin: 0 5px;
}

.topPickup .pickupItem {
	position: relative;
}

.topPickup .categoryTag {
	position: absolute;
    top: 0;
	left: 0;
}

.topPickup .slick-slide img {
	border-radius: 4px;
}

.topPickup .pickupItem .text {
	position: absolute;
	bottom: 5px;
	left: 10px;
	color: #fff;
	z-index: 5;
}

.topPickup .pickupItem .text a {
	color: #FFF;
}

.topPickup .pickupItem span {
	color: #FFF;
}

.topPickup .pickupItem .text .smallTitle {
	font-size: 12px;
	color: #FFF;
}

.topPickup .pickupItem .text .title {
	font-size: 18px;
	font-weight: bold;
	margin: 3px 0 0 0;
	color: #FFF;
}

.topPickup .pickupItem::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 70%;
    background: linear-gradient(to bottom, rgba(45, 60, 60, 0) 0%, rgba(45, 60, 60, 0.1) 35%, rgba(45, 60, 60, 1) 100%);
}

a.pure-menu-heading.custom-brand {
    position: relative;
    height: 72px;
    width: 100%;
    padding: 0;
}

img.logoSP {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/*----------------------------------------------------
	notification
----------------------------------------------------*/
.notification {
	margin: 20px auto 0 auto;
}

.notificationBottom {
	margin: 0 auto 50px auto;
}

.notification .notifyBox {
	padding: 15px 27px 12px 27px;
	border: 2px solid #bb1111;
	color: #333;
}

.notification .notifyBox.articlebox {
  border: 2px solid #d3d3d3;
  overflow: hidden;
}

.notification .notifyBox.articlebox::after {
  display: block;
  content: "";
  clear: both;
}

.notification .notifyBox h2 {
	margin-bottom: 10px;
	margin-top: 0;
  font-size: 1.15em;
}

.notification .notifyBox p {
	margin: 10px 0;
}

.notification .notifyBox .text {
	margin-right: 10px;
	color: #333;
}

.notification .notifyBox .date {
	font-size: 12px;
}

.notification .notifyBox.articlebox img {
  width: 250px;
  float: right;
  max-height: auto;
  padding-left: 1em;
  padding-bottom: 1em;
}

.notification .notifyBox.articlebox.articleSubArea::after {
  display: block;
  content: "";
  clear: both;
}

.notification .notifyBox.articlebox.articleSubArea img {
  width: 250px;
  float: right;
  max-height: auto;
  padding-left: 1em;
  padding-bottom: 1em;
}

.notification .notifyBox.articlebox.articleSubArea {
  border: 2px solid #d3d3d3;
  overflow: hidden;
}

/*zoom page*/
.containerZoom {
	max-width: 800px;
	margin: 0 auto;
}
.zoomContent .bigText {
	font-size: 18px;
}
.zoomContent .firstTitle {
	margin: 35px 0;
	text-align: center;
	font-weight: bold;
}
.zoomContent .normalText {
	font-size: 16px;
	margin: 25px 0;
	text-align: justify;
}
.zoomContent .imageContent {
    text-align: center;
}
.zoomContent .imageContent img {
    max-width: 100%;
    height: auto;
    cursor: pointer;
}
.zoomContent .btnZoom {
	text-align: center;
}
.zoomContent .btnZoom button {
	border: 1px solid #2a2e27;
	padding: 2px 8px;
	color: #737373;
	outline: none;
	background: none;
}

.zoomContent .btnZoom button:hover {
	text-decoration: underline;
}
/*end zoom page*/

.contentText p.bplead {
	font-weight: bold;
}








/* leaf sample */
.articleBody p {margin-bottom:20px;max-height: 100%;}
.articleBody p.bplead {font-weight: bold; max-height: 100%;}
.articleBody h3 {
	padding-left: 15px;
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: normal;
    /* background-image: url(/images/ppp/2018/border_right.jpg); */
    /* background-repeat: repeat-y; */
    padding-bottom: 0;
    border-bottom: 0;
    border-left: 5px solid #c40f26;
	border-bottom: 1px solid #c40f26;
}

.articleBody a {color: #c40f0f}
.articleBody a:hover,.articleBody a:active {color: #c40f0f}
.articleBody a:visited {color: #cb8d8d}

.articleBody p.bpquestion{
	color: #213775;
	font-weight: bold;
}

.articleBody p.bpanswer{}

.articleBody h4 {
	/* background-color: none; */
	/* border-bottom: none; */
	background-color: #f3f3f3;
	border-bottom: 3px solid #c40f26;
	font-weight: 500;
    padding-left: 23px;
    margin: 0;
    text-align: left;
    /* background-image: url(/images/ppp/2018/border_right.jpg); */
    /* background-repeat: repeat-y; */
    font-size: 20px;
    color: #333;
}



.articleBody p.quote {text-align: right;}
.articleBody p.quote a{color: #c40f0f}
.articleBody p.quote a:hover{text-decoration: underline;}

.articleBody ul.dot,.articleBody ol.decimal {margin-bottom: 20px;padding-left: 20px;}
.articleBody ul.dot li{list-style-type: disc;margin-left:1em; margin-bottom:10px;list-style-position: outside;}
.articleBody ol.decimal li {list-style-type: decimal; margin-left:1em; margin-bottom:10px;list-style-position: outside;}
.articleBody hr {background-color:#bfbfbf;border: none;height:1px;}
.articleBody hr.boldline {height:3px;}


.articleBody p.pageUrl {
	font-size: 88%;
	margin-top: 50px;
	clear:both;
}

.articleBody .bpimage_image img {
  height: auto;
}


.articleBody p {
	font-size: 16px;
	font-weight: 500;
	/*line-height: 1.6;*/
	text-align: justify;
}

/*
div.bpimage_triple {
	width: 100% !important;
}

div.bpimage_wrap {
	width: 437.5px !important;
}
*/

.articleBody h4 {
	margin-top: 30px;
	margin-bottom: 30px;
}

h4#anc_zu3, h4#anc_bpvideo {
	display: inline-block;
	width: 100%;
}

.articleBody .bptable th {
    background-color: #A20036;
    color: #fff;
}

.articleBody p.bpquestion {
    color: #A20036;
}

div.bpbox2 {
    background: #fff5f6;
}

div.bpbox4 {
    background-color: #A20036;
}

div.bpframe div.bpbox_title {
	margin-top: 10px;
	margin-left: 30px;
}
/* end leaf sample */

@media (min-width: 992px) and (max-width: 1050px) {
	.globalFooterContent, .localFooter, .container {
		transform: scale(0.97);
	}
}

@media (min-width: 1025px) {
	.container {
	    max-width: 1000px;
	}

	.hideOnPc {
		display: none;
	}

	.hideSNS {
		display: none;
	}

	.topPickup .slick-slide {
		width: 330px !important;
		height: 250px;
	}


	.footer div.globalFooterContent {
		width: 100%;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1024px) {
	.globalFooterContent, .localFooter, .container {
		transform: scale(0.97);
	}

	.footerBackground {
		margin-top: -70px;
	}

	.footerZoom {
	    margin-top: 29px;
	}

	.asideRight {
		width: 290px;
	}

	.asideRight .notice .title {
		width: 211px;
	}


	.footer nav.localFooter{
		width: 100%;
	}
	.footer div.globalFooterContent {
		width: 100%;
	}
	.footer div.footerComent {
		width: 100%;
	}

	.footer div.footerComent p {
		width: 100%;
		margin: 0;
	}

	.topPickup div.slick-slide:nth-child(2) {
		margin: 0;
	}

	.container {
		margin: 0 auto;
		max-width: 1000px;
	}

	.networkAndLogo .hideOnPc {
		display: none;
	}
	.customWrapper .hideOnPc {
		display: none;
	}

	.footer div.footerComent p {
		margin: 0;
		padding-left: 10px;
		font-size: 9px;
		width: 90%;
	}

	.topPickup .slick-slide {
		width: 33% !important;
	}

	.topPickup div.slick-slide:nth-child(2) {
		margin: 0 0.5%;
	}

	.topPickup .pickupItem .text {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    color: #fff;
	    padding: 0 10px 10px 10px;
	}

	.topPickup .slick-slide img {
		width: 100%;
		height: auto;
	}

	.hideSNS {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1010px) {


	.topPickup .slick-slide img {
		width: 100%;
		height: auto;
	}

	.container .notification {
		margin-left: 10px;
		margin-right: 10px;
	}


}

/*@media (min-width: 992px) and (max-width: 1000px) {
	.asideRight {
		width: 290px;
	}
}
*/

@media (max-width: 992px) {
	.topPickup .pickupItem .text span {
		display: none;
	}
	.asideRight .banner {
		text-align: center;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.header,
	.footer {
		max-width: 750px;
		margin: 0 auto;
	}
	.footer nav.localFooter{
		width: 100%;
	}

	.localFooter ul.footlink {
		width: 100%;
	}
	.footer div.globalFooterContent {
		width: 100%;
	}
	.footer div.footerComent {
		width: 100%;
	}

	.footer div.footerComent p {
		margin: 0;
		padding-left: 10px;
		font-size: 9px;
		width: 90%;
	}

	.topPickup div.slick-slide:nth-child(2) {
		margin: 0;
	}

	.container {
		margin: 0 auto;
		max-width: 1000px;
	}

	div.main {
		float: none;
		margin: 0 auto;
	}
	.asideRight {
		float: none;
		margin: 0 auto;
	}

	.topPickup {
		width: 680px;
	}

	.topPickup h2 {
		margin-left: 10px;
	}

	.topPickup .pickupItem div.img {
		padding: 0 10px;
	}

	.topPickup .categoryTag {
		left: 10px;
		width: 100%;
	}

	.topPickup .categoryTag a {
		width: 90%;
	}
	.topPickup .pickupItem div.img img{
		width: 100%;
		height: auto;
	}

	.topPickup .pickupItem .text {
	    padding: 0 10px;
	    width: calc( 100% - 30px );
	    font-size: 13px;
	}

	.topPickup .pickupItem .text .title {
		font-size: 14px;
	}


	.topPickup .slick-dots li button:before {
		color: #ccc;
		opacity: 1;
	}

	.topPickup .slick-dots li.slick-active button:before {
		color: #bb1111;
		opacity: 1;
	}

	.topPickup .slick-dots li button:before {
		font-size: 16px;
	}

	.networkAndLogo {
		text-align: center;
    	margin-top: 30px;
    	border: none;
    	padding: 0;
	}

	.asideRight .firstNotice {
		/*display: none;*/
		margin-top: 30px;
	}

	.asideRight {
		width: 660px;
	}

	.asideRight .notice {
		clear: both;
	}

	.asideRight ul.ranking li a {
		margin-top: 3px;
	}

	.asideRight ul.ranking li.hideRankSP {
		display: none;
	}

	.customWrapper .hideOnPc {
		display: none;
	}

	.pure-menu-link {
	    color: #000;
	    font-size: 11px;
	    padding: 7px 10px;
	}
	li.pure-menu-item::after {
		height: 17px;
	}
	.logoCenter img {
		height: 50px;
	}
	.siteLogo img {
	    height: 50px;
	}
	.linkMailMag {
		max-width: 185px;
	}
	img.mailMag {
		height: 22.4px;
	}
	.searchBox img{
		height: 27px;
	}
	.searchBox {
		background-size: 185px 23px;
	}
	.searchBox input {
		width: 119px;
	    height: 20px;
	    top: 0;
	    left: 26px;
	}
	.searchBox button {
		width: 38px;
	    height: 23px;
	    top: 0;
	    right: 62px;
	}
	.contentLogo {
	    padding-left: 5px;
    	padding-right: 8px;
	}


	.container .notification {
		width: 660px;
	}
	.boxTitleLines time.dateRight {
		position: relative;
	}

	.containerZoom {
		padding: 0 15px;
	}

	ol.crumbs {
	    width: 660px;
	    margin: 0 auto;
		margin-bottom: 14px;
	}
}

@media screen and (max-width: 767.98px) {
	.container {
		padding-left: 10px;
    	padding-right: 10px;
	}

	/*start aside*/
	.asideRight {
		font-size: 16px;
	}

	.asideRight .firstNotice {
		/*display: none;*/
		margin-top: 30px;
	}

	.asideRight .notice span.header {
		font-size: 20px;
		font-weight: bold;
	}

	.categoryTag span {
		font-size: 12px;
	}

	.vBoxCat .categoryTag span {
		margin-bottom: 3px;
	}

	.asideInfo {
		overflow: hidden;
	}

	.asideInfo .title {
		font-size: 18px;
	}

	.asideRight .asideInfo {
		position: relative;
		border-top: none;
	}

	.asideInfo::before {
		content: "";
		background: url(/images/ppp/2018/dot_border_sp.png) repeat-x left top;
	    width: 100%;
	    position: absolute;
	    top: 0;
	    height: 1px;
	}

	.asideInfo.asideInfoFirst::before {
		height: 0px;
	}

	.asideInfo p.summary {
		font-size: 16px;
	}

	.asideInfo .summaryCenter {
		font-size: 15px;
		width: 190px;
	}

	.asideInfo img.map3Top {
		width: 330px;
	}


	.asideInfo img.mayors {
		width: 190px;
	}

	.asideInfo .img img.asideLeftImg {
		margin-top: 0;
		width: 120px;
	}

	.hideSNS .networkSP {
		display: none;
	}
	/*end aside*/

	/*start ranking*/
	.ranking .rankNumber {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}

	.asideRight ul.ranking li {
		border-bottom: none;
		position: relative;
	}

	.asideRight ul.ranking li::after {
		content: "";
		background: url(/images/ppp/2018/border_rank_sp.png) repeat-x left top;
	    width: 100%;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    height: 1px;
	}

	.asideRight ul.ranking li a {
		width: calc(100% - 40px);
	}

	.asideRight ul.ranking li.hideRankSP {
		display: none;
	}
	/*end ranking*/

	div.main {
		float: none;
	    width: 100%;
	}

	.asideRight {
	    float: none;
	    width: 100%;
	}


	/*start body*/
	.main .titleBox::before {
	    background: url(/images/ppp/2018/h2-border-sp.png) repeat-x left top;
        width: calc(100% + 20px);
        margin-left: -10px;
        border-top: none;
	}


	.main .titleBox::after{
		display: none;
	}

	.main .hBox {
		margin: 10px 0;
	}

	.main .leafBox .fullHBox h3, .main .vBox h3 {
		margin-top: 0;
	}

	.main .rBox .date, .main .vBox .date {
		margin-top: 3px;
	}

	.main .rBox, .main .fullHBox .rBox {
		width: 66.4%;
		float: right;
	}

	.main .rBox .descrption, .rBox .subTitle {
		font-size: 13px;
	}

	.main .rBox .categoryTag {
		margin-top: 0;
	}

	.main .rBox .categoryTag span{
		padding-top: 3px;
	}


	.main .rBox .date, .main .rBox .categoryTag span{
		font-size: 12px;
	}

	.main .lImg, .main .fullHBox .lImg {
		width: 30.8%;
		height: auto;
		margin-right: 0;
	}


	.btnViewList a{
		width: 100%;
		border: 1px solid #333;
		padding: 8px 0;
		font-size: 18px;
	    box-sizing: border-box;
	}

	.btnViewList a:hover, .btnViewList a:active {
		border-color: #c40f26;
	}

	.main .vBox {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.main .vBox .img {
		width: 30.8%;
	    height: auto;
	    margin-right: 0;
	    float: left;
	    margin-right: 2.8%;
	}

	.main .vBox .img img {
		margin-bottom: 0;
	}

	.main .vBox .box {
		width: 66.4%;
    	float: left;
	}


	.main .vBox .date {
		margin-bottom: 0;
	}

	.main .vBox p .date {
		position: unset;
		display: block;
		margin-left: 0;
	}

	.btnViewList {
	    padding: 10px 0 40px 0;
	}


	.main .fullHBox .description {
		display: none;
	}

	.main .leafBox .fullHBox:last-child {
		margin-bottom: 20px;
	}


	.main .vBoxCat .vBox .categoryTag {
	    margin-bottom: 0;
	}

	.networkAndLogo {
		padding: 0;
		border: none;
	}
	.networkAndLogo .networkSP {
		margin: 30px auto;
	}
	.networkAndLogo .networkSP a{
		margin: 0 5px;
	}

	.main .contentBox .lImg {
		width: 30.9%;
	}

	.main .contentBox .rBox{
		width: 66.16%;
	}

	.main .contentBox .description{
		display: none;
	}

	.contentBox .pure-u-1 {
		padding: 15px 0;
	}

	.main .contentBox .date {
		top: -1px;
		display: block;
	}

	.main .topBorderBox {
		border: none;
		padding: 0;
		margin: 20px 0 15px 0;
	}


	.main .topBorderBox h2 {
		font-size: 16px;
	}

	.main .topBorderBox .title {
		display: block;
		padding: 10px;
	}

	.main .topBorderBox .text {
		font-size: 14px;
	}

	.main .topBorderBox .date {
		display: none;
	}

	.main .topBorderBox .subTitle {
		margin-top: 20px;
	}

	.headerTitle h2 {
		font-size: 15px;
	}

	.main .contentBorderBox h3 {
		display: block;
		font-size: 16px;
		padding: 10px;
	}

	.main .contentBorderBox .pure-u-1 {
		border: none;
		padding: 0;
		margin-top: 30px;
	}

	.main .contentBorderBox .pure-u-1:first-child {
	    margin-top: 20px;
	}

	.main .contentBorderBox .lImg {
	    width: 30.9%;
	    margin-bottom: 0;
	}

	.main .contentBorderBox .rBox {
	    width: 66.16%;
	    font-size: 14px;
	}

	.main .contentBorderBox .lImg {
		margin-right: 0;
	}

	.main .contentBorderBox .lImg img {
	    margin-top: 3px;
	}

	.main .contentBorderBox .date {
		top: -1px;
		display: block;
	}

	.main .topBorderBox .subTitle {
		font-size: 15px;
	}

	.main .filterBox {
		border: none;
	}

	.main .filterBox h2, .main .filterBox p{
		display: none;
	}

	.main .filterBox .searchControl {
		padding: 0 10px;
		position: relative;
	}

	.main .searchInfo {
		border: none;
		background: #fff;
		display: block;
		margin: 0 10px 10px 10px;
	}

	.main .filterBox input {
		height: 46px;
		width: 100%;
		font-size: 16px;
		text-indent: 45px;
	}


	.main .filterBox button {
		height: 48px;
		width: 85px;
	}

	.main .searchInfo .info {
		width: 100%;
		display: block;
		text-align: center;
		font-size: 16px;
	}
	.main .searchInfo .total {
		width: 100%;
		display: block;
		text-align: center;
		font-size: 30px;
		margin-top: 5px;
	}

	.main .searchInfo .total small {
		font-size: 15px;
	}

	.main .filterBox .searchControl .fa-search {
	 	position: absolute;
	  	top: 10px;
	  	left: 25px;
	  	font-size: 26px;
	  	display: block;
	  	color: #aaaaaa;
	}

	/*end body*/


	/* start top pickup */
	.container.topPickup {
		padding-left: 0;
		padding-right: 0;
	}

	.topPickup h2 {
		margin-left: 10px;
	}

	.topPickup .slick-slide img {
		width: 100%;
		height: auto;
	}

	.topPickup div.slick-slide:nth-child(2) {
		margin: 0;
	}

	.pickupItem div.img {
		margin: 2.5px;
	}

	.topPickup .categoryTag {
	    position: absolute;
	    top: 2.5px;
    	left: 2.5px;
	}

	.topPickup .categoryTag span {
		border-radius: 4px;
	}

	.topPickup .pickupItem .text {
	    position: absolute;
	    bottom: 10px;
	    left: 0px;
	    color: #fff;
	    margin: 0px 20px;
	}

	.topPickup .slick-dots li button:before {
		color: #ccc;
		opacity: 1;
	}

	.topPickup .slick-dots li.slick-active button:before {
		color: #bb1111;
		opacity: 1;
	}



	.topPickup .slick-dots li button:before {
		font-size: 16px;
	}

	.notification .notifyBox {
		padding: 15px 15px 5px 15px;
		background: #fff7f4;
	}

  .notification .notifyBox.articlebox {
    background: #ffffff;
  }

	.notification .notifyBox p {
		font-size: 16px;
	}

	.notification .notifyBox .date {
		font-size: 13px;
	}

  .notification .notifyBox.articlebox img {
    width: 80%;
    display: block;
    height: auto;
    float: none;
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 0.5em;
  }

  .notification .notifyBox.articleSubArea h2 {
    font-size: 1.15em;
  }

  .notification .notifyBox.articleSubArea p {
    font-size: 14px;
  }

  .notification .notifyBox.articleSubArea img {
    width: 80%;
    display: block;
    height: auto;
    float: none;
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 0.5em;
  }

	.boxTitleLines time.dateRight {
		position: relative;
	}
	.containerZoom {
		padding: 0 15px;
	}


	/* leaf sample */
	#anc_zu1-1, #anc_zu7 {
		clear: both;
	}

	div.bpimage_right {
		width: 100% !important;
	}

	div.bpimage_left {
		width: 100% !important;
	}

	div.bpimage_triple, div.bpimage_wrap {
		width: 100% !important;
	}

	div.bpimage_image,
	div.bpimage_image img,
	div.bpimage_center, div.bpimage_center img {
		width: 100% !important;
	}

	div.bpimage_double, div.bpbox_right, div.bpbox_left {
		width: 100% !important;
	}

	div.bpimage_click {
		margin-bottom: 20px !important;
	}

	div.bpimage_image iframe {
		width: 100% !important;
	}

	div.bpimage_right, div.bpbox_right {
		padding-left: 0 !important;
	}

	div.bpimage_left, div.bpbox_left {
		padding-right: 0 !important;
	}

	div.bpimage_triple div.bpimage_right {
		margin-top: 5px;
	}

	/* end leaf sample */
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.customWrapper .hideOnPc {
		display: none;
	}

	.footer nav.localFooter{
		width: 100%;
	}

	.localFooter ul.footlink {
		width: 100%;
	}
	.footer div.globalFooterContent {
		width: 100%;
	}
	.footer div.footerComent {
		width: 100%;
	}

	.footer div.footerComent p {
		margin: 0;
		padding-left: 10px;
		font-size: 9px;
		width: 90%;
	}
	.globalFooterContent div.corporateLogo {
		float: none;
		padding: 25px 10px 0 10px;
	}
	.logoCenter img {
		height: 40px;
	}
	.siteLogo img {
	    height: 40px;
	}
	.linkMailMag {
		max-width: 152px;
	}
	img.mailMag {
		height: 18.3px;
	}
	.searchBox img{
		height: 22px;
	}
	.searchBox {
		background-size: 151.42px 18px;
	}
	.searchBox input {
		width: 92px;
	    height: 15px;
	    top: 0;
	    left: 24px;
	}
	.searchBox button {
	    width: 32px;
	    height: 19px;
	    top: 0;
	    right: 72px;
	}

	.contentLogo {
	    padding-left: 5px;
    	padding-right: 8px;
	}
	.menuTop a.pure-menu-link {
		font-size: 9px;
	}
	.mainMenu .pure-menu-horizontal {
		white-space: normal;
	}

	.btnReportContainer {
		width: 95%;
	}
	.btnReportContainer .btnViewList a {
		font-size: 12px;
	}
	.boxTitleLines time.dateRight {
		position: relative;
	}
}

@media (max-width: 575.98px) {
	.firstButtonReport,
	.secondButtonReport {
		width: 100%;
	}

	/* start navbar */
	.customToggle {
	    display: flex;
    	padding: 24px;
    	font-size: 1.5rem;
	}

	li.pure-menu-item::after {
		border: none;
	}
	/* end navbar */


	.globalFooterContent div.corporateLogo a{
		display:block;
		width:100%;
		text-align: left;
	}

	.localFooter {
		max-width: 100%;
	}

	ul.footlink {
		padding: 0;
	}
	.localFooter ul li a {
		font-size: 10px;
	}
	.footer .globalFooterContent {
		padding: 30px 0 0 0;
	}
	.globalFooterContent div.corporateLogo {
		padding: 25px 10px 0 10px;
		float: none;
	}
	.globalFooterContent ul li {
		padding: 0 0 0 13px;
	}
	.globalFooterContent ul li a {
		font-size: 10px;
	}
	.localFooter ul li {
		padding-left: 13px;
	}
	.globalFooterContent .globalCopyright {
		padding: 18px 13px 20px 13px;
		margin: 0;
		font-size: 8px;
	}
	.localFooter ul.footlink,
	.footer nav.localFooter,
	.footer div.globalFooterContent,
	.footer div.footerComent,
	.footer div.footerComent p {
		width: 100%;
	}
	.footer div.footerComent p {
		margin: 0;
		padding-left: 10px;
		font-size: 9px;
		width: 90%;
	}
	.contentLogo,
	.menuTop {
		display: none;
	}
	.mainHeader {
		display: none;
	}

	.customWrapper {
		height: 72px;
		margin-left: -10px;
		margin-right: -10px;
		border-bottom: 1px solid #cccccc;
	}
	img.logoSP {
		height: auto;
		width: 38%;
	}

	.mainMenu {
		border: none;
	}
	.mainMenu li.pure-menu-item a.pure-menu-link {
		font-size: 16px;
	}
	.mainMenu li.pure-menu-item {
	    width: 50%;
	    float: left;
	    text-align: center;
        box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
    	border: 2px solid #aaaaaa;
    	border-top: none;
	}
	.mainMenu li.pure-menu-item:nth-child(even) {
    	border-left: none;
	}

	.mainMenu .pure-menu.custom-can-transform {
		display: table-cell;
		border-top: 2px solid #aaaaaa;
	}
	.mainMenu li.pure-menu-item:hover::before,
	.mainMenu li.pure-menu-item.active::before {
	    content: "";
	    position: unset;
	    border-bottom: unset;
	    width: unset;
	    left: unset;
	    bottom: 0;
	    transform: unset;
	}
	.newsItem span.newsDate {
	    display: block;
	    margin-left: 22px;
	    margin-top: 6px;
	}
	.btnReportContainer {
    	box-sizing: border-box;
		position: relative;
		height: 65px;
		width: 100%;
		border: 2px solid #cccccc;
		border-top: none;
		background-color: #FFF;
		background-image: url('/images/ppp/2018/h2-border-sp.png');
		background-repeat: repeat-x;
	    background-position: top;
	}
	.btnReportContainer::before {
		border-top: none;
	}

	.btnReportContainer::after {
		display: none;
	}

	.btnReportContainer.secondButton {
		float: none;
		margin-top: 30px;
	}
	.btnReportContainer .btnViewList a {
		border: none;
	}
	.btnReportContainer span {
		font-weight: bold;
	}
	.networkAndLogo img.nikkeBP {
		width: 100%;
		height: unset;
	}
	.networkAndLogo .networkSP img {
		height: 55px;
	}

	.globalFooterContent ul li:after{
		content: "";
	    border-right: 1px solid #818181;
	    height: 10px;
	    margin-top: 3px;
	}
	.localFooter ul li:after{
		content: "";
	    border-right: 1px solid #818181;
	    height: 12px;
	    margin-top: 3px;
	}
	img.mailMagSP {
		height: 49px;
	}
	img.nikkeBP {
		height: 72px;
	}
	.networkAndLogo a{
		margin: 0;
		display: inline-block;
	}
	a.socialBlack,
	.socialLine {
		display: none;
	}
	a.socialTwitter {
		margin-right: 0;
	}

	.pagination {
		margin: 15px 0;
	}

	.pageInList {
	    margin: 40px 0 40px 0;
	}

	.nextDescription {
		font-size: 15px;
	}
	.page.pageSP {
		display: flex;
	}
	.page {
		width: 28px;
		height: 28px;
	    font-size: 11px;
	    box-sizing: border-box;
	}
	.pagination-prev,
	.pagination-next {
		height: 24px;
    	width: 70px;
	    margin-top: 2px;
	    border-radius: 3px;
	}
	.boxTitleLines address.lineNormal {
		font-size: 12px;
		font-style: normal;
	}
	.boxTitleLines h1 {
		font-size: 25px;
	    margin: 8px 0;
	}
	.boxTitleLines time.dateRight {
		position: relative;
		font-size: 10px;
	}
	.boxTitleLines p {
		margin: 7px 0;
	}
	.boxTitleDetail .titleLabel a, .boxTitleDetail .titleLabel span, .boxTitleDetail .titleLabel h1 {
		border-radius: 0;
	}
	.boxTitleDetail .btnListArrow a {
		border-radius: 3px;
	}

	/*crumb*/
	ol.crumbs {
	    background: #666666;
	    margin: 0;
	    margin: -15px -10px 0 -10px;
	    padding: 10px;
	}
	ol.crumbs li a,
	ol.crumbs li:after {
		color: #fff;
	}
	/*end crumb*/
  /*box info area*/
  .boxInfoArea {
    width: 94%;
    margin: 12px auto 0 auto;
  }
  /*end box info area*/
	.fullBoxTitleDetail {
		display: flex;
    	margin: 0 -10px;
	}
	.boxSocial {
	    padding-bottom: 17px;
	    margin: 15px 0 0px 0;
	}
  .headerTitle + .boxSocial {
      padding-bottom: 17px;
      margin: 15px 0 0px 0;
  }
	.boxTitleLines {
		margin: 24px 0 20px 0;
	}
	.contentText hr {
		display: none;
	}
	hr.hrSocialSp {
		display: block;
	    height: 1px;
	    border: 0;
	    border-top: 1px solid #ccc;
	    margin: 0 -10px;
	    padding: 0;
	}
	.contentText .imagesParagraph h4 {
		margin-bottom: 20px;
	}
	.contentText p.paragraph {
		margin-bottom: 30px;
	}
	.nextDescription {
		margin-top: 35px;
	}
	.centerBox {
		margin-bottom: 50px;
	}

	.main .topBorderBox::after {
	    background: url(/images/ppp/2018/h2-border-sp.png) repeat-x left top;
	    width: calc(100% - 20px);
	    height: 4px;
	    content: " ";
	    position: absolute;
	    left: 10px;
	    display: none;
	}
	.pagination-prev {
		margin-right: 10px;
	}
	.pagination-next {
		margin-left: 10px;
	}
  .notification .notifyBox.articlebox img {
    width: 250px;
    height: auto;
    float: none;
    margin: 0 auto;
    padding-left: 1em;
    padding-bottom: 0.5em;
  }

  .notification .notifyBox.articlebox.articleSubArea img {
    width: 250px;
    height: auto;
    float: none;
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 0;
  }

	#headerSearchBox.active {
		display: block;
	}
	#headerSearchBox .headerSearchBox {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		margin-bottom: 25px;
	}
	#headerSearchBox input {
		width: 80%;
		height: 30px;
		padding: 0 10px 0 10px;
		-webkit-box-shadow: none;
		box-shadow: none;
		outline: none;
		border: 1px solid #aaaaaa;
		border-right: none;
		border-radius: 0px;
	}
	#headerSearchBox button {
		height: 32px;
		background: #333333;
		color: #fff;
		border: none;
		outline: none;
		width: 60px;
	}
}

@media (max-width: 370px) {
	/* start top pickup */
	.topPickup .pickupItem .text .title {
		font-size: 12px;
	}

	.pickupItem div.img {
		height: auto;
	}

	.topPickup .pickupItem .text span {
		font-size: 11px;
	}

	.topPickup .pickupItem .text span.smallTitle {
		font-size: 10px;
	}

	.topPickup .pickupItem .text {
		margin: 0 15px;
	}
	/* end top pickup */
	.nextDescription {
		font-size: 12px;
	}
	.pagination-prev span,
	.pagination-next span {
		font-size: 11px;
	}
	.pagination-prev {
		margin-right: 5px;
	}
	.pagination-next {
		margin-left: 5px;
	}
	.page {
		margin: 0 1px;
	}
}


@media (max-width: 320px) {
	img {
		max-width: 100%;
	}
	/*img width*/
	img.logoSP {
		height: auto;
		width: 40%;
	}
	img.menuIcon {
		height: 25px;
	}
	img.searchIcon {
		height: 32px;
	}
	img.mailMagSP {
		height: 40px;
	}
	img.nikkeBP {
		height: 60px;
	}
	.networkAndLogo img.nikkeBP {
		width: 100%;
		height: unset;
	}
	/*end img width*/


	/* start top pickup */
	.topPickup .pickupItem .text .title {
		font-size: 12px;
		line-height: 1.4;
	}

	.pickupItem div.img {
		height: auto;
	}

	.topPickup .pickupItem .text span {
		font-size: 11px;
	}

	.topPickup .pickupItem .text span.smallTitle {
		font-size: 10px;
	}

	.topPickup .pickupItem .text {
		margin: 0 15px;
		line-height: 1;
	}
	/* end top pickup */
	.customWrapper,
	a.pure-menu-heading.custom-brand{
		height: 70px;
	}
	.customToggle {
		font-size: 1.5rem;
		padding: 23px;
	}
	.pagination-prev,
	.pagination-next {
		width: 50px;
	}
	.pagination-prev span,
	.pagination-next span {
		font-size: 8px;
	}
	.pagination-prev {
		margin-right: 5px;
	}
	.pagination-next {
		margin-left: 5px;
	}
	.pagination-next p,
	.pagination-prev p {
		height: auto;
	}
	.pagination-prev {
		margin-right: 3px;
	}
	.pagination-next {
		margin-left: 3px;
	}
}


/*----------------------------------------------------
	glossary
----------------------------------------------------*/
.syllabary ul li {
    display: inline-block;
    background: url(/images/ppp/2015/common/tri_icon.png) no-repeat scroll left 5px rgba(0, 0, 0, 0);
    padding-left: 15px;
    width: 250px;
}
p.editor {
    font-size: 83%;
    text-align: right;
}

/*----------------------------------------------------
かるた index
----------------------------------------------------*/
div.karuta_index {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	font-family: Roboto, 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-weight: bold;
	color: #131313;
}

div.karuta_index ul {
	width: auto;
	max-width: 660px;
	margin: 0 auto;
	display: block;
	clear: both;
	text-align: center;
	padding: 0;
}

div.karuta_index ul li {
	width: 42px;
	padding: 4px 1px;
	list-style: none;
	text-align: center;
	background: url("/images/ppp/2018/Karuta_on.png") center center no-repeat;
	display: inline-block;
	background-size: 42px 58px;
}

div.karuta_index ul li.pcvr {
	background: none !important;
}

div.karuta_index ul li a {
	width: 42px;
	max-width: 42px;
	height: 58px;
	display: block;
	font-weight: bold;
}

div.karuta_index ul li a.karuta_link {
	max-width: 42px;
	height: 58px;
	display: block;
	background: url("/images/ppp/2018/Karuta_off.png") center center no-repeat;
	font-weight: bold;
	text-decoration: none;
	color: #727272;
	pointer-events: none;
	background-size: cover;
}

div.karuta_index ul li a.karuta_link.actv {
	text-decoration: none;
	color: #131313;
	background: url("/images/ppp/2018/Karuta_on.png") center center no-repeat;
	cursor: pointer;
	pointer-events: auto;
	background-size: cover;
}

div.karuta_index ul li a p {
	margin: 0 auto;
	font-size: 20px;
	padding: 19px 0 0 0;
	line-height: 1;
}

div.karuta_index ul li a.karuta_link.actv:hover {
	color: #888;
	box-shadow: 0 0 0 1px rgb(148, 165, 54) inset;
	background: rgba(255, 255, 255, 0.5);
}

div.karuta_index_btm_link {
	max-width: 100%;
	width: 314px;
	display: block;
	margin: 30px auto;
	text-align: center;
}

_:-ms-lang(x)::-ms-backdrop,
div.karuta_index ul li a p {
	padding: 22px 0 0 0;
}/* ONLY for IE11 */

@media screen and (min-width: 0px) and (max-width: 991px) {

	div.karuta_index ul li.pcvr {
		background: none !important;
	}

	div.karuta_index ul li.pcvr,
	div.karuta_index ul li.pcvrlc {
		display: none !important;
	}

	div.karuta_index ul {
		text-align: left;
	}

}

/*----------------------------------------------------
かるた leaf
----------------------------------------------------*/
div.karuta_index_leaf {
	font-size: 1.2em;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
	/*padding: 1em 0 0 0;*/
	font-family: Roboto, 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-weight: bold;
	color: #131313;
	clear: both;
}

div.karuta_index_leaf a {
	color: #ffffff;
	background: #bbbbbb;
	display: block;
	padding: 0.2em 0.5em 0.2em 0.5em;
	margin: 0.2em;
	float: left;
	text-align: center;
	text-decoration: none;
	pointer-events: none;
	border-radius: 50%;
	vertical-align: middle;
}

div.karuta_index_leaf a.actv_leaf {
	color: #ffffff;
	background: #bb1111;
	font-weight: bold;
	pointer-events: auto;
	text-align: center;
}

div.karuta_index_leaf a.actv_leaf:hover {
	text-decoration: none;
	color: #bb1111;
	background: #fad0d0;
}

div.karuta_index_btm_link {
	max-width: 100%;
	width: 314px;
	display: block;
	margin: 30px auto;
	text-align: center;
}

_:-ms-lang(x)::-ms-backdrop,
div.karuta_index_leaf a {
	padding: 0.6em 0.6em 0.2em 0.6em;
}/* ONLY for IE11 */




/*----------------------------------------------------
 Disruptive Innovators Talks 20200131
----------------------------------------------------*/
.diTalks .boxTitleDetail {
  border-top: solid #000 2px;
  background: url("/images/ppp/2018/diTalks/diTalks_hd_bg__pc.jpg") no-repeat center;
  background-size: cover;
}

.diTalks .boxTitleDetail .title h1 {
  margin: 0;
  padding: 38px 30px 30px;
  font-size: 0;
  text-align: center;
}

.diTalks .boxTitleDetail .title h1 img {
  max-width: 440px;
  height: auto;
}

.diTalks .bgLine {
  z-index: -1;
  position: absolute;
  top: 0;
  width: 25%;
  height: 100%;
  background: #f0f0f0;
}

.diTalks .bgLine.-left {
  left: 0;
}

.diTalks .bgLine.-dark {
  background: #e5e5e5;
}

.diTalks .bgLine.-right {
  right: 0;
}

.diTalks .bgBorder {
  box-sizing: border-box;
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 25%;
  background: #f0f0f0;
}

.diTalks .bgBorder_lists {
  display: flex;
  position: relative;
  height: 100%;
  margin: 0;
  padding-left: 0;
  border-right: solid #e3e3e3 1px;
  list-style: none;
}

.diTalks .bgBorder_lists_item {
  width: 50%;
  border-left: solid #e3e3e3 1px;
}

.diTalks .articleBody {
  position: relative;
}

.diTalks .articleBody a {
  color: #333;
}

.diTalks .articleBody a:hover {
  text-decoration: none;
}

.diTalks .articleBody a:hover .p-new_info_title, .diTalks .articleBody a:hover .p-new_info_subtitle {
  text-decoration: underline;
}

.diTalks .articleBody .pure-g {
  padding-bottom: 58px;
}

.diTalks .articleBody .pure-u-1 {
  margin: 0;
}

.diTalks .p-new {
  margin: 0;
  padding: 30px;
}

.diTalks .p-new_img {
  margin-right: 16.666%;
}

.diTalks .p-new_img img {
  max-width: 100%;
  height: auto;
}

.diTalks .p-new_info {
  z-index: 2;
  position: relative;
  margin-top: -60px;
  margin-left: 10%;
  padding: 30px;
  background: #fff;
}

.diTalks .p-new_info:before, .diTalks .p-new_info:after {
  display: block;
  position: absolute;
  content: "";
}

.diTalks .p-new_info:before {
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: solid transparent 25px;
  border-right: solid #c40f26 25px;
  border-bottom: solid #c40f26 25px;
  border-left: solid transparent 25px;
}

.diTalks .p-new_info:after {
  right: 12px;
  bottom: 12px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: solid #fff 3px;
  border-right: solid #fff 3px;
}

.diTalks .p-new_info_icon {
  position: absolute;
  top: -51px;
  right: 0;
  margin: 0;
}

.diTalks .p-new_info_icon img {
  width: 120px;
}

.diTalks .p-new_info_subtitle {
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 1.25;
}

.diTalks .p-new_info_title {
  margin: 0 0 15px;
  padding: 0;
  border: none;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
}

.diTalks .p-new_info_title span {
  display: block;
  margin-top: 5px;
  font-size: 15px;
}

.diTalks .p-new_info_lead {
  margin: 0 0 15px;
  font-size: 14px;
}

.diTalks .p-new_info_date {
  margin: 0;
  color: #939da5;
  font-size: 12px;
}

.diTalks .aboutLink {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}

.diTalks .aboutLink a {
  display: table;
  margin-left: 0;
  padding: 18px 65px 18px 80px;
  background: #fff;
  color: #c40f26;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.015em;
  transition: .3s ease-in-out;
}

.diTalks .aboutLink a:hover {
  background: #c40f26;
  color: #fff;
}

.diTalks .aboutLink a:hover span:before {
  background: url("/images/ppp/2018/diTalks/diTalks_icon_q__w.png") no-repeat center center;
  background-size: contain;
}

.diTalks .aboutLink a span {
  position: relative;
}

.diTalks .aboutLink a span:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -35px;
  width: 20px;
  height: 20px;
  margin: auto;
  background: url("/images/ppp/2018/diTalks/diTalks_icon_q__r.png") no-repeat center center;
  background-size: contain;
  content: "";
}

.diTalks .contentBox {
  position: relative;
  padding: 30px;
}

.diTalks .contentBox .pure-u-1 {
  padding: 0;
  background: #fff;
}

.diTalks .contentBox .pure-u-1 + .pure-u-1 {
  margin-top: 10px;
}

.diTalks .contentBox .pure-u-1 a {
  display: block;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px 20px 20px;
  letter-spacing: -0.008em;
}

.diTalks .contentBox .pure-u-1 a:hover {
  text-decoration: none;
}

.diTalks .contentBox .pure-u-1 a:hover .subTitle, .diTalks .contentBox .pure-u-1 a:hover .title {
  text-decoration: underline;
}

.diTalks .contentBox .pure-u-1 a:before {
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: solid #c40f26 3px;
  border-right: solid #c40f26 3px;
  content: "";
}

.diTalks .contentBox .lImg, .diTalks .contentBox .rBox {
  box-sizing: border-box;
  float: none;
}

.diTalks .contentBox .lImg {
  position: relative;
  width: 24.815%;
  height: auto;
  margin-right: 0;
  font-size: 0;
}

.diTalks .contentBox .lImg:before {
  display: block;
  padding-top: 100%;
  content: "";
}

.diTalks .contentBox .lImg span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.diTalks .contentBox .lImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: 5000px;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 0px;
}

.diTalks .contentBox .rBox {
  width: calc(100% - 24.815%);
  padding-left: 5.5%;
  line-height: 1.3;
}

.diTalks .contentBox .rBox .subTitle {
  margin: 0 0 13px;
  font-size: 14px;
}

.diTalks .contentBox .rBox .title {
  margin: 0 0 15px;
  font-size: 20px;
}

.diTalks .contentBox .rBox .title span {
  display: block;
  margin-top: 5px;
  font-size: 13px;
}

.diTalks .contentBox .rBox .date {
  margin: 0;
  color: #939da5;
  font-size: 12px;
}

.diTalks .pageInList {
  margin-top: 30px;
}

@media (max-width: 575.98px) {
  .diTalks .fullBoxTitleDetail {
    display: flex;
    margin: 0 -10px;
  }
  .diTalks .articleBody {
    margin: 0 -10px;
  }
  .diTalks .articleList {
    margin: 0 -10px;
  }
}

@media screen and (max-width: 767.98px) {
  .diTalks .boxTitleDetail {
    background: url("/images/ppp/2018/diTalks/diTalks_hd_bg__sp.jpg") no-repeat center;
    background-size: cover;
  }
  .diTalks .boxTitleDetail .title h1 {
    padding: 23px 10px 20px;
    text-align: center;
  }
  .diTalks .boxTitleDetail .title h1 img {
    width: 100%;
    max-width: 325px;
    height: auto;
  }
  .diTalks .bgLine {
    display: none;
  }
  .diTalks .bgBorder {
    display: none;
  }
  .diTalks .articleBody {
    background: #f0f0f0;
  }
  .diTalks .articleBody .pure-g {
    padding-bottom: 0;
  }
  .diTalks .articleBody .pure-u-1 {
    margin: 0;
  }
  .diTalks .p-new {
    position: relative;
    padding: 10px;
  }
  .diTalks .p-new_img {
    margin-right: 0;
    font-size: 0;
  }
  .diTalks .p-new_img img {
    width: 100%;
    max-width: 100%;
  }
  .diTalks .p-new_info {
    position: static;
    margin-top: 0;
    margin-left: 0;
    padding: 20px 20px 25px;
  }
  .diTalks .p-new_info:before {
    right: 10px;
    bottom: 10px;
  }
  .diTalks .p-new_info:after {
    right: 22px;
    bottom: 22px;
  }
  .diTalks .p-new_info_icon {
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    width: 80px;
    height: 80px;
    margin: 0;
    background: #f0f0f0;
  }
  .diTalks .p-new_info_icon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    margin: auto;
  }
  .diTalks .p-new_info_subtitle {
    font-size: 16px;
  }
  .diTalks .p-new_info_title {
    margin: 0 0 22px;
    font-size: 24px;
  }
  .diTalks .p-new_info_title span {
    margin-top: 7px;
    font-size: 14px;
  }
  .diTalks .p-new_info_lead {
    font-size: 14px;
  }
  .diTalks .aboutLink {
    position: static;
    margin: 20px 0 10px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
  }
  .diTalks .aboutLink a {
    display: block;
    margin-left: 0;
    padding: 12px;
  }
  .diTalks .aboutLink a span:before {
    display: inline-block;
    position: relative;
    top: -1px;
    bottom: auto;
    left: auto;
    margin: auto;
    margin-right: 7px;
    vertical-align: middle;
  }
  .diTalks .contentBox {
    padding: 20px 10px 30px;
    background: #f0f0f0;
  }
  .diTalks .contentBox .pure-u-1 a {
    align-items: start;
    padding: 15px 30px 13px 15px;
  }
  .diTalks .contentBox .pure-u-1 a:before {
    right: 14px;
  }
  .diTalks .contentBox .lImg, .diTalks .contentBox .rBox {
    box-sizing: border-box;
    float: none;
  }
  .diTalks .contentBox .lImg {
    position: relative;
    width: 24.815%;
    height: auto;
    margin-right: 0;
    font-size: 0;
  }
  .diTalks .contentBox .lImg:before {
    display: block;
    padding-top: 100%;
    content: "";
  }
  .diTalks .contentBox .lImg span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .diTalks .contentBox .lImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: initial;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 0px;
  }
  .diTalks .contentBox .rBox {
    width: calc(100% - 24.815%);
    padding-left: 5.5%;
    line-height: 1.3;
  }
  .diTalks .contentBox .rBox .subTitle {
    margin: 0 0 9px;
    font-size: 13px;
  }
  .diTalks .contentBox .rBox .title {
    margin: 0 0 9px;
    font-size: 16px;
  }
  .diTalks .contentBox .rBox .title span {
    display: block;
    font-size: 11px;
  }
  .diTalks .contentBox .rBox .date {
    font-size: 11px;
  }
  .diTalks .pageInList {
    margin-top: 30px;
  }
}