@charset "UTF-8";
/*#wrap #contents {
    padding: 0 0px !important;
}*/
ol, ul {
    list-style: none;
    padding: 0;
}
.mgb20{margin-bottom:20px;}
.mgt20{margin-top:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb0{margin-bottom:0px !important;}
.mgtb30{margin:30px 0;}
.red{color: #f00;}
.w100{width: 100%;}
.w100p{width: 100%!important;}
	.maindesign .img-box{
		flex-shrink: 0;
		min-height: 0;
	}
#container-all {
	width:100%;
	margin:0 auto;
}
.flex1{flex: 1;}
.pd10{padding: 10px;}
@media screen and (min-width:768px) {
	.w50pc{width: 50%;}	
	.maindesign .feature-hdg1 .sub_title {
		/*top:40%;*/
	}
}
@media screen and (max-width:767px) {
.fs08sp{font-size: 0.8em;}
	.w50sp{width: 50%;}	
	.w80sp{width: 80%!important;
	margin: auto;}
#container-all,.container-all {
	width:100%;
}
.maindesign .fslarge {
    font-size: 1.2em;
}
	.maindesign .feature-hdg1 .sub_title-secondary {
    font-size: 0.6em;
}
}
#container-all a {
	text-decoration:none;
}
.maindesign {
    font-family:"Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	/*margin-bottom:0 !important;*/
}
.maindesign h1 img{
	width:100%;
}
.maindesign .w100{
	width:100%;
}
.maindesign .main_title {
    margin: 10px auto;
    font-weight: bold;
    font-size: 22px;
}

.maindesign h1 span{
    font-size: 0.8em;
}
.maindesign .heading01{
}
.maindesign .heading02{
	top:60%;
	font-size:2em;
}

.maindesign h1 span .s_title{
	font-size:0.8em;
}
@media screen and (max-width: 767px){
.maindesign h1 span {
	/*font-size: 7vw;
    left: 3vw;*/
}
.maindesign .fsMedium {
    font-size: 1.0em;
    padding: 0.75em 1.5em;
}

}
.maindesign .h2comment {
	line-height:1.2em;
}
.maindesign p {
	line-height: 1.3em;
}

.listHead34 {
    font-size: 1.2em;
    font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    color: rgb(51, 51, 51);
    font-weight: bold;
    margin: 10px 0;
}
.tbl01 th{
	background-color:#ebebeb;
	color:#000;
  padding: 15px;
}
.tbl01 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 15px -6px #00000073;
}

.tbl01 th,
.tbl01 td {
  padding: 20px 0;
  border: 1px solid #ccc;
}

.tbl01 tr{
  text-align: center;
  padding: 20px 0;
}
.fwb{
	font-weight:bold;
}
.lh15{
	line-height:1.5em;
}

.maindesign span.indent {
    display: block;
    padding-left: 1.0em;
    text-indent: -1.0em;
}
.maindesign .cols3-2 li{
width:calc(33.33% - 7px);
margin-right:calc(21px / 2);
margin-bottom:20px;
position: relative;
} 

.maindesign .cols3-2 .text-box{
padding:0.5em;
line-height: 1.6em;
}

.maindesign .cols3-2 .cover-btn{
position: absolute;
bottom: 0%;
width:100%;
}	

.maindesign .cols3-2 li:nth-child(3n){
margin-right:0px;
}
.maindesign .iconp{
	/*padding-left:80px;*/
}
.maindesign .icon{
	position: absolute;
	right: 0;
	top: -50px;
}

@media screen and (min-width:768px){
.maindesign .icon{
	width:180px;
	position: absolute;
	right: 0;
	top: -45px;
}
.maindesign .w50 {
	text-align:center;
    margin-bottom: 0 !important;
}
.maindesign .w80pc{
	width:70%;
	margin:auto;
	text-align:center;
}
.maindesign .w70pc{
	width:50% !important;
	margin:0 auto 40px !important;
}
.maindesign .fsMedium {
    font-size: 1.0em;
    padding: 0.75em 1.5em;
	line-height:2em;
}
	.feat-art .goods-list-area .item:nth-child(n+1):nth-child(-n+4):before {
    width: 0;
    height: 0;
    border: 0;
    margin-top: 20px;
}
	.feat-art .goods-list-area .item:nth-child(n+1):nth-child(-n+5):before {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100vw;
    height: 1px;
    content: '';
    background-color: #dbdbdb;
    box-sizing: border-box;
    margin-top: 0;
}
}


@media screen and (max-width:767px){

.maindesign .links.cols3-2 li{
width:calc(50% - 5px);
margin-right:calc(10px / 1);
margin-bottom:20px;
}
.maindesign .links.cols3-2 li:nth-child(2n){
margin-right:0px;
}	
.maindesign .cols3-2 li:nth-child(3n){
margin-right:calc(10px / 1);
}
.maindesign .links.cols3-2 li:nth-child(6n){
margin-right:0px;
}
.maindesign .links.cols3-2 .text-box{
padding: 0.5em;
line-height: 1.6em;

}
.maindesign span.indent {
    display: block;
    padding-left: 1.0em;
    text-indent: -1.0em;
    margin: 0 3%;
    line-height: 1.4;
}
.maindesign .icon{
	margin-bottom:-3em;
	width:80px;
}

}






.maindesign .main_botton li{
	width: calc(100% / 6 - 7px);
    margin-right: calc(42px / 5);
}
.maindesign .main_botton .rep {
    display: block;
    vertical-align: middle;
    padding: 0.7em 0.5em;
    width: auto;
    border-left: none;
}
.maindesign .main_botton li:nth-child(3n) {
    margin-right: calc(42px / 5);
}
.maindesign .main_botton li:nth-child(6n) {
    margin-right: 0px;
}
@media screen and (max-width:767px) {
.maindesign .main_botton .rep p{
	font-size:0.8em;
}
.maindesign .main_botton li{
	width: calc(50% - 5px);
    margin-right: 10px;
}
.maindesign .main_botton li:nth-child(3n) {
    margin-right: 10px;
}
.maindesign .main_botton li:nth-child(6n) {
    margin-right: 10px;
}
.maindesign .main_botton li:nth-child(2n) {
    margin-right: 0;
}

}
@media screen and (min-width:768px){

.feat-art .goods-list-area .item {
    margin: 10px 20px 0 0 !important;
    float: left;
    width: 20%;
    width: calc((100% - 60px) / 4) !important;
    width: -webkit-calc((100% - 60px) / 4) !important;
    width: -moz-calc((100% - 60px) / 4) !important;
    padding: 0 0 10px 0;
    position: relative;
}
.feat-art .goods-list-area .item:nth-child(4n) {
    margin-right: 0px !important;
}
.feat-art .goods-list-area .item .goods-img {
    text-align: center;
    width: 255px !important;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}
}

.maindesign .cols2-1st li {
    width: calc(45% - 0px);
    margin-right: calc(10% / 1);
    margin-bottom: 20px;
    position: relative;
}
@media screen and (max-width:767px){
	.maindesign .cols2-1st li {
    width: calc(50% - 5px);
    margin-right: calc(10px / 1);
    margin-bottom: 20px;
    position: relative;
}
}
.maindesign .howto{
display:flex;
flex-wrap: wrap;
margin-top: 10px;
margin-bottom: 30px;
}
.maindesign .howto.cols3-1 li{
	width: calc(33.3% - 7px);
    margin-right: calc(21px / 2);
    margin-bottom: 20px;
    padding-bottom: 0;
    position: relative;
}
.maindesign .howto.cols3-1 li:nth-child(3n) {
    margin-right: 0px;
}
.maindesign .howto.cols3-1 li a{
	display: flex;
}	
.maindesign .howto.cols3-1 li a .linksImg{
	margin: 5px 15px 5px auto;
}
.maindesign .howto.cols3-1 li a .linksTxt{
	margin: auto auto auto 10px;
}
.maindesign .howto.cols3-1 li a .linksTxt p {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
}
.maindesign .howto .linksTxt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width:767px){
.maindesign .howto.cols3-1 li{
	width: 100%;
	margin-right:0;
	margin-bottom: 20px;
}
	
.maindesign .howto.cols3-1 li a{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: row-reverse;
}
	
.maindesign .howto.cols3-1 li a .linksImg{
	margin: 5px 15px 5px 5px;
}	
	
.maindesign .howto.cols3-1 a .linksImg{
width: calc(8.5em - 4.8vw);
margin:0 4% 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.maindesign h2.iconh2 {
     /*padding-bottom: 0px !important; */
    display: flex;
    align-items: center;
}
	.maindesign .icon{
	top: 0px;
}
.maindesign .icon {
	margin-bottom:0;
	width:20vw;
}
.maindesign .iconp {
	padding-left:0;
}
}
.maindesign .relation {
    display: flex;
    flex-wrap: wrap;
}
.maindesign a.feature {
    display: block;
    color: #000000;
    text-decoration: none;
}
.maindesign .feature {
    width: calc(50% - 7px);
    height: auto;
    min-height: 75px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid #ccc;
    position: relative;
    transition: 0.6s;
    text-align: justify;
}
.maindesign .feature .feat_title {
    font-size: 1.2em;
    width: calc(80% - 20px);
    padding-left: 10px;
    font-weight: bold;
    margin: 0;
}
.maindesign .feature .feat_text {
    font-size: 0.8em;
    width: calc(80% - 30px);
    padding-left: 10px;
    line-height: 1.2;
    margin: 10px 0 0 0;
}
.maindesign .feature img {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 18%;
    transform: translateY(-50%);
    transition: 0.6s;
}
.maindesign h2.iconh2{
	margin-top: 100px;
}
.maindesign .icondiv{
	display: flex;
	align-items: center;
}
.maindesign .icon2{
	flex-basis: 150px;
}
.maindesign .iconp2{
	width: calc(100% - 300px);
}
@media screen and (min-width:768px){

.maindesign .feature:nth-child(2n) {
    margin-right: 0;
}

}
@media screen and (max-width:767px){
	.maindesign h2.iconh2{
	margin-top: 70px;
}
	.maindesign .feature {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid #ccc;
    position: relative;
    transition: 0.6s;
    text-align: justify;
}
	.maindesign .icon2{
	flex-basis: 30%;
	width: 1vw;
}
.maindesign .iconp2{

	flex-basis: 50%;
}
}
.maindesign .past77 p{
	line-height: 1.3em;
}

.maindesign .AC-blocks {
    margin: 30px 0 20px;
    border: 2px solid #ccc;
}
.maindesign .AC-blocks .model-block {
    text-align: center;
    /* margin-top: 20px; */
    background: #fff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.5em 1.3em;
    position: relative;
    cursor: pointer;
}
.maindesign .AC-blocks .model-block::after {
    font-family: 'Noto Sans JP', sans-serif;
    content: url(/include_html/koukoku/newlife/img/arrow_forward.svg);
    transform-origin: center;
    transform: translateY(-50%);
    color: #9ca289;
    display: inline-block;
    align-items: center;
    /* padding: 0.5em; */
    transition: 0.5s;
    position: absolute;
    top: 50%;
    right: 1%;
    height: 25px;
    width: 25px;
}
.maindesign .AC-blocks .model-block.active::after {
    transform: rotate(
180deg) translateY(50%);
}
.maindesign .AC-blocks .sub-block {
    display: none;
    padding: 10px;
     /*border: 2px solid #ccc; */
}
.maindesign h4 {
    color: #431F08;
    font-size: 1.1em;
    font-weight: bold;
    /*padding: 0.6em 0.4em;*/
    margin: 20px 0;
    line-height: 1.2;
}
.maindesign .radiusBox {
    box-sizing: border-box;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 20px 0;
}
.maindesign h5 {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 0.3em;
    text-align: center;
    color: #F83B4A;
}

.maindesign .radiusBox ul li {
    width: 32%;
}
.maindesign .radiusBox ul li img {
    width: 100%;
    margin-bottom: 0.5em;
}
.maindesign .radiusBox ul li p {
    text-align: center;
    line-height: 1.4;
}
.maindesign h6 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 15px 0;
}
.maindesign h3 {
    border-left: 4px solid #f00;
    font-size: 1.2em;
    font-weight: bold;
    margin: 20px 0 10px 0;
    text-align: left;
    padding: 0.6rem 1rem;
	line-height: 1.2;
}
@media screen and (min-width:768px){
	.maindesign .radiusBox ul {
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
	.maindesign .imgPos {
    position: absolute;
    bottom: 0;
    right: 0;
}
	.tac-pc{
		text-align: center;
	}
}
.maindesign .disp_f{
	display: flex;
	align-items: center;
}
.maindesign .slide3 .slider3{
	width: 860px;
	margin: 0 auto 40px;
}
.maindesign .slide3 .slider3 p{
	padding: 10px;
}
	@media screen and (max-width:767px){
.maindesign .slide3 .slider3{
	width: 90%;
}
.maindesign .radiusBox ul li {
    width: 100%;
}
		
	.maindesign .radiusBox ul li img {
    width: 100%;
    margin-bottom: 0.3em;
}
	.maindesign .radiusBox ul li p {
    text-align: center;
    line-height: 1.4;
    margin-bottom: 0.8em;
}
}
.arrow_u {
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: transparent transparent #333 #333;
    transform: rotate(-45deg);
    margin: auto;
}
.maindesign a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;}
.maindesign h2{

}

.maindesign ul.flexList{
		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;
	}
	.maindesign ul.flexList li{
		width:31%;
		margin-bottom: 2%
	}
	.maindesign ul.flexList li img{
		width: 100%
	}
	.maindesign .topList{		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;}
	.maindesign .topList div{
		width: 48%
	}
	.maindesign .topList 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;}
	.maindesign .topList ul li{
		width: 49%;
		margin-bottom: 10px
	}
.maindesign .goods.cols4-2 li {
	/*padding-bottom: 2rem;*/
	display: flex;
    flex-direction: column;
}
	@media screen and (max-width:767px){
.maindesign h2.headingMiddle {
    margin: 40px 0 20px 0;
}
.maindesign .topList {
    flex-direction: column;
}
		.maindesign .topList div {
    width: 100%;
}
}
.maindesign a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;}

.maindesign .flex50{
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: 20px auto
}
.maindesign .flex50 a{
width:48%;
margin-bottom: 20px
}

.maindesign .flex50 a img{
width: 100%
}
.maindesign ul.flexList{
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;
}
.maindesign ul.flexList li{
width:31%;
margin-bottom: 20px
}
.maindesign ul.flexList li img{
width: 100%
}
.threecolumindent::after{
content:"";
display: block;
width:31%;
}
.maindesign ul.flexList2{
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;
}
.maindesign ul.flexList2 li{
width:280px;
margin-bottom: 20px
}
.maindesign ul.flexList2 li img{
width: 100%
}
 
.maindesign .bannerBox {
margin: 20px 0
} 
/*-- margin-bottom --*/
.maindesign .mb20 { 
margin-bottom: 20px; 
} 
.maindesign .mb40 { 
margin-bottom: 40px; 
}
.maindesign .mb50 { 
margin-bottom: 50px; 
} 
.maindesign h1 img {
width: 100%
}
.imgbox {
width: 100% 
} 
.maindesign .block{
	display:block;
}
	.maindesign p.pName{
		font-weight: bold;
		font-size: 1.25em;
		margin-bottom: 0.3em
	}
	.maindesign .goods {
		margin-bottom: 0
	}
	.maindesign ul.goods li{
	border: 4px solid #2D1304;
		box-sizing: border-box
	}
	.maindesign .imgFull img{
		width: 100%;
		vertical-align: top
	}
	.maindesign .centerBtn{
		margin: 30px auto
	}
	
	
	.maindesign .tokutitle {
    position: absolute;
    margin: 15px;
    font-size: 2em;
    font-weight: bold;
    color: #5d2b1a;
	text-shadow: 
		2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;
		width: 8em;
}
	@media screen and (max-width:767px) {
	.maindesign .tokutitle {	
	font-size: 5.5vw;	
		}
		
		
	}
	
	
	
	
	
	
	@media screen and (min-width:768px) {
	.maindesign .threeTwo::after{
		content:"";
		display: block;
		width:31%;
	}
	.maindesign .flex50.flex30 a{
		width: 31%
	}
	}
	@media screen and (max-width:767px) {
	.maindesign .fslarge {
		font-size: 1.1em;
		padding: 1.05em 0.6em;
	}
	.maindesign .flex50{
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;

}
.maindesign .flex50 a{
width:48%;
margin-bottom: 10px
}

.maindesign ul.flexList li{
width:48%;
margin-bottom: 10px
}	
	}

	.maindesign .katei{
        left: 4%;
        color: #e65617;
    }
	.maindesign .saien{
        left: 26%;
        color: #1fa508;
    }
	.maindesign .tokushu{
        left: 48%;
        color: #4d2b1f;
    }
	
	@media screen and (max-width:767px) {
.maindesign .feature-hdg1 .sub_title{
		font-size: 10vw;
       /* top: 40%;	*/
	}
	.maindesign .saien{
        left: 28%;
    }
	.maindesign .tokushu{
        left: 52%;
    }
	}
	
	
.maindesign .cols5-2 li {
    width: calc(20% - 8px);
    margin-right: calc(40px / 4);
    margin-bottom: 20px;
    position: relative;
}	
.maindesign .cols5-2 li:nth-child(5n) {
    margin-right: 0px;
}
.maindesign ul{
	padding:0;
}
	@media screen and (max-width:767px) {
.maindesign .cols5-2 li {
    width: calc(50% - 5px);
    margin-right: calc(10px / 1);
    margin-bottom: 20px;
}
.maindesign .cols5-2 li:nth-child(5n) {
    margin-right: calc(10px / 1);
}
.maindesign .cols5-2 li:nth-child(2n) {
    margin-right: 0px;
}
}

.maindesign .price{
	margin:5px;
}
.maindesign .goods.cols4-2c li{
	padding-bottom:5em;
}
.maindesign .fsMedium{
	padding: 0.75em;
}

.maindesign .border_radiuse li {
    border: 1px solid #ccc!important;
}

@media screen and (min-width:767px) {
.maindesign .banner_list2-1 li.w50p {
    width: 100%;
    margin: 0 0 20px 0;
}
}
.maindesign .listHead34 {
    font-size: 1.2em;
    font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    color: rgb(51, 51, 51);
    font-weight: bold;
    margin: 10px 0;
}

@media screen and (min-width:767px) {
.maindesign .w50li li{
width:calc(50% - 7.5px)!important;
}
.maindesign .w50li li:nth-child(2n){
margin-right:0;
}
}
.maindesign .t_small{
	font-size:0.9em!important;
}
.maindesign .goods.cols4-2c .dic {
    color: #018c4e;
	margin:10px auto 5px;
	width:90%;
	height: 60px;
    align-items: center;
    display: flex;
}
@media screen and (max-width:767px) {
.maindesign .goods.cols4-2c .dic {
	height: 13vw;
	font-size:3.5vw;
}
.maindesign .t_small {
    font-size: 0.8em!important;
}
}
@media screen and (max-width:320px) {
.maindesign .t_small {
    font-size: 0.7em!important;
}
}

.maindesign .relative{
	position:relative;
	margin-bottom: 2em;
}
.maindesign .absolute{
	position:absolute;
	display:block;
}
.maindesign .absolute:hover{
	background-color:#FF0000;
	opacity: 0.5;
}
.maindesign .h2comment{
	font-weight:bold;
}
.maindesign .mg0{
	margin:0;
}



.bg-pic01 {
    background-image: url(/include_html/koukoku/14_saien/image_220215/smn_01.jpg);
    background-position: center;
    background-size: cover;
}
.bg-pic02 {
    background-image: url(/include_html/koukoku/14_saien/image_220215/smn_02.jpg);
    background-position: center;
    background-size: cover;
}
.bg-pic03 {
    background-image: url(/include_html/koukoku/14_saien/image_220215/smn_03.jpg);
    background-position: center;
    background-size: cover;
}
.bg-pic04 {
    background-image: url(/include_html/koukoku/14_saien/image_220215/smn_04.jpg);
    background-position: center;
    background-size: cover;
}
.bg-pic05 {
    background-image: url("/include_html/koukoku/14_saien/image_220719/bgsmn_05.jpg");
    background-position: center;
    background-size: cover;
}
.bg-pic06 {
    background-image: url("/include_html/koukoku/14_saien/image_220719/bgsmn_06.jpg");
    background-position: center;
    background-size: cover;
}
.bg-pic07 {
    background-image: url("/include_html/koukoku/14_saien/image_220719/bgsmn_07.jpg");
    background-position: center;
    background-size: cover;
}
.bg-pic01 p, .bg-pic02 p, .bg-pic03 p, .bg-pic04 p, .bg-pic05 p, .bg-pic06 p, .bg-pic07 p {
    padding: 30px;
    line-height: 1.5em;
    color: #fff;
    font-size: 1.5em;
}
.colsinframe2 {
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 40px;
    overflow: hidden;
    }
.resptab01,.resptab02,.resptab03,.resptab04{
overflow:hidden;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; 
margin:0;
padding: 0;
list-style: none;
}
.resptab01 li,.resptab03 li,.resptab04 li{
background: #999;
color: #fff;
cursor: pointer;
width: calc( 100% / 2);
padding: 20px 0;
line-height: 2.5;
font-size: 18px;
text-align: center;
}
.resptab02 li{
background: #999;
color: #fff;
cursor: pointer;
width: calc( 100% / 3);
padding: 20px 0;
line-height: 1.5;
font-size: 18px;
text-align: center;
}
	.resptab01 li:hover,.resptab02 li:hover,.resptab03 li:hover,.resptab04 li:hover{
	background: #555;
}
	.resptab01 li.select,.resptab02 li.select,.resptab03 li.select,.resptab04 li.select{
background: #fff;
color: #000;
font-weight: bold;
text-align: center; 
}
.tabmenu01,.tabmenu02,.tabmenu03,.tabmenu04 {
	border:5px solid #999;
}
.tabmenu01 img,.tabmenu02 img,.tabmenu03 img,.tabmenu04 img{
width: 100%;
}
.hide{
display:none;
}
.respcontent01,.respcontent02,.respcontent03,.respcontent04{
	padding: 0 5px;
}
.listHeading {
    font-size: 1.2em;
    font-family: 'Noto Sans JP', "ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
    color: #333;
    font-weight: bold;
}
.maindesign .img-box {
    text-align: center;
    margin: auto 10px 10px 10px;
}
.goods-btn{
	margin: 0 10px 10px 10px;
}
	@media screen and (max-width:767px){
.bg-pic01 p, .bg-pic02 p, .bg-pic03 p, .bg-pic04 p, .bg-pic05 p, .bg-pic06 p, .bg-pic07 p {
    padding: 10px;
    line-height: 1.3em;
    color: #fff;
    font-size: 1em;
}		
		
		.resptab01{
-webkit-flex-wrap: wrap;
flex-wrap: wrap; 
border-bottom: none;
}
		.resptab01 li{
    line-height: 1.5;
    font-size: 3vw;
}
    .resptab01 li:hover{}
	.resptab01 li.select{}
	}
.maindesign .menu-btn-list {

    padding-bottom: 20px;
}
.maindesign .goTop {
    clear: both;
    font-size: 14px;
    margin: 8px 0;
    text-align: right;
}

.maindesign .scroll_box {
	overflow-x: scroll;
}
.maindesign .scroll_box ul{
	width: 1260px;
}
.maindesign .scroll_box .col7{
	width: 1470px;
}
.maindesign .scroll_box li {
	width: 200px;
	margin-right: calc(30px / 3);
    margin-bottom: 20px;
    position: relative;
}
.maindesign .scroll_box .text-box {
	padding: 0.5em;
    line-height: 1.6em;
}
.maindesign p.scrolltxt {
    color: #E00012;
    font-weight: bold;
    margin: 15px 0 40px 0;
    text-align: left;
}
.maindesign p.scrolltxt span {
    /* background-color: #FAE2DE; */
    padding: 8px 6px;
    font-size: 0.95em;

    border: 2px solid #E00012;
    box-sizing: border-box;
}
.maindesign li a {
    min-height: 0%;
}


.maindesign .modal{
        display: none;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
    }
.maindesign .modal__bg{
        background: rgba(0,0,0,0.5);
        height: 100vh;
        position: absolute;
        width: 100%;
    }
.maindesign .modal__content{
        background: #fff;
        left: 50%;
        padding: 40px;
        position: absolute;
        top: 58%;
        transform: translate(-50%,-50%);
        width: 60%;
    }
	.maindesign .modal_txtbox{
    max-width: 350px;
    /*margin: 0 auto;*/
}
	.maindesign .modal_txtbox .item-name{
    font-size: 1.2rem;
    font-weight: bold;
}
	.maindesign .modal_imgbox{
    max-width: 350px;
    margin: 0 auto;
}
	.maindesign .close-right{
    display: flex;
    justify-content: flex-end;
}

.maindesign .spring_list .text-box span{
	font-weight: bold;
}
.maindesign .spring_list li{
	border-radius: 5px;
}
	.maindesign .spring_list li img{
	width: 90%;
	margin: 0 auto 10px;
}

/*230131*/
.maindesign .title_inner {
    background-color: rgba(0,0,0,0.3);
    padding: 10px 30px;
    line-height: 1.4;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 65%;
    height: 50%;
    text-align: center;
    white-space: nowrap;
}
.maindesign .fs08{
	font-size: 0.8em;
}
.maindesign .under_txt{
	margin: 10px auto;
}
.maindesign .align_center{
	align-items: center;
}
.maindesign .pdb0{
	padding-bottom: 0!important;
}
.maindesign .fs12{
	font-size: 1.2em;
}
.maindesign .cols2 {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
		margin-bottom: 10px;
}
.maindesign .cols2 .cate_container {
	width: calc( 50% - 10px);
}
.maindesign .cols2 .cate_container_02 {
	padding: 0 10px;
	text-align: center;
}
.maindesign .cols2 .img_container {
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.maindesign .cols2 .text_container {
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.maindesign .topBtn ul::before {
	content:"";
	display: block;
	width:24%;
	order: 1;
}
.maindesign .topBtn ul::after {
	content:"";
	display: block;
	width:24%;
}
.maindesign .mgt-15 {
	margin: 15px 0;
}
.maindesign .menu-btn-list.w100 li {
    width: 100%;
}
.rate{
position: relative;
display: inline-block;
}

.rate:before{
content: "★★★★★";
color: #ccc;
}
.rate0-5:after,
.rate1:before,
.rate1:after,
.rate1-5:before,
.rate1-5:after,
.rate2:before,
.rate2:after,
.rate2-5:before,
.rate2-5:after,
.rate3:before,
.rate3:after,
.rate3-5:before,
.rate3-5:after,
.rate4:before,
.rate4:after,
.rate4-5:before,
.rate4-5:after,
.rate5:after{
position: absolute;
top:0;
left:0;
color: #FFA500;
overflow: hidden;
height: 24px;
}

.rate .rate0-5:after,
.rate .rate1-5:after,
.rate .rate2-5:after,
.rate .rate3-5:after,
.rate .rate4-5:after{
	width: 8px;
	content: "★";
}

.rate .rate1:after,
.rate .rate1-5:before{
	content: "★";
}
.rate .rate1-5:after{
	left: 1em;
}
.rate .rate2:after,
.rate .rate2-5:before{
	content: "★★";
}
.rate .rate2-5:after{
	left: 2em;
}
.rate .rate3:after,
.rate .rate3-5:before{
	content: "★★★";
}
.rate .rate3-5:after{
	left: 3em;
}
.rate .rate4:after,
.rate .rate4-5:before{
	content: "★★★★";
}
.rate .rate4-5:after{
	left: 4em;
}
.rate .rate5:after{
	content: "★★★★★";
}
@media screen and (max-width: 767px) {
.maindesign .title_inner {
    width: 80%;
}	
	.maindesign .cols2 {
		justify-content: space-between;
		/*max-height: 170px;*/
	}
	.maindesign .cols2 .cate_container {
	width: 100%;
}
	.maindesign .cols2 .img_container {
		/*width: 40%;
		max-height: 170px;*/
	}
	.maindesign .cols2 .img_container > img {
		/*height: 100%;
		width: auto;*/
	}
	.maindesign .cols2 .text_container {
		/*width: 50%;
		height: 170px;*/
	}
	.maindesign .mbgc_blue {
		font-size: 0.7rem;
		margin-bottom: 0.2rem;
		padding: 0.2em;
	}
	.maindesign .mbgc_gray {
		font-size: 0.7rem;
		margin-bottom: 0.2rem;
		padding: 0.2em;
	}
	.maindesign .cols2 .text_container li {
		font-size: 0.7rem;
	}
}
@media screen and (min-width:768px){
.maindesign .category-list {
    display: flex;
    flex-wrap: wrap;
}
.maindesign .category-list a {
    display: block;
        width: calc(20% - 23px);
    border: 1px solid #ccc;
    padding: 5px;
    margin-right: calc(40px / 3);
    margin-bottom: 10px;
	text-decoration: none;
	color: #333;
}
.maindesign .category-list a:nth-child(5n){
    margin-right: 0;
}

.maindesign .category-list a img{
    width: 100%;
}
.maindesign .category-list a p{
	text-align: center;
	margin: 5px 0 0 0;
	line-height: 1.2;
}
}
@media screen and (max-width:767px){

.maindesign .category-list {
    display: flex;
    flex-wrap: wrap;
}
.maindesign .category-list a {
    display: block;
    width: calc(33.3% - 19px);
    border: 1px solid #ccc;
    padding: 5px;
    margin-right: calc(21px / 2);
    margin-bottom: 10px;
    text-decoration: none;
    color: #333;
}
.maindesign .category-list a:nth-child(3n){
    margin-right: 0;
}
.maindesign .category-list a img{
    width: 100%;
}
.maindesign .category-list a p{
	text-align: center;
	margin: 5px 0 0 0;
    font-size: 3.0vw;
    line-height: 1.2;
}
}


.maindesign .detail_title{
	font-size: 1.05em;
	font-weight: bold;
}
.maindesign .price-area{
	margin-left: auto;
}
.maindesign .price {
    font-size: 2.0em;
    /*padding: 0 0.2em;*/
    text-align: right;
    color: #C0302C;
    font-weight: 700;
    font-feature-settings: "palt" 1;
	margin-bottom: 10px;
}
.maindesign .tax {
    color: #000;
    font-size: 0.6em;
}
.maindesign .yen {
    font-size: 0.5em;
    color: #C0302C;
}



/*240822*/
.maindesign .mgb20{margin-bottom: 20px!important;}
.maindesign .flex-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*align-items: center;*/
}
.maindesign .flex-contents{
	width: 48%;
        display: flex;
        flex-direction: column;
}
.maindesign .flex-contents .flex-container .menu-btn-list.col-1 li {
        width: 100%;
    }
.maindesign .flex-contents .flex-container .goods-name{
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 20px;
	margin-bottom: 10px;
}
.maindesign .flex1 {
	flex: 1;
}
.maindesign .text-indent{
	text-indent: -0.5em;
	padding-left: 0.5em;
}
.maindesign .images-flex{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}
.maindesign .images-flex ul{
	width: 29%;
}
.maindesign .images-flex li{
	width: 100%;
	margin-top: 10px;
}
.maindesign .images-flex li:top-child{
	margin-bottom: 0;
}
.maindesign .images-flex .recommend--block__flex{
	width: 69%;
}
.maindesign .images-flex  .recommend--block__flex .komeri-only ul {
	width: calc(100% - 20px);
	height: 222px;
}
.maindesign .images-flex  .recommend--block__flex .komeri-only ul li{
	font-size: 1.8em;
}
.maindesign .text-area--flex{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 100px;
}
.maindesign .text-area--flex .lead-text{
	width: 49%;
}
.maindesign .text-area--flex .menu-btn-list{
	width: 49%;
	margin: 0;
}
.maindesign .text-area--flex .menu-btn-list li{
	width: 100%;
}
@media screen and (max-width: 767px){
.maindesign .text-area--flex{
	margin-bottom: 40px;
}
.maindesign .text-area--flex .lead-text{
	width: 100%;
}
.maindesign .text-area--flex .menu-btn-list{
	width: 100%;
	margin-top: 1em;
}
}
@media screen and (max-width: 767px){
.maindesign .text-area--flex{
	margin-bottom: 40px;
}
.maindesign .text-area--flex .lead-text{
	width: 100%;
}
.maindesign .text-area--flex .menu-btn-list{
	width: 100%;
	margin-top: 1em;
}
}
.maindesign .goods-name{
	font-size: 1.6em;
	font-weight: bold;
	margin: 20px 0 10px;
	line-height: 1.2;
}
.maindesign .recommend{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
.maindesign .recommend::before,
.maindesign .recommend::after{
	content: "";
	display: block;
	width: 32%;
	height: 0;
}
.maindesign .recommend::before{
	order: 1;
}
.maindesign .recommend .goods-name{
	font-size: 1.3em;
}
.maindesign .recommend--block {
	width: 32%;
	position: relative;
	padding-bottom: 3.5em;
}
.maindesign .recommend--block__flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	height: 350px;
}

.maindesign .recommend--block__flex .images {
	width: 50%;
}
.maindesign .recommend--block__flex .komeri-only {
	width: calc(48% - 10px);
	background: #b3a48d;
	padding: 5px;
}
.maindesign .recommend--block__flex .komeri-only ul{
	background: #fff;
	padding: 10px;
}
.maindesign .recommend--block__flex .komeri-only li{
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 1.6em;
}
.maindesign .recommend--block__flex .komeri-only li:first-child{
	margin-top: 20px;
}
.maindesign .recommend--block .lead-text {
	text-align: justify;
}
.maindesign .recommend--block .forte {
	width: 58%;
}
.maindesign .recommend--block .forte li{
	background-color: #1e91d1;
	color: #fff;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.3;
	margin-top: 0.5rem;
	padding: 0.7rem;
	text-align: center;
	border-radius: 10px;
}
.maindesign .recommend--block .forte li:first-child{
	margin-top: 0;
}
.maindesign .recommend--block .menu-btn-list{
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
}
.maindesign .recommend--block .forte li.small{
	font-size: 0.8em;
}

@media screen and (max-width: 767px){
.maindesign .goods-name{
	font-size: 1.3em;
}
.maindesign .recommend--block {
	width: 100%;
	margin-top: 40px;
}
.maindesign .recommend--block:first-child{
	margin-top: 0;
}
.maindesign .recommend--block__flex{
	height: auto;
}
.maindesign .recommend--block__flex .komeri-only li{
	font-size: 4.4vw;
}

.maindesign .recommend--block .forte li{
	font-size: 5vw;
	padding: 0.5em 0.2em;
}
	.pc-only {
    display: none!important;
}
.maindesign .recommend--block .forte li.small{
	font-size: 5vw;
}
  .maindesign .slide3 .slider3 {
    width: 90%;
  }
	.maindesign .slick-next {
    right: 0!important;
}
.maindesign .slick-initialized .slick-slide {
    padding: 2px;
}
.maindesign .flex-contents{
	width: 100%;
}

}

/*  250225 更新  */
.maindesign .hoe-sickle{
	margin: 10px auto 20px;
}
.maindesign .hoe-sickle a{
	color: #000;
}

/*250826*/
.maindesign .cols3-1 .cont3-1{
	width: calc(33.3% - 7px);
    margin-right: calc(21px / 2);
    margin-bottom: 20px;
    padding-bottom: 0;
	display: flex;
	flex-direction: column;
}
.maindesign .flex1{
	flex: 1;
}
.maindesign .cols3-1 .cont3-1:nth-child(3n) {
    margin-right: 0px;
}
.maindesign .recommend--block__name {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 20px;
}
.maindesign .bg-logo{
	max-width: 170px;
}
@media screen and (max-width:767px){
.maindesign .cols3-1 .cont3-1{
	width: 100%;
	margin-right:0;
	margin-bottom: 20px;
}
	
}