section{
width: 1000px;
margin: 0 auto;
padding-bottom: 50px;
}

h2{
font-size: 24px;
font-weight: bold;
text-align: center;
margin-top: 100px;
margin-bottom: 100px;
}

.l_p_pattern_wrp .shohin_photo{
display: block;
float: left;
}

.l_p_pattern_wrp div{
width: 475px;
float: right;
}

.r_p_pattern_wrp .shohin_photo{
display: block;
float: right;
}

.r_p_pattern_wrp div{
width: 475px;
float: left;
}

.box{
margin-bottom: 60px;
}

.dan01{
margin-top: 50px;
}

.box dl{
position: relative;
margin-top: 35px;
}

.box dl dt{
font-size: 22px;
font-weight: bold;
padding-right: 20px;
background-color: #fff;
position: absolute;
top: -12px;
left: 0px;
}

.box dl dd{
font-size: 16px;
line-height: 1.8em;
padding-top: 30px;
padding-bottom: 23px;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
}

.dan02 dl dd{
padding-bottom: 15px;
}

.dan04{
margin-top: 50px;
}



small{
width: 1000px;
display: block;
text-align: center;
font-size: 12px;
padding-top: 25px;
margin: 0 auto;
margin-bottom: 50px;
border-top: #000 solid 1px;
}


/* SP用メディアクエリ */
@media screen and (max-width:600px){
  section {
    width: 90%;;
}

h2 {
    font-size: 20px;
    margin-bottom: 50px;
    margin-top: 60px;
}

.l_p_pattern_wrp div {
    float: none;
    width: 100%;
}

.r_p_pattern_wrp div {
    float: none;
    width: 100%;
}

.l_p_pattern_wrp .shohin_photo {
    float: none;
    width: 100%;
    margin-top: 20px;
}

.r_p_pattern_wrp .shohin_photo {
    float: none;
    width: 100%;
    margin-top: 20px;
}

h3 img{
width: 45%;
}

.box dl dt {
    font-size: 20px;
    top: -10px;
}

small {
    font-size: 10px;
    margin: 0 auto 50px;
    padding-top: 15px;
    width: 90%;;
}
  
  
  
}