.mgt1{
    margin-top: 1%
}
.mgt2{
    margin-top: 2%
}
.mgt3{
    margin-top: 3%
}
.mgt4{
    margin-top: 4%
}
.mgt5{
    margin-top: 5% !important;
}
.mgt6{
    margin-top: 6%
}
.mgt7{
    margin-top: 7%
}
.mgb1{
    margin-bottom: 1%
}
.mgb2{
    margin-bottom: 2%
}
.mgb3{
    margin-bottom: 3%
}
.mgb4{
    margin-bottom: 4%
}
.mgb5{
    margin-bottom: 5%
}
.mgb6{
    margin-bottom: 6%
}
.mgb7{
    margin-bottom: 7%
}
h2, h3{
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
#right_bar{
    display: none;
}
DIV#mainBg{
    width: 100% !important;
}
#rback-1{
    background: url(../images/r/r-back1.png);
    width: 100%;
    min-height: 680px;
    background-position-y: bottom;
    background-repeat: repeat-x;
}
#setback-1{
    background-color: #d6f1fc;
    width: 100%;
    min-height: 680px;
    background-repeat: repeat-x;
    position: relative;;
}
#setback-1 img{
  position: relative;;
}
.set-2{
  width: 960px;
  margin: 0 auto;
  position: relative;
}
.cart-area{
  width: 960px;
  margin: 0 auto;
  position: relative;
  height: 580px;
}
.top-area{
  position: absolute;
  top: -120px;
}
.button1{
  position: absolute;
  top: 290px;
  right: 110px;
}
.button2{
  position: absolute;
  top: 460px;
  right: 110px;
}
.r-container{
    width: 1170px;
    margin: 0 auto;
}
.r-container-top{
    padding: 8% 0;
    width: 1140px;
    margin: 0 auto;
}
.r-container-top table, .r-container-top td{
    border: none;
}
.r-container-top td{
    width: 200px;
    vertical-align: bottom;
}
.r-container-top td img{
    display: block;
}
.r-container-top>div{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.r-container-2, .r-container-2a{
    width: 1170px;
    margin: 0 auto;
    position: relative
}
.r-container-2{
    padding: 6% 0;
}
.r-container-2>div{
    width: 49.5%;
    display: inline-block;
    vertical-align: middle;
}
.r-container-2 h2{
    margin-left: 10%;
}
.rc3{
    background: url(../images/r/r-back2.png);
    width: 100%;
    background-repeat: repeat-x;
    padding: 8% 0;
    background-size: cover
}
.lc3{
    background: url(../images/l/l-back-2.png);
    width: 100%;
    background-repeat: repeat-x;
    padding: 8% 0;
    background-size: cover
}
.rc4{
    background: url(../images/r/r-back3.png);
    width: 100%;
    background-repeat: repeat-x;
    padding: 6% 0;
    background-size: cover
}
.jc4{
    background: url(../images/j/j-back3.png);
    width: 100%;
    background-repeat: repeat-x;
    padding: 6% 0;
    background-size: cover;
    background-position: center;
}
.lc4{
    background: url(../images/l/l-back-3.png);
    width: 100%;
    background-repeat: repeat-x;
    padding: 6% 0;
    background-size: cover;
    background-position: center;
}
.rc5{
    background: url(../images/r/r-back4.png);
    width: 100%;
    background-repeat: repeat-x;
    padding: 6% 0;
    background-size: cover;
}
.jc5{
    background: url(../images/j/j-back4.png);
    width: 100%;
    background-repeat: repeat-x;
    padding: 6% 0;
    background-size: cover;
    background-position: center;
}
.lc5{
    background: url(../images/l/l-back-4.png);
    width: 100%;
    background-repeat: repeat-x;
    padding: 6% 0;
    background-size: cover;
    background-position: center;
}
.rc7{
    background: url(../images/r/r-back5.png);
    width: 100%;
    background-repeat: repeat-x;
    padding: 6% 0;
    background-size: cover;
    background-position: center;
}
.rc8{
    padding: 6% 0;
}
.c-r{
  color: #eb6877;
}
.center{
  margin: 0 auto;
  display: block;
}
.r-container-2a h2{
    text-align: center;
}
.rback-2, .rback-3, .rback-4, .rback-5, .rback-6{
    position: relative;
}
.p1{
    position: absolute;
    bottom: -14%;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 10;
}
.p2{
    position: absolute;
    bottom: -10%;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 10;
}
.rc4-p{
    background: #fff;
    width: 760px;
    padding: 3%;
    font-size: 18px;
    line-height: 1.6;
    display: block;
    margin: 4% auto 0;
}
.r-container-2b{
    width: 760px;
    margin: 4% auto;
    padding: 3%;
    background: rgba(255,255,255,0.7);
}
.r-container-2b h2, .r-container-2b h3{
    text-align: center;
}
.r-container-2b p{
    text-align: center;
}
.rc5-p2{
    width: 530px;
    font-size: 18px;
    line-height: 2;
    display: block;
    margin: 0 auto 0;
}
.rc5-p2 span{
    color: #eb6877;
}
.rc6 p, .rc7 h2, .rc8 h2{
    text-align: center;
}
.rc6 iframe{
    margin: 2% auto;
    display: block;
}
.rc7 .r-container>div, .rc8>div{
    border-bottom: 1px solid #eb6877;
    width: 760px;
    margin: 2% auto;
    line-height: 2;
}
.rc8>div{
    margin-top: 4%;
}
.rc8>div h3{
    color: #eb6877;
}
.rc8 ul{
    text-align: center;
}
.rc8 li{
    list-style: none;
    width: 24.5%;
    display: inline-block;
}
.rc8 li img{
    margin: 2% auto;
    display: block;
}
.rc8 li h3{
    font-weight: 400;
    font-size: 130%;
    margin-bottom: 0;
    line-height: 1.2;
}
.rc8 li p{
    font-size: 12px;
}
.aaa h3, .aaa p{
    color: #eb6877;
}
.rc9{
    padding: 3% 0;
    background-color: #f9f9f9;
}
.rc9 h2{
    text-align: center;
}
.rc9 > div{
    text-align: center;
}
.rc9 div a:nth-child(2){
    //margin: 0 4%;
}
.rc9 .r-container>div{
    margin-top: 4%;
}
DIV#main_bar, DIV#mainBg, DIV#main{
    width: 100%;
}
.r-container-top h2{
  margin-top: 16px;
}
.r-container-top table{
  margin-top: 24px;
}
.r-container-2a p{
  text-align: center;
  margin-top: 32px;
}
.rc8 p{
  margin-bottom: 24px;
}
.set-2 p,
.set-2 p img{
  position: relative;
}
.iframepoint{
  position: absolute;
  top: 740px;
  z-index: 10;
  margin: auto;
  left: 0;
  right: 0;
}
a:hover{
    opacity: 0.7;
    transition: .6s
}