@media screen and (max-width: 767px){
.wrap,.wrap.wide{
    max-width: 100%;
    min-width: 100%;
}
.lp_content *{
max-width:100%;
}
.lp_content {
    width: 100%;
    margin: 0 auto;
}
#lpContent .mainvisual p ,
.contents_wrapper .contents_header h2 p.keyword{
    text-align: center;
    font-size: 16px;
    font-size: 1.2rem;
    margin: 20px auto;
    line-height: 2;
    padding: 0 4%;
}
#lpContent .content_box .pic{
float:none;
width:100%;
height:auto;
margin-bottom:10px;
}
#lpContent .content_box .desc{
float:none;
width:100%;
height:auto;
}
#lpContent .content_box .check{
font-size:12px;
padding:10px 0 0 0;
}
#lpContent .content_box h2 {
    text-align: left;
    font-size: 26px;
    font-size: 1.8rem;
    margin-bottom: 8px;
    line-height: 2rem;
}
#lpContent .content_box h2 .small {
    font-size: 21px;
    font-size: 1.1rem;
				}
.content_box .toitems {
    position: relative !important;
				}
				
.omega .contents_wrapper .contents_main {
   padding: 0 0;
}
.contents_wrapper .contents_main .list_box{
width:100%;
float:none;
height:auto;
}
.contents_wrapper .contents_main .list_top_speed{
width:100%;
    height: auto;
				float:none;
								background:none;
				    margin: 10px 0 20px;
}
.contents_wrapper .contents_main .list_top_sea{
width:100%;
    height: auto;
				float:none;
				background:none;
				    margin: 10px 0 20px;
}
.contents_wrapper .contents_main .list_bottom{
width:100%;
    height: auto;
				float:none;
}
.contents_wrapper .contents_main .list_top_sea p, .contents_wrapper .contents_main .list_top_speed p {
    padding: 10px 4%;
    font-size: 13px;
				
}
.contents_wrapper .contents_main .list_bottom .button{
position:relative;
}
.omega {
    width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}





#main .contents_wrapper .contents_main .birthstone_btn {
    position: relative;
    width: 100%;
				display:none;
    padding: 10px 0px;
}

.contents_wrapper .contents_main .birthstone {
    width: 50%;
    float: left;
				border:1px solid #ccc;
    margin: 15px 0;
}
.contents_main .birthstone {
    width: 100% !important;
    float: none !important;
    margin: 15px 0 !important;
}
body #birthstone {
    padding-left: 0;
    width: 100%;
    margin: 0 auto;
}
#main .contents_wrapper .contents_main .btn_upper,
#main .contents_wrapper .contents_main .btn_lower{
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.contents_wrapper .contents_main .birthstone .bs_btn a {
    background-color: #b1b0af;
    background-size: 100% auto;
    color: #ffffff;
    display: block !important;
    text-align: center;
    text-decoration: none !important;
    float: none !important;padding:8px;
				
    width: 90% !important;
    margin-right: 15px;
    margin-top: 15px;
    margin: 10px auto !important;
}
#main .contents_wrapper .contents_main .monthly_btn {
    width: 100%;
    display: flex;
    height: auto;
    margin: 20px 0;
    gap: 10px;
}
#main .contents_wrapper .contents_main .monthly_btn li {
    float: none;
    padding: 0 !important;
}
#main .contents_wrapper .contents_main .text_lead {
    padding: 0;
    margin: 20px 0;
    font-size: 1.3rem;
    font-size: 13px;
}
#main .contents_wrapper .contents_main .birthstone .bs_content01, .bs_content02, .bs_content03, .bs_content04, .bs_content05, .bs_content06, .bs_content07, .bs_content08, .bs_content09, .bs_content10, .bs_content11, .bs_content12 {
    padding: 0 15px;
    height: auto;

}
#main .contents_wrapper .contents_main .birthstone .bs_btn a span{
font-size:14px;
margin:0 auto;
}
#main .contents_wrapper .contents_main .birthstone .bs_text01, .bs_text02, .bs_text03, .bs_text04, .bs_text05, .bs_text06, .bs_text07, .bs_text08, .bs_text09, .bs_text10, .bs_text11, .bs_text12 {
    text-align: center;
    font-size: 2.7rem !important;
    font-size: 16px !important;
    font-weight: bold;
    padding: 0;
}
#main .contents_wrapper .contents_main .birthstone .bs_title {
    font-size: 2.4rem;
    font-size: 18px;
    font-weight: bold;
}
.bs_content01,
.bs_content02,
.bs_content03,
.bs_content04,
.bs_content05,
.bs_content06,
.bs_content07,
.bs_content08,
.bs_content09,
.bs_content10	{
    background-position: calc(100% - -30px) top;
    background-size: cover;
    background-repeat: no-repeat;
}

.wrap .main_side .container .list_banner3 .item {
    float: left;
    margin: 0 1% 1% 0;
    width: 49%;
}
#main .contents_wrapper .contents_main .monthly_text {
    font-size: 13px;
}
#birthstone{
padding:0 4% !important;
}
#lpContent .description {
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
}
#lpContent section.container .list_items ul {
    width: 100%;

    margin: 0 auto;
				gap:12px;
    letter-spacing: -0.4em;
}
.type ul,.vuitton ul,.hermes ul{
    grid-template-columns: 1fr 1fr;
    display: grid;
}
#lpContent section.container .list_items.type ul li {
    width: 100%;
}
#lpContent section.container .list_items.type ul li .name {
    position: absolute;
    left: 0;
    top: 38%;
    color: #fff;
    text-align: center;
    width: 100%;
}
#lpContent section.container .list_items ul li{
    width: 100%;
				margin:0;
}
#lpContent section.container .list_items.vuitton ul li:nth-child(4) {
    margin-left: 0;
}
#lpContent section.container .list_items.type ul li .image_container{
    width: 100%;
}
#lpContent section.container .ribbon {
    width: 100%;
    background-image: url(../img/title_head.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto !important;
    padding-top: 58px;
    text-align: center;
    font-size: 20px !important;
    margin: 0 auto 20px;
}
#lpContent section.container .list_items.vuitton ul li:nth-child(6) .name, #lpContent section.container .list_items.vuitton ul li:nth-child(7) .name, #lpContent section.container .list_items.vuitton ul li:nth-child(8) .name {

    top: 40%;

}
#lpContent section.container .list_items ul li .name .kana {
    display: block;
    font-size: 14px;
    font-weight: bold;
}
#lpContent .mainvisual .center_box {
    width: 100%;

}
#lpContent .description p {
    font-size: 14px;
				}
				
#lpContent section.container .list_items.vuitton ul li .image_container {
    height: auto;
    width: 100%;
}
#lpContent section.container .list_items ul li .image_container {
    width: 100%;
    height: auto;
}
#lpContent .description p {
    font-size: 18px
    text-align: left;
    padding-bottom: 10px;
    line-height: 1.8;
    font-size: 13px;
    padding: 10px 4%;
}
#lpContent section.container .list_items ul li{
float:none;
}



#jw2307_lp .list_items ul li .info_area {
    height: 180px !important;
}

#lpContent .wrap_content_box {
    width: 100%;
    margin: 0 auto;
}
#hermes_birkin,
#hermes_kelly,
#hermes_pico,
#hermes_bolide,
#hermes_shoulder{
padding:0 4%;
}
#hermes_birkin p,
#hermes_kelly p,
#hermes_pico p,
#hermes_bolide p,
#hermes_shoulder p{
font-size:1.2rem !important;
}
#lpContent .wrap_content_box .content_box {
    width: 100%;
    margin-left: 0px;
}
.area ul{
width:100% !important;
}
#lpContent .area ul li{
width:100% !important;
}
}