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

/**********************
　共通
**********************/
#wrapper {
    width: 100%;
    color: #333333;
}
#wrapper img{
	width: 100%;
}
#wrapper a {
	text-decoration: none; 
	color: #333333;
	display: block;
}
#wrapper .pc {
	display: none;
}
#wrapper .pick-area,.link {
    display: flex;
    margin: 3.5% auto 5%;
    justify-content: space-between;
    flex-wrap: wrap;
	}	
/*#wrapper strong {
    font-weight: bold !important;
	font-size: 150%;
}*/

	

/*********************************
  すべてを見るボタン
*********************************/
#wrapper .jump_all {
    margin-bottom: 10%;
}
#wrapper .jump_all ul {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0%;
    margin-top: 1em;
    justify-content: center;
}
#wrapper .jump_all li {
    width: 85%;
    max-width: 500px;
    cursor: pointer;
    box-sizing: border-box;
}
#wrapper .jump_all li a {
    font-size: 110%;
    padding: 0.75em 0;
    text-align: center;
    display: block;
    border: 1px solid #333333;
}

	
@media (min-width: 768px) {
#wrapper .sp {
    display: none;
}
#wrapper .pc {
    display: block;
}
#wrapper .all-item li a {
    color: white;
    padding: 1.3em 0 2em;
}
#wrapper .all-item a:after {
    bottom: 1.1em;
    width: 1.25rem;
    height: 1.25rem;
}
}	
	
	
/**********************
　メイン
**********************/
#wrapper .top_veiw {
    margin-bottom: 8%;
}
#wrapper .item_area {
margin-top: 15%;
}	
#wrapper .item_box {
    padding: 8% 0 2%;
    margin-bottom: 5%;
}
#wrapper .title_box {
	}
#wrapper .tit-pic {
    width: 15%;
    margin: 0 auto -1%;
    display: block;
}
#wrapper .iti_txt {
    text-align: center;
    font-size: 3.8vw;
}
#wrapper .pick-area {
	}	
#wrapper .co1 {
	background-color: #f4b19f;
	}
#wrapper .co2 {
	background-color: #d3e4dd;
	}	
#wrapper .co3 {
	background-color: #ccc7c6;
	}	
#wrapper .co4 {
	background-color: #e4bada;
	}
#wrapper .area {
    width: 60%;
    margin-left: 2%;
}
#wrapper .light {
    width: 30%;
    margin: 5% 3% 0 0;
}
#wrapper .link {
    width: 85%;
}
#wrapper .list {
    width: 48%;
    background-color: #ffffff;
    border-radius: 20px;
    font-size: 3.5vw;
}
#wrapper .list p {
    padding: 8% 0;
    text-align: center;
	font-size: 3vw;
}
@media (min-width: 768px){
#wrapper .tit-pic {
    width: 10%;
    margin: 0 auto;
}
#wrapper .iti_txt {
    font-size: 2.8rem;
}
#wrapper .list p {
    font-size: 2.8rem;
}
}