/* --------------------
mypage (¼­ºñ½º CSS)
-------------------- */
html {font-size: 10px; }
body {font-size: 1.4rem;}
.bg_wht {background: #FFF !important;}
.bg_gray {background: #E7E8EA !important;}
.cl {clear: both !important;}
strong {font-weight: 650;}
input[type=text], input[type=password] {padding-left: 5px; font-size: 1.3rem;}
textarea {padding: 5px; font-size: 1.3rem;}

#header.my_page {border-bottom: 1px solid #BDBEC0;}
#header.my_page h1.title {font-weight: 600; text-align: center; font-size: 1.6rem;}
#header.my_page button.back {position: absolute; top: 0; left: 0; width: 42px; height: 42px;}
#header.my_page button.list {position: absolute; top: 0; right: 0; width: 42px; height: 42px;}
#header.my_page button img {height: 50%;}


/* common */
.txt_pur {color: #551A8B !important;}
.txt_org {color: #FC6A07 !important;}
.txt_blk {color: #000 !important;}
.txt_gry {color: #949599 !important;}
/*
.txt_grn {color: #6a9709 !important;}
.txt_bl {color: #3498DB !important;}
.txt_rd {color: #FF5349 !important;}
*/
.ellipsis1 {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.btn_full {display: block; padding: 12px 0;  text-align: center; font-weight: bold; border-radius: 5px; width: 100%; border: 2px solid #DEDEDE; box-sizing: border-box; color: #818085;}
.btn_base {border: 1px solid #551A8B; background: #551A8B; color: #FFF; font-weight: 700; text-align: center; border-radius: 3px;}
.btn_wht {border: 1px solid #551A8B; background: #FFF; color: #551A8B; font-weight: 700; text-align: center; border-radius: 3px;}


/*******************************************************************/
/* index */
#indexWrap {background: #FAF8F9; padding-bottom: 10px;}
#indexWrap .index_header {padding: 0 10px; letter-spacing: -1px; background: #FCFCFE;}
#indexWrap .index_header ul {display: table; width: 100%; height: 40px;}
#indexWrap .index_header li {box-sizing: border-box; display: table-cell; height: 100%; vertical-align: middle;}
#indexWrap .index_header li.nick {width: 35%; color: #551A8B; font-weight: 600; font-size: 1.3rem;}
#indexWrap .index_header li.btn {width: 65%; text-align: right;}
#indexWrap .index_header button {font-size: 1.1rem; background: #FFF; border: 1px solid #C7C8CA; border-radius: 3px; height: 26px; padding: 0 6px; color: #59585B; position: relative;}
#indexWrap .index_header .letter::before {content:''; padding-left: 15px;}
#indexWrap .index_header .letter::after {content: ''; position: absolute; top: 0; height: 100%; width: 15px; left: 6px; background: url(http://img.toto-romance.com/upfile/icon/icon_mypage_letter.jpg) no-repeat left center; background-size: 90%;}
#indexWrap h1.title {font-size: 1.5rem; text-indent: 10px; padding: 10px 0;}

.index_box {background: #FFF; border: 1px solid #DEDEDE; border-right: 0; border-left: 0; position: relative; overflow: hidden; margin-bottom: 10px;}
.index_box .swiper-slide.event {font-size:0;}
.index_box .swiper-slide.event img {width: 100%; height: auto;}
.index_box .banner_nav {width: auto; left: auto; right: 5px; font-size: 0.9rem; text-align: center; background: #000; padding: 2px 9px; color: #FFF; bottom: 3px; border-radius: 10px; opacity: 0.7;}
.index_box.info {padding: 10px; }
.index_box.info table {text-align: center; width: 100%;}
.index_box.info th {width: 33.3%; position: relative;}
.index_box.info .box {font-size: 0;}
.index_box.info .circle_init {width: 100px; height: 100px; margin: 0 auto; border: 4px solid #E5E5E5; border-radius: 80px; box-sizing: border-box;}
.index_box.info .circle_init.org {border: 4px solid #FC6A07}
.index_box.info .txt {font-size: 1.4rem; position: absolute; width: 80px; left: 50%; margin-left: -40px; top: 4px; display: table; height: 98px; letter-spacing: -0.8px;}
.index_box.info .txt > div {display: table-cell; vertical-align: middle; font-weight: normal;}
.index_box.info .txt strong {display: block; font-size: 1.6rem; color: #551A8B; margin-top: 5px;}


.index_box2 {margin: 0 10px 10px; box-sizing: border-box; border: 1px solid #DEDEDE;}
.index_box2.last {margin-bottom: 0;}
.index_box2 ul {background: #FFF; width: 100%;}
.index_box2 li {height: 40px;}
.index_box2 table {width: 100%;}
.index_box2 table th {height: 40px; border-bottom: 1px solid #EFEFEF;}
.index_box2 table td {border-bottom: 1px solid #EFEFEF;}
.index_box2 table tr:last-child th, .index_box2 table tr:last-child td {border: 0;}

.index_box2 .sub_menu {height: 40px;}
.index_box2 .sub_menu li {display: table; width: 50%; box-sizing: border-box; float: left; }
.index_box2 .sub_menu li:nth-child(1) {border-right: 1px dashed #DEDEDE; box-sizing: border-box;}
.index_box2 .sub_menu a {display: table-cell; height: 100%; vertical-align: middle; text-align: center;}
.index_box2 .sub_menu span {font-size: 0; display: inline-block; vertical-align: middle;}
.index_box2 .sub_menu img {height: 23px;}
.index_box2 .sub_menu span.tit {font-size: 1.4rem;}

.index_box2 .sub_menu2 {height: 40px;}
.index_box2 .sub_menu2 li {display: table; width: 100%; box-sizing: border-box; float: left;}
.index_box2 .sub_menu2 a {display: table-cell; height: 100%; vertical-align: middle; text-align: center;}
.index_box2 .sub_menu2 span {font-size: 0; display: inline-block; vertical-align: middle;}
.index_box2 .sub_menu2 img {height: 23px;}
.index_box2 .sub_menu2 span.tit {font-size: 1.4rem;}

.index_box2 .all_menu {font-size: 1.3rem; letter-spacing: -0.5;}
.index_box2 .all_menu th {width: 20%; background: #F7EFF7; color: #551A8B; font-weight: normal; overflow: hidden;}
.index_box2 .all_menu th .desc {font-size: 1.1rem;}
.index_box2 .all_menu td {background: #FFF; padding-left: 10px; font-size: 0;}
.index_box2 .all_menu a {font-size: 1.3rem; padding-right: 20px; position: relative;}
.index_box2 .all_menu a::after {content: ''; position: absolute; background: #DEDEDE; width: 1px; height: 80%; right: 10px; top: 10%;}
.index_box2 .all_menu a:last-child {padding: 0;}
.index_box2 .all_menu a:last-child::after {content: none; display: none;}

.index_box2 .cash_list {background: #FFF; font-size: 1.4rem;}
.index_box2 .cash_list th {width: 50%; text-align: left; padding-left: 10px;}
.index_box2 .cash_list td {width: 25%; text-align: right; padding-right: 10px;}
.index_box2 .cash_list button {font-size: 1.3rem; background: #FFF; border: 1px solid #C7C8CA; border-radius: 3px; height: 26px; padding: 0 6px; color: #59585B;}
.index_box2 .cash_list th > img {height: 28px; vertical-align: middle; margin-right: 6px;}
.index_box2 .cash_list .tit {vertical-align: middle;}

.index_box2 .bank {background: #FFF;}
.index_box2 .bank th, .index_box2 .bank td {border-bottom: 0;}
.index_box2 .bank th {width: 28%; line-height: 1.5; font-size: 1.4rem;}
.index_box2 .bank .line th, .index_box2 .bank .line td {border-top: 1px solid #EFEFEF;}
.index_box2 .bank td {height: 30px; font-size: 1.3rem;}
.index_box2 .bank .name {color: #818286;}
.index_box2 .bank .mark {display: inline-block; height: 30px; vertical-align: middle; width: 45px; background: url(http://img.toto-romance.com/upfile/icon/icon_mypage_bank.jpg) no-repeat top center;     background-size: 100% auto; background-position: 0px -2px;}
.index_box2 .bank .mark.nh {background-position: 0px -30px;}
.index_box2 .bank .mark.post {background-position: 0px -57px;}
.index_box2 .bank .mark.bs {background-position: 0px -84px;}
.index_box2 .bank .indent {text-indent: 45px;}

.index_box2 .customer li {display: table; float: left; width: 70%; box-sizing: border-box; height: 120px; background: #FFF;}
.index_box2 .customer li > div {display: table-cell; vertical-align: middle;}
.index_box2 .customer li.mark {width: 30%;}
.index_box2 .customer li.mark > div {text-align: center; padding: 0 10px;}
.index_box2 .customer img {width: 100%; height: auto;}
.index_box2 .customer h3 {margin-bottom: 10px; font-weight: 500;}
.index_box2 .customer span {font-size: 1.6rem; color: #551A8B;}
.index_box2 .customer p {margin-top: 4px; color: #818286;}
.index_new {padding: 0 10px 10px; position: relative; overflow: hidden; width: 100%; box-sizing: border-box;}
.index_new .ebook {height: auto; text-align: center; padding: 0 10px; box-sizing: border-box;}
/*
.index_new .ebook ul {display: table; width: 100%;}
.index_new .ebook li {display: table-cell; width: 33.3%; padding: 5px; box-sizing: border-box;}
*/
.index_new .ebook ul {display: block;}
.index_new .ebook li {float: left; height: 145px; width: 33.3%;}
.index_new .ebook a {display: block; overflow: hidden;}
.index_new .ebook .cover {height: 117px; width: 81px; border: 1px solid #E3E3E3; margin: 0 auto; position: relative;}
.index_new .ebook .cover > img {width: 100%; height: 100%;}
.index_new .ebook a p {font-size: 1.3rem; margin-top: 7px;}

/* slider */
.slider_button {position: absolute; top: 50%; width: 20px; height: 120px; margin-top: -60px; z-index: 10; cursor: pointer; -moz-background-size: 25px 25px; -webkit-background-size: 25px 25px; background-size: 25px 25px; background-position: center; background-repeat: no-repeat;}
.slider_button.btn_prev {background-image: url(http://img.toto-romance.com/upfile/icon/btn_arrow_left.png); left: 10px; right: auto;}
.slider_button.btn_next {background-image: url(http://img.toto-romance.com/upfile/icon/btn_arrow_right.png); right: 10px; left: auto;}

/* top */
.mypage_contents {background: #FFF; position: relative; overflow: hidden;}
.mypage_contents.top_menu {border-bottom: 1px solid #551A8B; height: 50px;  text-align: center; padding: 0 10px;}
.mypage_contents.top_menu ul {margin-top: 9px;}
.mypage_contents.top_menu li {float: left; width: 20%; height: 32px; box-sizing: border-box; border: 1px solid #DEDEDE; display: table; border-left: 0;}
.mypage_contents.top_menu li:nth-child(1) {border-left: 1px solid #DEDEDE;}
.mypage_contents.top_menu li a {display: table-cell; vertical-align: middle; background: #F5F5F5; font-size: 1.4rem;}
.mypage_contents.top_menu li a.on {background: #949599; color: #FFF;}
.mypage_contents.top_menu small {display: block; font-size: 1.1rem; color: #949599; margin-bottom: 3px;}
.mypage_contents.top_menu .on small {color: #FFF;}

.mypage_contents.top_menu .style2 li {width: 33.3%;}
.mypage_contents.top_menu .style3 li {width: 25%;}
.mypage_contents.top_menu .style4 li {width: 50%;}
.mypage_contents.top_menu .style5 li {width: 33.3%; height: 50px;}

.mypage_contents.top_menu.border_off {border: 0;}
.mypage_contents .border_on {border-top: 1px solid #551A8B;}
.mypage_contents.info {height: 70px !important;}
.mypage_contents.community .header {padding: 10px;}

.mypage_contents .empty {display: block; padding: 70px 0; text-align: center; font-size: 1.4rem;}

/* list header */
.mypage_contents .header {padding: 10px 15px; background: #FAF8F9; color: #424041; border-bottom: 1px solid #DEDEDE; line-height: 1.4; position: relative; font-size: 1.4rem;}
.mypage_contents .header strong {color: #551A8B;}
.mypage_contents .header.post {padding: 10px; position: relative;}
.mypage_contents .header.const {border: 0;}
.mypage_contents .header button.base {font-size: 1.3rem; border: 1px solid #C7C8CA; color: #5A5A5A; background: #FFF; height: 30px; width: 100px; letter-spacing: -1px; border-radius: 3px; position: absolute; right: 10px; top: 50%; margin-top: -15px;}

.mypage_contents .header .empty {padding: 50px 0; font-size: 1.4rem;}
.mypage_contents .header .empty > a {display: block; height: 30px; line-height: 30px; color: #949599; text-decoration: underline;}

.mypage_contents .date_area {font-size: 1.3rem;}
.mypage_contents .date_area li {display: table; float: left; height: auto; margin-right: 5px;}
.mypage_contents .date_area a {display: table-cell; vertical-align: middle; background: #FFF; border: 1px solid #C7C8CA; padding: 0 7px; height: 28px; border-radius: 3px; box-sizing: border-box;}
.mypage_contents .date_area a.on {border: 1px solid #551A8B; color: #551A8B;}

.mypage_contents .detail_area {margin-top: 8px;}
.mypage_contents .detail_area input {display: inline-block; width: 35%; vertical-align: middle; padding-left: 5px; height: 28px; font-size: 1.3rem;}
.mypage_contents .detail_area span {display: inline-block; width: 5%; text-align: center; vertical-align: middle;}
.mypage_contents .detail_area button {display: inline-block; width: 12%; text-align: center; font-size: 1.3rem; height: 28px; vertical-align: middle; color: #FFF; background: #818286; border-radius: 3px; margin-left: 3px;}

.mypage_contents .sel_box {display: inline-block; background: #FFF;}
.mypage_contents .srch_area .sel_box {width: 30%; float: right;}
.mypage_contents .srch_area > form {display: block; width: 68%; position: relative; }
.mypage_contents .srch_area > form a {position: absolute; top: 0; height: 30px; width: 30px; right: 0; font-size: 0; background: url(http://img.toto-romance.com/upfile/icon/btn_icon_search_gray.png) no-repeat center center; background-size: 60%;}
.mypage_contents .srch_area select {width: 100%; height: 30px; line-height: 30px;}
.mypage_contents .srch_area input {width: 100%; height: 30px; line-height: 30px; padding-right: 30px;}

.mypage_contents .info_box {padding: 15px 10px; font-size: 1.3rem;}
.mypage_contents .info_box ul {display: table; background: #FAF8F9; border: 1px solid #DEDEDE; color: #551A8B; width: 100%; box-sizing: border-box;}
.mypage_contents .info_box li {display: table-cell; height: 50px; vertical-align: middle; width: 65%; padding-right:15px; text-align: right;}
.mypage_contents .info_box strong {margin-left: 10px; font-size: 1.8rem; vertical-align: middle;}
.mypage_contents .info_box .tit {text-align: left; padding:0 0 0 15px; width: 35%;}
.mypage_contents .info_box .tit > span {display: inline-block; width: 35px; height: 35px; vertical-align: middle; background-size: auto 35px; background-repeat: no-repeat; background-image: url(http://img.toto-romance.com/upfile/icon/icon_my_head2.png);}
.mypage_contents .info_box .tit .point {background-position: -8px 0;}
.mypage_contents .info_box .tit .bookmoney {background-position: -63px -1px;}
.mypage_contents .info_box .tit .mileage {background-position: -120px -1px;}
.mypage_contents .info_box .tit .romancash {background-position: -178px -1px;}
.mypage_contents .info_box .tit .deposit {background-position: -233px -1px;}


/* list top */
.mypage_contents .list_top {border-bottom: 1px solid #ECECEE; font-size: 1.4rem; height: 40px; line-height: 40px; position: relative;}
.mypage_contents .list_top .rt {font-size: 1.3rem; color: #59585B; border: 1px solid #C7C8CA; border-radius: 3px; height: 30px; width: 70px; position: absolute; right: 0; top: 5px;}
.mypage_contents .list_top .rt.buying {color: #551A8B; border: 1px solid #551A8B; right: 75px;}

/* list type */
.mypage_contents .list_style table {border-top: 1px solid #9A9A9C; width: 100%; text-align: center; font-size: 1.4rem;}
.mypage_contents .list_style th {background: #FAF8F9; border-bottom: 1px solid #DEDEDE; height: 35px; font-weight: 600;}
.mypage_contents .list_style td {height: 45px; border-bottom: 1px solid #ECECEE;}
.mypage_contents .list_style .plus {color: #551A8B;}
.mypage_contents .list_style .minus {color: #FA8F05;}
.mypage_contents .list_style .items {text-align: left; padding: 5px 5px 5px 10px;}
.mypage_contents .list_style .items span {color: #949599; font-size: 1.2rem; margin-right: 14px; position: relative;}
.mypage_contents .list_style .items span:nth-child(1):after {content:''; background: #DEDEDE; position: absolute; width: 1px; height: 65%; right: -8px; top: 15%;}
.mypage_contents .list_style .items p {margin-top: 4px;}
.mypage_contents .list_style .right {text-align: right; padding-right: 10px;}
.mypage_contents .list_style .cover {width: 60px; height: 88px; border: 1px solid #E3E3E3; position: relative;}
.mypage_contents .list_style .cover img {width: 100%; height: 100%;}
.mypage_contents .list_style .conts_info {vertical-align: middle;}
.mypage_contents .list_style .conts_info p {font-size: 1.3rem; color: #949599; margin-top: 6px;}
.mypage_contents .list_style .conts_info .title {font-size: 1.5rem; color: #000; font-weight: 700; margin: 0;}
.mypage_contents .list_style .conts_info .notice {font-size: 1.3rem; color: #C31B28; margin:0 0 3px;}
.mypage_contents .list_style .btn_open {font-size: 1.4rem; position: absolute; bottom: 10px; right: 0; background: #FFF; color: #551A8B; border: 1px solid #551A8B; padding: 5px 15px; border-radius: 3px;}
.mypage_contents .list_style .btn_open.del {color: #000; border: 1px solid #C7C8CA; }
.mypage_contents .list_style .total_area {background: #ECE9F4; padding: 15px 0; text-align: center; margin: 10px 0 14px; font-size: 1.5rem;}
.mypage_contents .list_style .total_area strong {color: #551A8B; font-weight: 700; font-size: 1.7rem; margin-left: 7px; margin-right: 2px;}
.mypage_contents .list_style .bottom_area button {font-size: 1.35rem; color: #59585B; border: 1px solid #C7C8CA; border-radius: 3px; height: 30px; padding: 0 7px;}
.mypage_contents .list_style .bottom_area .right {float: right; margin-left: 5px;}
.mypage_contents .list_style .bottom_area .buying {color: #551A8B; border: 1px solid #551A8B;}
.mypage_contents .list_style .title > span {vertical-align: middle;}
.mypage_contents .list_style .state {font-weight: normal; font-size: 1.1rem; background: #FA8F05; color: #FFF; padding: 3px 5px; border-radius: 3px; margin-right: 3px;}
.mypage_contents .list_style .state.fin {background: #949599;}
.mypage_contents .list_style .post_number {font-size: 1.3rem; margin: 2px 0 8px; text-decoration: underline;}
.mypage_contents .list_style select.cnt {height: 25px; line-height: 25px; width: 80%; margin-top: 10px;}

.mypage_contents .list_style.type2 {padding: 0 10px;}
.mypage_contents .list_style.type2 table {border: 0; text-align: left;}
.mypage_contents .list_style.type2 td {height: auto; padding: 10px 0; position: relative; vertical-align: top;}

.mypage_contents .list_style.type3 {padding: 0 10px;}
.mypage_contents .list_style.type3 table {border: 0; text-align: left;}
.mypage_contents .list_style.type3 td {height: auto; padding: 10px 0; vertical-align: top;}
.mypage_contents .list_style.type3 .cover_s {width: 45px; height: 66px; position: relative;}
.mypage_contents .list_style.type3 .cover_s img {width: 100%; height: 100%;}
.mypage_contents .list_style.type3 .price {vertical-align: middle; text-align: right; padding-right: 7px;}
.mypage_contents .list_style.type3 .coupon {font-size: 1.2rem; color: #C31B28; padding-top: 5px;}
.mypage_contents .list_style.type3 .btn_area {vertical-align: middle; text-align: center;}
.mypage_contents .list_style.type3 .btn_area button {background: url(http://img.toto-romance.com/upfile/icon/btn_list_delete.jpg) no-repeat center right; background-size: 80%; width: 100%; height: 30px;}

.mypage_contents .list_style.type4 table {font-size: 1.3rem; height: 30px; border-top: 0;}
.mypage_contents .list_style.type4 img {margin-left: 5px;}
.mypage_contents .list_style.type5 table {margin: 5px 0 0;}
.mypage_contents .list_style.type5 td {height: auto;}
.mypage_contents .list_style.type5 .btn_area {padding: 20px 10px;}

/* box type */
.mypage_contents .list_box {padding: 15px 10px 0; font-size: 1.4rem;}
.mypage_contents .list_box li {border: 1px solid #DEDEDE; margin-bottom: 10px;}
.mypage_contents .list_box li:last-child {margin: 0;}
.mypage_contents .list_box li > div {display: table; box-sizing: border-box; width: 100%;}
.mypage_contents .list_box .head {border-bottom: 1px solid #EDEDEF; background: #FAF8F9; height: 30px; padding: 0 10px; position: relative;}
.mypage_contents .list_box .head > div {color: #949599; display: table-cell; vertical-align: middle; font-size: 1.2rem;}
.mypage_contents .list_box .top_date {text-align: right;}
.mypage_contents .list_box .head strong {color: #000; margin-left: 5px;}
.mypage_contents .list_box .head .writer {font-size: 1.4rem; color: #000; font-weight: 700;}
.mypage_contents .list_box .head .btn_right {font-size: 1.2rem; background: #FFF; color: #000; height: 22px; border: 1px solid #C7C8CA; box-sizing: border-box; border-radius: 3px; padding: 0 6px; position: absolute; right: 10px; top: 3px;}
.mypage_contents .list_box .body {padding: 13px 10px;}
.mypage_contents .list_box .body th {font-weight: normal; color: #949599; width: 70px; vertical-align: top; padding-bottom: 5px;}
.mypage_contents .list_box .body td {vertical-align: top;}
.mypage_contents .list_box .body tr:last-child th {padding:0;}
.mypage_contents .list_box .ebook_more {font-size: 1.4rem; line-height: 1.5;}
.mypage_contents .list_box .cover {width: 55px; height: 81px;}
.mypage_contents .list_box .cover img {width: 100%; height: 100%;}
.mypage_contents .list_box .info_area {padding-left: 15px;}
.mypage_contents .list_box .conts_tit {margin-bottom: 10px; font-weight: 700;}
.mypage_contents .list_box .etc {color: #009dfd; font-size: 1.3rem;}
.mypage_contents .list_box .total_price {font-weight: 600; color: #FA8F05;}
.mypage_contents .list_box .detail {font-weight: 600; color: #949599; padding-bottom: 2px;}
.mypage_contents .list_box .data span {color: #949599; margin-right: 12px;}
.mypage_contents .list_box .post_number {font-size: 1.3rem; margin: 2px 0 8px; text-decoration: underline;}
.mypage_contents .memo_area {margin-top: 15px;}
.mypage_contents .memo_area.inner {padding: 10px; margin: 0;}
.mypage_contents .memo_area .note {background: #FAF8F9; border: 1px solid #EDEDEF; margin-top: 5px; font-size: 1.3rem; padding: 3px; line-height: 1.3}
.mypage_contents .memo_area .note img {vertical-align: middle; height: 15px;}
.mypage_contents .memo_area .note span {vertical-align: middle;}
.mypage_contents .memo_area .note.pk {background: #FFEFF5; }
.mypage_contents .memo_area .note u {text-decoration: none; color: red;}
.mypage_contents .memo_area .post_num {display: block; margin: 2px 0 5px; font-size: 1.2rem; text-decoration: underline;}
.mypage_contents .list_box table.mall .conts_tit {display: inline-block; margin-bottom: 10px;}
.mypage_contents .list_box table.mall .etc {display: inline-block; }
.mypage_contents .list_box .btn_detail {display: inline-block; border: 1px solid #C7C8CA; color: #59585B; padding: 5px 20px; border-radius: 3px; margin-top: 5px; font-size: 1.3rem;}

.mypage_contents .srch_only input[type="text"] {height: 30px; width: 100%;}
.mypage_contents .srch_only li {float: left;}
.mypage_contents .srch_only .txt {width: 80%;}
.mypage_contents .srch_only .btn {width: 20%;}
.mypage_contents .srch_only button {background: #818286; color: #FFF; font-size: 1.3rem; text-align: center; border-radius: 3px; display: inline-block; height: 30px; width: 90%; margin-left: 10%;}
.list_box .cover_up {padding: 0 0 10px;}
.list_box .cover_up li {float: left; width: 33.3%; padding: 10px 2px 0; border:0; margin: 0; text-align: center; box-sizing: border-box;}
.list_box .cover_up .cover {margin: 0 auto; position: relative;}
.list_box .cover_up .info {margin-top: 5px; font-size: 1.2rem;}
.list_box .cover_up p {margin-top: 2px;}
.list_box .cover_up .title {font-size: 1.4rem;}
.list_box .cover_up .update {color: #949599;}
.list_box .head.sell {height: auto; padding: 7px 10px;}
.list_box .head.sell .p_name {color: #000 !important; font-size: 1.4rem !important; font-weight: 700;}
.list_box .head.sell .p_name span {margin-left: 5px; font-weight: 600;}
.list_box table.sell {width: 100%;}


/* sell */
.mypage_contents .sales_wrap {padding: 15px 10px; font-size: 1.4rem;}
.mypage_contents .sales_wrap .box01 {background: #EEEBF6; border: 1px solid #C6BCDE; padding: 10px;}
.mypage_contents .sales_wrap li {display: table; width: 100%;}
.mypage_contents .sales_wrap li > div {display: table-cell; vertical-align: middle; box-sizing: border-box; height: 25px;}
.mypage_contents .sales_wrap .tit {width: 60%;}
.mypage_contents .sales_wrap .total {text-align: right; width: 40%;}
.mypage_contents .sales_wrap .box02 {padding: 0; margin: 15px 0 0; background: #FFF; border: 1px solid #DEDEDE;}
.mypage_contents .sales_wrap .box02 .note {padding: 10px; line-height: 1.4;}
.mypage_contents .sales_wrap .footer {border-top: 2px solid #FA8F05; background: #FAF8F9; padding: 10px;}
.mypage_contents .sales_wrap .box02	table {width: 100%; text-align: left;}
.mypage_contents .sales_wrap .box02 th {vertical-align: top; color: #FA8F05;}
.mypage_contents .sales_wrap .box02 td {height: 20px;}
.mypage_contents .sub_tab {height: 40px; font-size: 1.4rem;}
.mypage_contents .sub_tab li {display: table; float: left; width: 50%; text-align: center; height: 40px; box-sizing: border-box; border-bottom: 1px solid #551A8B;}
.mypage_contents .sub_tab li.on {border: 1px solid #551A8B; border-bottom: 0; background: #FAF8F9; color: #551A8B;}
.mypage_contents .sub_tab a {display: table-cell; vertical-align: middle;}

.mypage_contents .sub_tab.style2 {padding: 0 10px;}
.mypage_contents .sub_tab.style2 li.on {border: 1px solid #551A8B; border-bottom: 1px solid #FFF; background: #FFF; color: #551A8B;}
.mypage_contents .sub_tab.style2 li {background: #FAF8F9; color: #9A9A9A; border: 1px solid #DEDEDE; border-bottom: 1px solid #551A8B;}
.mypage_contents .sub_tab.style2 li:nth-child(1):not(.on) {border-right: 0;}
.mypage_contents .sub_tab.style2 li:nth-child(2):not(.on) {border-left: 0;}

.mypage_contents .salse_srch > div {display: inline-block; vertical-align: top;}
.mypage_contents .salse_srch.style1 > div {width: 24%;}
.mypage_contents .salse_srch.style2 > div {width: 30%;}
.mypage_contents .salse_srch select {width: 100%; height: 30px}
.mypage_contents .salse_srch button {font-size: 1.3rem; height: 30px; background: #818286; display: block; text-align: center; color: #FFF; width: 100%; border-radius: 3px;}
.mypage_contents .salse_srch ul {margin-top: 7px;}
.mypage_contents .salse_srch li {font-size: 1.3rem; margin-top: 2px;}

.mypage_contents .tbl_box > table {width: 100%; margin-top: 15px; border-top: 1px solid #999A9C; }
.mypage_contents .tbl_box th {background: #FAF8F9; padding: 11px 0; text-align: center; font-size: 1.3rem;}
.mypage_contents .tbl_box td {border: 1px solid #EDEDEF; border-right: 0; border-left: 0; font-size: 1.3rem; padding: 11px 0; text-align: right;}
.mypage_contents .tbl_box td:last-child, .mypage_contents .tbl_box th:last-child {padding-right: 5px;}
.mypage_contents .tbl_box .company {text-align: center; padding-right: 0;}
.mypage_contents .tbl_box a.detail {display: block; color: #949599; font-size: 1.1rem; padding: 3px 0;}

.mypage_contents td.inner_list {padding:10px !important; margin: 0; text-align: left; letter-spacing: 0;}
.mypage_contents .inner_list ul {width: 100%;}
.mypage_contents .inner_list li {border: 1px solid #DEDEDE;}
.mypage_contents .inner_list li > div {box-sizing: border-box; width: 100%;}
.mypage_contents .inner_list .calc {display: table; width: 100%; box-sizing: border-box; border-bottom: 0;}
.mypage_contents .inner_list .calc > div {display: table-cell; vertical-align: middle; width: 25%; text-align: center;  height: 30px;}
.mypage_contents .inner_list .p_name {border-bottom: 1px solid #EDEDEF; background: #FAF8F9; position: relative; height: auto; padding: 7px 10px; font-weight: 700; }
.mypage_contents .inner_list .p_name span {margin-left: 5px;}
.mypage_contents .inner_list .body {padding: 13px 10px;}

.mypage_contents .tbl_box td.inner_data {padding: 0;}
.mypage_contents .tbl_box .sales_detail {display: none;}
.mypage_contents .inner_data ul {padding: 0 5px; background: #F5F5F5;}
.mypage_contents .inner_data li {border-bottom: 1px solid #DEDEDE; color: #414143;}
.mypage_contents .inner_data li:last-child {border: 0;}
.mypage_contents .inner_data .head {text-align: left; text-indent: 10px; padding: 5px 0; font-weight: 700;}
.mypage_contents .inner_data .head img {vertical-align: baseline; height: 10px;}
.mypage_contents .inner_data .body {display: table; width: 100%;}
.mypage_contents .inner_data .body > p {display: table-cell; vertical-align: middle; width: 20%; padding: 5px 0;}
.mypage_contents .inner_data .body > .count {width: 30%;}

.my_list_top .srch_date.publish {display: table;}
.mypage_contents .sell_info2.publish td:nth-child(1) {text-align: center;}
.mypage_contents .sell_info2 .company {display: block; position: relative; height: 20px; line-height: 20px;}
.mypage_contents .sell_info2 .company::after {content:''; position: absolute; background: url(../images/icon/bg_arrow_next.png) right center no-repeat; background-size: 10px; right: 0; width: 10px; height: 20px;}


/* community */
.mypage_contents.blank {padding-bottom: 40px;}
.mypage_contents .circle_list li {float: left; width: 33.3%; text-align: center; box-sizing: border-box; overflow: hidden; margin-bottom: 30px;}
.mypage_contents .circle_list a {display: block;}
.mypage_contents .circle_list a > div {margin: 0 auto;}
.mypage_contents .circle_list .profile_img {width: 50px; height: 50px; border-radius: 100px; border: 1px solid #DEDEDE; overflow: hidden; background: #FFF;}
.mypage_contents .circle_list .profile_img img {width: 30px; height: auto; margin-top: 7px;}
.mypage_contents .circle_list .name {color: #413F42; font-size: 1.4rem; font-weight: 700; margin: 3px 0 1px;}
.mypage_contents .circle_list .tag {color: #A2A3A6; display: block; font-size: 1.3rem; font-weight: normal;}

.mypage_contents .square_list {margin-top: 10px; padding: 10px; font-size: 1.4rem;}
.mypage_contents .square_list li {float: left; width: 33.3%; text-align: center; box-sizing: border-box; overflow: hidden; margin-bottom: 5px; padding: 5px; display: table; line-height: 1.5;}
.mypage_contents .square_list li a {display: table-cell; height: 60px; vertical-align: middle; border: 1px solid #DEDEDE;}
.mypage_contents .square_list li strong {color: #FA8F05; margin-right: 3px;}

.mypage_contents .board_list {padding: 0 10px;}
.mypage_contents .board_list li {padding: 10px 0; border-bottom: 1px solid #EFEFEF; display: table; width: 100%;}

.mypage_contents .board_list.style1 li > a {display: table-cell; vertical-align: middle;}
.mypage_contents .board_list.style1 li > div {display: table-cell; vertical-align: middle; width: 30px;}
.mypage_contents .board_list.style2 .title {margin-bottom: 8px; font-size: 1.3rem;}

.mypage_contents .board_list .title {font-size: 0; margin-bottom: 5px;}
.mypage_contents .board_list .title.not_read {font-weight: 700;}
.mypage_contents .board_list .title > span {display: inline; vertical-align: middle; font-size: 1.4rem; padding-right: 3px;}
.mypage_contents .board_list .title > img {display: inline; vertical-align: middle; margin-right: 5px; height: 12px; }
.mypage_contents .board_list .title .icon_board {height: 1.0rem;}
.mypage_contents .board_list .grade {color: #551A8B; margin-right: 5px;}
.mypage_contents .board_list span.comment {font-size: 1.2rem; color: #FA8F05; padding: 0; padding-left: 2px;}
.mypage_contents .board_list span.today {font-weight: 700 !important;}
.mypage_contents .board_list span.writer {font-size: 1.0rem; display: inline-block; vertical-align: middle; color: #FFF; margin-left: 3px; border-radius: 5px; padding: 1px 3px; letter-spacing: -1px; background: #BDBEC0;}
.mypage_contents .board_list span.writer.gold {background: #FA8F05;}
.mypage_contents .board_list p {font-size: 0;}
.mypage_contents .board_list p > span {font-size: 1.2rem; color: #949599; padding-right: 18px; position: relative;}
.mypage_contents .board_list p > span:after {content: ''; background: #DEDEDE; position: absolute; width: 1px; height: 70%; top: 13%; right: 9px;}
.mypage_contents .board_list p > span.date {padding: 0;}
.mypage_contents .board_list p > span.date:after {display: none; content: none;}
.mypage_contents .board_list p > .nick {color: #000;}
.mypage_contents .board_list .txt {margin-bottom: 5px;}
.mypage_contents .board_list .label {font-size: 1.1rem !important; border: 1px solid #DEDEDE; padding: 2px 6px; margin-right: 5px;}
.mypage_contents .board_list .origin {color: #949599; display: inline !important;}


.mypage_contents .board_footer {margin: 10px 0 0;}
.mypage_contents .board_footer button {font-size: 1.3rem; border: 1px solid #C7C8CA; color: #5A5A5A; height: 30px; padding: 0 7px; letter-spacing: -1px; border-radius: 3px;}
.mypage_contents .board_footer .btn_write {float: right; background: #551A8B; color: #FFF; border: 1px solid #551A8B;}
.mypage_contents .board_footer .on {color: #551A8B; border: 1px solid #551A8B;}
.mypage_contents .board_footer .post {width: 60px; padding: 0;}
.mypage_contents .board_footer .btn_letter {margin-left: 5px; float: right; border: 1px solid #551A8B; color: #551A8B;}

.mypage_contents .box_sender {margin: 10px 0 0;}
.mypage_contents .box_sender button {font-size: 1.3rem; border: 1px solid #C7C8CA; color: #5A5A5A; height: 40px !important; padding: 0 7px; letter-spacing: -1px; border-radius: 3px;}
.mypage_contents .box_sender .btn_cancle {width: 30%;}
.mypage_contents .box_sender .btn_base {color: #FFF; width: 68%; float: right;}

/* post */
#srchWrap {height: 45px; line-height: 45px; padding: 0 10px;  position: relative; margin-bottom: 20px;}
#srchWrap form > select {width: 30%; line-height: 40px; position: absolute; top: 7.5px; left: 10px; height: 40px;}
#srchWrap .srch_box {position: absolute;  width: 63%; right: 10px; height: 30px; top: 7.5px; box-sizing: border-box;}
#srchWrap .srch_box input {width: 100%; vertical-align: top; height: 100%; line-height: 40px; padding-right: 40px; height: 40px;}
#srchWrap .btn_srch {background: url(http://img.toto-romance.com/upfile/icon/btn_top_search.png) no-repeat center center; width: 42px; height: 40px; position: absolute; right: 0; top: 0; background-size: 22px; font-size: 0;}

.mypage_contents .post_top {font-size: 0;}
.mypage_contents .post_top > span {display: inline-block; vertical-align: middle; position: relative; font-size: 1.4rem;}
.mypage_contents .post_top .count {padding-left: 20px;}
.mypage_contents .post_top strong {color: #000;}
.mypage_contents .post_top label {vertical-align: sub;}
.mypage_contents .post_top .count strong {color: #FA8F05;}
.mypage_contents .post_top .count::after {content:''; background: #DEDEDE; height: 70%; top: 13%; position: absolute; left: 10px; width: 1px; }
.mypage_contents .post_top button {font-size: 1.3rem; border: 1px solid #C7C8CA; color: #5A5A5A; background: #FFF; height: 30px; width: 60px; letter-spacing: -1px; border-radius: 3px; position: absolute; right: 10px; top: 50%; margin-top: -15px;}

.mypage_contents .edit_box.post {}
.mypage_contents .edit_box.post .frm_data {font-size: 1.4rem;}
.mypage_contents .edit_box.post .head {width: 20%;}
.mypage_contents .edit_box.post input {font-size: 1.5rem;}
.mypage_contents .edit_box.post textarea {width: 100%; border: 1px solid #E3E3E3; height: 200px; font-size: 1.5rem;}

/* my info */
.mypage_contents .login_box {padding: 30px 0 60px; text-align: center;}
.mypage_contents .login_box ul {width: 73%; margin: 0 auto;}
.mypage_contents .login_box li {padding-bottom: 10px}
.mypage_contents .login_box input {height: 40px; font-size: 1.4rem; width: 100%;}
.mypage_contents .login_box input[type=password] {background: #F5F5F5;}
.mypage_contents .login_box button {display: block; margin-top: 10px; width: 100%; font-size: 1.4rem; height: 43px;}
.mypage_contents .login_box .logo {width: 45%; padding: 10px 0;}

.mypage_contents .edit_box {padding: 0 10px; margin-bottom: 20px;}
.mypage_contents .edit_box li {border-bottom: 1px solid #ECECEE; display: table; width: 100%;}
.mypage_contents .edit_box li > div {display: table-cell; vertical-align: middle; text-align: left;}
.mypage_contents .edit_box input[type="text"], 
.mypage_contents .edit_box input[type="password"] {width: 100%; height: 30px; border: 1px solid #E3E3E3;}
.mypage_contents .edit_box button {font-size: 1.3rem; width: 35%; height: 30px;}
.mypage_contents .edit_box .head {width: 32%; padding-left: 10px; height: 40px; color: #818286; font-weight: 700;}
.mypage_contents .edit_box .inner {padding: 10px 0; font-size: 1.3rem;}
.mypage_contents .edit_box input.half {width: 62%;}
.mypage_contents .edit_box .inner p {margin-top: 7px; font-size: 1.3rem; color: #818286;}
.mypage_contents .edit_box .inner .chk {float: right;}
.mypage_contents .edit_box .inner.email input {width: 100%; margin-bottom: 5px;}
.mypage_contents .edit_box .inner.email p {margin-top: 3px;}
.mypage_contents .edit_box .inner.email button {width: 110px; margin-top: 10px;}
.mypage_contents .edit_box .read_only {background: #F5F5F5;}
.mypage_contents .edit_box .btn_base {border: 1px solid #DEDEDE; color: #818085; width: 110px; font-weight: 700; text-align: center; border-radius: 3px; background: #FFF;}
.mypage_contents .edit_box .box_footer {margin: 5px 15px 15px;}
.mypage_contents .edit_box .box_footer li {border-bottom: 0; padding-top: 10px;}
.mypage_contents .edit_box .box_footer label {vertical-align: middle; font-size: 1.4rem;}
.mypage_contents .edit_box .box_footer button {height: 40px; margin: 20px 0 10px 10%; width: 80%;}


/* Å»Åð */
.mypage_contents .member_leave {padding: 20px 15px; line-height: 1.5; font-size: 1.4rem;}
.mypage_contents .member_leave strong {color: #C31B28;}
.mypage_contents .member_leave .notice {background: #F5F5F5; margin: 15px 0; padding: 10px;}
.mypage_contents .member_leave .login_box {padding: 15px 0 0;}

.mypage_contents .member_leave .box_footer {margin: 25px 0;}
.mypage_contents .member_leave button {font-size: 1.3rem; display: inline-block; width: 30%; height: 40px;}
.mypage_contents .member_leave .back {background: #FFF; color: #818085; border: 1px solid #DEDEDE;}
.mypage_contents .member_leave .leave {width: 68%; float: right;}