#mypage {overflow:hidden; clear:both; min-height:600px; padding:40px 0; border-top:20px solid #f3f3f3;} #mypage .left {float:left; width:250px; margin-right:50px;} #mypage .left ul {border-top:1px solid #ccc;} #mypage .left ul li {position:relative; border:1px solid #ccc; border-top:0; padding-left:20px; background:#f3f3f3; line-height:50px;} #mypage .left ul li.first_line {line-height:100px; background:#fff; font-size:22px; font-weight:800;} #mypage .left ul li.on {background:#006834; border-color:#006834} #mypage .left ul li.on a {color:#fff;} #mypage .left ul li a {display:block; width:100%; height:100%; line-height:49px; font-size:14px; font-weight:600;} #mypage .left ul li .xcon {display:none; position:absolute; color:#fff; top:11px; right:10px; font-size:24px;} #mypage .left ul li.on .xcon {display:block;} #mypage .right {float:right; width:800px; margin-top:40px;} #mypage .right h5 {overflow:hidden; font-size:24px; line-height:30px;} #mypage .right .my_cont {position:relative; overflow: hidden; margin: 40px 0;} #mypage .right .my_cont h6 {font-size:16px; line-height:40px;} #mypage .right .my_cont h6 .sub_info {font-size:12px; font-weight:400; color:#999;} #mypage .right .my_cont .more_btn {position:absolute; top:8px; right:0; line-height:24px; padding:0 20px; background:#f3f3f3; border:1px solid #ccc;} #mypage .right .my_cont1 {} #mypage .right .my_cont1 ul {overflow:hidden; border-left:1px solid #ccc; border-top:2px solid #006834;} #mypage .right .my_cont1 ul li {float:left; width:50%; line-height:36px; border:1px solid #ccc; border-left:0; border-top:0;} #mypage .right .my_cont1 ul li:first-child {width:100%;} #mypage .right .my_cont1 ul li .sub {display:inline-block; width:40%; padding-left:10px; background:#f3f3f3; margin-right:10px; font-weight:600;} #mypage .right .my_cont1 ul li:first-child .sub {width:20%;} #mypage .right .my_cont1 ul li a {margin-right:5px;line-height:24px; border-bottom: 1px solid #999;} #mypage .right .my_cont2 {} #mypage .right .my_cont2 ul {border-left:1px solid #ccc; border-top:1px solid #ccc;} #mypage .right .my_cont2 ul li {text-align:center; line-height:38px; border:1px solid #ccc; border-left:0; border-top:0; background:#f3f3f3;} /* #mypage .right .my_cont2 ul li:hover {background:#006834;}*/ #mypage .right .my_cont2 ul li a {display:block;} /* #mypage .right .my_cont2 ul li:hover a {color:#fff;}*/ #mypage .right .my_cont2 .my_tab {} #mypage .right .my_cont2 .my_tab li {float:left; width:25%;} #mypage .right .my_cont3 {} #mypage .right .my_cont3 .res_box { overflow:hidden; margin:5px 0;border:1px solid #ccc;} #mypage .right .my_cont3 .res_box:hover {border-color:#006834;} #mypage .right .my_cont3 .res_box .img_box {float:left; width:160px; position:relative; padding-bottom:120px;} #mypage .right .my_cont3 .res_box .img_box img {position:absolute; width:100%; height:100%;} #mypage .right .my_cont3 .res_box .bref_box {float:left; width:638px; padding:10px 120px 10px 10px; position:relative;} #mypage .right .my_cont3 .res_box .bref_box p {overflow: hidden; line-height: 23px; margin-bottom: 2px; white-space: nowrap; text-overflow: ellipsis;} #mypage .right .my_cont3 .res_box .bref_box .tit {display:inline-block; width:65px; margin-right:10px; background:#f3f3f3; text-align:center;} #mypage .right .my_cont3 .res_box .bref_box .price {font-size:14px; font-weight:600;} #mypage .right .my_cont3 .res_box .bref_box .btn_box {position:absolute; top:10px; right:10px;} #mypage .right .my_cont3 .res_box .bref_box a {font-weight:600;} #mypage .right .my_cont3 .res_box .bref_box a.btn {display:block; width:100px; height:24px; text-align:center; background:#006834; color:#fff; line-height:24px; border-radius:5px; font-weight:400;} #mypage .right .my_cont3 .res_box .bref_box a.btn_red {background:#e44c52;} #mypage .right .my_cont3 .res_box .bref_box a.res_detail_btn {display:block; width:100px; height:24px; text-align:center; line-height:22px; border:1px solid #ccc; border-radius:5px; font-weight:400;} #mypage .right .my_cont3 .res_box:hover .bref_box a.res_detail_btn {border-color:#006834; color:#006834;} #mypage .right .my_cont3 .res_box .bref_box .payed_check_box {position:absolute; top:10px; right:120px;} #mypage .right .my_cont3 .res_box .bref_box .payed_check_box input[type=checkbox] {width:24px; height:24px; border:1px solid #ccc; border-radius: 5px;} #mypage .right .my_cont3 .ryokan_tab {border-left:1px solid #ccc; border-top:1px solid #ccc;} #mypage .right .my_cont3 .ryokan_tab li {float:left; width:50%; text-align:center; line-height:38px; border:1px solid #ccc; border-left:0; border-top:0; background:#f3f3f3;} #mypage .right .my_cont4 {} #mypage .right .my_cont4 ul {border-top:1px solid #ccc;} #mypage .right .my_cont4 ul li {border:1px solid #ccc; border-top:0; line-height:36px;} #mypage .right .my_cont4 ul li .tit {display:inline-block; width:50%; background:#f3f3f3; padding-left:10px; margin-right:10px; font-weight:600;} #mypage .right .my_cont4 ul li a {line-height:24px;} #mypage .right .my_cont5 {} #mypage .right .my_cont5 ul {} #mypage .right .my_cont5 ul li {width:94%; line-height:24px; padding: 0 10px; list-style: disc; margin-left:6%;} #mypage .right .my_cont5 ul li .tit {display:inline-block; width:60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; line-height:24px;} #mypage .right .my_cont5 ul li .date {display:inline-block; width:40%; text-align:right;} #mypage .right .my_cont5 .question {float:left; width:50%; margin-bottom:20px;} #mypage .right .my_cont5 .review {float:left; width:50%;} #mypage .right .my_cont6 {} #mypage .right .my_cont6 ul li {float:left; width:185px; margin-left:20px; margin-bottom:20px; border:1px solid #ccc;} #mypage .right .my_cont6 ul li:nth-child(4n-3) {margin-left:0;} #mypage .right .my_cont6 ul li .img_box {} #mypage .right .my_cont6 ul li .img_box .img_box_inner {position:relative; width:100%; padding-bottom:75%;} #mypage .right .my_cont6 ul li .img_box .img_box_inner img {position:absolute; width:100%; height:100%;} #mypage .right .my_cont6 ul li .bref_box {padding:10px;} #mypage .right .my_cont6 ul li .bref_box .area {font-size:12px; color:#999;} #mypage .right .my_cont6 ul li .bref_box .name {font-weight:600; height:48px; overflow:hidden;} #mypage .right .my_cont6 ul li .bref_box .price_box {margin-top:5px; } #mypage .right .my_cont6 ul li .bref_box .price {font-size:14px; font-weight:800;} #mypage .right .my_cont6 ul li .bref_box .item_btn { position: relative; right: 0; bottom: 0; width: 100%; margin: 10px auto 0; line-height: 40px; background: #f3f3f3; text-align: center; cursor: pointer;} #mypage .right .my_cont6 ul li:hover {border-color:#006834;} #mypage .right .my_cont6 ul li:hover .bref_box .item_btn {color:#fff; background:#006834;} #mypage .modify_form {margin-top:20px; padding:10px 0 20px; background:#f9f9f9;} #mypage .modify_form label {display:block; margin-top:10px;} #mypage .modify_form .sub {display:inline-block; width:20%; padding-left:20px;} #mypage .modify_form input {width:330px; height:36px; border:1px solid #ccc; line-height:34px; padding:0 10px;} #mypage .modify_form input[type=checkbox] {width:36px; height:36px; margin-right:10px; margin-top:0;} #mypage .modify_form select {width:330px; height:36px; border:1px solid #ccc; line-height:34px; padding:0 10px;} #mypage .modify_form .non_info {font-size:12px; color:#999;} #mypage .modify_form .w8 {width:82px;} #mypage .modify_form .w10 {width:110px;} #mypage .modify_form .w20 {width:210px;} #mypage .modify_form .w30 {width:250px;} #mypage .modify_form .ml5 {margin-left:5px;} #mypage .modify_form .mr10 {margin-right:10px;} #mypage .modify_form .sub2 {display:inline-block;} #mypage .modify_btn {text-align:center; margin:50px 0;} #mypage .modify_btn a {display:inline-block; width:150px; height:36px; margin-right:10px; line-height:36px; text-align:center; background:#666; color:#fff;} #mypage .modify_btn a.btn_red {background:#e44c52;} #mypage .point_list {overflow:hidden; clear:both;} #mypage .point_list ul {} #mypage .point_list ul li {overflow:hidden; border:1px solid #ccc; border-top:0;} #mypage .point_list ul li.first_line {background:#f3f3f3; border-top:2px solid #006834;} #mypage .point_list ul li div {float:left; line-height:36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #mypage .point_list ul li.first_line div {font-weight:600;} #mypage .point_list ul li .date {width:15%; text-align:center;} #mypage .point_list ul li .gubun {width:15%; text-align:center;} #mypage .point_list ul li .con {width:50%; padding-left:10px;} #mypage .point_list ul li .point {width:20%; text-align:center;} #mypage .point_list ul li .gubun span {display:inline-block; width:60px; line-height:20px;} #mypage .point_list ul li.add_point .gubun span {background:lightblue;} #mypage .point_list ul li.minus_point .gubun span {background:lightcoral;} #mypage .res_detail {position:relative;} #mypage .res_detail .res_change_btn_box {position: absolute; line-height: 36px; right: 0;} #mypage .res_detail .res_change_btn_box .btn {padding: 5px 10px; margin-left: 3px; background: #666; color: #fff;} #mypage .res_detail h4 {font-size:18px; margin-top:10px; line-height:36px;} #mypage .res_detail .detail_0 {margin:20px 0 40px;} #mypage .res_detail .detail_0 h6 {margin-bottom:10px; font-size:16px; line-height:32px;} #mypage .res_detail .detail_info {padding:10px; background:#f3f3f3; border:1px solid #ccc;} #mypage .res_detail .detail_info p {margin-left:20px; display: list-item; list-style: disc; line-height:22px;} #mypage .res_detail .detail_info .info_tit {display: list-item; list-style: none;} #mypage .res_detail .detail_info .bold {font-weight:600;} #mypage .res_detail .detail_info .green2 {color:#009900;} #mypage .res_detail .detail_1 .product {overflow:hidden; border:1px solid #ccc;} #mypage .res_detail .detail_1 .product .d_left {float:left; width:260px;} #mypage .res_detail .detail_1 .product .d_left .img_box {position:relative; width:100%; padding-bottom:75%;} #mypage .res_detail .detail_1 .product .d_left .img_box img {position:absolute; width:100%; height:100%;} #mypage .res_detail .detail_1 .product .d_right {float:left; width:538px; padding:0 10px; line-height:24px;} #mypage .res_detail .detail_1 .product .d_right .product_name {margin:10px 0; font-size:18px; font-weight:600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #mypage .res_detail .detail_1 .product .d_right .bref {line-height:24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #mypage .res_detail .detail_1 .product .d_right .address {margin:0 0 10px;} #mypage .res_detail .detail_1 .product .d_right .access {} #mypage .res_detail .detail_1 .product .d_right .course {display: inline-block; padding: 3px 30px; border-radius: 15px; background: #006834; color: #fff; margin-top: 5px;} #mypage .res_detail .detail_2, #mypage .res_detail .detail_3, mypage .res_detail .detail_5 {} #mypage .res_detail .detail_2 ul, #mypage .res_detail .detail_3 ul, #mypage .res_detail .detail_5 ul {border-top:1px solid #ccc;} #mypage .res_detail .detail_2 ul li, #mypage .res_detail .detail_3 ul li, #mypage .res_detail .detail_5 ul li {border:1px solid #ccc; border-top:0; line-height:36px;} #mypage .res_detail .detail_2 ul li .sub, #mypage .res_detail .detail_3 ul li .sub, #mypage .res_detail .detail_5 ul li .sub {padding-left:10px; display:inline-block; width:150px; margin-right:10px; background:#f3f3f3; font-weight:600;} #mypage .res_detail .detail_3 ul li {overflow:hidden; background:#f3f3f3;} #mypage .res_detail .detail_3 ul li .sub {float:left; width:150px; margin-right:0;} #mypage .res_detail .detail_3 ul li span:nth-child(2) {float:left; width:648px; padding:0 10px; background:#fff;} #mypage .res_detail .detail_3 ul li span.option_txt {padding:6px 10px;} #mypage .res_detail .detail_3 ul li span.option_txt input {padding:0 10px;} #mypage .res_detail .detail_3 ul li span p {line-height:24px;} #mypage .res_detail .detail_4 {} #mypage .res_detail .detail_4 ul {border-top:1px solid #ccc;} #mypage .res_detail .detail_4 ul li {border:1px solid #ccc; border-top:0; line-height:36px;} #mypage .res_detail .detail_4 ul li.first_line {background:#f3f3f3;} #mypage .res_detail .detail_4 ul li span {display:inline-block; text-align:center;} #mypage .res_detail .detail_4 ul li span.p_01 {width:10%;} #mypage .res_detail .detail_4 ul li span.p_02 {width:20%;} #mypage .res_detail .detail_4 ul li span.p_03 {width:30%;} #mypage .res_detail .detail_4 ul li span.p_04 {width:20%;} #mypage .res_detail .detail_4 ul li span.p_05 {width:20%;} #mypage .res_detail .detail_5 ul li .add_sale {margin:0 5px; padding:2px 5px; background:#f3f3f3; color:#666; font-size:11px;} #mypage .res_detail .detail_5 ul li span {line-height:36px;} #mypage .res_detail .detail_5 ul li span.price {font-size:16px; line-height:36px;} #mypage .res_detail .detail_6 .rule_btn {display: block; margin-top:10px; text-align: center; line-height: 40px; background: #fff; border: 1px solid #ccc; border-radius:5px; font-size:14px; font-weight:600;} #mypage .res_detail .detail_6 #cancel_info, #mypage .res_detail .detail_6 #userule_info {display:none; width:790px; height:150px; margin:10px 5px; overflow:auto; background-color: #f3f3f3; border: 1px solid #ccc; padding: 20px;} #mypage .res_detail .detail_6 p {} #mypage .detail_btn {text-align:center; height:50px; margin-bottom:50px;} #mypage .detail_btn a.btn {line-height:50px; background:#f44c52; display: inline-block; width: 150px; color:#fff; font-size:18px;} #mypage .detail_btn a.btn_grey {background:#666;} #mypage .detail_btn a.btn_green {background:#006834;} #mypage .res_detail input {border:1px solid #ccc; height:32px; line-height:30px;vertical-align: middle;} #mypage .review_write_form {margin-top: 20px; padding: 10px 0 20px; background: #f9f9f9;} #mypage .review_write_form input {width: 330px; height: 36px; border: 1px solid #ccc; line-height: 34px; padding: 0 10px;} #mypage .review_write_form input[type=file] {border:0;} #mypage .review_write_form input[type=checkbox] {width: 36px; height: 36px; margin-right: 10px; margin-top: 0; background-color: #fff;} #mypage .review_write_form select {width: 330px; height: 36px; border: 1px solid #ccc; line-height: 34px; padding: 0 10px;} #mypage .review_write_form ul {padding:0 20px;} #mypage .review_write_form ul li {display: block; margin: 10px; line-height: 36px;} #mypage .review_write_form ul li.title {padding-left: 20px; font-size:16px; font-weight:600;} #mypage .review_write_form ul li .sub1 {display: inline-block; width: 20%; padding-left: 20px;} #mypage .review_write_form ul li .sub2.raty_box {font-size:20px; color:#006834;} #mypage .review_write_form ul li .sub2.raty_box i {cursor:pointer;} #mypage .review_write_form .agree_form {margin-top: 50px; padding: 20px;} #mypage .review_write_form .agree_form label {display: block; margin: 10px; line-height:36px;} #mypage .review_write_form .agree_form .agree_top h5 {font-size: 18px; line-height: 36px; float:none; width:100%;} #mypage .review_write_form .agree_form .agree_ck_box {background: #fff; border: 1px solid #ccc; margin-top: 20px;} #mypage .review_write_form .agree_form .agree_box {margin-top: 20px;} #mypage .review_write_form .agree_form .agree_box h6 {margin-bottom: 10px; padding-left: 4px; font-size: 13px; font-weight: 600;} #mypage .review_write_form .agree_form .agree_box .agree_box_inner {width: 100%; height: 100px; resize: none; border: 1px solid #ccc; padding: 10px; font-size: 12px; line-height: 18px; background: #fff; overflow: auto;} .inst_cd_box {width: 100px; display: inline-block; padding: 3px 0; border: 1px solid #d3d3d3; margin-right: 5px; text-align: center;} .inst_cd_box.inst_cd_box_on {border: 1px solid #e44c52; color: #e44c52;} .inst_cd_box .inst_cd_radio {display: none;} #mypage .rule_agree {text-align: center; margin: 20px 0;} #mypage .rule_agree input {margin-left:10px; margin-right:10px;} #payed_loading {text-align:center; margin-top:150px;} #payed_loading h4 {text-align: left; font-size: 18px; margin-top: 10px; line-height: 36px;} #payed_loading i {font-size:100px;} #payed_loading p {font-size:24px; margin-top:20px;} #payed_loading p.notice {font-size:12px; color:#999; margin-bottom:20px; text-align: left;line-height: 1.5;} #payed_loading .btn_lt {display: inline-block; width: 200px; height: 60px; line-height: 60px; background: #006834; color: #fff; font-size: 16px; font-weight: 600; margin-bottom:10px;} #payed_loading p .sub {font-size: 14px; font-weight: 400; display: inline-block; width: 70px; background: #f3f3f3; text-align: center; margin-right: 5px;} /* media css */ @media (max-width:1099px){ #mypage {padding:20px 10px;} #mypage .left {float:none; width:100%;} #mypage .left ul {border-left:1px solid #ccc;} #mypage .left ul li {float:left; width:50%; border-left:0;} #mypage .left ul li:first-child {width:100%;} #mypage .right {float:none; width:100%;} #mypage .right h5 {display:none;} #mypage .right .my_cont {} #mypage .right .my_cont h6 {} #mypage .right .my_cont h6 .sub_info {} #mypage .right .my_cont .more_btn {} #mypage .right .my_cont1 {} #mypage .right .my_cont1 ul {} #mypage .right .my_cont1 ul li {float:none; width:100%;} #mypage .right .my_cont1 ul li:first-child {} #mypage .right .my_cont1 ul li .sub {width:30%;} #mypage .right .my_cont1 ul li:first-child .sub {width:30%;} #mypage .right .my_cont1 ul li a {} #mypage .right .my_cont2 {} #mypage .right .my_cont2 ul {} #mypage .right .my_cont2 ul li {} #mypage .right .my_cont2 ul li a {} #mypage .right .my_cont2 .my_tab {} #mypage .right .my_cont2 .my_tab li {} #mypage .right .my_cont3 {} #mypage .right .my_cont3 .res_box {} #mypage .right .my_cont3 .res_box:hover {} #mypage .right .my_cont3 .res_box .img_box {width:100%; padding-bottom:75%;} #mypage .right .my_cont3 .res_box .img_box img {} #mypage .right .my_cont3 .res_box .bref_box {width:100%; padding:10px;} #mypage .right .my_cont3 .res_box .bref_box p {} #mypage .right .my_cont3 .res_box .bref_box .tit {} #mypage .right .my_cont3 .res_box .bref_box .price {} #mypage .right .my_cont3 .res_box .bref_box .btn_box {position:relative; top: auto; right: auto; text-align:center; margin-top:10px;} #mypage .right .my_cont3 .res_box .bref_box a { margin-bottom:0;} #mypage .right .my_cont3 .res_box .bref_box a.btn {display: inline-block; width:40%; margin:0 1%;} #mypage .right .my_cont3 .res_box .bref_box a.btn_red {} #mypage .right .my_cont3 .res_box .bref_box a.res_detail_btn {display: inline-block; width:40%; margin:0 1%;} #mypage .right .my_cont3 .res_box:hover .bref_box a.res_detail_btn {} #mypage .right .my_cont3 .res_box .bref_box .payed_check_box {} #mypage .right .my_cont3 .res_box .bref_box .payed_check_box input[type=checkbox] {} #mypage .right .my_cont3 .ryokan_tab {} #mypage .right .my_cont3 .ryokan_tab li {} #mypage .right .my_cont4 {} #mypage .right .my_cont4 ul {} #mypage .right .my_cont4 ul li {} #mypage .right .my_cont4 ul li .tit {} #mypage .right .my_cont4 ul li a {} #mypage .right .my_cont5 {} #mypage .right .my_cont5 ul {} #mypage .right .my_cont5 ul li {} #mypage .right .my_cont5 ul li .tit {} #mypage .right .my_cont5 ul li .date {white-space: nowrap;} #mypage .right .my_cont5 .question {float:none; width:100%; margin-bottom:0;} #mypage .right .my_cont5 .review {float:none; width:100%;} #mypage .right .my_cont6 {} #mypage .right .my_cont6 ul li {width: 49%; margin-left: 2%;} #mypage .right .my_cont6 ul li:nth-child(2n-1) {margin-left:0;} #mypage .right .my_cont6 ul li .img_box {} #mypage .right .my_cont6 ul li .img_box .img_box_inner {} #mypage .right .my_cont6 ul li .img_box .img_box_inner img {} #mypage .right .my_cont6 ul li .bref_box {} #mypage .right .my_cont6 ul li .bref_box .area {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #mypage .right .my_cont6 ul li .bref_box .name {} #mypage .right .my_cont6 ul li .bref_box .price_box {height:31px; overflow: hidden;} #mypage .right .my_cont6 ul li .bref_box .price {} #mypage .right .my_cont6 ul li .bref_box .item_btn {} #mypage .right .my_cont6 ul li:hover {} #mypage .right .my_cont6 ul li:hover .bref_box .item_btn {} #mypage .modify_form {padding:10px;} #mypage .modify_form label {} #mypage .modify_form .sub {display: block; width: 100%; margin-bottom: 5px; padding-left: 5px; font-weight: 600;} #mypage .modify_form input {margin-bottom:2%; width:100%;} #mypage .modify_form input[type=checkbox] {width: 24px; height: 24px; margin-right: 5px; margin-bottom: 0;} #mypage .modify_form select {margin-bottom:2%;} #mypage .modify_form .non_info {} #mypage .modify_form .w8 {width:24%;} #mypage .modify_form .w10 {width:34%;} #mypage .modify_form .w20 {width:64%;} #mypage .modify_form .w30 {width:100%;} #mypage .modify_form .ml5 {} #mypage .modify_form .mr10 {margin-right:2%;} #mypage .modify_form .sub2 {width:100%; margin-bottom:5px;} #mypage .modify_btn {} #mypage .modify_btn a {} #mypage .modify_btn a.btn_red {} #mypage .point_list {} #mypage .point_list ul {} #mypage .point_list ul li {} #mypage .point_list ul li.first_line {} #mypage .point_list ul li div {} #mypage .point_list ul li.first_line div {} #mypage .point_list ul li .date {width:30%;} #mypage .point_list ul li .gubun {width:22%;} #mypage .point_list ul li .con {width:30%;} #mypage .point_list ul li .point {width:18%;} #mypage .point_list ul li .gubun span {} #mypage .point_list ul li.add_point .gubun span {} #mypage .point_list ul li.minus_point .gubun span {} #mypage .res_detail {} #mypage .res_detail .res_change_btn_box {position:relative; text-align: right;} #mypage .res_detail .res_change_btn_box .btn {} #mypage .res_detail h4 {} #mypage .res_detail .detail_0 {} #mypage .res_detail .detail_0 h6 {} #mypage .res_detail .detail_info {} #mypage .res_detail .detail_info p {} #mypage .res_detail .detail_info .info_tit {} #mypage .res_detail .detail_info .bold {} #mypage .res_detail .detail_info .green2 {} #mypage .res_detail .detail_1 .product {} #mypage .res_detail .detail_1 .product .d_left {float:none; width:100%;} #mypage .res_detail .detail_1 .product .d_left .img_box {} #mypage .res_detail .detail_1 .product .d_left .img_box img {} #mypage .res_detail .detail_1 .product .d_right {float:none; width:100%;} #mypage .res_detail .detail_1 .product .d_right .product_name {} #mypage .res_detail .detail_1 .product .d_right .bref {} #mypage .res_detail .detail_1 .product .d_right .address {} #mypage .res_detail .detail_1 .product .d_right .access {} #mypage .res_detail .detail_1 .product .d_right .course {margin-bottom:10px;} #mypage .res_detail .detail_2, #mypage .res_detail .detail_3, mypage .res_detail .detail_5 {} #mypage .res_detail .detail_2 ul, #mypage .res_detail .detail_3 ul, #mypage .res_detail .detail_5 ul {} #mypage .res_detail .detail_2 ul li, #mypage .res_detail .detail_3 ul li, #mypage .res_detail .detail_5 ul li {} #mypage .res_detail .detail_2 ul li .sub, #mypage .res_detail .detail_3 ul li .sub, #mypage .res_detail .detail_5 ul li .sub {width:100%;} #mypage .res_detail .detail_2 ul li span, #mypage .res_detail .detail_3 ul li span #mypage .res_detail .detail_5 ul li span {padding:0 10px;} #mypage .res_detail .detail_3 ul li {} #mypage .res_detail .detail_3 ul li .sub {} #mypage .res_detail .detail_3 ul li span:nth-child(2) {width: 100%;} #mypage .res_detail .detail_3 ul li span.option_txt {padding:6px 10px;} #mypage .res_detail .detail_3 ul li span p {line-height:24px;} #mypage .res_detail .detail_4 {} #mypage .res_detail .detail_4 ul {} #mypage .res_detail .detail_4 ul li {} #mypage .res_detail .detail_4 ul li.first_line {} #mypage .res_detail .detail_4 ul li span {} #mypage .res_detail .detail_4 ul li span.p_01 {} #mypage .res_detail .detail_4 ul li span.p_02 {} #mypage .res_detail .detail_4 ul li span.p_03 {} #mypage .res_detail .detail_4 ul li span.p_04 {} #mypage .res_detail .detail_4 ul li span.p_05 {} #mypage .res_detail .detail_5 ul li .add_sale {} #mypage .res_detail .detail_5 ul li span {padding:0 10px;} #mypage .res_detail .detail_5 ul li span.price {} #mypage .res_detail .detail_5 ul li span.unit {display: inline-block; line-height: 18px;} #mypage .res_detail .detail_6 .rule_btn {} #mypage .res_detail .detail_6 #cancel_info, #mypage .res_detail .detail_6 #userule_info {width:100%; margin: 10px 0; padding:10px;} #mypage .res_detail .detail_6 p {} #mypage .detail_btn {} #mypage .detail_btn a.btn {} }