h1.guide{margin: 40px auto;}
h2{font-size: 1.2em;line-height: 1.3; margin-bottom: 40px; padding: 0 40px;}
h3, p{padding: 0 40px; margin-bottom: 20px;}

img{width: 100%; margin-bottom: 30px;}
img:not([alt]){filter:none}

dd, dt{line-height: 1.8; word-break: normal;}

.delivery_list dt{padding: 30px 40px 20px; background-color: #fafafa; margin: 0 auto;}
.delivery_list dd{padding: 0 0 20px; background-color: #fafafa; margin: 0 auto 30px;}
.delivery_list dd img{display: block; margin: 0 0 20px; padding: 0 0 0 40px; max-width: 140px;}
.delivery_list dd img.detail_img{padding: 0; max-width: none; margin-bottom: 20px;}


#payment dt{padding: 0 40px 20px;}
#payment dd{padding: 0 40px 30px;}
#payment dd p{padding: 0;}
#payment dd.card_image img{display: inline-block; margin: 0 20px 20px 0; max-width: 30px;}

.info_back{background-color: #fafafa;}
#info{padding: 30px 40px;}
#info h2{padding-left: 0;}
#info dt{padding-bottom: 10px;}
#info dd{padding-bottom: 30px;}
#info dl.col-md-12{padding: 0;}


@media screen and (min-width: 897px){
  
  h2{padding: 0;}
  h3, p{padding: 0;}

  nav.breadcrumb{margin-bottom: 30px;}
  .alignleft{float: left; width: 50%; padding: 0 20px 0 0; margin-bottom: 0;}

  #delivery, #payment, #info{max-width: 1280px; padding: 0 40px;}
  .delivery_list dt{border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-radius: 4px 4px 0 0; padding: 20px 40px;}
  .delivery_list dd{border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-radius: 0 0 4px 4px; padding: 0 40px 20px;}
  .delivery_list dd img{padding: 0;}
  .delivery_list dd img.detail_img{float: left; width: 50%; padding: 0 20px 0 0; margin-bottom: 0;}

  #payment dt, #payment dd{padding: 0 0 20px;}
  
  #info{padding-top: 40px;}
  #info h2{padding-left: 0;}


}


/* bootstrapÂбþ */
@media screen and (min-width: 981px){

  #info dl.col-md-12.left-colmn{padding-right: 20px;}
  #info dl.col-md-12.right-colmn{padding-left: 20px;}

}