@charset "utf-8";

h3 img{text-align:center;max-width:1240px;margin:auto;}

body.bespoke section#mainvisual{
  position: relative;
  top:-25px;
  width:100%;
  margin:0 auto;
  z-index: 4;}
body.bespoke section#mainvisual img{width:50%;}
body.bespoke section#mainvisual h1{position:absolute;z-index: 2;top:0;}

body.bespoke section#order .container{margin-top:0px;}
body.bespoke section#order .col-12.col-md-6{margin:-10px 0;}
body.bespoke section#order .col-6{padding:0 1px;}
body.bespoke section#order #usagi-think{
  background: url(../img/bespoke/usagi-think.png) no-repeat left bottom / 100% auto;
  height:600px;
  position: relative;
}

body.bespoke section#order .col-12 div{
  position: absolute;
  right:0;
  top:120px;}
body.bespoke section#order .col-12 div h4{
  font-size: 140%;
  line-height: 200%;
  margin-bottom:20px;
}
body.bespoke section#order .col-12 div h4 span{font-size: 140%;}
body.bespoke section#order .col-12 div h5{
  margin-top:30px;
  font-size: 120%;
  background:rgba(255,128,30,0.5);
  display: inline-block;
  padding: 5px 10px;
}
body.bespoke section#order .col-12 div p{margin:2px 0 8px;font-size: 105%;}

body.bespoke section#sample h3 img{max-width:560px;}
body.bespoke section#sample .container{max-width:100%;margin-top:10px;}
body.bespoke section#sample .row div{padding:5px;}


body.bespoke section#att{background:rgba(255,128,30,0.5);padding:60px 0;}
body.bespoke section#att .container{margin: 0px auto;}
body.bespoke section#att .row h5{font-size:120%;line-height:160%;border-bottom:3px dotted #ff801e;}
body.bespoke section#att .row ul li{display: inline-block;margin:12px 0 0;line-height:180%;font-size:105%;}
body.bespoke section#att .row ul li::after{content: "/";padding:0 20px;}
body.bespoke section#att .row ul li:last-child::after{content: "";padding:0;}

@media screen and (max-width:1200px) {
  body.bespoke section#order #usagi-think{
    background: url(../img/bespoke/usagi-think.png) no-repeat left bottom / 100% auto;
    height:520px;
    margin-bottom: 120px;}
  body.bespoke section#order .col-12 div{max-width: 470px;top:80px;}
}

@media screen and (max-width:980px) {
  body.bespoke section#order #usagi-think{
    background: url(../img/bespoke/usagi-think.png) no-repeat left bottom / 100% auto;
    height:380px;  }
  body.bespoke section#order .col-12 div{max-width: 380px;top: 50px;}
  body.bespoke section#order .col-12 div h4{font-size: 120%;margin-bottom:5px;}
  body.bespoke section#order .col-12 div small{font-size: 80%;}
  body.bespoke section#order .col-12 div h5 {margin-top: 10px;font-size: 100%;}
  body.bespoke section#order .col-12 div p {margin: 3px 0;font-size: 100%;}
}

@media screen and (max-width:767px) {
  body.bespoke section#mainvisual img{width:100%;}
  body.bespoke section#mainvisual img.img-none{display: none;}
  body.bespoke section#order #usagi-think{background: none;height: auto;margin-bottom:40px;}
  body.bespoke section#order .col-12 div{max-width: 767px;top: 20px;position: relative;}

}