@charset "utf-8";
/* CSS Document */


/**********************
　      共有
**********************/
#wrapper {
    width: 100%;
    background-color: #f6e3d8;
    color: #78685d;
    overflow: hidden;
	overflow: hidden;
    margin-top: 3.5%;
}	
#wrapper img {
	width: 100%;
}
	
#wrapper a {
	text-decoration: none; 
	color: #78685d;
	display: block;
}	
#wrapper .pc {
	display: none;
}
	
/*txtセンター指示*/
#wrapper .catch,.link-box p,.heading,.sab,.main-tit,.title p {
    text-align: center;
}
	
/*余白調整*/	
#wrapper .up {
    margin-top: -5%;
}	
	
	
@media screen and (min-width: 768px) {
#wrapper .sp {
    display:none;
}
}
 /*スマホで改行・表示*/
#wrapper .sp {display:block;}	
#wrapper .pc { display:none;}	
	}

/**********************
　       main
**********************/
	
/*トップビュー*/
#wrapper .topveiw {		
	}
#wrapper .catch {
    margin: 3% 0 5%;
    font-size: 3.8vw;
}

/*シームレスって？*/	
#wrapper .seamless {
	position: relative;
	}
#wrapper .se-txt {
    font-size: 3vw;
    position: absolute;
    top: 34%;
    left: 2.5%;
}
	
#wrapper .link-box {
    width: 75%;
    margin: 8% auto 5%;
    background-image: linear-gradient(90deg, #fcdbd2, #f7cab5 67%);
    border-radius: 20px;
}
#wrapper .link-box p {
    padding: 4% 0;
    font-size: 4vw;
}
.link-box p::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(https://shop.aimerfeel.jp/img_visu/genre/bra_seamless/260226/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: -5px 0 0 3px;
    vertical-align: middle;
}
@media screen and (min-width: 768px) {
#wrapper .catch {
    font-size: 2.5rem;
}	
#wrapper .se-txt {
    font-size: 2.5rem;
}	
#wrapper .link-box p {
    font-size: 3rem;
}
.link-box p::after {
    width: 28px;
    height: 28px;
}
	
	}
	
	
 /*比較箇所*/
#wrapper .heading {
    font-size: 4.2vw;
    font-weight: 600;
    padding: 5% 0;
}
#wrapper .comparison_box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 15%;
}
#wrapper .relative_box {
	position: relative;
}	
#wrapper .list,.list2 {
    position: absolute;
    top: 10%;
}
#wrapper .list {
   left: 5%;
}
#wrapper .list2 {
   left: 20%;
}
#wrapper .com_txt01,.com_txt02 {
    font-size: 3vw;
}
#wrapper .com_txt01 {
    width: 70%;
}
#wrapper .com_txt02 {
    width: 95%;
}

	
@media screen and (min-width: 768px) {
#wrapper .heading {
    font-size: 3.3rem;
}
#wrapper .list, .list2 {
    position: absolute;
    top: 13%;
}		
#wrapper .com_txt01, .com_txt02 {
    font-size: 1.9rem;
}

	}
	
	
/*メニュー*/
#wrapper .menu {
	padding: 10% 0;
     background-image: linear-gradient(179deg, #fadebe, #f8dfc8 56%, #f5dfd2);
	}	
#wrapper .tit01 {
	width: 75%;
	margin: 0 auto 2%;
	}
#wrapper .sab {
    width: 73%;
    border-top: solid 1px #78685d;
    margin: 0.5% auto 0;
    font-size: 4vw;
    padding-top: 1.5%;
}

#wrapper .menu_box {
    width: 85%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}	
#wrapper .menu_btn {
    margin: 0px 6px 6px 4px;
    width: calc(50% - 20px / 2);
    padding-bottom: 5%;
}

#wrapper .menu_shorts {
    width: 90%;
    margin: 0 auto;
    display: block;	
	}	

@media screen and (min-width: 768px) {
#wrapper .tit01 {
    width: 58%;
}
#wrapper .sab {
    font-size: 3.3rem;
}
#wrapper .menu_btn {
    margin: 0 20px 20px 13px;
    width: calc(33.3333333% - 100px / 3);
}
#wrapper .menu_shorts {
    width: 80%;
}	
}	
	
	
/*アイテムエリア*/	
#wrapper .item-area {
    width: 95%;
    margin: 10% auto 5%;
}
#wrapper .rel {
    box-shadow: 0 0 10px rgb(247 237 231 / 20%);
    position: relative;
    background-color: #FFFFFF;
    border-radius: 20px;
    margin-bottom: 15%;
}
#wrapper .title {
    padding-top: 3%;
}
#wrapper .main-tit {
	font-size: 5vw;
	font-weight: 600;
	}
#wrapper .line {
    width: 73%;
    border-top: dotted 2px #78685d;
    margin: -3% auto 0;
}
#wrapper .title p {
    padding-top: 1.5%;
    font-size: 3.3vw;
    letter-spacing: 2px;
	}	
#wrapper .t-iocn {
    width: 18%;
    position: absolute;
    top: -5%;
    left: -4%;
}
#wrapper .i-box {
	width: 95%;
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
    flex-wrap: wrap;	
	}	
	
#wrapper .icon {
	position: relative;
	padding-top: 3%;
	}	
#wrapper .f-icon, .f-icon2 {

    position: absolute;
    top: 2.5%;
}
#wrapper .f-icon {	
    width: 30%;
	left: -8%;
	}
#wrapper .f-icon2 {	
    width: 30%;
	right: -8%;
	}

#wrapper .item_btn {
    width: 45%;
    margin-bottom: 10%;
}
#wrapper .del {
    text-align: center;
}
#wrapper .name {
    font-size: 3.2vw;
    padding: 4.5% 0 3%;
}
#wrapper .price {
    font-size: 3vw;
    font-weight: bold;
}
#wrapper .link {
    width: 80%;
    background-color: #f4dbcd;
    margin: 8% auto 0;
	border-radius: 10px;
}
#wrapper .link p {
    color: #78685d;
    font-size: 3vw;
    text-align: center;
    padding: 7% 0;
}
	
@media (min-width: 768px) {
#wrapper .main-tit {
    font-size: 5rem;
    padding-bottom: 1.5%;
}
#wrapper .title p {
    font-size: 3rem;
}
#wrapper .i-box {
    margin: 3% auto 0;
}	
#wrapper .list {
    margin-bottom: 15%;
}	
#wrapper .name {
    font-size: 1.8rem;
}
#wrapper .price {
    font-size: 2rem;
}	
#wrapper .link p {
    font-size: 1.8rem;
}	
}

/*そのた特集*/	
#wrapper .other {
  width: 95%;
  background-image: linear-gradient(187deg, #f6e3d8 47%, #fae0c1); padding-bottom: 8%;  
}
#wrapper .oth-tit {
    width: 45%;
    margin: 0 auto 5%;
    display: block;
}
#wrapper .link-box2 {
    display: flex;
    flex-wrap: wrap;
    margin-right: 1%;
}
#wrapper .link-list {
    width: 42%;
    margin-left: auto; 
    margin-right: 0.5%;
} 	
	
@media (min-width: 768px) {
#wrapper .oth-tit {
    width: 40%;
}	
	}