@charset "utf-8";

.l-content {
	font-family: 'Meiryo';
  font-size: 13px;
}

.l-content h1.main {
	position: relative;
	display: block;
	width: 1200px;
	height: 200px;
	background: url(/pr/medium_large_order/img/main_230131.png) no-repeat 0 0;
}
.l-content h1.main .catch {
	display: none;
}
.l-content .leadTxt {
  font-size: 23px;
  line-height: 34px;
  text-align: center;
  font-weight: bold;
  margin: 34px 0;
}

/*
見出し
*/
.l-content .mlo_cph2{
    background-color: #ebebeb;
    height: 50px;
    font-size: 21px;
    font-weight: bold;
    padding: 12px 0 0 9px;
    box-sizing: border-box;
}
.l-content .mlo_cph2 span{
    border-left: 10px solid #ffcc00;
    display: block;
    color: #333333;
    padding: 2px 0 0 10px;
    line-height: 28px;
}
.l-content .mlo_cph3{
font-size: 19px;
line-height:23px;
    font-weight: bold;
    border-left: 10px solid #ffcc00;
    padding: 2px 0 0 10px;
    margin-bottom:20px;
}
.l-content .mlo_cph4_01,
.l-content .mlo_cph4_02{
font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid #adadad;
    padding: 0 0 0 144px;
    margin-bottom:20px;
     line-height: 50px;
}
.l-content .mlo_cph4_01 span,
.l-content .mlo_cph4_02 span,
.l-content .name span{
color: #e60012;
}
.l-content .mlo_cph4_01{
background: #f6f6f6 url(/pr/medium_large_order/img/icon_01.png) no-repeat 16px 8px;
}
.l-content .mlo_cph4_02{
background: #f6f6f6 url(/pr/medium_large_order/img/icon_02.png) no-repeat 16px 8px;
}
.l-content .mlo_cph5{
font-size: 15px;
line-height:23px;
    font-weight: bold;
    border-bottom: 2px solid #cccccc;
    padding: 5px 0;
    margin-bottom:20px;
}

/*
ポイント
*/
.l-content .box_flex_01{
display: flex;
    justify-content: center;
    align-items: center;
}
.l-content .before{
width: 370px;
border: 3px solid #cccccc;
margin: 20px;
}
.l-content .before .title{
background-color: #cccccc;
    font-size: 21px;
    line-height: 33px;
    font-weight: bold;
    text-align: center;
}
.l-content .before .txt,
.l-content .after .txt{
font-size: 17px;
    line-height: 24px;
    padding: 10px 0 0 10px;
    }
.l-content .after{
width: 600px;
border: 3px solid #ffcc00;
margin: 20px;
}
.l-content .after .title{
background-color: #ffcc00;
    font-size: 21px;
    line-height: 33px;
    font-weight: bold;
    text-align: center;
}
.l-content .point_01,
.l-content .point_02{
width: 260px;
    margin: 16px;
    text-align: center;
}
.l-content .title_in_01{
background-color: #ffcc00;
    font-size: 21px;
    line-height: 33px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 16px;
}
/*
アンカーリンク
*/
.l-content .anc_box{
padding: 20px 0 20px 34px;
}
.l-content .anc_list{
display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.l-content .anc_list li{
width: 143px;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
	position: relative;
    }
.l-content .anc_list li span.new{
    position: absolute;
    top: 0;
    left: 15px;
}
.l-content .anc_box .title{
font-size: 17px;
    line-height: 32px;
    font-weight: bold;
    }
.l-content .btn_001{
width: 360px;
    margin: 16px auto;
    display: block;
    height: 50px;
    font-size: 17px;
    line-height: 34px;
}

/*
進化POINTの詳細
*/
.l-content .box_point_01{
    width: 1160px;
    border: 3px solid #ffcc00;
    margin: 20px 20px 0 20px;
    text-align: center;
    box-sizing: border-box;
    position: relative;

}
.l-content .box_point_01 .icon_03{
    position: absolute;
    top: 42px;
    right: 11px;
}
.l-content .box_point_01 .title_in_01{
background-color: #ffcc00;
    font-size: 21px;
    line-height: 33px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 16px;
}
.l-content .box_point_01 .txt{
font-size: 17px;
    line-height: 24px;
    }
.l-content .box_point_01 .txt .txt_point{
color:#e60012;
}

/*
bn_block
*/
.l-content .bn_block p{
font-size: 17px;
    line-height: 32px;
    font-weight:bold;
    }
.l-content .bn_block{
text-align: center;
    padding: 45px 0;
    }


/*対象商品一覧*/
.l-content .item{
margin-bottom: 40px;
}
.l-content .att_box{
width: 1110px;
    border: solid 1px #e60012;
    text-align: center;
    padding: 17px 0;
    margin: 0 auto 20px;
}
.l-content .item_list{
display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-right: -24px;
}
.l-content .item_list li{
    width: 180px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #b3b3b3;
    margin:0 24px 10px 0;
    }
.l-content .item_list li p,
.l-content .item_list li img{
margin-bottom:10px;
}
.l-content .item_list li .name{
font-size: 13px;
    line-height: 19px;
    font-weight:bold;   
}
.l-content .item_list li .name a{
    text-decoration: none;

}
.l-content .item_list li .maker{
font-size: 13px;
    line-height: 23px;
}
.l-content .item_list li .icon{
display: block;
}
.l-content .item_list li .caption{
font-size: 14px;
    line-height: 23px;
    font-weight:bold;   
}
.l-content .item_list li .caption strong{
font-size:18px;
}
.l-content .item_list li img.box_hover {
  cursor: pointer;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}

/* もっと見る */
.l-content .VN_toggleArea p.open_close{
    background-color: #e8e8e8;
    text-align: center;
}
.l-content .VN_toggleArea p.open_close a{
display:block;
}
.l-content .m-btn--viewmore_02::before{
background-image: url(/pr/medium_large_order/img/anchor/icon_open.png);
width: 20px;
height: 20px;
}
.l-content .m-btn--viewmore_02.on::before{
background-image: url(/pr/medium_large_order/img/anchor/icon_close.png);
width: 20px;
height: 20px;
}

.l-content a.m-btn--viewmore_02{
color: #333333;
font-size: 14px;
line-height: 25px;
}


/*新サービス*/

.l-content .txt_movie{
font-size: 30px;
line-height: 40px;
}
.l-content .new_service_txt{
    font-size: 17px;
    line-height: 24px;
}
.l-content h6.mlo_cph6 {
    background: #cfd3e8;
    width: 1000px;
    height: 40px;
    margin: 0 auto 32px;
    font-size: 21px;
    line-height: 40px;
    font-weight: bold;
}
.l-content .new_point_01{
    font-size: 19px;
    line-height: 35px;
    font-weight: bold;
    padding: 0 10px 20px;
    position: relative;
}
.l-content .new_point_01 strong{
    font-size: 25px;
    color:#e60012;
}
.l-content .new_point_01 strong.red_02{
    font-size: 21px;
}
.l-content .new_point_01 .new_point_txt{
    padding: 0 0 10px;
}
.l-content .new_point_lead{
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
    padding: 32px 0;
}
.l-content .maker_list{
	display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 1000px;
    margin: 0 auto;
}
.l-content .maker_list li{
	width: 166px;
    text-align: center;
    padding: 0px 0px 20px;
    box-sizing: border-box;
    position: relative;
    }
.l-content .txt_maker{
	font-size: 21px;
    line-height: 32px;
    font-weight: bold;
    position: absolute;
    right: 163px;
    bottom: 39px;
}
.l-content .txt_maker strong{
    font-size: 30px;
    line-height: 32px;
}
.l-content .new_service{
    position: relative;
}
.l-content .new_point_01 .icon_03{
   position: absolute;
	right: -20px;
    top: -9px;
}
.l-content .new_poin_btn{
    width: 700px;
    height: 70px;
    font-size: 23px;
    line-height: 56px;
}
.l-content .new_poin_btn::before{
	vertical-align: 0px;
}
.l-content .new_service_anc_lead{
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
.l-content .new_service_anc_lead:before {
      content: url(/pr/medium_large_order/img/txt_icon_left.png) ;
      position : relative ;
      bottom : -10px;
      margin-right : 10px ;
}
.l-content .new_service_anc_lead:after {
      content: url(/pr/medium_large_order/img/txt_icon_right.png) ;
      position : relative ;
      bottom : -10px ;
      margin-left : 10px ;
}
.l-content .new_service_anc_lead .txt{
	font-size: 17px;
    line-height: 24px;
}

.l-content .example_box .line ,
.l-content .example_box_02 .line{
    border: 1px solid #cccccc;
    font-size: 17px;
    line-height:35px;
    text-align: left;
    padding-left: 25px;
}
.l-content .example_box_02 .line{
    padding: 20px;
}
.l-content .example_box th{
    font-size: 24px;
    padding-bottom: 5px;
}
.l-content .example_box_02{
    width: 880px;
    margin: 20px auto;
}
.l-content .new_service_table{
    width: 600px;
    margin: 20px auto;
}