﻿
/*  FR 04-36 第2トップページ　工具・金物        */
#main2ndTop{
	width: 1200px;
	margin: 0 auto
}
#main2ndTop a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
	transition: 0.6s;
}
h2.headingMiddle-2ndtop {
position: relative;
padding-bottom: 0.8em;
border-bottom: 3px solid #DDD;
font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
font-size: 1.25em;
font-weight: bold;
margin-bottom: 40px;
text-align: left;
clear: both;
}
h2.headingMiddle-2ndtop::after {
position: absolute;
content: " ";
border-bottom: solid 3px #E5002D;
bottom: -3px;
width: 6.5%;
display: block;
}
h2.headingMiddle-2ndtop span {
font-size: 0.6em;
}
.pickup-2ndtop-new {
padding: 3px 20px ;
background: #DF0012;
color: #FFFFFF;
margin-left: 15px;
font-size: 0.5em !important;
}
.category-pagetitle {
display: block;
background-color: #F0F0F0 !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
	border-radius: 6px;
position: relative;
width: 100%;
padding: 10px 0 15px;
background: url(/include_html/top/bpr2020/2ndtop/img/pickup/kougu/titlebg-kougu.png) no-repeat 90% -45px;
height: 175px;
margin-bottom: 60px;
}
.category-pagetitle.kurashiTitle {

    background: url(/include_html/top/bpr2020/2ndtop/img/pickup/kurasi/titlebg-seikatu.png) no-repeat 90% -45px;

}
.category-pagetitle.shizaiTitle {

    background: url(/include_html/top/bpr2020/2ndtop/img/pickup/sizai/titlebg-sizai.png) no-repeat 90% -45px;

}
.category-pagetitle.nougyouTitle {

    background: url(/include_html/top/bpr2020/2ndtop/img/pickup/nougyou/titlebg-nougyou.png) no-repeat 90% -45px;

}
.category-pagetitle.interiorTitle {

    background: url(/include_html/top/bpr2020/2ndtop/img/pickup/interior/titlebg-interior.png) no-repeat 90% -45px;

}
.category-pagetitle.kadenTitle {

    background: url(/include_html/top/bpr2020/2ndtop/img/pickup/kaden/titlebg-kaden.png) no-repeat 90% -45px;
	background-size:408px

}
.category-pagetitle-digichira {
height: auto !important;
display: block;
background-color: #F0F0F0 !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
position: relative;
width: 100%;
padding: 40px 0;
background: url(/include_html/top/bpr2020/2ndtop/img/titlebg-digichira.png) no-repeat 100% -32px;
height: 250px;
margin-bottom: 0;
}
p.description{font-size: 1.2em;
    line-height: 2em;
    vertical-align: middle;
    text-align: left;
	margin: 30px 10px
   
	}
.category-pagetitle.sizai {
background: url(/include_html/top/bpr2020/2ndtop/img/titlebg-sizai.png) no-repeat 100% -32px;
}
.category-pagetitle.engei {
background-image: none
}
.title-kougu {
width: 1200px;
margin: 0 auto;
 display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
 align-items: center;

}
.title-kougu.engei {
width: 1200px;
margin: 0 auto;
 display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
 align-items: center;
background: url(/include_html/top/bpr2020/2ndtop/img/titlebg-engei.png) no-repeat 100% -32px;
	background-position: right -40px
}
.title-img img {
width: 100%;
/*margin-right: 10px;*/
}
.title-img-digichira {
width: 250px;
}
.categorytitle-h1 {
font-weight: bold;
font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
.title-text.digichira {
margin-top: 20px;
}
.title-text {
font-size: 1.2em;
line-height: 2em;
vertical-align: middle;
text-align: left; 
font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
.title-h1 {
    width: 9em;
 font-size: 3em;
 text-align: center;
}
.title-h1-digichira {
width: 375px;
}
.category-link {
position: relative;
display: inline-block;
padding: 15px 35px;
font-size: 1.125em;
text-align: center;
cursor: pointer;
border: 1px solid transparent;
border-bottom: 0;
margin-bottom: 0px;
color: #4D4D4D;
background-image: url(/include_html/top/bpr2020/2ndtop/img/top/iconRarrowRedright.svg);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 20px;
}
.pickup-2ndtop {
width: 580px;
float: left;
margin-right: 40px;
margin-bottom: 60px;
}
.pickup-2ndtop-banner{
width: 100%;
}
.pickup-2ndtop-banner img{
width: 100%;
}
.pickup-2ndtop-digichira {
margin-bottom: 80px;
}
.pickup-2ndtop-digichira-text{
margin-bottom: 50px;
}

.pickup-2ndtop-digichira-img {
border: #B1B1B1 1px solid;
box-sizing: border-box;
height: 527px;
}
.pickup-2ndtop-digichira-img img {
max-width: 100%;
}
.pickup-2ndtop p {
line-height: 1.5em;
height: 6em;
color: #333 !important;
text-decoration: none !important;
}
.pickup-2ndtop p a {
color: #333 !important;
text-decoration: none !important;
}
.pickup-2ndtop-link {
text-align: right;
}
.mr0 {
margin-right: 0px !important;
}
/*.mr0_sp {
margin-right: 0px!important;
display: none;
}*/
.pickup-2ndtop-title {
color: #FFFFFF;
font-weight: bold;
font-size: 3em;
max-width: 580px;
height: 163px;
padding: 100px 40px 0;
margin-bottom: 20px;
}
.pickup-2ndtop-title-link {
text-decoration: none;
color: #FFFFFF;
}
.pickup-2ndtop-title h3 {
color: #FFFFFF;
text-shadow: 1px 1px 12px #333333;
}
h2.headingMiddle.categoryTitle.h2-2ndtop {
font-size: 1.25em;
}


h2.Category {
	color: #1A1A1A;
	font-weight: bold;
	margin-bottom: calc(40px - 0.6em);
	position: relative;
	font-size: 1.7em;
	padding-bottom: 0.8em;
	font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
	padding-left: 5px;
	border-bottom: 1px solid #DDD;
}
.categoryListWrap {
	width: 1200px;
	margin-bottom: 10px;
}
.categoryListWrap a {
	color: #333
}
.categoryListWrap .categoryListInner {
	padding: 15px 0;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.categoryListWrap .categoryListInner .categoryListTitle {
	width: 1200px;
}
h2.headingMiddle.categoryTitle {
	position: relative;
	line-height: 2.5em;
	padding-left: 3em;
	margin: 0 auto;
	font-size: 1.25em;
	padding-bottom: 15px;
	border-bottom: 1px dashed #DDD;
	margin-bottom: 15px;
	font-weight: bold;
	font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
h2.headingMiddle.categoryTitle img {
	display: inline-block;
	position: absolute;
	left: 0;
	width: 2.5em;
	height: 2.5em;
	object-fit: cover;
}
/*h2.headingMiddle.categoryTitle::before{
content: '';
display: inline-block;
position: absolute;
background-image: url(../img/icon_category01.png) ;
background-repeat: no-repeat;
background-size:contain;
left:0;
width: 3em;
height: 3em;
object-fit: cover; 
}*/

h2.headingMiddle.categoryTitle::after {
	display: none !important;
}
.categoryListWrap .categoryListInner .categoryList {
	width: 1200px;
	margin-bottom: 25px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 5px;
	width: calc((95% - 5px) / 4);
	box-sizing: border-box;
}
/* html .categoryListWrap .categoryListInner .categoryList dl.categoryItems{
display:inline;
}*/
:first-child+html .categoryListWrap .categoryListInner .categoryList dl.categoryItems {
	display: inline;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dt.categoryTitle {
	min-height: 14px;
	vertical-align: middle;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dt.categoryTitle ::before {
	content: '';
	width: 9px;
	height: 9px;
	display: inline-block;
	background: url(/include_html/top/bpr2020/2ndtop/img/menuarow.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: 9px;
	padding-right: 5px;
}
/*html .categoryListWrap .categoryListInner .categoryList dl.categoryItems dt.categoryTitle{
height:14px;
}*/

.categoryListWrap .categoryListInner .categoryList dl.categoryItems dt.categoryTitle span {
	display: block;
	padding: 2px 0;
	line-height: 1.4;
	font-size: 0.95em;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dt.categoryTitle span:hover {
	text-decoration: underline;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd {
	display: none;
	width: 95%;
	clear: both;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul {
	width: calc(100% - 20px);
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li {
	width: 100%;
	padding-left: 18px;
	padding-top: 0.5em;
	line-height: 1;
	font-size: 0.95em;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li ::before {
	content: '';
	width: 9px;
	height: 9px;
	display: inline-block;
	background: url(/include_html/top/bpr2020/2ndtop/img/menuarow.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: 9px;
	padding-right: 5px;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li a {
	line-height: 1.4;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li a:hover {
	text-decoration: underline;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li a:visited {
	text-decoration: none;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li a:link {
	text-decoration: none;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li.sub {
	width: 100%;
	margin-left: 15px;
	padding-left: 15px;
	line-height: 1;
	padding-top: 0;
}
/*.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li.sub ::before{
content: "> ";
font-size: 0.7em;
font-weight: bold;
color: #b3b3b3;
}*/

.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li.sub a {
	line-height: 1.4;
}
.textFwb {
	font-weight: bold !important;
}
.textSize120p {
	font-size: 1.2em !important;
}

.categoryListTitle p {
width: 1200px;
height: auto;
margin: 20px 0 20px 0;
word-break: normal;
line-height: 1.5em;
}
.categoryList.categoryList-2ndtop {
margin-bottom: 45px !important;
}
.taglist_1 {
width: 220px;
border: #B1B1B1 1px solid;
}
.taglist_1-digichira {
border: #B1B1B1 1px solid;
}
.taglist_img {
height: 170px;
}
.taglist_img-digichira {
height: 210px;
}
.taglist_title {
text-align: center;
padding: 10px 5px 17px;
font-size: 1.2em;
}
.taglist_title-digichira {
height: 80px;
width: 282px;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.taglist_title-digichira a {
text-decoration: none;
font-weight: bold;
color: #000000;
font-size: 1.2em;
}
.taglist_title-digichira img {
margin: 0 auto;
}
.taglist_title a {
text-decoration: none;
color: #333 !important;
text-decoration: none !important;
}
.feature-2ndtop {
width: 1200px;
height: auto;
position: relative;
/*overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;*/
margin-bottom: 60px
}
.category-link.category-link-2ndtop {
padding: 15px 25px 15px 35px !important;
background-position: right 0px center !important;
text-decoration: none;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
}

.bx-wrapper .bx-pager {
display: none;
}

.pickup_list{
margin-bottom: 40px;
overflow: auto;
}
.pickup_list ul{
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}
.pickup_list ul li {
width: 49%;
min-height: 140px;
margin-bottom: 24px;
font-size: 0.9em;
position: relative;
}
.pickup_list.threeLinks ul li{
	width: 32%
}
.pickup_list.threeLinks ul li a:after{
	width: 0;
	height: 0;
	background-image: none
}
.twoLinks::after{
  content:"";
  display: block;
  width:32%;
}
.pickup_list ul li a:after{
content:"";
position: absolute;
top: 5px;
right: 5px;
background-image: url(/include_html/top/bpr2020/2ndtop/img/pickup/icoLink-shizai.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.pickup_list.greenArow ul li a:after{
background-image: url(/include_html/top/bpr2020/2ndtop/img/pickup/icoLink-engei.png);	
}
.pickup_list.kurashi ul li a:after{
background-image: url(/include_html/top/bpr2020/2ndtop/img/pickup/icoLink-kurashi.png);	
}
.pickup_list ul li a {
color: #333;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 12px 8px 12px 12px;
border: 1px solid #CCC;
border-radius: 5px;
font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
overflow: hidden
}

.pickup_list ul li a:hover {
border-color: #E5002D;
transition: 0.6s;
}

.pickup_list ul li a img {
float: right;
margin: 0 20px 0 0 ;
width: 140px;
height: 120px;
}
.pickup_list.threeLinks ul li a img {
/*float: right;*/
margin: 0 20px 0 5px ;
width: 100px;
height: 100px;
}
.pickup_list.threeLinks ul li a {

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
	-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.pickup_list.threeLinks dt{
	width: 227px
}
.pickup_list dt {
font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
font-weight: bold;
font-size: 1.8em;
margin: 3px 0 10px 10px;
line-height: 1.4em;
}
.pickup_list dd {
font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
font-size: 1.2em;
line-height: 1.4em;
margin-left: 10px;
}

.pickup_list_feature_01 {
/*margin: 35px 0 10px 10px !important;*/
}

.pickup_list_feature_01_li {
height: auto !important;
}

.pickup_list_02{
margin-bottom: 40px;
overflow: auto;
}
.pickup_list_02 ul li {
width: 23%;
height: auto;
margin-bottom: 24px;
font-size: 0.9em;
float: left;
margin-right: 24px;
}

.pickup_list_02 ul li a {
color: #333;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 12px 8px 12px 12px;
border: 1px solid #CCC;
border-radius: 5px;
font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
overflow: hidden;
text-align: center;
}

.pickup_list_02 ul li a:hover {
border-color: #E5002D;
transition: 0.6s;
}

.pickup_list_02 ul li a img {
height: auto;
}


.pickup_banner_list {
margin: 60px auto;
}
.pickup_banner_list.mb{
/*	margin-bottom: 80px*/
}
.pickup_banner_list img {
width: 100%;
}

.pickup_banner_list li {
margin: 0 0 30px;
}
/*    農業資材          */
h2.catalogHeading img{
	width: 100%
}
p.catalogTxt{
	text-align: center;
	line-height: 1.7;
	background-color: #CEE6D9;
	font-weight: bold;
	padding: 1.2em 0.8em;
	font-size: 1.15em
}
p.catalogStep{
	margin: 30px 0;
}
p.catalogStep img{
	width: 100%
}
.webfont{
	font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
.catalogArea{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
	margin-bottom: 60px
}
.catalogArea .catalogTop{
	width: 24.5%
}
.catalogArea .catalogTop img{
	width: 100%;
	border: 1px solid #ccc
}
.catalogArea .catalogLink{
	width:72%;
 display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.catalogArea .catalogLink li{
	width: 49%;
	margin-bottom: 1%
}
.catalogArea .catalogLink li:last-of-type{
	margin-bottom: 0
}
.catalogArea .catalogLink li a{
	display: block;
	width: 100%;
	color: #FFF;
	text-shadow:2px 1px 1px #000000;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	padding: 1.3em 0;
	border-radius: 5px;
	text-decoration: none
}
.catalogArea .catalogLink li.ca01 a{
	background-color: #F8B611
}
.catalogArea .catalogLink li.ca02 a{
	background-color: #AA964A
}
.catalogArea .catalogLink li.ca03 a{
	background-color: #23AB38
}
.catalogArea .catalogLink li.ca04 a{
	background-color: #D8C448
}
.catalogArea .catalogLink li.ca05 a{
	background-color: #909F74
}
.catalogArea .catalogLink li.ca06 a{
	background-color: #66B1E3
}
.catalogArea .catalogLink li.ca07 a{
	background-color: #796CAE
}
.catalogArea .catalogLink li.ca08 a{
	background-color: #627B87
}
.catalogArea .catalogLink li.ca09{
	width: 100%
}
.catalogArea .catalogLink li.ca09 a{
border: 1px solid #000;
	text-shadow: none;
	color: #333
}
.agriPlist ul{
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
	margin-bottom: 20px
	}
.agriPlist ul li{
	width: 23%;
	margin-bottom: 28px
}
.agriPlist ul li img{
	width: 100%
}
ul.howtomovie{
		display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
	
}
ul.howtomovie li{
	width: 560px;
 height: 280px;
	position: relative
}
ul.howtomovie li iframe{
/*	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
height: 100% !important;*/}
ul.howtomovie li p{	margin-top: 8px;}
ul.howtomovie li p a{

	text-decoration: none;
	color: #005fc3
}
p.rightBtn{
	text-align: right;
	margin-bottom: 40px
}
ul.btnChoice{
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 40px 0;
}

ul.btnChoice li{
	width: 23%;
	margin-bottom: 20px;
}

ul.btnChoice li a{

    color: #333;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    padding: 10px 8px;
    border: 1px solid #CCC;
    border-radius: 5px;
}
ul.btnChoice li a:hover {
 border-color: #E5002D;
 transition: 0.6s;
}
p.centerBtn{
	text-align: center;
	margin: 20px auto
}

a.agriBtn{
	background-color: #006732
}

/*     インテリア         */
.flex50List{	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	}
.flex50List li{
	width: 48%
}
.flex50List li img{
	width: 100%
}
a.interiorBtn{
	background-color:#601C14
}
p.pickupPtxt{
	margin-bottom:1em
}
/*    ボタン        */
/*-- font-size --*/
.fsSmall { font-size: 0.8em; padding: 0.8em ; }
.fsMedium { font-size: 1.0em; padding: 0.75em 2.85em ; }
.fslarge { font-size: 1.62em; padding: 1.05em 0 ; }

a.btnRadius:hover {
 transition: 0.6s;
 opacity: 0.75
}

a.btnRadius{
 border-radius: 40px;
 font-weight: bold;
 width: auto;
 color: #FFF;
 display: inline-block;
 cursor: pointer;
 text-decoration: none;
 box-sizing: border-box;
	text-align: center;
	line-height: 1 !important;
	height: auto !important

}

a.monoBtn{background: #969494;}
a.catchyBtn{background:#EA6D0D;}
a.decisionBtn{background:#535353;}
a.w500{	width: 500px}
a.w300{	width: 300px}a.w100p{
	width: 100%
}
a.noBtn{
	color: #bfbfbf;
 cursor: default;
}

a.borderRadiusBtn{
	text-decoration: none;
	color: #000;
	background-image: url(/include_html/top/bpr2020/2ndtop/img/mypage/arow_red.png);
	background-repeat: no-repeat;
	background-position: left 18px center;
	background-size: 7px;
	padding: 18px 10px 18px 35px;
	display: block;
	border: 1px solid;
	border-radius: 6px;
	text-align: left;
	box-sizing: border-box;
}
a.borderRadiusBtn:hover {
 border-color: #E5002D;
 transition: 0.6s;
}
a.smallRadiusBtn {
    color: #333;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    padding: 10px 8px;
    border: 1px solid #CCC;
    border-radius: 5px;
}
a.smallRadiusBtn:hover {
 border-color: #E5002D;
 transition: 0.6s;
}
.future_list ul{
		display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
	}
	.future_list li{
		    width: 32%;
		margin-bottom: 24px
	}
.future_list a img{
		width: 100%
	}
.dcbnrList{
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dcbnrList li img{
	width: 100%
}
.dcbnrList li{
	width: 48%;
	margin-bottom: 20px
}
.dcbnrList li a p{
	color:#000;
	text-align: center;
	margin-top: 5px;
	font-weight: bold;
	line-height: 1.3
}
.dcbnrList li.bannercamp{
	width: 100%
}
.pc-only {
	display: block;
}
.sp-only {
	display: none !important;
}