﻿#wrap #contents {
padding: 0 0px !important;
}

.mgb30{margin-bottom:30px;}
.mgtb30{margin:30px 0;}
.tac{text-align: center;}

.feat-art .more-btn-area {
    margin-bottom: 50px;
    text-align: center;
}
@media screen and (max-width:767px) {
#container-all,.container-all {
width:100%;
}
.maindesign .fslarge {
font-size: 1.2em;
}
}
#container-all a {
text-decoration:none;
}
.conlink .rea {
/*max-width: calc(33.33% - 7px);
margin: 1em 0;*/
}
.maindesign {
font-family:"Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}
.maindesign h1 img{
width:100%;
}
.maindesign h1 span{
    color: #fff;
    text-align: left;
    font-weight: bold;
    position: absolute;
    transform: translatey(-50%);
    font-feature-settings: "palt" 1;
}

.maindesign h1 span.heading01{
    font-size: 42px;
    line-height: 1.2;
    top: 30%;
    left: 2%;
}

.maindesign h1 span.heading02{
    font-size: 46px;
    top: 17%;
    left: 24%;
}
    
.maindesign h1 span.heading03{
    font-size: 100px;
    top: 46%;
    left: 24%;
}

.maindesign h1 span.heading04{
    font-size: 56px;
    bottom: 2%;
    left: 24%;
}

@media screen and (max-width: 767px){
.maindesign h1 span.heading01{
    font-size:4.5vw;
    top: 25%;
}

.maindesign h1 span.heading02{
    font-size: 4.5vw;
    top: 30%;;
    left: 26%;
}

.maindesign h1 span.heading03{
    font-size: 7vw;
    left: 26%;
}

.maindesign h1 span.heading04{
    font-size: 4vw;
    bottom: 25%;
    left: 26%;
}
}
.maindesign h1 span .s_title{
font-size:0.8em;
}

.maindesign h2.headingMiddle.summer-goods{
	border-bottom: solid 3px #0476e9;
}
.maindesign h2.headingMiddle.summer-goods::after{
	/*border-bottom: solid 3px #0064c8;*/
	content: none;
}
.maindesign h2.headingMiddle.winter-goods{
	border-bottom: solid 3px #ea6d0d;
}
.maindesign h2.headingMiddle.winter-goods::after{
	/*border-bottom: solid 3px #0064c8;*/
	content: none;
}
.maindesign .botton_box.summer-goods{
	border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.maindesign .botton_box.winter-goods{
	border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.maindesign .summer-goods a.btnRadius01:hover{
	border-color: #0064c8;
}
.maindesign .winter-goods a.btnRadius01:hover{
	border-color: #ea6d0d;
}
.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: 30px 0 20px;
}


.feat-art .goods-list-area .item {
    margin: 30px 10px 0 0;
    float: left;
    width: calc((100% - 40px) / 4);
    padding: 10px;
    position: relative;
    border: 1px solid #000;
    box-sizing: border-box;
}
.feat-art .goods-list-area .item:nth-child(5n){
	margin-right: 10px;
}
.feat-art .goods-list-area .item:nth-child(4n){
	margin-right: 0;
}
.feat-art .goods-list-area {
    width: 1200px;
    margin: 0 0 40px;
}
.feat-art .goods-list-area .item .goods-img {
    width: 100%;
}

@media screen and (max-width: 767px){

.feat-art .goods-list-area .item {
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
    width: calc((100% - 15px) / 2);
    padding: 10px 5px 15px 5px;
    position: relative;
}
.feat-art .goods-list-area {
    width: 100%;
}


}

.feat-art .goods-list-area .item::before {
   display:none;
}

@media screen and (max-width: 767px){
.feat-art .goods-list-area {
    border-bottom: none;
}
}
@media screen and (max-width: 767px){
.maindesign .fsMedium {
    font-size: 1.0em;
    padding: 0.75em 0.85em;
} 
}
@media screen and (min-width: 768px){
.maindesign .fsMedium {
    padding: 0.75em 1.5em!important;
}
}
    
.maindesign .gotop{
	text-align: right;
}

.maindesign .banner-list.col-3::before,
.maindesign .banner-list.col-3::after{
	content: "";
    display: block;
	width: 32%;
	height: 0;
}
.maindesign .banner-list.col-3::before{
	order: 1;
}

.maindesign .banner-list.col-3 li{
	width: 32%
}
.maindesign .banner-list.col-3 li:nth-child(-n+3){
	margin-top: 0;
}
@media screen and (max-width: 767px){
.maindesign .banner-list.col-3 li{
	width: 100%
}
.maindesign .banner-list.col-3 li:nth-child(-n+1){
	margin-top: 0;
}
}
