@charset "UTF-8";


/* mode_step */
.mode_step_title{
border-top:#b5c0c9 5px solid;
background: #e9edf0;
padding: 0!important;
color: #556e82;
max-width: calc(100% - 20px);
margin-bottom: 3rem;
}
.mode_step_text{
display: flex;
align-items: center;
padding: 2rem 2rem 2rem;
font-size: 1.8rem;
font-weight: 600;
}
.mode_step_title .bg_image{
background: url(/images/products/photo-plus-prestige-pro/mode_step_title.jpg) no-repeat center center;
background-size: cover;
}
.step_wrapper{
vertical-align: top!important;
margin-bottom: 3rem;
}
.step_title span{
display: block;
color: #556e82;
font-size: 1.6rem;
font-weight: 600;
padding: 2rem 0;
}
.step_tag{
display: flex;
font-weight: 600;
color: #556e82;
align-items: center;
}
.step_tag span{
display: inline-block;
font-size: 1rem;
padding: 5px 4px 5px;
line-height: 1;
background: #e9edf0;
margin:0 2px;
}
.step_tag span:first-of-type{
margin-left:0;
}
.step_text{
padding: 2rem 0;
font-size: 1.4rem;
}
.step_recommend{
border: #cccccc 1px solid;
display: flex;
font-size: 1.2rem;
align-items: center;
padding: 10px 0;
margin: 20px 0 0;
}
.step_recommend_title{
color: #556e82;
font-weight: 600;
text-align: center;
padding: 1rem;
border-right: #cccccc 1px solid;
flex-grow: 1;
}
.step_recommend_item_wrapper{
text-align: center;
flex-grow: 4;
}
.step_recommend_item{
display: inline-block;
}
.step_recommend_item figure{
display: flex;
align-items: center;
}
.step_recommend_item img{
vertical-align: middle;
margin: 0 1rem;
}
.step_recommend_item.size_s img{
width: 20px;
}
.step_recommend_item.size_l img{
width: 40px;
}
.step_recommend_item figcaption{
display: inline-block;
vertical-align: middle;
text-align: left;
font-size: 1.1rem;
}
.step_recommend_item figcaption span{
display: block;
font-size: 70%;
}

@media screen and (min-width:640px) {
.mode_step_title{
margin-bottom: 8rem;
}
.mode_step_text{
padding: 5rem 5rem 5rem;
letter-spacing: 4px;
font-size: 180%;
}
.step_recommend{
font-size: 1.4rem;
padding: 20px 0;
}
.step_wrapper{
margin-bottom: 6rem;
}
.container .step_wrapper:nth-of-type(1) .step_text,
.container .step_wrapper:nth-of-type(2) .step_text{
min-height: 7rem;
}
.step_title span{
font-size: 2rem;
padding: 3rem 0;
}
.step_recommend_item.size_s img{
width: 50px;
}
.step_recommend_item.size_l img{
width: 100px;
}
.step_recommend_item figcaption{
font-size: 1.4rem;
}
.step_tag span{
font-size: 1.2rem;
padding: 7px 10px;
margin:0 5px;
}
}



.eyemode-wrap{
margin: 0 0 4rem;
}
@media screen and (min-width:640px) {
.eyemode-wrap{
margin: 0 0 8rem;
}
}



/* photoplus_list_s */
.wrapper.photoplus_list_s {
text-align: left;
}
@media screen and (min-width: 768px) {
.wrapper.photoplus_list_s {
text-align: center;
width: 75%;
max-width: calc(1320px - 25%);
}
}
@media screen and (min-width: 1320px) {
.wrapper.photoplus_list_s {
width: 100%;
max-width :1080px;
}
}



.smart-howto.howto-section .howto .howto-ttl{
color: #333;
border-top: 2px solid #333;
background: #f3f3f3;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.smart-howto.howto-section .howto .howto-ttl span{
font-size:80%;
display: inline-block;
padding: 5px 0 0 2px;
}