﻿/*  FR 04-36 第2トップページ　*/

#subHeader {
	position: relative
}
#subHeader .containerMidbox {
	margin: 3px auto 5px auto;
	overflow: hidden;
	flex-wrap: wrap;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
#subHeader .containerMidbox li {
	display: inline-block;
	width: calc(100% / 4);
	box-sizing: border-box;
}
#subHeader .containerMidbox li img {
	width: 100%;
	height: auto;
	margin-top: 3px
}
#subHeader .containerMidbox li:nth-child(4n+1) a {
	text-decoration: none;
	background-image: none;
}
#subHeader .containerMidbox li a {
	text-decoration: none;
	background-image: url(/include_html/top/bpr2020/top/img/header/rod.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#subHeader .containerMidbox li:last-child a {
	background-image: url(/include_html/top/bpr2020/top/img/header/rod.gif);
	background-position: left center,
}
#subHeader .containerMidbox li.checked {
	opacity: 0.25;
}
#subHeader .containerMidbox li p {
	width: 100%;
	color: #333;
	font-size: 0.813em;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	letter-spacing: 1px;
	margin-top: -5px;
	margin-bottom: 0px;
	font-size: 0.7em;
	font-family:"Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}
#subHeader .sub_arow01 img, #subHeader .sub_arow02 img {
	width: 8px
}
#subHeader .sub_arow01 {
	position: absolute;
	top: 18px;
	left: 5px
}
#subHeader .sub_arow02 {
	position: absolute;
	top: 18px;
	right: 5px
}
h2.headingMiddle-2ndtop {
position: relative;
padding-bottom: 0.6em;
border-bottom: 3px solid #DDD;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
clear: both;
font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
h2.headingMiddle-2ndtop::after {
position: absolute;
content: " ";
border-bottom: solid 3px #E5002D;
bottom: -3px;
width: 10.5%;
display: block;
}
h2.headingMiddle-2ndtop span {
font-size: 0.6em;
}
.pickup-2ndtop-new {
padding: 3px 20px ;
background: #DF0012;
color: #FFFFFF;
margin-left: 0;
font-size: 0.5em !important;
}
.category-pagetitle {
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: 20px 0;
background: url(/include_html/top/bpr2020/2ndtop/img/titlebg-kougu.png) no-repeat 930px -32px;
height: 250px;
margin-bottom: 40px;
}
.category-pagetitle.kurashiTitle {

/*    background: url(/include_html/top/bpr2020/2ndtop/img/pickup/kurasi/titlebg-seikatu.png) no-repeat 90% -45px;*/

}
.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: 20px;
/*background: url(/include_html/top/bpr2020/2ndtop/img/titlebg-kougu.png) no-repeat 930px -32px;
height: 250px;*/
margin-bottom: 40px;
}

.category-pagetitle-sizai {
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: 20px 0;
background: url(/include_html/top/bpr2020/2ndtop/img/titlebg-sizai.png) no-repeat 930px -32px;
height: 250px;
margin-bottom: 40px;
}
.category-pagetitle-engei {
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: 20px 0;
background: url(/include_html/top/bpr2020/2ndtop/img/titlebg-sizai.png) no-repeat 930px -32px;
height: 250px;
margin-bottom: 40px;
}
.title-kougu {
width: 100%;
margin: 0 auto;
overflow: hidden;
flex-wrap: wrap;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.title-kougu li {
width: 50%;
font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
.title-img {
width: 41%;
text-align: center;
/*display: none;*/
}
.title-img img {
width: 100px;
}
.title-img-digichira {
width: 44% !important;

}
.title-img-digichira img {
width: 100%;
height: auto
}

.title-h1-digichira {
width: 52% !important;
}
.title-h1-digichira img {
width: 100%;
height: auto
}

.categorytitle-h2{
padding-top: 10px;
font-size: 1.8em;
font-weight: bold;
}
.categorytitle-h1 {
font-size: 1.8em;
font-weight: bold;
	line-height: 1.2
}

.title-text {
font-size: 0.8em;
line-height: 2em;
vertical-align: middle;
margin-top: 0px;
padding: 10px 0;
text-align: center;
width: 100% !important;
}
.title-h1 {
margin: 2em auto;
}
.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: 100%;
float: none;
margin-right: 0;
margin-bottom: 30px;
}

.pickup-2ndtop-banner{
width: 100%;
}
.pickup-2ndtop-banner img{
width: 100%;
}
.pickup-2ndtop-digichira {
margin-bottom: 80px;
}
.pickup-2ndtop-digichira-text{
margin-bottom: 20px;
line-height: 1.4
}

.pickup-2ndtop-digichira-img {
border: #B1B1B1 1px solid;
box-sizing: border-box;
height: auto;
}
.pickup-2ndtop-digichira-img img {
width: 100%;
}

.pickup-2ndtop p {
line-height: 1.5em;
color: #333 !important;
text-decoration: none !important;
font-size: 1em;
}
.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;
}
.pickup-2ndtop-title {
color: #FFFFFF;
font-weight: bold;
font-size: 1.6em;
padding: 19% 20px 21%;
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.2em;
}

h2.Category {
	color: #1A1A1A;
	font-weight: bold;
	margin-bottom: calc(20px - 0.6em);
	position: relative;
	font-size: 1.6em;
	padding-bottom: 0.6em;
	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;
}
#TOPCategory {
	font-family:"Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	margin-bottom: 0;
	padding: 0;
	margin-top: 10px;
	background-color: #FFFFFF;
}
#catBase {
}
#catBase .icons {
	width: calc(33% - 12px);
	display: inline-flex;
	margin: 6px 12px 6px 0;
	font-size: 0.9em;
	line-height: 1.4;
	text-align: center;
 font-family:"Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}
#catBase .icons:nth-child(3n) {
	margin-right: 0
}
#catBase .icons a {
	text-decoration: none;
	width: 100%;
	color: #333;
}
#catBase .ctImages {
	border-radius: 10px;
	box-sizing: border-box;
	border: solid 1px #CACACA;
	width: 100%;
}
.categoryListWrap {
	/* width: calc(100% - 2px);*/
	margin-bottom: 10px;/*  border: 1px solid #D9D9D9;*/
}
.categoryListWrap .categoryListInner {
	padding: 5px;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}
.categoryListWrap .categoryListInner .categoryListTitle {
	width: 100%;
}
h2.headingMiddle.categoryTitle {
	position: relative;
	line-height: 2.5em;
	padding-left: 3em;
	margin: 0 auto;
	font-size: 1.2em;
	padding-bottom: 8px;
	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: 100%;
	margin-bottom: 1.5em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 1.2em
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems {
	vertical-align: top;
	margin: 0;
	padding: 5px;
	width: 100%;
	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.9em;*/
	color: #333;
	padding-left: 1em;
	text-indent: -1em;
}
.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: 1em;
	padding-top: 0.5em;
	padding-bottom: 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(../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;
	color: #005FC3;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li a:link {
	text-decoration: none;
color: #005FC3;
}
.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: '';
	width: 9px;
	height: 9px;
	display: inline-block;
	background: url(../img/menuarow.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-right: 5px;
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li.sub {
	padding-left: 1em;/*	text-indent: -2em;
	margin-bottom: 5px*/
}
.categoryListWrap .categoryListInner .categoryList dl.categoryItems dd ul li.sub a {
	line-height: 1.4;
}
.maindesignFr .textFwb {
	font-weight: bold !important;
}
.maindesignFr .textSize120p {
	font-size: 1.2em !important;
}
.categoryListTitle p {
width: 100%;
height: auto;
margin: 20px 0 20px 0;
word-break: normal;
line-height: 1.5em;
}
.categoryList.categoryList-2ndtop {
margin-bottom: 45px !important;
}
#single_bxslider3{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
	overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
padding: 0 20px;

}
#single_bxslider3 article{
width: 140px;
flex-shrink: 0;
margin-right: 10px
}
#single_bxslider3 article img{
width: 100%
}
#single_bxslider3 article:last-of-type{
margin-right: 0;
padding-right: 20px
}
.spScrollWrap{
position: relative;
	width: 100%;
height: 156px;
	margin-bottom: 40px;

}
.spScroll{


}
.taglist_1 {
width: 47%;
border: #B1B1B1 1px solid;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.taglist_1-digichira {
border: #B1B1B1 1px solid;
box-sizing: border-box
}
.taglist_img {
width: 100%;
height: 120px;
}
.taglist_img img {
width: 100%;
}
.taglist_img-digichira {
height: 100%;
}
.taglist_title {
text-align: center;
padding: 17px 5px 17px;
font-size: 1em;
}
.taglist_title a {
font-size: 0.8em;
color: #333 !important;
text-decoration: none !important;
}
dd.taglist_title-digichira {
height: 50px;
width: 140px;
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;
width: 100%;
text-align: center;

}
#single_bxslider3 article .taglist_title-digichira img {
margin: 0 auto;
width: 90%;

}
.feature-2ndtop {
overflow: hidden;
}
.category-link.category-link-2ndtop {
padding: 15px 25px 15px 35px !important;
background-position: right 0px center !important;
text-decoration: none;
}
.bx-wrapper{
width: 100%;	
}
.single_bxslider3 {
}
.bx-viewport{
width: 100%;
overflow: hidden;
position: relative;
}
.bx-wrapper .bx-pager {
display: none;
}



.pickup_list{
margin-bottom: 40px;
overflow: auto;
}
.pickup_list ul li {
width: 100%;
height: auto;
margin-bottom: 10px;
font-size: 0.9em;

}

.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;
position: relative
}
.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.threeLinks ul li a:after{
	width: 0;
	height: 0;
	background-image: none
}
.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 ul li a .pickup_list_feature_01 {
    margin:  0 !important;
}
.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:hover {
border-color: #E5002D;
transition: 0.6s;
}

.pickup_list ul li a img {
float: right;
margin: 0 10px 0 5px ;
width: 100px;

}

.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.4em;
margin: 3px 0 10px 0;
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: 1em;
line-height: 1.4em;
margin-left: 0;
}

.pickup_list_feature_01 {
margin: 35px 0 10px 0 !important;
}

.pickup_list_feature_01_li {
height: auto !important;
}


.pickup_list_02{
margin-bottom: 40px;
overflow: auto;
}
.pickup_list_02 ul li {
width: 48%;
height: auto;
margin-bottom: 12px;
font-size: 0.9em;
float: left;
margin-right: 12px;
}

.pickup_list_02 ul li a {
color: #333;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 12px 12px 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 {
width: 100%;
height: auto;
}



.pickup_banner_list {
margin: 40px 0;
}

.pickup_banner_list img {
width: 100%;
}

.pickup_banner_list li {
margin: 0 0 20px;
}

.br_sp{
display: none;
}
/*園芸用品・植物 */
.title-h1.GardenSph1 {
    margin: 0.6em auto;
}


/*    農業資材          */
h2.catalogHeading img{
	width: 100%
}
p.catalogTxt{
	text-align: center;
	line-height: 1.6;
	background-color: #CEE6D9;
	font-weight: bold;
	padding: 1.2em 0.8em;
	font-size: 1em
}
.webfont{
	font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
p.catalogStep img{
	width: 100%
}

.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: 40px
}
.catalogArea .catalogTop{
	width: 100%;
	margin: 20px 0 10px 0
}
.catalogArea .catalogTop img{
	width: 100%;
	border: 1px solid #ccc
}
.catalogArea .catalogLink{
	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;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.catalogArea .catalogLink li{
	width: 49%;
	margin-bottom: 10px
}
.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.15em;
	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: 30px
	}
.agriPlist ul li{
	width: 48%;
	margin-bottom: 20px
}
.agriPlist ul li img{
	width: 100%
}
ul.howtomovie{

	
}
ul.howtomovie li{
	width: 100%;
	    max-width: 660px;
    max-height: 371px;
    padding-top: 56.25%;
	position: relative;
	margin-bottom: 20px
}
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: center;
	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 30px 0;
}

ul.btnChoice li{
	width: 48%;
	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
}
/*   end   */
/*     インテリア         */
.title-h1.interiorSph1 {
    margin: 0.6em auto;
}
.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: 100%
}
.flex50List li img{
	width: 100%
}
a.interiorBtn{
	background-color:#601C14;
	max-width: 600px 
}
p.pickupPtxt{
	margin-bottom:1em
}

/*　　　　ボタン　　　　　　*/
/*-- font-size --*/
.fsSmall { font-size: 0.8em; padding: 0.8em; }
.fsMedium { font-size: 0.9em; padding: 1.05em 1.4em; }
.fslarge { font-size: 1.3em; padding: 0.7em 0; }



a.btnRadius{
	display: block;
	border-radius: 40px;
	text-decoration: none;
	color: #fff;

	text-align: center;
	box-sizing: border-box;
	margin: 0 auto;
	font-weight: bold;
	line-height: 1 !important;
	height: auto !important

}
a.monoBtn{background: #969494;}
a.catchyBtn{background:#EA6D0D;}
a.decisionBtn{background:#535353;}

a.w500{	width: 100%}
a.w300{	width: 300px}
a.noBtn{
	color: #bfbfbf;
 cursor: default;
}
a.borderRadiusBtn{text-decoration: none;
	border: 1px solid;
	border-radius: 6px;
		text-align: center;
	margin-bottom: 20px;
	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: 12px 10px 12px 35px;
	display: block;
	box-sizing: border-box;
	border: 1px solid;
	border-radius: 6px;
	text-align: left;
}
a.smallRadiusBtn {
    color: #333;
	text-align: center;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    padding: 10px 8px;
    border: 1px solid #CCC;
    border-radius: 5px;
}
.future_list li{    margin-bottom: 10px;}
.future_list li img{
	width: 100%
}


.dcbnrList li img{
	width: 100%
}
.dcbnrList li{
	width: 100%;
	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: none !important;
}
.sp-only {
	display: block;
}

.mainInner {
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}