/* common */ #cttWrp .clearfix{width:100%} #cttWrp .clearfix:after{content:"";display:block;clear:both} #cttWrp h1, #cttWrp h2, #cttWrp h3, #cttWrp h4, #cttWrp h5, #cttWrp h6 {text-align: justify;} #cttWrp p, #cttWrp aside, #cttWrp li {word-wrap: break-word;text-align: justify;} #cttWrp * {font-family: 'Poppins', sans-serif;} #cttWrp {margin-bottom: 40px;} #cttWrp img {display: block;} #cttWrp img.fpc {display: block !important;} #cttWrp img.fsp {display: none !important;} .sec {margin-top: 40px;} .sec>.inr.pad {padding: 0 40px;} .sec>.inr:nth-child(n+2) {margin-top: 40px;} .imgWrp {position: relative;} .imgWrp>img {width: 100%;height: auto;display: block;} .attWrp {font-size: 12px;} .attWrp * {font-size: 1em;} .attWrp>li {padding-left: 1.25em;position: relative;} .attWrp>li:before {content: "※";position: absolute;top: 0;left: 0;font-size: 1em;display: block;} .attWrp>li:nth-child(n+2) {margin-top: .5em;} .flx>ul {flex-basis: 100%;display: flex;flex-wrap: wrap;} .flx>ul>.unt {position: relative;display: block;} .flx>ul>.unt>a {display: block;} .flx.set2>ul>.unt {width: 47.4%;flex-basis: 47.4%;flex-shrink: 0;margin-right: 5.2%;} .flx.set2>ul>.unt:nth-child(2n) {margin-right: 0;} .flx.set2>ul>.unt:nth-child(n+3) {margin-top: 5.2%;} .flx.set3>ul>.unt {width: 31.4%;flex-basis: 31.4%;flex-shrink: 0;margin-right: 2.9%;} .flx.set3>ul>.unt:nth-child(3n) {margin-right: 0;} .flx.set3>ul>.unt:nth-child(n+4) {margin-top: 2.9%;} /* common end */ /* single */ #cttWrp.single>#atf {position: relative;z-index: 2;} #cttWrp.single>#atf>.ttlWrp {padding: 20px 16px;} #cttWrp.single>#atf>.ttlWrp>.ttl {max-width: 500px;margin: auto;} #cttWrp.single>.sec {position: relative;z-index: 1;} #cttWrp.single>.sec>.inr>.ttlWrp {font-weight: 700;margin-bottom: 30px;} #cttWrp.single>.sec>.inr>.ttlWrp * {text-align: center;font-weight: inherit;} #cttWrp.single>.sec>.inr>.ttlWrp>.sub {font-size: 40px;} #cttWrp.single>.sec>.inr>.ttlWrp>.ttl {font-size: 20px;} #cttWrp.single>.sec>.inr>.bdyWrp>*:nth-child(n+2) {margin-top: 20px;} #cttWrp.single #intro {margin-top: -50px;} #cttWrp.single .itrStl {background-color: #fff1f2;padding: 0 40px 40px;position: relative;} #cttWrp.single>.sec>.inr>.bdyWrp.itrStl>*:nth-child(n+2) {margin-top: 40px;} #cttWrp.single .itrStl>.ttlWrp {background-color: #FFF;border-radius: 0 0 20px 20px;position: relative;padding: 80px 20px 40px;} #cttWrp.single .itrStl>.ttlWrp:before, #cttWrp.single .itrStl>.ttlWrp:after {content: "";display: block;width: 70px;height: 1px;background-color: #ffb8c0;position: absolute;bottom: 0;} #cttWrp.single .itrStl>.ttlWrp:before {left: 0;transform: rotate(45deg) translate(-25px, 5px);} #cttWrp.single .itrStl>.ttlWrp:after {right: 0;transform: rotate(-45deg) translate(25px, 5px)} #cttWrp.single .itrStl>.ttlWrp>.ttl {max-width: 500px;margin: auto;} #cttWrp.single .itrStl>.ttlWrp>.ttl>img {} #cttWrp.single .itrStl>.imgWrp {} #cttWrp.single .itrStl>.imgWrp>img {max-width: 500px;margin: auto;} #cttWrp.single .itrStl>.flx>ul>.unt>.frm>.imgWrp {position: relative;} #cttWrp.single .itrStl>.flx>ul>.unt>.frm>.imgWrp>.num {position: absolute;font-size: 60px;line-height: 1em;font-weight: 600;top: -20px;left: -20px;color: #ff7182;text-shadow: 4px 4px 0 #fff1f2;} #cttWrp.single .itrStl>.flx>ul>.unt>.frm>.ttlWrp {font-size: 20px;margin: 16px 0 10px;} #cttWrp.single .itrStl>.flx>ul>.unt>.frm>.ttlWrp>.ttl {font-size: 1em;font-weight: 600;} #cttWrp.single .plnStl {} #cttWrp.single .plnStl>.unt {background-color: #f6f6f6;padding: 30px 40px;} #cttWrp.single .plnStl>.unt:nth-child(n+2) {margin-top: 30px !important;} #cttWrp.single .plnStl>.unt>.ttlWrp {background-color: #ff7182;padding: 20px 0;border-radius: 20px;margin-bottom: 16px;} #cttWrp.single .plnStl>.unt>.ttlWrp * {color: #FFF;font-weight: 600;} #cttWrp.single .plnStl>.unt>.ttlWrp>.ttl {font-size: 30px;} #cttWrp.single .plnStl>.unt>.ttlWrp>.ttl>span {display: table;margin: auto;font-size: 1em;} #cttWrp.single .plnStl>.unt>.ttlWrp>.ttl>span>span {background-color: #FFF;border-radius: 100px;margin-left: 16px;} #cttWrp.single .plnStl>.unt>.ttlWrp>.ttl>span>span * {color: #ff7182;} #cttWrp.single .plnStl>.unt>.ttlWrp>.ttl>span>span>span {transform: scale(.5) translateY(7px);display: inline-block;padding-left: 20px;} #cttWrp.single .plnStl>.unt>.ttlWrp>.ttl>span>span>span>span {transform: scale(2) translateY(-3px);display: inline-block;transform-origin: 100% 50%;margin-right: 5px;} #cttWrp.single .plnStl>.unt>.bdyWrp {} #cttWrp.single .plnStl>.unt>.bdyWrp>*:nth-child(n+2) {margin-top: 30px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.txtWrp>* {text-align: center;} #cttWrp.single .plnStl>.unt>.bdyWrp>.ttlWrp {font-size: 20px;position: relative;padding-bottom: 16px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.ttlWrp:before {content: "";display: block;width: 40px;height: 2px;background-color: #333;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;} #cttWrp.single .plnStl>.unt>.bdyWrp>.ttlWrp>.ttl {text-align: center;font-size: 1em;font-weight: 600;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt {background-color: #FFF;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp {padding: 20px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp>.ttlWrp {} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp>.ttlWrp>.sub {font-size: 12px;font-weight: 600;margin-bottom: 2px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp>.ttlWrp>.ttl {font-size: 18px;margin-bottom: 10px;font-weight: 600;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp>.dtlWrp {} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp>.dtlWrp>.feeWrp {font-size: 24px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp>.dtlWrp>.feeWrp * {color: #ff7182;font-weight: 600;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp>.dtlWrp>.feeWrp>span {font-size: 1em;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp>.dtlWrp>.feeWrp>span>span {font-size: .8em;margin-left: 2px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp>.dtlWrp>.txtWrp {font-size: 12px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setA>ul>.unt>.frm>.bdyWrp>.dtlWrp>.txtWrp * {font-size: 1em;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setB>ul>.unt {background-color: #FFF;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setB>ul>.unt>.frm {padding: 10px 20px 10px 10px;display: table;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setB>ul>.unt>.frm>* {display: table-cell;vertical-align: middle;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setB>ul>.unt>.frm>.imgWrp {width: 60px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setB>ul>.unt>.frm>.txtWrp {width: calc(100% - 60px);padding-left: 20px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.flx.setB>ul>.unt>.frm>.txtWrp>p>span {display: block;font-size: .8em;} #cttWrp.single .flwStl {} #cttWrp.single .flwStl .unt {background-color: #fff1f2;position: relative;} #cttWrp.single .flwStl .unt>.frm {} #cttWrp.single .flwStl .unt>.frm>.imgWrp, #cttWrp.single .flwStl .unt>.frm>.bdyWrp {float: left;} #cttWrp.single .flwStl .unt>.frm>.imgWrp {width: 120px;transform: translate(-10px, -10px);} #cttWrp.single .flwStl .unt>.frm>.bdyWrp {width: calc(100% - 120px);padding: 16px 20px 16px 10px;} #cttWrp.single .flwStl .unt>.frm>.bdyWrp>.num {color: #ff7182;display: block;font-size: 40px;font-weight: 200;line-height: 1em;margin-bottom: 10px;} #cttWrp.single .flwStl .unt>.frm>.bdyWrp>.txtWrp {font-size: 14px;} #cttWrp.single .flwStl .unt>.frm>.bdyWrp>.txtWrp>* {font-size: 1em;text-align: left;} #cttWrp.single .flwStl .unt:last-child>.frm:before {content: "Happy Wedding!";display: block;color: #ff7182;font-family: 'Ephesis', cursive;transform: rotate(-15deg);font-size: 30px;line-height: 1em;text-align: right;position: absolute;bottom: 0;right: 10px;z-index: 1;} #cttWrp.single .qaStl .unt>dl:nth-child(n+2) {margin-top: 20px;} #cttWrp.single .qaStl .unt>dl>dt, #cttWrp.single .qaStl .unt>dl>dd {padding-left: 2em;position: relative;} #cttWrp.single .qaStl .unt>dl>dt:before, #cttWrp.single .qaStl .unt>dl>dd:before {position: absolute;top: 0;left: 0;font-size: 1em;display: block;} #cttWrp.single .qaStl .unt>dl>dt:before {content: "Q.";} #cttWrp.single .qaStl .unt>dl>dd:before {content: "A.";} #cttWrp.single .qaStl .unt>dl>dt {color: #ff7182;font-weight: 600;margin-bottom: 16px;} #cttWrp.single .qaStl .unt>dl>dd {} #cttWrp.single .qaStl .unt>dl>dd>*:nth-child(n+2) {margin-top: 16px;} #cttWrp.single .qaStl .unt>dl>dd table, #cttWrp.single .qaStl .unt>dl>dd table * {border-color: #d6d6d6 !important;font-size: 12px;text-align: left;} #cttWrp.single .qaStl .unt>dl>dd table {border-bottom: 1px solid;width: 100%;} #cttWrp.single .qaStl .unt>dl>dd table>thead, #cttWrp.single .qaStl .unt>dl>dd table>tbody {} #cttWrp.single .qaStl .unt>dl>dd table>*>tr {display: table;width: 100%;} #cttWrp.single .qaStl .unt>dl>dd table>thead>tr, #cttWrp.single .qaStl .unt>dl>dd table>tbody>tr {border-top: 1px solid;padding: 8px;} #cttWrp.single .qaStl .unt>dl>dd table>*>tr>* {display: table-cell;vertical-align: middle;width: 32%;padding: 8px;} #cttWrp.single .qaStl .unt>dl>dd table>*>tr>*:first-child {width: 36%;} #cttWrp.single .qaStl .unt>dl>dd table>*>tr>*:nth-child(n+2) {border-left: 1px solid;} #cttWrp.single .qaStl .unt>dl>dd table>thead>tr>th {background-color: #EEE;} #cttWrp.single .qaStl .unt>dl>dd table>tbody>tr>th {} #cttWrp.single .qaStl .unt>dl>dd table>tbody>tr>td {} #btmBnr {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;z-index: 100;background-color: #FFF;padding: 10px 40px;border-color: #EEE !important;border-top: 1px solid; } #btmBnr>a {display: block;} #btmBnr>a>img {} /* single end */ @media only screen and (max-width: 639px){ .sec>.inr.pad {padding: 0 16px;} #cttWrp img.fpc {display: none !important;} #cttWrp img.fsp {display: block !important;} .flx.adj {max-width: 290px;margin: auto;} .flx>ul>.unt {width: 100% !important;flex-basis: 100% !important;flex-shrink: 0 !important;margin-right: 0 !important;} .flx>ul>.unt:nth-child(n+2) {margin-top: 5.2% !important;} /* single */ #cttWrp.single>#atf>.ttlWrp {padding: 16px;} #cttWrp.single>.sec>.inr>.ttlWrp>.sub {font-size: 30px;} #cttWrp.single>.sec>.inr>.ttlWrp>.ttl {font-size: 18px;} #cttWrp.single .itrStl {padding: 0 16px 40px;} #cttWrp.single .itrStl>.ttlWrp {padding: 70px 20px 20px;border-radius: 0 0 10px 10px;} #cttWrp.single .itrStl>.ttlWrp:before, #cttWrp.single .itrStl>.ttlWrp:after {width: 50px;} #cttWrp.single .itrStl>.ttlWrp:before {transform: rotate(45deg) translate(-18px, 5px);} #cttWrp.single .itrStl>.ttlWrp:after {transform: rotate(-45deg) translate(18px, 5px);} #cttWrp.single .itrStl>.flx>ul>.unt {padding: 0 20px;} #cttWrp.single .itrStl>.flx>ul>.unt:nth-child(n+2) {margin-top: 40px !important;} #cttWrp.single .itrStl>.flx>ul>.unt>.frm>.ttlWrp {font-size: 18px;} #cttWrp.single .itrStl>.flx>ul>.unt>.frm>.imgWrp>.num {font-size: 50px;} #cttWrp.single .plnStl>.unt {padding: 20px 16px;} #cttWrp.single .plnStl>.unt>.ttlWrp>.ttl {font-size: 22px;} #cttWrp.single .plnStl>.unt>.ttlWrp>.ttl>span>span {margin-left: 5px;} #cttWrp.single .plnStl>.unt>.ttlWrp>.ttl>span>span>span {padding-left: 10px;} #cttWrp.single .plnStl>.unt>.bdyWrp>*:nth-child(n+2) {margin-top: 20px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.txtWrp>* {font-size: 14px;} #cttWrp.single .plnStl>.unt>.bdyWrp>.ttlWrp {font-size: 18px;padding-bottom: 10px;} #cttWrp.single .flwStl>ul>.unt {min-height: 120px;} #cttWrp.single .flx.flwStl>ul>.unt {width: calc(100% - 30px) !important;flex-basis: calc(100% - 30px) !important;margin-left: 0;} #cttWrp.single .flx.flwStl>ul>.unt:nth-child(n+2) {margin-top: 30px !important;} #cttWrp.single .flx.flwStl>ul>.unt:nth-child(odd) {left: 10px;} #cttWrp.single .flx.flwStl>ul>.unt:nth-child(even) {margin-left: auto;right: 10px;} #cttWrp.single .flx.flwStl>ul>.unt:nth-child(even)>.frm>.imgWrp {position: absolute;right: 0;transform: translate(10px, -10px);} #cttWrp.single .flx.flwStl>ul>.unt:nth-child(odd)>.frm>.bdyWrp {} #cttWrp.single .flx.flwStl>ul>.unt:nth-child(even)>.frm>.bdyWrp {padding: 16px 10px 16px 20px;} #cttWrp.single .flwStl .unt>.frm>.bdyWrp>.num {font-size: 30px;} #cttWrp.single .flwStl .unt:last-child>.frm:before {right: 0;text-align: left;width: 100%;bottom: 10px;max-width: 300px;} #btmBnr {padding: 10px 16px;} /* single end */ } @media only screen and (max-width: 449px){ /*.imgWrp.fee {overflow-x: scroll;-webkit-overflow-scrolling: touch;width: calc(100% + 36px);margin-left: -16px;}*/ /*.imgWrp.fee>img {width: 150% !important;height: auto;max-width: unset;padding: 0 16px;}*/ } @media only screen and (max-width: 767px){} @media screen and (min-width: 768px) { #cttWrp.single {margin-bottom: 80px;} #btmBnr {width: 768px !important;margin: auto;border-left: 1px solid;border-right: 1px solid;} }