/* BASIC css start */
#content {padding: 120px 0;background:url(/design/bigjoy/renewal2017/bg_mtm.jpg) no-repeat 50% 0; background-size:cover;}
.mtm {margin: 0 auto; padding: 13px; width:832px; background-color: #fff; font-weight: 300;}
.mtm-header {position: relative; padding: 70px 0 80px; text-align: center; border: 1px solid #dab2bb;}
.mtm-header:after {position: absolute; bottom:55px; left: 50%; margin-left: -9px; width: 17px; height: 10px; background: url(/design/bigjoy/renewal2017/bg_arrow7.png) no-repeat; display:block; content: '';}
.mtm-header .copy {margin-bottom: 30px; font-size:24px;}
.mtm-header h2 {position:relative; display:inline-block; margin-bottom: 35px; font-size: 129px;}
.mtm-header h2 span {position:relative; z-index:1;}
.mtm-header h2:after {content: ''; display: block; position: absolute; left:-10px; bottom:-8px; width:100%; height:57px; background-color:#86001d; border:solid #86001d; border-width:0 10px;}
.mtm-header .desc {font-size: 18px; line-height: 1.5;}
.mtm-header .dot-t,
.mtm-header .dot-r,
.mtm-header .dot-b,
.mtm-header .dot-l {position: absolute; width: 8px; height:8px; background-color: #86001d; border: 10px solid #fff;}
.mtm-header .dot-t {top: -13px; left:-13px;}
.mtm-header .dot-r {top: -13px; right: -13px;}
.mtm-header .dot-b {bottom: -13px; right: -13px;}
.mtm-header .dot-l {bottom: -13px; left: -13px;}
.mtm-list {margin: 60px; font-size: 14px;}
.mtm-list li > a {position: relative; display: block;}
.mtm-list li .title {position:relative; padding-right: 30px; background-color: #fff; font-size: 48px; font-weight: 100; z-index:1;}
.mtm-list li .go {position:absolute; top: 30px; left:0; width:100%; border-bottom: 1px solid #000;}
.mtm-list li .go .box {position:absolute; top: -25px; right:0; width: 51px; height: 51px; background-color: #000; transform: rotate(45deg);}
.mtm-list li .go .text {display:block; font:italic 400 19px/48px 'Playfair Display', serif; transform: rotate(-45deg); color:#fff; text-align: center;}
.mtm-list li > p {margin-top: 40px; line-height: 2.1;}
.mtm-list li > div {margin-top: 10px;}
.mtm-list li > div p {display:inline-block;}
.mtm-list li > div p + p {margin-left: 30px;}
.mtm-list li > div p .stars {display:inline-block; margin-left:8px; vertical-align: middle;}
.mtm-list li > div p .stars img {margin: 0 1px;}
.mtm-list li + li {margin-top: 95px;}
.mtm-list li.right {text-align: right;}
.mtm-list li.right .title {padding: 0 0 0 30px;}
.mtm-list li.right .go .box {left:0; right:auto;}
#talkBoardRban {display:none;}
/* BASIC css end */