@charset "utf-8"; /* ------------------------------------------------------------------ plan ------------------------------------------------------------------ */ /* スライド */ .slide_img{ text-align:right; position:relative; } img.location{ position: absolute; width: 25%; top: 10px; right: 10px; z-index: 52 !important; opacity: 1 !important; filter: ; } img.location2{ position: absolute; width: 25%; bottom: 10px; left: 10px; z-index: 52 !important; opacity: 1 !important; filter: ; } .slide_img .nv_btn, .slide_img #nv_btn{ display:inline-block; margin:0; position:absolute; bottom:10px; right:10px; z-index: 80; } .slide_img .nv_btn a, .slide_img #nv_btn a{ display:inline-block; height:15px; width:15px; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_slide_btn.png) no-repeat center center; background-size:15px; margin:0; float:left; } .slide_img span.slider-prev a, .slide_img span#slider-prev a, .slide_img span.slide-prev-ctrl a { width:15px; height:15px; margin: -7px 0; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/beachphoto/slide_prev.png) no-repeat left top; background-size:15px; position:absolute; top:50%; left:10px; z-index: 80; } .slide_img span.slider-next a, .slide_img span#slider-next a, .slide_img span.slide-next-ctrl a { width:15px; height:15px; margin: -7px 0; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/beachphoto/slide_next.png) no-repeat left top; background-size:15px; position:absolute; top:50%; right:10px; z-index: 80; } .slide_img .nv_btn a.active, .slide_img #nv_btn a.active{ background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_slide_btn_act.png) no-repeat center center; background-size:15px; } /* 中身 */ .plan_menu{ border-top:1px solid #bbbdbf; margin:10px 0 20px; } .plan_menu a{ border-bottom:1px solid #bbbdbf; background:#f7f5f0; padding:1px 10px 1px 1px; display:block; /* height:71px;*/ position:relative; overflow: hidden; } .plan_menu a em.new{ position: absolute; top: 1px; left: 47px; z-index: 2; display: block; width: 34px; height: 14px; margin: 0; padding-top: 1px; background: #7f641f; font-size: 12px; line-height: 15px; font-family: Times, "Times New Roman", serif; font-style: normal; color: #fff799; text-align: center; } .plan_menu a em.location{ display: block; margin: 1px 0; font-weight: bold; font-style: normal; font-size: 14px; line-height: 20px; color: #f56696; } .plan_menu a em.location small{ display: inline; margin: 0; padding: 0; font-size: 11px; background: transparent; color: #f56696; } .plan_menu a img{ position:absolute; top: 0; bottom: 0; margin: auto; left:1px; width: 80px; } .plan_menu a p{ margin-left:85px; /* height:71px;*/ background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/common/menu_arrow_right.png) no-repeat right center; background-size:6px; display:block; } .plan_menu a p span{ display:block; padding:5px 0 2px 0; font-family: serif; font-size: 15px; line-height: 1.2em; color: #917B45; font-weight:bold; } .plan_menu a p span span{ display: inline-block; margin: 0; padding: 0; } .plan_menu a p span.long{ font-size: 14px; } .plan_menu a p small{ display:block; font-size: 11px; line-height: 1.4em; color: #c8bb9c; } .plan_menu a p small.black{ font-family: sans-serif; color: #000 !important; } .plan_menu a p strong{ display:block; font-size: 15px; font-weight:bold; color: #473b39; } .plan_menu a p strong b{ font-size: 18px; } .plan_menu a p strong em{ font-size: 11px; font-weight:normal; } .plan_menu a p strong small{ display: inline; font-size: 11px; font-weight:normal; color: #000; } .plan_menu a i { position: relative; display: inline-block; padding: 0 5px; color: #fff !important; font-family: sans-serif; font-style: normal; font-size: 12px; line-height: 1.4em; margin-bottom: 5px; } .plan_menu a i.blue { background: #7889c4; } .plan_menu a i.sky { background: #34b9c6; margin-top: 15px; } .plan_menu a i.orange { background: #f18b16; } .plan_menu a i.pink { background: #ec7077; } .plan_menu a i.green { background: #8cc63f; } .plan_menu a i.purple { background: #b963a4; } .plan_menu a i.tx_yellow { color: #ff8 !important; } .plan_menu a i.sky > small{ position: absolute; display: block; width: 100%; top: -15px; left: 0; text-align: center; font-size: 10px; color: #000; white-space: nowrap; } .plan_menu a u.icon_circle { display: inline-block; margin: -17px 0; padding: 9px 0 7px; width: 44px; height: 28px; background: #917b45; border-radius: 22px; font-family: sans-serif; font-size: 11px; line-height: 14px; color: #fff; text-align: center; text-decoration: none; } .beachphoto_top{ text-align:center; } .plan_title{ font-size: 18px; font-family: serif; color: #98824b; padding: 10px 0 0px; } .plan_title span{ display: inline-block; } .beachphoto_top .plan_title_place{ margin:5px auto; display:inline-block; background:#3c2f2d; padding:2px 10px 1px; color:#fff; border-radius:3px; } .beachphoto_top strong{ display:block; } .beachphoto_top strong big{ font-size:20px; padding-right:2px; } .beachphoto_top table{ border-spacing:0; border-collapse:collapse; width:100%; } .beachphoto_top table th{ width:95px; text-align:left; vertical-align:top; } .beachphoto_top table td{ color:#9c844c; text-align:left; vertical-align:top; } .beachphoto_top table td dt{ padding:5px 0 1px; border-bottom:1px dotted #d8d0bb; margin-bottom:4px; font-weight:bold; } .beachphoto_top table td dd{ font-size:11px; } .bg_yawaraka{ background:#f7f5f0; border-bottom:1px solid #ccc; padding:0 0 1px; } table.this_plan_set{ margin:10px auto 10px; text-align:center; } table.this_plan_set th{ font-weight:normal; font-size:12px; } table.this_plan_set th div{ padding:0 0 5px; background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/common/shadow_circle.png) no-repeat left bottom; background-size: 100% 5px; } table.this_plan_set th div img{ width: 83px; } table.this_plan_set th.top{ vertical-align:top; } table.this_plan_set td{ width:15px; background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/beachphoto/set_plus.png) no-repeat center 25px; background-size: 13px; } dl.this_plan_set_list{ margin:0 10px 15px; background:#fff; border-radius:5px; padding:10px 10px 1px; } dl.this_plan_set_list dt{ margin:0 0 5px; color:#7e631e; } dl.this_plan_set_list dd{ margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ccc; } dl.this_plan_set_list dd:last-child{ border-bottom:none; } dl.this_plan_set_list dd p:first-letter{ color:#e1dac9; padding-right:2px; } dl.this_plan_set_list dd p{ text-indent:-1em; padding:0 0 3px 1em; } .plan_option{ border-top:1px solid #ddd; background:#e5f6f6; padding:0; margin-bottom:20px; } .plan_option h3{ border-top:1px solid #fff; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#A1EEED),color-stop(100%,#e5f6f6)); background-image: -moz-linear-gradient(top,#A1EEED 0%,#e5f6f6); text-align:center; padding:5px 0 0; margin:0 0 8px; font-size:15px; font-family:'Book Antiqua',serif,'Century'; } .plan_option > h4{ background: #32bdba; margin: 20px 5px 5px; border-radius: 6px; padding: 5px 10px; font-size: 14px; line-height: 1.2em; color: #fff; } .plan_option h3 + h4{ margin-top: 5px; } .plan_option p{ margin:0 10px 5px; text-indent:-1em; padding-left:1em; line-height: 17px; } .plan_option div.deep_green{ margin:0 10px; text-indent:-1em; padding-left:1em; line-height: 17px; color:#00aba8; } .plan_option p:first-letter{ color:#98dddc; padding-right:2px; } .plan_option a.btn_light_green{ color:#fff; background:#32bcba; padding:0 10px 0 20px; font-size:14px; height:36px; line-height:36px; display:block; font-weight:bold; } .plan_option a.btn_light_green span{ background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/beachphoto/arrow_white_right.png) no-repeat right 10px; background-size: 16px; display:block; } h3.day_schedule{ background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e1dac9),color-stop(100%,#ffffff)); background-image: -moz-linear-gradient(top,#e1dac9 0%,#ffffff); text-align:center; padding:5px 0 0; font-weight:normal; margin:0 0 10px; } h3.day_schedule.off{ background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dddddd),color-stop(100%,#ffffff)); background-image: -moz-linear-gradient(top,#dddddd 0%,#ffffff); cursor: pointer; color:#aaa; } h3.day_schedule span{ display:block; color:#8b7335; font-weight:bold; font-size:14px; } h3.day_schedule.off span{ color:#aaa; } h3.day_schedule.schedule_btn p{ margin:0 10px; background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/beachphoto/slide_next.png) no-repeat right 10px; background-size: 16px; cursor: pointer; } h3.day_schedule.schedule_btn.on p{ background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/common/arrow_beige_under.png) no-repeat right 10px; background-size: 16px; } table.day_schedule_table{ border-collapse:separate; border-spacing: 0; width:100%; margin:0 0 20px; } table.day_schedule_table th{ font-weight:normal; width: 110px; padding: 5px 5px 5px 10px; } table.day_schedule_table th img{ width: 100%; } table.day_schedule_table th img[src="/s/static/img/beachphoto/arrow_sche_bottom.gif"]{ width: 16px; } table.day_schedule_table th p{ text-align:left; margin-bottom:2px; } table.day_schedule_table th p span{ color:#cdc1a5; } table.day_schedule_table td{ text-align:left; vertical-align:top; font-size:12px; padding: 5px 10px 5px; } table.day_schedule_table td.two_day_td{ padding-top:16px; } table.day_schedule_table td span{ font-weight:bold; font-size:14px; display:block; padding:0 0 1px; } table.day_schedule_table td strong{ color:#00aba8; display:block; font-size:12px; padding:0 0 2px; } div.schedule_dot_line{ padding-bottom:1px; margin:0 10px 1px; border-bottom: 1px dotted #d8d0bb; } .day_schedule_bottom{ padding:0 10px 10px; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(10%,#ffffff),color-stop(100%,#e1dac9)); background-image: -moz-linear-gradient(top,#ffffff 0%,#ffffff 10%,#e1dac9); line-height: 18px; margin:0 0 20px; } ul.day_schedule_data{ border-radius:10px; background:#e5f6f6; padding:10px; margin:0 10px; line-height:18px; } ul.day_schedule_data li{ text-indent:-1em; padding-left:1em; } ul.select_church{ margin:20px 10px 10px; } ul.select_church li{ margin-bottom:15px; padding-bottom:15px; border-bottom: 1px dotted #d8d0bb; } ul.select_church li:last-child{ border-bottom:none; } ul.select_church li .church_image{ margin-bottom:10px; } ul.select_church li .church_image img{ float:left; margin-right:10px; width: 80px; zoom: 1; } ul.select_church li .church_image p{ padding-left:85px; } ul.select_church li p.price{ padding:5px 0; text-align:center; background:#cbeeed; margin-bottom:10px; } ul.select_church li p.price strong{ font-size:14px; } ul.select_church li p.price span.green_blue { display: inline-block; width: 75px; text-align: right; } ul.select_church li p.price span.green_blue_2 { display: inline-block; text-align: center; color: #00aba8 !important; } .ceremony_add{ margin:10px; padding-bottom:2px; border-bottom:1px dotted #C9BB98; } .ceremony_add dt{ margin:0 0 10px; text-align:center; color:#00aba8; font-weight:bold; } .ceremony_add dd{ text-indent:-1em; padding:0 0 3px 1em; } .ceremony_add dd:first-letter { color: #e1dac9; padding-right: 2px; } .japanese_sayumi{ margin:0 0 10px 135px; height:160px; background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/japanese/japanese_flower_right.gif) no-repeat left bottom; background-size:172px; } .japanese_saeko{ margin:0 135px 10px 0; height:160px; background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/japanese/japanese_flower_left.gif) no-repeat right bottom; background-size:172px; } .japanese_sayumi dt,.japanese_saeko dt{ border-bottom:1px solid #999; margin-bottom:5px; } .japanese_saeko dt{ text-align:right; } .japanese_sayumi dt strong,.japanese_saeko dt strong{ font-family:'Garamond','PMingLiU',serif; font-size: 18px; font-weight: normal; } .japanese_make_dl{ border-top:1px solid #b2a178; border-left:1px solid #b2a178; border-right:1px solid #b2a178; margin-bottom:20px; } .japanese_make_dl dt{ border-bottom:1px solid #b2a178; color:#b2a178; padding:5px; background:#ebe7dd; text-align:center; font-weight: bold; } .japanese_make_dl dd{ border-bottom:1px solid #b2a178; padding:7px 10px; } .japanese_make_dl dd p{ text-indent:-1em; padding-left:1em; margin-bottom:5px; } .japanese_make_dl dd p span{ color:#cdc1a5; } /* キャンペーン */ .campaign_pink{ background: -webkit-gradient(linear,left top,right top,color-stop(0%,#e96071),color-stop(50%,#ec818f),color-stop(100%,#e96071)); background-image: -moz-linear-gradient(left,#e96071 0%,#ec818f 50%,#e96071); margin:10px 10px 0; } .campaign_pink span{ background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/beachphoto/campaign_bnr_right.gif) no-repeat left bottom,url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/beachphoto/campaign_bnr_left.gif) no-repeat right top; background-size:40px,40px; margin: 0; padding: 6px 0; display: block; font-size: 13px; line-height: 18px; color: #fff; text-shadow: 0 0 3px #53090d; font-weight: bold; } .campaign_pink span big{ font-size: 18px; } .campaign_blue{ background:#099fd1; margin:10px 10px 0; } .campaign_blue span{ background: url(/s/static/img/campaign/campaign_bnr_left.gif) no-repeat left bottom,url(/s/static/img/campaign/campaign_bnr_right.gif) no-repeat right top; background-size:34px,34px; margin: 0; padding:10px 0; display: block; font-size: 12px; line-height: 18px; color: #fff; text-shadow: 0 0 3px #53090d; } .beachphoto_top strong b.before_price{ position: relative; display: inline-block; } .beachphoto_top strong b.before_price img{ position: absolute; bottom: 0; left: 0; width:100%; } .beachphoto_top strong img.price_arrow{ zoom:1; vertical-align:-1px; } .beachphoto_top strong b.before_price{ font-size:11px; } .beachphoto_top strong b.before_price big{ font-size:18px; } .campaign_line{ background: url(/s/static/img/beachphoto/campaign_line.gif) repeat-x left 12px; background-size:1px; margin:10px 0px 5px; } .campaign_line img{ height: 28px; zoom: 1; } .beachphoto_top .campaign_price{ margin:5px auto; display:inline-block; background:#ec818f; padding:1px; color:#fff; } .beachphoto_top .campaign_price span{ display:inline-block; background:#ec818f; padding:3px 10px; border:1px solid #fff; font-family: serif; font-size:12px; text-shadow: 0 0 3px #53090d; } .times{ display: block; margin: 10px -10px 5px; padding: 4px 10px; background: #ceecf6; } .times span{ display: inline-block; } .add_words{ background: url(/s/static/img/campaign/lace.png) no-repeat left bottom #FDEFF5; background-size: 150px 150px; padding: 10px; text-align: left; } .l_indent{ padding-left: 1em; text-indent: -1em; } .campaign_ceremony{ margin:10px 10px -15px 10px !important; } img[src="/s/static/img/ceremony/basic_take_pic.png"]{ width: 87px; zoom: 1; } img[src="/s/static/img/ceremony/special_take_pic.gif"], img[src="/s/static/img/ceremony/premium_take_pic.gif"], img[src="/s/static/img/ceremony/dream_take_pic.gif"]{ width: 300px; zoom: 1; } /* ■2ロケーションプラン(※2015/2/8追加)*/ ._2location_top{ text-align:center; margin-bottom: 20px; } ._2location_top span.index{ font-size: 14px; color: #403F41; font-family: 'Times New Roman', serif; font-style: italic; } ._2location_top .plan_title_place{ margin:5px 14px 5px 0px; display:inline-block; background:#3c2f2d; padding:2px 10px 1px; color:#fff; border-radius:3px; } ._2location_top strong big{ font-size:20px; padding-right:2px; } .plan_menu a p strong i{ display:inline-block; background:#3c2f2d; padding:1px 5px 0px; color:#fff; font-size: 12px; border-radius:3px; font-style: normal; font-weight: normal; margin: 0px 10px 0px 0px; } /* departs in 2016 01 */ .departs201601{ display: inline-block; *display: inline; zoom: 1; margin: 20px 10px 10px; padding: 10px 30px; font-size: 12px !important; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; border: 1px solid #099fd1; } /* 2015/12/25 追加 */ .gradeup-wedding{ background: #fff; padding: 10px 0; margin: 0 0 10px; } .gradeup-wedding h4{ font-family: serif; font-size: 18px; line-height: 1.2em; color: #0aa0d2; margin: 0 10px; } .gradeup-wedding .price{ font-size: 18px; line-height: 1.2em; } .gradeup-wedding p{ margin: 10px; padding: 0; text-indent: 0; } .gradeup-wedding p:first-letter{ color: #444; } .gradeup-wedding div{ background: #F7F5F1; margin: 10px 10px 0; padding: 10px; } .gradeup-wedding div h5{ font-size: 14px; text-align: center; color: #00ACA9; } .gradeup-wedding div ul li{ padding-left: 1em; text-indent: -1em; } .gradeup-wedding div ul li:first-letter{ color: #99DEDD; } .moanalua_midasi{ background: #EAE4D0; padding: 5px 0; margin: 0 -10px 10px; text-align: center; color: #927B41; border-bottom: 1px solid #927B41; font-size: 14px; line-height: 1.3em; font-family: serif; } /* 2016/1/8 追加 */ /*##############*/ #casual-includes {} #casual-includes p:first-letter { color: inherit !important; } #casual-includes p em { color: #E1DAC9; } /* */ #casual-promo { padding-bottom: 15px; } #casual-promo h4, #casual-promo h5 { padding: 0 15px; } #casual-promo h4 { text-align: center; font-size: 1.1em; line-height: 1.5em; } #casual-promo h5 { font-size: 0.92em; line-height: 1.5em; } #casual-promo img { max-width: 87.5%; display: block; margin: 20px auto; } #casual-promo a { max-width: 200px; margin: 0 auto; } #casual-promo a:hover { background-color: #52DCDA; } /* */ #casual-photooption { background-color: #F7F5F1; border: 2px solid #D2D2D2; border-radius: 15px; margin: 15px 15px 20px; padding: 15px; } #casual-photooption img { display: block; float: right; max-width: 35%; margin-left: 1em; } #casual-photooption h4, #casual-photooption p { overflow: hidden; } #casual-photooption h4 { background: url(/s/static/img/casual/grayplus.png) no-repeat left center; padding: 5px 0 5px 25px; color: #585858; font-size: 1.3em; line-height: 1.5em; } #casual-photooption p { font-size: 0.95em; } #casual-photooption p strong { color: #483C3A; display: block; font-size: 1.2em; line-height: 1.5em; } /* */ #casual-places { padding: 10px 15px 0; } #casual-places h4 { font-size: 1.12em; line-height: 1.5em; } #casual-places h4 em { color: #E1DAC9; } #casual-places img { display: block; margin: 20px auto; max-width: 100%; width: auto; zoom: 0; } #casual-places p { margin: 0 auto 30px; } #casual-places p:last-of-type { margin-bottom: 20px; } a.casual-apply-btn { background-color: #3C2F2D; border-radius: 10px; padding: 3px; display: block; margin: 20px 15px; } a.casual-apply-btn span { background: url(/s/static/img/beachphoto/slide_next.png) no-repeat 95% center; padding: 0.6em 1em 0.7em; display: block; color: #A59262; font-size: 1.5em; line-height: 1.1em; text-align: left; border: 1px solid #A59262; border-radius: 10px; } a.casual-apply-btn:hover { opacity: 0.8; } /* 2016/1/11 追加 */ /*##############*/ .maternity-listing { background-color: #F7F5F0; border-bottom: 2px solid #98918E; margin-bottom: 30px; } .maternity-listing-inner { padding: 15px 15px 20px; } .maternity-listing h4 { text-align: center; margin-bottom: 1em; } .maternity-listing h4 strong { display: block; } .maternity-listing h5 { color: #7E631E; font-size: 1.2em; line-height: 1.5em; margin: 1em auto 5px; } .maternity-listing ul { background-color: #FFF; border-radius: 10px; padding: 10px; } .maternity-listing ul li { margin-bottom: 5px; margin-left: 1em; text-indent: -1em; line-height: 1.5em; } .maternity-listing ul li em { color: #E1DAC9; } .maternity-listing a.casual-apply-btn { margin-top: 10px; } .maternity-listing a.casual-apply-btn span { background-image: url(/s/static/img/maternity/pc.png); font-size: 1.45em; line-height: 1.1em; } table.salon_time{ border-top: 1px solid #aaa; border-left: 1px solid #aaa; margin: 15px 10px 5px !important; width: 95%; width: calc(100% - 20px); width: c-webkit-alc(100% - 20px); } .salon_time tr td, .salon_time tr th{ border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; text-align: center; } .salon_time tr td{ padding: 7px; width: auto !important; } .salon_time tr td.notice{ background: #fff9b1; color: #ed1c24; } .salon_time tr th{ padding: 7px 10px; background: #f9f7e8; color: #7f641f; white-space: nowrap; } .day_schedule_table tr.rest{ background: #e5f7f6; } .day_schedule_table tr.rest td strong, .day_schedule_table tr.rest td span{ display: inline !important; margin-right: 10px; } .photo-icons{ font-size: 24px; line-height: 1.2em; margin: 0 0 20px; vertical-align: middle; text-align: center; } .photo-icons.small{ font-size: 15px; } .photo-icons img{ vertical-align: middle; width: 68px; } /* 2016-04-16追加 */ .best_option{ overflow: hidden; padding: 0 10px; } .best_option > h3{ margin: 0 -10px 10px; } .best_option > a{ display: block; margin: 0 0 10px; padding: 5px; background: -webkit-linear-gradient(left, #ffffff 0%,#eeeeee 100%); background: linear-gradient(to right, #ffffff 0%,#eeeeee 100%); border: 1px solid #b3b3b3; color: #52463f; font-size: 0; line-height: 0; font-family: serif; text-decoration: none; cursor: pointer; overflow: hidden; } .best_option > a:hover{ background: #fff8e0; } .best_option > a img{ width: 30%; vertical-align: middle; } .best_option > a span{ display: inline-block; vertical-align: middle; width: 70%; font-size: 12px; line-height: 1.3em; box-sizing: border-box; padding: 0 0 0 5px; } .best_option > a strong{ color: #80631d; font-size: 16px; line-height: 1.2em; } .best_option > a small{ font-family: sans-serif; color: #444; font-size: 11px; line-height: 15px; } .best_option > a b{ font-family: serif; font-size: 16px; } /* 2016/5/14 追加(marriot、星空プラン) */ ul.l_indent{ width: auto; margin: 10px 10px 20px 0; } ul.l_indent li{ text-align: left; padding-left: 1em; text-indent: -1em; } .tx_red2{ color: #be1d2c; } .midasi_gold i{ display: inline-block; font-style: normal; } .midasi_gold b{ color: #fcee21; } .change_links{ border: solid #3c2f2d; border-width: 1px 1px 0; background: #fff; margin: 20px 10px 10px; } .change_links li{ padding: 10px 20px; border-bottom: 1px solid #3c2f2d; color: #3c2f2d; background: url(../img/ceremony/marriot/icon_links.png) no-repeat right 10px center; background-size: 15px; cursor: pointer; } .change_links li.on, .change_links li:hover{ color: #fff; background: url(../img/ceremony/marriot/icon_links_on.png) no-repeat right 10px center #3c2f2d; background-size: 15px; } .marriot_box{ margin: 10px; } .marriot_box h3 { background: #9c854c; padding: 10px 10px; text-align: center; margin: 20px 0 10px; color: #fff; } .marriot_box h4 { text-align: center; font-family: serif; font-size: 140%; color: #927b41; } .marriot_box h5 { background: #e1dac9; border-bottom: 1px solid #cec2a6; padding: 5px 10px; margin: 20px 0 -10px !important; text-align: center; margin: 20px 0 10px; color: #9c854c; } .marriot_box li b{ color: #bfb18f; } .ribbon_img{ position: relative; border: 1px solid #bfb18f; padding: 5px; margin: 15px 0 10px; background: #fff; } .ribbon_img::before{ content: ""; display: block; position: absolute; top: -10px; left: -9px; z-index: 1; width: 69px; height: 87px; background: url(../img/ceremony/marriot/img_ribbon.png) no-repeat center center; background-size: 100% 100%; }