body,
html,.invite-body {
font-family: "Noto Serif JP", serif;
font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック",
"MS PGothic", sans-serif;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
"Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
color: #606060;
font-size: 14px;
}
#header {
height: auto !important;
}
#btm-page-top a {
display: none;
}
.section {
margin-bottom: 50px;
}
.normal_font {
font-family: "Noto Serif JP", serif;
font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
}
.section .h {
font-weight: bolder;
text-align: center;
margin-bottom: 10px;
}
.shinki .a-btn {
display: block;
text-align: center;
font-size: 1rem;
padding: 10px 0 10px 0;
}
.login .info {
text-align: center;
margin-bottom: 10px;
}
.login .form {
width: 500px;
margin: 0 auto;
}
.login .row {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.login .row .col1 {
width: 30%;
text-align: right;
}
.login .row .col1 span {
display: inline-block;
padding-right: 10px;
}
.login .row .col2 {
width: 70%;
}
.login .row .col2 input {
width: 100%;
}
#main-inner {
width: 100%;
}
.main-menu {
width: 100%;
background-color: #a0936c;
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-evenly;
}
.main-menu li a {
text-decoration: none;
color: #ffffff;
padding: 15px 5px;
display: block;
font-size: 1.714rem;
text-align: center;
line-height: 1.429rem;
padding-top: 24px;
}
.main-menu li a span {
font-size: 0.714rem;
text-align: center;
}
.section__title {
text-align: center;
}
.section__title_2 {
background-color: #f5f2e8;
padding: 40px 0px;
}
.section__title h2 {
font-size: 3.571rem;
color: #543122;
text-align: center;
padding-top: 100px;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
line-height: 3.571rem;
padding-bottom: 5px;
}
.section__title p {
padding-top: 5px;
color: #543122;
font-weight: 500;
font-size: 1.571rem;
}
.secction_faq .section__title h2,
.section_story .section__title h2 {
padding-top: 0px;
}
.secction_faq {
padding-top: 40px;
}
.section_story .img_text img {
width: 160px;
padding-top: 20px;
}
.section_story {
padding-bottom: 60px;
padding-top: 60px;
}
.step__story {
text-align: center;
font-size: 1.429rem;
padding-bottom: 20px;
}
.step__story img {
width: 100%;
max-width: 100px;
text-align: center;
}
.img_text {
text-align: center;
}
.section__left-text {
text-align: center;
padding-top: 100px;
}
.section__left-text span {
line-height: 2.857rem;
padding: 2px 10px;
text-align: center;
color: #4d4d4d;
font-size: 1.429rem;
font-weight: bold;
}
.section__content {
display: flex;
}
.section__left,
.section__right {
width: 50%;
}
.section__left {
padding-left: 20px;
padding-right: 20px;
}
.section__right {
padding-left: 20px;
padding-right: 20px;
}
.text1 {
font-size: 1.429rem;
text-align: center;
font-weight: bold;
}
.section__right .img_content.edit {
text-align: center;
}
.section__right .img_content.edit img {
max-width: 400px;
padding: 0px 40px;
margin: 0 auto;
}
.section__right .img_content.edit2 {
padding-top: 30px;
}
.section_design .img_content {
margin-top: 40px;
}
.section__title2 h2 {
font-size: 1.071rem;
color: #9f926c;
text-align: center;
font-weight: bold;
}
.section__title2 {
position: relative;
display: inline-block;
text-align: center;
margin-top: 40px;
}
.section__title_inner {
text-align: center;
}
.section__title2 p {
font-size: 1.286rem;
color: #543122;
text-align: center;
padding-top: 0px;
font-weight: bold;
}
.slider__webinvitation,
.slider__paperinvitation {
margin-top: 40px;
margin-bottom: 20px;
}
.slider__webinvitation .slick-slide img {
padding: 0px 8px;
border-radius: 30px;
}
.slider__paperinvitation .slick-slide img {
padding: 0px 8px;
}
.slider__webinvitation .casual_image-inner,
.slider__paperinvitation .casual_image-inner {
overflow: hidden;
}
.secction_webinvitation .btn {
text-align: center;
}
.secction_webinvitation .btn .btn_more {
font-size: 0.857rem;
color: #ffffff;
background-color: #9f926c;
border-radius: 20px;
padding: 5px 30px;
border: none;
outline: none;
margin-bottom: 40px;
margin-top: 30px;
}
.secction_webinvitation .btn p {
font-size: 1.2rem;
line-height: 2;
padding-bottom: 40px;
}
.spp {
padding: 0px 20px;
}
.spp p {
color: #3e3a39;
text-align: center;
font-weight: 600;
font-size: 1.143rem;
padding-bottom: 10px;
padding-top: 40px;
}
.point__item_img {
padding: 2px;
}
.slider_fade .slick-slide img {
height: 140px;
}
.point_step_01 {
display: flex;
flex-wrap: wrap;
padding: 0px 60px;
}
.point_step_01 .point_number {
width: 50%;
padding-right: 30px;
}
.point_step_01 .point_img {
width: 50%;
padding-left: 30px;
padding-top: 50px;
}
.point_step_02 {
display: flex;
flex-wrap: wrap;
padding: 0px 40px;
padding-top: 20px;
}
.point_step_02 .point_number {
width: 50%;
padding-left: 30px;
padding-top: 40px;
}
.point_step_02 .point_img {
width: 50%;
padding-left: 30px;
}
.point_step_03 {
display: flex;
flex-wrap: wrap;
padding: 0px 60px;
padding-top: 60px;
}
.point_step_03 .point_number {
width: 60%;
padding-left: 30px;
padding-top: 40px;
}
.point_step_03 .point_img {
width: 40%;
padding-left: 30px;
text-align: right;
}
.point_step_03 .point_img img {
width: 100%;
}
.point_step_04 {
display: flex;
flex-wrap: wrap;
padding: 0px 40px;
padding-top: 60px;
}
.point_step_04 .point_number {
width: 50%;
padding-left: 30px;
}
.point_step_04 .point_img {
width: 50%;
padding-left: 40px;
padding-top: 40px;
}
.point_step_04 .point_img img {
width: 80%;
}
.point_step_05 {
display: flex;
flex-wrap: wrap;
padding: 0px 60px;
}
.point_step_05 .point_number {
width: 50%;
padding-right: 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
.point_step_05 .point_img {
width: 50%;
padding-left: 40px;
}
.point_step_06 {
display: flex;
flex-wrap: wrap;
padding: 0px 40px;
padding-top: 20px;
}
.point_step_06 .point_number {
width: 50%;
/* padding-left: 30px;*/
padding-top: 40px;
}
.point_step_06 .point_img {
width: 50%;
padding-left: 30px;
}
.point_step_07 {
display: flex;
flex-wrap: wrap;
padding: 0px 60px;
padding-top: 60px;
}
.point_step_07 .point_number {
width: 50%;
padding-left: 30px;
padding-top: 40px;
}
.point_step_07 .point_img {
width: 50%;
padding-left: 40px;
}
.point_step_07 .point_img img {
width: 80%;
}
.point_number .number {
/* width: 90px;*/
font-size: 2.857rem;
color: #543122;
}
.point_step_05 .point_number .number,
.point_step_05 .point_number .title,
.point_step_06 .point_number .number,
.point_step_06 .point_number .title,
.point_step_07 .point_number .number,
.point_step_07 .point_number .title {
color: #a0936c;
}
.point_number .title {
font-size: 1.714rem;
color: #543122;
line-height: 3rem;
font-weight: 500;
}
.point_number .text {
font-size: 1.286rem;
color: #3e3a39;
line-height: 2.143rem;
padding-top: 20px;
}
.banner {
margin-top: 40px;
}
.banner .line {
text-align: center;
padding: 0px 20px;
max-width: 620px;
margin: 0 auto;
}
.lineup_wrapper {
/* overflow: hidden;*/
position: relative;
}
.line_item {
opacity: 0;
}
.lineup-button-next,
.lineup-button-prev {
width: 40px;
position: absolute;
}
.btn_lineup {
width: 100%;
text-align: center;
padding-top: 100px;
}
.btn_lineup_all {
color: #ffffff;
border-radius: 20px;
border: 0;
padding-top: 12px;
padding-bottom: 12px;
width: 100%;
position: relative;
max-width: 280px;
margin: 0px 10px;
background-color: #543122;
}
.lineup-button-next {
right: -60px;
top: calc(50% - 20px);
}
.lineup-button-prev {
left: -60px;
top: calc(50% - 20px);
}
.line .line_title {
font-size: 1.286rem;
color: #3e3a39;
font-weight: 500;
text-align: center;
padding-top: 40px;
padding-bottom: 20px;
}
.banner .line p {
line-height: 2.286rem;
font-size: 1.143rem;
color: #3e3a39;
}
.banner .check {
background-color: #b5ab85;
color: #ffffff;
border-radius: 20px;
padding: 2px 30px;
display: inline-block;
margin-bottom: 10px;
}
.banner .line_img {
/* max-width: 400px;*/
margin: 10px auto;
}
.banner .title {
font-size: 1.714rem;
color: #606060;
line-height: 3rem;
font-weight: bold;
}
.banner .title span {
color: #ff0000;
}
.banner .text {
font-size: 1rem;
color: #4d4d4d;
}
.video__story {
margin-top: 40px;
}
.section_story_point {
background-image: url("../../images/background_story_point.jpg");
background-size: cover;
background-position: center;
margin-top: 30px;
}
.clear_box {
padding-bottom: 100px;
}
.story_bg_inner_text {
display: flex;
flex-direction: column;
justify-content: center;
}
.video__story_01,
.video__story_02 {
padding-top: 60px;
padding-bottom: 20px;
padding-left: 60px;
padding-right: 60px;
display: flex;
background-color: rgba(255, 255, 255, 0.45);
max-width: 1595px;
margin: 0 auto;
}
.video__story_01__img,
.video__story_01__null,
.video__story_02__null,
.video__story_02__img {
width: 50%;
}
.video__story_01__img_sp,
.video__story_02__img_sp {
display: none;
}
.img_01 {
width: 105px;
position: absolute;
top: -40px;
right: -50px;
}
.video__story_02__null {
padding-right: 40px;
width: 55%;
}
.video__story_02__img {
width: 45%;
}
.br800 {
display: none;
}
.video__story_02__null.edit,
.video__story_02__img.edit {
width: 50%;
}
.video__story_02__img .img_02 {
width: 100%;
}
.video__story_01__null {
padding-left: 40px;
}
.icon__next_img {
width: 40px;
margin: 60px auto;
}
.video__story_01__null.edit {
/* padding-bottom: 40px;*/
display: flex;
align-items: center;
}
.video__story_02__null.edit {
padding-right: 0;
display: flex;
align-items: center;
}
.video__story_02__img.edit {
padding-left: 40px;
}
.story_bg_inner_img img {
width: 40px;
}
.story_text_p1 {
color: #543122;
}
.story_bg_inner_text_wrapper {
border: 3px solid #a0936c;
margin-top: 30px;
padding-bottom: 20px;
position: relative;
}
.column__text {
width: 100%;
}
.column__text p {
line-height: 1.857rem;
padding: 0px 10px;
}
.column__title {
padding: 10px 24px;
text-align: center;
position: relative;
}
.column__title:before {
position: absolute;
top: 0;
left: 0;
display: block;
background-color: #a0936c;
color: #ffffff;
content: "COLUMN";
padding: 8px 20px;
font-size: 0.714rem;
}
.column__title p {
border-bottom: 2px dotted #a0936c;
padding-bottom: 10px;
padding-top: 5px;
font-weight: bold;
}
.story_text_p2 {
font-size: 1.714rem;
font-weight: 500;
color: #3e3a39;
padding-top: 10px;
padding-bottom: 10px;
}
.story_text_p3 {
font-weight: 500;
color: #3e3a39;
font-size: 1.214rem;
}
.video__story_01_inner,
.video__story_02_inner {
max-width: 1300px;
margin: 0 auto;
}
.story_bg_inner {
display: flex;
padding-bottom: 10px;
flex-direction: column;
}
.point_step_inner {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 2rem;
margin-top: 20px;
}
.point_text {
text-align: center;
}
.point_text img {
width: 100px;
margin-top: 30px;
}
.webinvitation {
background-color: #ffffff;
padding: 10px 0px;
}
.title_spec {
background-color: #ffffff;
text-align: center;
padding-top: 20px;
}
.title_spec p {
font-size: 2rem;
color: #543122;
text-align: center;
font-weight: 600;
padding-bottom: 10px;
position: relative;
display: inline-block;
padding-top: 25px;
}
.title_spec p img {
position: absolute;
left: -43px;
top: 0px;
width: 80px;
}
.step_pick_inviation {
background-color: #ffffff;
}
.title_spec2 {
background-color: #ffffff;
text-align: center;
padding-top: 5px;
}
.title_spec2 p {
font-size: 2rem;
color: #543122;
text-align: center;
font-weight: 600;
padding-bottom: 10px;
position: relative;
display: inline-block;
padding-top: 25px;
}
.title_spec2 p img {
position: absolute;
left: -55px;
top: 5px;
width: 80px;
}
.title_spec4 {
text-align: center;
padding-top: 5px;
}
.top__flex {
display: flex;
padding: 10px 20px;
padding-bottom: 30px;
gap: 10px;
flex-direction: column;
}
.top__flex .top__flex-item {
width: calc(50% - 5px);
width: 100%;
}
.top__flex-item.edit {
position: relative;
}
.spec0 {
position: absolute;
background-color: #9f926c;
color: #fff;
border-radius: 50%;
font-size: 2.143rem;
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-weight: bold;
top: -20px;
left: -10px;
}
.spec0 span {
color: #fff;
font-size: 1rem;
}
.top__flex-item p {
font-size: 0.714rem;
color: #3e3a39;
text-indent: -66px;
padding-left: 66px;
padding-top: 5px;
font-weight: bold;
}
.title_spec4 p {
font-size: 3.214rem;
color: #3a3e39;
text-align: center;
font-weight: 600;
position: relative;
display: inline-block;
padding-top: 25px;
}
.title_spec4 p span {
color: #543122;
}
.title_spec4 .title_spec4_p {
font-size: 2.143rem;
padding-top: 0;
padding-bottom: 10px;
}
.title_spec4 p img {
position: absolute;
left: -55px;
top: 5px;
width: 80px;
}
.step_pi2 {
padding: 20px 20px;
}
.step_pi {
padding: 0 20px;
position: relative;
}
.bubble-outer {
background: #543122;
clip-path: polygon(
0% 0%, 100% 0%, 100% 90%,
53% 90%, 50% 97%, 47% 90%, 0% 90%
);
padding: 2px;
padding-top: 1px;
}
.bubble-inner {
background: #fff;
clip-path: polygon(
0% 0%, 100% 0%, 100% 90%,
53% 90%, 50% 97%, 47% 90%, 0% 90%
);
padding: 20px;
}
.step_pi p {
color: #543122;
padding-bottom: 10px;
font-weight: 500;
}
.step_pi_title {
font-size: 1.286rem;
text-align: center;
color: #3e3a39;
font-weight: 600;
}
.w_p1 {
color: #9f926c;
text-align: center;
font-size: 1.143rem;
}
.w_p2 {
color: #3e3a39;
text-align: center;
font-size: 1.143rem;
font-weight: 600;
}
.point_item_text p {
font-size: 0.857rem;
color: #543122;
font-weight: bold;
}
.point__item.hidden2 {
visibility: hidden;
}
.pt_1 {
font-size: 0.786rem;
color: #000;
font-weight: bold;
}
.pt_2 {
font-size: 1rem;
color: #543122;
font-weight: 600;
padding-bottom: 10px;
line-height: 1.857rem;
}
.point_item_text {
text-align: center;
}
.point_text_inner {
display: flex;
flex: 1 5 auto;
height: 100%;
}
.text_title {
color: #3e3a39;
font-size: 1.143rem;
display: flex;
align-items: center;
padding-left: 20px;
}
.number_title {
background-color: #543122;
padding: 0px 20px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.number_title p {
white-space: nowrap;
}
.number_title .text {
font-size: 1.857rem;
white-space: nowrap;
}
.point_img {
padding: 20px;
display: flex;
flex: 1 1 auto;
height: 100%;
background-color: #fff;
}
.point_img img {
object-fit: contain;
/* max-width: 320px;*/
margin: 0 auto;
}
.point_img.edit img {
max-width: 320px;
}
.point_step {
width: calc(100% - 2rem);
border: 2px solid #543122;
margin: 20px;
display: flex;
height: 100%;
flex-direction: column;
}
.design_title p {
font-size: 1.286rem;
line-height: 2.571rem;
color: #3e3a39;
font-weight: 500;
text-align: center;
padding-top: 40px;
padding-bottom: 20px;
}
.gifts {
max-width: 1220px;
margin: 0 auto;
margin-top: 40px;
/* margin-bottom: 40px;*/
padding: 0px 60px;
}
.gifts .flex {
margin-bottom: 50px;
display: flex;
/* border-radius: 15px;*/
overflow: hidden;
}
.gifts .flex:last-child {
margin-bottom: 0;
}
.gifts .flex .left {
width: 50%;
}
.gifts .flex .right {
width: 50%;
background: #ffffff;
}
.gifts .left .title {
color: #ffffff;
box-sizing: border-box;
padding: 10px 10px 10px 20px;
}
.gifts .left .title .t1,
.gifts .left .title .t2 {
display: flex;
flex-direction: row;
align-items: center;
line-height: 1.1;
}
.gifts .left .title .t1 .t1-1 {
margin-right: 10px;
font-size: 1.143rem;
}
.gifts .left .title .t1 .t1-2 {
font-size: 1.714rem;
font-weight: bolder;
margin-right: 20px;
}
.t1-3 {
font-size: 1.4rem;
font-weight: bolder;
margin-right: 20px;
}
.t1-4 {
font-size: 1.4rem;
}
.gifts .left .title .t2 .t2-1 {
width: 40%;
font-size: 2.214rem;
}
.gifts .left .title .t2 .t2-2 {
font-size: 2.571rem;
}
.gifts .left .title .t2 .t2-2 span {
font-size: 1.143rem;
}
.gifts .left .info {
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
height: calc(100% - 101px);
}
.gifts .left .info .flex {
display: flex;
font-size: 1.143rem;
justify-content: space-between;
margin-bottom: 0;
}
.gifts .left .info .s {
font-size: 1rem;
}
.gifts .left .info .l {
width: 30%;
}
.gifts .left .info .r {
width: 65%;
}
.gifts .left .info td {
padding: 10px 0 5px 0;
}
.gifts .left .info td.s {
padding-top: 0;
}
.gifts .left .btn button {
color: #ffffff;
background-color: #b4a982;
border-radius: 15px;
padding: 5px 40px 5px 20px;
border: 0;
display: flex;
justify-content: space-between;
font-size: 0.857rem;
line-height: 1.857rem;
margin-right: 20px;
position: relative;
}
.gifts .left .btn {
display: flex;
padding: 7px 0;
padding-bottom: 20px;
}
.gifts .left .btn button img {
width: 15px;
position: absolute;
top: 10px;
right: 15px;
}
.gifts .right2 .in {
display: flex;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
align-items: stretch;
}
.gifts .right2 .in .text1 {
display: flex;
flex-direction: column;
width: 65%;
}
.gifts .right2 .in .text2 {
display: flex;
flex-direction: column;
width: 35%;
}
.gifts .right2 .in .text1 .text1-a {
display: flex;
margin: 0 auto;
}
.gifts .right2 .in .text1 .text1-a,
.gifts .right2 .in .text2 .text1-b {
margin-bottom: 10px;
}
.gifts .right2 .in .text1 .text1-a .text_l {
min-height: 38px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.gifts .right2 .in .text1 .p1,
.gifts .right2 .in .text2 .p1 {
font-size: 1rem;
font-weight: bold;
text-align: center;
}
.gifts .right2 .in .text1 .p2,
.gifts .right2 .in .text2 .p2 {
font-size: 0.714rem;
font-weight: bold;
text-align: center;
}
.gifts .line {
width: 175px;
}
.gifts .right2 .in .text1 .text1-a .plus {
width: 20px;
margin: 0 20px;
display: flex;
justify-content: center;
align-items: center;
}
.gifts .right2 .in .img_line img {
padding: 0px 10px;
padding-right: 60px;
}
.gifts .right2 .in .img_line.edit img {
padding: 0px 31px;
text-align: center;
}
.gifts .gift1 {
border: 2px solid #f3bdbb;
background: #fcf1f0;
}
.gifts .gift1 .title {
background: #f3bdbb;
display: flex;
padding: 15px 20px;
justify-content: center;
}
.gifts .gift1 .title .windsong {
color: #eb6d8e;
}
.gifts .gift2 {
border: 2px solid #afd6ba;
background: #FAF4FA;
}
.gifts .gift2 .title {
background: #afd6ba;
display: flex;
padding: 15px 20px;
justify-content: center;
}
.gifts .gift2 .title .windsong {
color: #20a139;
}
.gifts .gift3 {
border: 2px solid #e0bc80;
background: #f6ebd9;
}
.gifts .gift3 .title {
background: #e0bc80;
display: flex;
padding: 15px 20px;
justify-content: center;
}
.gifts .gift3 .title .windsong {
color: #c28f12;
}
.gifts .gift4 {
border: 2px solid #7c91a4;
background: #d8dee4;
}
.gifts .gift4 .title {
background: #7c91a4;
display: flex;
padding: 15px 20px;
justify-content: center;
}
.gifts .gift4 .title .windsong {
color: #543122;
}
.gifts .gift5 {
border: 2px solid #e2d285;
background: #f7f2db;
}
.gifts .gift5 .title {
background: #e2d285;
display: flex;
padding: 15px 20px;
justify-content: center;
}
.gifts .gift5 .title .windsong {
color: #a4a21e;
}
.gifts .gift6 {
border: 2px solid #c2b1c2;
background: #ede8ed;
}
.gifts .gift6 .title {
background: #c2b1c2;
display: flex;
padding: 15px 20px;
justify-content: center;
}
.gifts .gift6 .title .windsong {
color: #8a529b;
}
.gifts .gift7 {
border: 2px solid #d08a7e;
background: #f1dcd9;
}
.gifts .gift7 .title {
background: #d08a7e;
display: flex;
padding: 15px 20px;
justify-content: center;
}
.gifts .gift7 .title .windsong {
color: #c1272d;
}
.lineup_list {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0px 10px;
}
.lineup_list .item {
width: calc(100% / 3);
padding: 0px 10px;
font-size: 1rem;
text-align: center;
margin-bottom: 10px;
}
.lineup_list .item .name {
padding-top: 10px;
}
.lineup_list .item.edit {
width: calc(100% / 3);
}
.guide_list {
background-color: #FAF4FA;
padding: 30px 60px;
margin: 40px auto;
}
.guide_list .item {
border-radius: 25px;
display: flex;
padding: 0px 20px;
background-color: #ffffff;
max-width: 900px;
margin: 0 auto;
margin-bottom: 30px;
}
.step_number {
width: 80px;
}
.step_content .img {
width: 140px;
}
.step_number-inner {
position: relative;
}
.step_number .img_step {
position: absolute;
top: 19px;
color: #ffffff;
writing-mode: vertical-lr;
left: 5px;
padding: 2px;
}
.step_number .img_number {
color: #ffffff;
font-size: 3.214rem;
position: absolute;
top: 0;
left: 32px;
padding: 8px;
margin-top: 7px;
}
.guide_list .item .step_content {
width: 100%;
width: calc(100% - 75px);
display: flex;
justify-content: space-between;
padding-left: 40px;
}
.guide_iner .title {
font-size: 2.143rem;
/* padding-top: 20px;*/
color: #543122;
padding-bottom: 10px;
}
.guide_iner {
padding-top: 20px;
padding-bottom: 20px;
}
.guide_iner .text {
font-size: 1.429rem;
}
.guide_iner .text span {
display: inline-block;
line-height: 1.857rem;
margin-bottom: 5px;
}
.faq_content {
padding: 20px;
padding-bottom: 40px;
padding-top: 0;
}
.faq_q,
.faq_a {
display: flex;
align-items: flex-start;
}
.faq_q img,
.faq_a img {
width: 32px;
margin-right: 10px;
margin-top: 8px;
}
.faq_q {
padding-bottom: 10px;
padding-top: 10px;
}
.faq_q p,
.faq_a p {
font-size: 1.143rem;
line-height: 2.286rem;
}
.faq_title {
display: flex;
align-items: center;
text-align: center;
color: #3e3a39;
padding-top: 20px;
padding-bottom: 10px;
justify-content: center;
}
.faq_title span {
padding: 0 60px;
font-size: 1.214rem;
font-weight: 600;
}
.slider_text {
background-color: #ffffff;
width: 60%;
padding: 60px 20px;
display: flex;
flex-direction: column;
justify-content: center;
opacity: 0;
visibility: hidden;
}
.slide_text {
position: absolute;
width: 30%;
left: 20px;
top: 20px;
z-index: 1;
}
.slider_fade {
width: 100%;
overflow: hidden;
}
.slider_fade_swiper {
width: 100%;
height: calc(100vh - 135px);
}
.slider_fade_swiper .swiper-slide {
width: 100%;
height: calc(100vh - 135px);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.slider__top_picture img {
width: auto;
height: 100%;
}
.phone_position {
height: calc(100vh - 300px);
min-height: 300px;
margin-top: 80px;
}
.slide_text .phone_position {
height: calc(100vh - 410px);
min-height: 200px;
margin-top: 60px;
}
.slide_text .phone_position img {
max-width: none;
}
.phone_position_sp {
display: none;
}
.slider__top-flex {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 20px;
}
.slider__top {
display: block;
position: relative;
}
.slider__top .slider__top_picture {
width: 100%;
}
.slider_text_btn .btn_action {
background-color: #543122;
border-radius: 20px;
color: #ffffff;
width: 280px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border: 0;
margin: 0 auto;
margin-bottom: 20px;
}
.slider_text_btn .btn_login {
background-color: #ffffff;
border-radius: 20px;
color: #543122;
width: 280px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border: 0;
margin: 0 auto;
border: 1px solid #543122;
}
.slider_text_btn .btn_login:hover {
background-color: #543122;
color: #ffffff;
}
.slider_text2 {
padding-top: 20px;
padding-bottom: 20px;
margin: 0 auto;
max-width: 400px;
}
.slider_text2 p {
text-indent: -16px;
padding: 0px 16px;
line-height: 2.286rem;
font-weight: 500;
color: #3e3a39;
}
.slider_text2 p img {
width: 20px;
margin-right: 7px;
padding-bottom: 7px;
}
.slider_text2 p span {
font-size: 0.714rem;
letter-spacing: 0;
}
.flow_content {
display: flex;
align-items: stretch;
margin-top: 40px;
}
.flow_content .item {
width: 25%;
padding-bottom: 40px;
}
.flow_content .item.item1 {
background-color: #f7efef;
}
.flow_content .item.item2 {
background-color: #FAF4FA;
}
.flow_content .item.item3 {
background-color: #f7efef;
}
.flow_content .item.item4 {
background-color: #FAF4FA;
}
.flow_content .item .img1 {
margin: 0 auto;
padding: 0px 40px;
}
.flow_content .item .img2 {
margin: 0 auto;
margin-top: 40px;
padding: 0 35px;
}
.flow_content .item .img3 {
/* max-width: 170px;*/
margin: 0 auto;
padding: 0px 40px;
}
.flow_content .item .img9 {
padding: 30px 40px 0px 20px;
}
.flow_content .item .item_p1 {
color: #567f8c;
text-align: center;
padding: 20px 0px;
font-weight: bold;
}
.flow_content .item .item_p2 {
color: #e38080;
text-align: center;
font-weight: bold;
padding: 20px 0px;
}
.flow_content .item p {
text-align: center;
font-size: 1.143rem;
}
.flow_content .item .text_p3 {
color: #6a698f;
font-weight: bold;
padding-top: 20px;
}
.flow_content .item .text_p1 {
color: #d07775;
font-weight: bold;
padding-top: 20px;
}
.flow_content .item .text_p4 {
color: #6885a6;
font-weight: bold;
padding-top: 20px;
}
.flow_content .item .text_p2 {
text-align: center;
line-height: 2.214rem;
}
.flow_content .item .img4 {
max-width: 142px;
margin: 0 auto;
margin-top: 40px;
position: relative;
margin-right: 90px;
}
.flow_content .item .img5 {
max-width: 138px;
margin: 0 auto;
margin-top: 20px;
right: 30px;
position: absolute;
z-index: 2;
}
.flow_content .item .img6 {
max-width: 146px;
margin: 0 auto;
margin-top: 20px;
position: absolute;
left: -62px;
z-index: 2;
}
.flow_content .item .img7 {
max-width: 147px;
margin: 0 auto;
margin-top: 20px;
position: relative;
}
.img_phone {
display: flex;
position: relative;
}
.next_img p {
padding-bottom: 20px;
}
.flow_content .item1,
.flow_content .item3,
.flow_content .item4 {
position: relative;
}
.next_img4,
.next_img5,
.flow_content .item5,
.banner .line2 {
display: none;
}
.line_lineup {
height: 20px;
}
.lineup_price_2 .btn button.edit {
display: none;
}
.header_fix {
height: 100px;
width: 100%;
display: none;
}
.header_fix-inner {
height: 100px;
position: fixed;
background-color: #fff;
width: 100%;
z-index: 99999;
}
.menu {
position: sticky;
top: 100px;
z-index: 999;
z-index: 10;
}
.header_fix-inner,
.header_btn {
display: flex;
align-items: center;
}
.logo_header {
width: 50%;
width: 30%;
padding-left: 20px;
}
.header_view img,
.header_login img,
.header_partner img {
width: 20px;
position: absolute;
top: 11px;
right: 10px;
}
.header_partner:hover {
background-color: #543122;
color: #ffffff;
}
.header_partner {
background-color: #543122;
color: #ffffff;
}
.header_view,
.header_login,
.header_partner {
border-radius: 4px;
color: #ffffff;
border: 0;
padding-top: 12px;
padding-bottom: 12px;
width: 30%;
position: relative;
max-width: 280px;
margin: 0px 10px;
}
.notification_important {
background-color: #a0936c;
cursor: pointer;
position: relative;
}
.notification_important p {
color: #ffffff;
font-size: 1.286rem;
text-align: center;
padding: 5px 0px;
}
#notification_important_content {
display: none;
position: absolute;
top: 100%;
width: 100%;
padding: 10px;
background: #ffffff;
text-align: center;
z-index: 999;
border: 2px solid #000;
}
#notification_important_content p {
color: #000;
text-align: left;
padding: 0px 40px;
font-size: 1rem;
display: inline-block;
}
.btn__footer {
display: none;
text-align: center;
margin: 0 auto;
width: 100%;
justify-content: center;
z-index: 10000;
background-color: rgba(255, 255, 255, 0.8);
bottom: 0;
position: fixed;
padding: 20px 0px;
}
.btn__footer .btn-footer {
border-radius: 10px;
color: #ffffff;
border: 0;
padding-top: 12px;
padding-bottom: 12px;
width: 100%;
position: relative;
max-width: 280px;
margin: 0px 10px;
background-color: #543122;
color: #ffffff;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
margin: 0px 20px;
border: 1px solid #543122;
}
.btn__footer .btn-footer.edit {
color: #543122;
background-color: #fff;
}
.btn__footer .btn-footer p {
display: inline-block;
}
.btn__footer .btn-footer span {
font-size: 0.714rem;
display: block;
text-align: left;
}
.btn__footer .btn-footer img {
width: 16px;
margin-left: 16px;
}
.title_intro {
font-size: 2.143rem;
color: #543122;
text-align: center;
padding-top: 140px;
padding-top: 60px;
padding-left: 20px;
padding-right: 20px;
line-height: 2.857rem;
}
.section-intro {
text-align: center;
}
.sub_intro {
font-size: 1rem;
font-weight: bold;
color: #543122;
text-align: center;
padding-left: 20px;
padding-right: 20px;
line-height: 2.857rem;
margin: 0 auto;
}
.btn_regis {
border-radius: 4px;
color: #ffffff;
border: 0;
padding: 12px 20px;
text-align: center;
position: relative;
max-width: 260px;
margin: 0px 10px;
background-color: #543122;
margin-bottom: 40px;
width: 100%;
}
.text_intro {
text-align: center;
font-size: 1rem;
line-height: 2rem;
padding-top: 10px;
padding-bottom: 20px;
}
.header_btn {
width: 70%;
}
.header_view {
background-color: #a0936c;
}
.header_login {
background-color: #543122;
color: #ffffff;
}
.header_login .normal {
display: none;
}
.header_login:hover {
background-color: #543122;
color: #ffffff;
}
.header_login:hover .normal {
display: block;
}
.header_login:hover .hover {
display: none;
}
.header_btn {
justify-content: end;
}
.slick-menu {
display: none;
}
.slicknav_menu {
display: none;
background: #fff;
}
.modal-preview .preview {
height: 600px;
}
.modal-preview .preview iframe {
width: 100%;
height: 580px;
}
.modal-preview .btns {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.modal-preview.iziModal {
z-index: 99999 !important;
}
.secction_flow,
.secction_faq,
.secction_point {
max-width: 1100px;
margin: 0 auto;
}
.secction_flow {
background-color: #FAF4FA;
margin-top: -2px;
padding-bottom: 40px;
}
.secction_faq {
margin-top: 0;
padding-bottom: 10px;
}
.secction_point {
max-width: 1400px;
margin-top: 100px;
}
.section_design {
width: 100%;
margin: 0 auto;
}
.section_design_inner {
padding: 0px 40px;
max-width: 795px;
margin: 0 auto;
}
.section_design .img_content p {
font-size: 1rem;
line-height: 2rem;
margin-bottom: 10px;
}
.space_item1 {
background-color: #fdfafa;
height: 30px;
margin-top: 20px;
}
.space_item2 {
background-color: #f6f8fa;
height: 30px;
margin-top: 20px;
}
.space_item3 {
background-color: #fdfafa;
height: 30px;
margin-top: 20px;
line-height: 2.214rem;
text-align: center;
}
.space_item4 {
background-color: #f7f7f9;
height: 30px;
margin-top: 20px;
}
.flow_content .item .space_item1 {
position: relative;
}
.flow_content .item .space_item1 p {
position: absolute;
right: -30px;
top: 4px;
}
.flow_content .item .img7 .next_img img {
width: 20px;
padding: 2px;
}
.next_img {
position: absolute;
top: calc(50% - 20px);
right: -28px;
}
.next_img img {
width: 20px;
padding: 2px;
}
.next_img2 {
right: -24px;
top: calc(50% - 20px);
}
.next_img3 {
right: inherit;
left: -40px;
top: calc(50% - 20px);
}
.modal-preview .iziModal-header {
display: none !important;
}
.modal-preview.iziModal .in {
padding: 0;
}
.iziModal.modal-preview {
max-width: 100% !important;
height: 100% !important;
}
.iziModal.modal-preview .iziModal-wrap {
height: 100% !important;
}
.iziModal.modal-preview .iziModal-content {
width: 100%;
height: 100%;
}
.iziModal.modal-preview .in {
height: 100%;
}
.modal-preview .preview {
height: calc(100% - 40px);
}
.modal-preview .preview iframe {
width: 100%;
height: 100%;
}
.fast_invitation_btn {
position: fixed;
bottom: 20px;
right: 20px;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: beige;
z-index: 9999;
border: 1px solid #bdbdbd;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.text-l,
.text-r {
min-height: 34px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.text-r {
justify-content: end;
}
.gifts .line {
width: 175px;
height: 28px;
display: flex;
justify-content: center;
align-items: end;
}
.secction_webinvitation .swiper-container {
width: 100%;
height: 100%;
position: relative;
}
.secction_webinvitation .swiper-wrapper {
transition-timing-function: linear !important;
position: relative;
}
.slider__webinvitation .swiper-slide {
text-align: center;
font-size: 2.357rem;
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
width: 200px !important;
width: 240px !important;
padding: 0px 10px;
box-sizing: border-box;
}
.slider__paperinvitation .swiper-slide {
text-align: center;
font-size: 2.357rem;
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
width: 244px !important;
padding: 0px 10px;
box-sizing: border-box;
}
.section_card-list .swiper-slide {
padding: 0 4px;
}
@-webkit-keyframes line-slide {
0% {
background-position: -5% 0;
}
100% {
background-position: 100% 0;
}
}
@keyframes line-slide {
0% {
background-position: -5% 0;
}
100% {
background-position: 100% 0;
}
}
.logo_header .cls-1 {
fill: #543122;
}
.logo_header .cls-2 {
font-size: 1.571rem;
fill: #3e3a39;
font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
letter-spacing: 0.02em;
}
.slider_text_img .cls-1,
.slider_text_img .cls-2,
.slider_text_img .cls-3 {
fill: #543122;
}
.slider_text_img .cls-2,
.slider_text_img .cls-3 {
font-size: 2.657rem;
letter-spacing: 0.02em;
}
.slider_text_img .cls-2 {
font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
font-weight: 300;
}
.slider_text_img .cls-3 {
font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
}
#iframe_video {
aspect-ratio: 16/9;
}
.section__video {
width: 100%;
margin: 0 auto;
padding-top: 30px;
background-color: #FAF4FA;
}
.section__voice {
width: 100%;
margin: 0 auto;
background-color: #FAF4FA;
padding-bottom: 40px;
}
.voice_wrapper {
padding: 0px 30px;
}
.t_voice p {
font-size: 1.929rem;
text-align: center;
color: #9f926c;
color: #543122;
padding-top: 20px;
}
.t_voice .p1_v {
color: #000;
font-weight: bold;
font-size:1rem;
padding-top: 0;
padding-bottom: 20px;
}
.voice_img {
max-width: 480px;
margin: 0 auto;
}
#voice .btn {
padding-top: 20px;
}
#voice .btn button {
border-radius: 8px;
color: #ffffff;
border: 0;
padding-top: 6px;
padding-bottom: 6px;
width: 100%;
position: relative;
max-width: 280px;
margin: 0px 10px;
background-color: #9f926c;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 20px;
}
#voice .btn button img {
width: 20px;
padding-left: 10px;
}
.video_wrapper {
text-align: center;
width: 100%;
max-width: 820px;
margin: 0 auto;
aspect-ratio: 16 / 9;
overflow: hidden;
position: relative;
margin-top: 5px;
}
.btn__video {
border: 0;
outline: none;
background-color: transparent;
width: calc(100% - 80px);
margin: 0 auto;
position: relative;
}
.t_story p {
font-size: 1.929rem;
text-align: center;
color: #9f926c;
color: #543122;
padding-top: 20px;
}
.a1 {
text-align: center;
color: #9f926c;
font-weight: bold;
font-size: 1.5rem;
}
.a1 .a1_p1 span {
font-size: 1.143rem;
color: #3e3a39;
}
.a1 .a1_p1 {
position: relative;
}
.a1_img {
margin-top: -10px;
}
.section__a2 {
background-color: #f5f2e9;
padding: 20px 30px;
}
.a1 .a1_p2 {
position: relative;
color: #543122;
}
.a2_item {
background-color: #ffff;
padding: 10px 20px;
text-align: center;
position: relative;
margin-top: 20px;
font-weight: 500;
color: #3e3a39;
height: 66px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.214rem;
}
.a2_item:before {
content: "";
display: block;
position: absolute;
top: 7px;
left: 7px;
background-position: center;
background-repeat: no-repeat;
background-image: url("../../images/phet1.png");
width: 27px;
height: 18px;
background-size: contain;
}
.a2_item:after {
content: "";
display: block;
position: absolute;
bottom: 7px;
right: 7px;
background-position: center;
background-repeat: no-repeat;
background-image: url("../../images/phet2.png");
width: 27px;
height: 18px;
background-size: contain;
}
.a2_t1 {
text-align: center;
max-width: 120px;
margin: 0 auto;
margin-bottom: 10px;
}
.cls-1_weddinginvitation {
fill: #9f926c;
font-family: Gabriola, sans-serif;
font-size: 0.714rem;
}
.a2_t2 {
color: #3e3a39;
text-align: center;
font-size: 1.214rem;
font-weight: 500;
}
.btn__video_icon_play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 37px;
}
.closePopup__video {
position: absolute;
top: -50px;
right: 0px;
padding: 10px 10px;
cursor: pointer;
border-radius: 5px;
border: 0;
}
.modal__video-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
align-items: center;
justify-content: center;
z-index: 99999;
}
.modal__video {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
max-width: 820px;
aspect-ratio: 16 / 9;
width: 100%;
position: relative;
}
.video_wrapper iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0;
/* display: none;*/
}
.story_wrapper {
padding-top: 100px;
max-width: 1600px;
margin: 0 auto;
}
.story_item-text {
text-align: center;
margin-top: 20px;
}
.story_item-text h3 {
color: #543122;
font-size: 1rem;
font-weight: 500;
position: relative;
display: inline-block;
}
.story_item-text h3:before {
content: "";
display: block;
width: 25px;
height: 1px;
position: absolute;
left: -30px;
background-color: #543122;
top: 10px;
}
.story_item-text h3:after {
content: "";
display: block;
width: 25px;
height: 1px;
position: absolute;
right: -30px;
background-color: #543122;
top: 10px;
}
.story_item-text p {
font-size: 1rem;
padding-top: 15px;
line-height: 1.714rem;
}
.story_wrapper .story_item {
display: flex;
flex-direction: column;
/* max-width: 260px;*/
position: relative;
margin: 0 10px;
align-items: center;
width: calc(30% - 35px) !important;
padding: 0px 10px;
}
.story_wrapper .story_item.edit {
/* max-width: 500px;*/
width: calc(40% - 90px) !important;
}
.story_wrapper .story_item.edit2 {
padding-left: 20px;
padding-right: 0;
}
.story_item-imgs {
display: flex;
}
.story_item-imgs-img {
width: 50%;
}
.story_item .arrow {
width: 30px;
}
.story_wrapper .swiper-wrapper {
justify-content: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.story_wrapper .arrow img {
position: absolute;
width: 30px;
top: 215px;
top: 60%;
right: -38px;
z-index: 10;
}
.story_item_inner {
position: relative;
}
.story-button-prev,
.story-button-next {
display: none;
}
.secction_point .title__ {
text-align: center;
}
.secction_point .title2 {
font-size: 1.714rem;
color: #3e3a39;
font-weight: 500;
text-align: center;
padding: 20px 20px;
padding-top: 60px;
position: relative;
display: inline-block;
}
.secction_point .title2:before {
content: "";
display: block;
position: absolute;
bottom: 12px;
left: 0;
background-color: #FAF4FA;
width: 100%;
height: 25px;
z-index: -1;
border-radius: 60%;
}
.secction_point .title3 {
font-size: 1.714rem;
color: #3e3a39;
font-weight: 500;
text-align: center;
padding: 60px 90px;
padding-top: 160px;
position: relative;
display: inline-block;
}
.secction_point .title3:before {
content: "";
display: block;
position: absolute;
bottom: 50px;
left: 0;
background-color: #FAF4FA;
width: 100%;
height: 25px;
z-index: -1;
border-radius: 60%;
}
.point_step_02 .point_img img,
.point_step_01 .point_img img,
.point_step_05 .point_img img,
.point_step_06 .point_img img {
width: 80%;
}
.guide_iner .text a {
color: #ffffff;
background-color: #543122;
border-radius: 20px;
padding: 5px 10px;
margin-left: 10px;
text-decoration: none;
white-space: nowrap;
line-height: 3.571rem;
}
.guide_iner .title.edit {
padding-bottom: 0;
}
.right_line {
display: flex;
/* justify-content: center; */
justify-content: space-around;
padding: 10px 0px;
padding-bottom: 20px;
}
.right_line p {
font-size: 1.071rem;
font-weight: bold;
}
.right_line-btn a {
text-decoration: none;
color: #ffffff;
border-radius: 20px;
padding: 5px 10px;
}
.right_content_flex-text {
font-size: 0.857rem;
color: #3e3a39;
}
.gifts .gift1 .right_line-btn a {
background-color: #f3bdbb;
}
.gifts .gift2 .right_line-btn a {
background-color: #afd6ba;
}
.gifts .gift3 .right_line-btn a {
background-color: #e0bc80;
}
.gifts .gift4 .right_line-btn a {
background-color: #7c91a4;
}
.gifts .gift5 .right_line-btn a {
background-color: #e2d285;
}
.gifts .gift6 .right_line-btn a {
background-color: #c2b1c2;
}
.gifts .gift7 .right_line-btn a {
background-color: #d08a7e;
}
.law-btn {
text-align: center;
margin-bottom: 20px;
display: flex;
flex-direction: column;
}
.law-btn a {
border-radius: 30px;
color: #ffffff;
border: 0;
padding-top: 12px;
padding-bottom: 12px;
width: 40%;
position: relative;
max-width: 280px;
margin: 0px 10px;
background-color: #543122;
background-color: #a0936c;
color: #ffffff;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
}
.law-btn a {
display: block;
padding: 12px 0 12px 0;
width: 70%;
margin: 0 auto;
margin-bottom: 10px;
}
.pc-hide {
display: none;
}
.bg__top {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../../images/bg__top.jpg");
}
.accordion-item {
background-color: #fff;
margin: 1rem 0;
border-radius: 0.5rem;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.accordion-item-header {
padding: 0.5rem 3rem 0.5rem 1rem;
min-height: 3.5rem;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
}
.accordion-item-header::after {
content: "\002B";
font-size: 2rem;
position: absolute;
right: 1rem;
}
.accordion-item-header.active::after {
content: "\2212";
}
.accordion-item-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
padding: 1rem;
}
.secction_webinvitation,
.slider__paperinvitation {
overflow: hidden;
}
.secction_webinvitation .swiper--top,
.slider__paperinvitation .swiper--top2 {
width: 100%;
}
.slider__webinvitation .swiper--top .fade .js-img-no-create {
text-align: center;
font-size: 2.357rem;
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
box-sizing: border-box;
flex-shrink: 0;
}
.slider__paperinvitation .swiper--top2 .fade .js-img-no-create {
text-align: center;
font-size: 2.357rem;
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
box-sizing: border-box;
flex-shrink: 0;
}
@keyframes moveSlider {
from {
transform: translateX(40vw);
}
to {
transform: translateX(0);
}
}
.accordion.gifts3 {
max-width: 600px;
margin: 0 auto;
padding: 20px;
margin-top: -2px;
}
.accordion.gifts3 .accordion-item {
box-shadow: none;
}
.accordion-item {
background-color: #fff;
margin: 1rem 0;
border-radius: 0.5rem;
}
.accordion-item-header2 {
padding: 0.5rem 0.5rem 0.5rem 1rem;
min-height: 3.5rem;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
border-radius: 4px;
padding-bottom: 0;
padding-top: 0;
min-height: 4.7rem;
}
.title_icon {
background-color: #f3bdbb;
position: absolute;
left: 0;
width: 24px;
height: 100%;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.accordion-item-header2 .title_icon:before {
content: "";
background-image: url("../../images/plus2.png");
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 16px;
transform: translate(-50%, -50%);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.accordion-item-header2.active .title_icon:before {
content: "";
background-image: url("../../images/minus2.png");
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 16px;
transform: translate(-50%, -50%);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.accordion-item-body2 {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
margin-top: -3px;
}
.accordion-item-body-content {
padding: 1rem;
}
.t1 .t1-2 {
font-weight: bold;
font-size: 2.8rem;
line-height: 2.8rem;
}
.t2 .t2-2 {
font-weight: 600;
font-size: 1.286rem;
max-width: 100px;
}
.gifts3 .gift1 .t2 .t2-2 {
color: #f3bdbb;
}
.gifts3 .gift2 .t2 .t2-2 {
color: #afd6ba;
}
.gifts3 .gift3 .t2 .t2-2 {
color: #e7bd7d;
}
.gifts3 .gift4 .t2 .t2-2 {
color: #7a8fa1;
}
.gifts3 .gift5 .t2 .t2-2 {
color: #dccc83;
}
.gifts3 .gift6 .t2 .t2-2 {
color: #bfaebf;
}
.gifts3 .gift7 .t2 .t2-2 {
color: #c9867b;
}
.gifts3 .gift1 .right_line-btn a {
background-color: #f1bcba;
}
.gifts3 .gift2 .right_line-btn a {
background-color: #a9d0b5;
}
.gifts3 .gift3 .right_line-btn a {
background-color: #E0B77B;
}
.gifts3 .gift4 .right_line-btn a {
background-color: #778A9B;
}
.gifts3 .gift5 .right_line-btn a {
background-color: #D5C580;
}
.gifts3 .gift6 .right_line-btn a {
background-color: #BAAABB;
}
.gifts3 .gift7 .right_line-btn a {
background-color: #C28178;
}
.gifts3 .gift8 .right_line-btn a {
background-color: #ABD1B6;
}
.gifts3 .gift9 .right_line-btn a {
background-color: #F2BDBB;
}
.gifts3 .gift10 .right_line-btn a {
background-color: #619CD4;
}
.gifts3 .gift1 .title_icon {
background-color: #f1bcba;
}
.gifts3 .gift2 .title_icon {
background-color: #a9d0b5;
}
.gifts3 .gift3 .title_icon {
background-color: #E0B77B;
}
.gifts3 .gift4 .title_icon {
background-color: #778A9B;
}
.gifts3 .gift5 .title_icon {
background-color: #D5C580;
}
.gifts3 .gift6 .title_icon {
background-color: #BAAABB;
}
.gifts3 .gift7 .title_icon {
background-color: #C28178;
}
.gifts3 .gift8 .title_icon {
background-color: #ABD1B6;
}
.gifts3 .gift9 .title_icon {
background-color: #F2BDBB;
}
.gifts3 .gift10 .title_icon {
background-color: #619CD4;
}
.gifts3 .accordion-item-header {
border-top: 0;
}
.gifts3 .gift1 .accordion-item-header2 {
background-color: #fbebeb;
}
.gifts3 .gift2 .accordion-item-header2 {
background-color: #e6f1e9;
}
.gifts3 .gift3 .accordion-item-header2 {
background-color: #f6ead8;
}
.gifts3 .gift4 .accordion-item-header2 {
background-color: #d7dce1;
}
.gifts3 .gift5 .accordion-item-header2 {
background-color: #f3eed9;
}
.gifts3 .gift6 .accordion-item-header2 {
background-color: #ebe6eb;
}
.gifts3 .gift7 .accordion-item-header2 {
background-color: #eddad7;
}
.gifts3 .gift8 .accordion-item-header2 {
background-color: #d5e8db;
}
.gifts3 .gift9 .accordion-item-header2 {
background-color: #f9dedd;
}
.gifts3 .gift10 .accordion-item-header2 {
background-color: #c0d7ee;
}
.accordion-item-body2 .right_line {
justify-content: space-between;
}
.lineup_list {
padding: 0;
}
.price_tax {
font-size: 0.857rem;
font-size: 1rem;
}
.right_content_title2 {
font-weight: bold;
font-size: 1.071rem;
padding-top: 10px;
}
.right_content_title {
font-size: 1rem;
}
.p_right_1 {
padding-top: 10px;
padding-bottom: 30px;
color: #cccccc;
}
.p_right_2 {
padding-top: 10px;
padding-bottom: 10px;
font-size: 0.857rem;
}
.p_right_3 {
font-size: 0.857rem;
}
.p_right_4 {
font-size: 1rem;
padding-top: 10px;
}
.p_right_5 {
font-size: 0.857rem;
padding-bottom: 10px;
}
.accordion-item-body-content {
background-color: #ffffff;
}
.right_content_flex-img img {
width: 160px;
margin-right: 10px;
border: 1px solid #ccc;
}
.right_content_flex {
display: flex;
padding-top: 10px;
padding-bottom: 20px;
}
.gifts3 .gift1 .accordion-item-body2 {
border: 2px solid #f1bcba;
border-top: 0;
}
.gifts3 .accordion-item-header2 .title {
display: flex;
padding: 5px 20px;
padding-right: 5px;
justify-content: space-between;
width: 100%;
align-items: center;
}
.gifts3 .gift1 .title .windsong {
color: #eb6d8e;
}
.gifts3 .gift2 .accordion-item-body2 {
border: 2px solid #a9d0b5;
border-top: 0;
}
.gifts3 .gift2 .title .windsong {
color: #20a139;
}
.gifts3 .gift3 .accordion-item-body2 {
border: 2px solid #E0B77B;
border-top: 0;
}
.gifts3 .gift3 .title .windsong {
color: #c28f12;
}
.gifts3 .gift4 .accordion-item-body2 {
border: 2px solid #778A9B;
border-top: 0;
}
.gifts3 .gift4 .title .windsong {
color: #543122;
}
.gifts3 .gift5 .accordion-item-body2 {
border: 2px solid #D5C580;
border-top: 0;
}
.gifts3 .gift5 .title .windsong {
color: #a4a21e;
}
.gifts3 .gift6 .accordion-item-body2 {
border: 2px solid #BAAABB;
border-top: 0;
}
.gifts3 .gift6 .title .windsong {
color: #8a529b;
}
.gifts3 .gift7 .accordion-item-body2 {
border: 2px solid #C28178;
border-top: 0;
}
.gifts3 .gift8 .accordion-item-body2 {
border: 2px solid #ABD1B6;
border-top: 0;
}
.gifts3 .gift9 .accordion-item-body2 {
border: 2px solid #F2BDBB;
border-top: 0;
}
.gifts3 .gift10 .accordion-item-body2 {
border: 2px solid #619CD4;
border-top: 0;
}
.gifts3 .gift7 .title .windsong {
color: #c1272d;
}
.accordion-item-body-content2 {
padding: 1rem;
}
.step__condung_img {
max-width: 25px;
margin: 0px auto;
padding-top: 20px;
padding-bottom: 10px;
margin-top: -60px;
}
.step__condung_t {
padding: 0px 50px;
padding-top: 40px;
font-size: 1.714rem;
display: flex;
align-items: center;
flex-direction: column;
}
.step__condung_t p {
color: #9F926C;
font-weight: 600;
margin-top: 10px;
}
.step__condung_t img {
width: 140px;
}
.step__condung {
padding-bottom: 10px;
}
.step__condung_p {
display: flex;
align-items: center;
flex-direction: column;
}
.step__condung_p1 {
font-weight: bold;
font-size: 1.429rem;
color: #543122;
text-align: center;
position: relative;
display: inline-block;
z-index: 1;
}
.step__condung_p2 {
font-weight: bold;
font-size: 1.714rem;
color: #543122;
text-align: center;
position: relative;
display: inline-block;
z-index: 1;
}
.step__condung_p1:before {
content: "";
display: block;
width: calc(100% + 10px);
background-color: #9f926c;
height: 10px;
position: absolute;
bottom: 0;
z-index: -1;
margin-left: -10px;
opacity: 0.4;
}
.step__condung_p1.edit4:before{
background: linear-gradient(to right, #bbd3d7 0%, #bcc39f 100%);
bottom: 5px;
}
.step__condung_p1.edit4 {
color: #3E3A39;
font-weight: 500;
}
.step__condung_p1.edit4 span {
color: #9F926C;
font-size: 2.714rem;
}
.step__condung_p3 {
font-size: 1.6rem;
font-weight: 500;
text-align: center;
color: #543122;
padding-bottom: 20px;
}
.step__condung_p3 .span1{
color: #9F926C;
font-size: 2.2rem;
}
.step__condung_p3 .span2{
font-size: 1.3rem;
}
.step__condung_p3 .span3{
font-size: 1.6rem;
color: #9F926C;
}
.step__condung_flex {
display: flex;
gap: 10px;
flex-wrap: wrap;
padding: 0 30px;
margin-top: 20px;
position: relative;
}
.step__condung_img2 {
padding: 0px 15px;
}
.notifi_table {
text-align: center;
display: flex;
justify-content: center;
margin: 0 auto;
}
.notifi_table ul {
list-style: none;
text-align: left;
background-color: #fff;
border-radius: 10px;
padding: 20px;
padding-top: 35px;
}
.notifi_table ul li {
padding-bottom: 15px;
font-size: 1rem;
font-weight: bold;
color: #3E3A39;
position: relative;
z-index: 1;
}
.notifi_table ul li span {
color: #9F926C;
position: relative;
}
.notifi_table ul li span:before {
content: "";
display: block;
width: 100%;
background-color: #9f926c;
height: 10px;
position: absolute;
z-index: -1;
opacity: 0.4;
background: linear-gradient(to right, #bbd3d7 0%, #bcc39f 100%);
bottom: 0px;
left: 0;
}
.notifi_table ul li img {
width: 22px;
}
.voice__noti {
width: calc(100% - 30px);
background-color: #fff;
margin: 0 auto;
padding: 10px 0px;
}
.voice__noti-top {
background-color: #543122;
width: calc(100% - 20px);
margin: 0 auto;
color: #fff;
font-size: 1.3rem;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-around;
padding: 20px 10px;
}
.voice__noti-top img {
max-width: 130px;
}
.voice__noti-p {
font-size: 1rem;
text-align: center;
padding: 20px 0px;
line-height: 2rem;
}
.voice__noti-list {
display: flex;
justify-content:center;
max-width: 480px;
margin: 0 auto;
padding-bottom: 20px;
}
.voice__noti-list p {
text-align: center;
font-size: 1.1rem;
}
.voice__noti-item {
width: 33%;
text-align: center;
color: #000000;
background: radial-gradient(circle, rgba(162, 182, 150, 1) 0%, rgba(255, 0, 0, 0) 70%);
}
.voice__noti-item.edit2 {
background: radial-gradient(circle, rgba(231, 195, 171, 1) 0%, rgba(255, 0, 0, 0) 70%);
}
.voice__noti-item.edit3 {
background: radial-gradient(circle, rgba(129, 182, 187, 1) 0%, rgba(255, 0, 0, 0) 70%);
}
.voice__noti-item img {
max-width: 90px;
text-align: center;
}
.step__condung_item {
width: calc(50% - 5px);
background-color: #fff;
border: 2px dashed #9f926c;
border-radius: 10px;
text-align: center;
padding: 36px 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-family: "NotoSansCJKjp-Regular";
position: relative;
}
.step__condung_item:before {
content: "";
display: block;
background-image: url("../../images/top/checked.png");
width: 22px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 10px;
top: 10px;
}
.step__condung_item p {
color: #3e3a39;
font-size: 1.214rem;
font-weight: bold;
text-align: left;
}
.step__condung_item span {
color: #543122;
font-size: 1.214rem;
}
.bg_edit {
background-color: #fff;
padding: 30px 0px;
position: relative;
margin-top: 20px;
clip-path: polygon(0% 0%, 47% 0%, 50% 10%, 53% 0%, 100% 0%, 100% 100%, 0% 100%)
}
.point__title {
background-color: #543122;
color: #fff;
font-size: 1.714rem;
text-align: center;
padding-top: 2px;
margin-bottom: 30px;
}
.point__sub {
text-align: center;
color: #543122;
font-size: 1.429rem;
font-weight: 600;
}
.btn__more_point a {
width: 160px;
display: block;
height: 24px;
border-radius: 20px;
text-align: center;
font-size: 0.714rem;
color: #000;
background: #b8d0df;
text-decoration: none;
padding-top: 5px;
margin: 0 auto;
margin-bottom: 40px;
}
.btn__more_point2 a {
width: 180px;
display: block;
height: 24px;
border-radius: 20px;
text-align: center;
font-size: 0.714rem;
color: #000;
background: #b8d0df;
text-decoration: none;
padding-top: 5px;
margin: 0 auto;
margin-bottom: 40px;
}
.point__img_sample {
padding: 10px;
}
.section_point .t1 {
text-align: center;
max-width: 120px;
margin: 0 auto;
margin-bottom: 10px;
}
.section_point .t2 {
color: #3e3a39;
text-align: center;
font-size: 1.286rem;
font-weight: 500;
}
.section_point {
background-color: #ffffff;
}
.point__inner {
margin-top: 20px;
}
.point__inner .flex {
display: flex;
flex-wrap: wrap;
gap: 20px;
height: 100%;
}
.point__inner .flex .point__item {
width: calc(50% - 10px);
background-color: #fff;
border-radius: 4px;
display: flex;
flex-direction: column;
position: relative;
}
.point__inner .flex .point__item_inner {
display: flex;
flex-direction: column;
height: 100%;
padding: 2px;
}
.point__inner .flex .point__item:before {
content: "";
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
border-bottom: 2px dashed #9f926c;
}
.point__inner .flex .point__item:after {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
width: 2px;
height: 100%;
border-right: 2px dashed #9f926c;
}
.point__inner .flex .point__item_inner:before {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
width: 60%;
height: 2px;
border-top: 2px dashed #9f926c;
}
.point__inner .flex .point__item_inner:after {
content: "";
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 2px;
height: calc(100% - 50px);
border-left: 2px dashed #9f926c;
}
.point_item_img {
margin-bottom: 10px;
}
.point__item p span {
color: #3e3a39;
font-size: 1.143rem;
}
.point__item_text {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100%;
padding: 5px 0px;
}
.point__item_number img {
width: 18px;
}
.point__item_number {
position: absolute;
top: -16px;
left: 10px;
}
.poin__next {
position: relative;
margin: 40px auto;
z-index: 1;
}
.poin__next-img {
width: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.poin__next p {
color: #3e3a39;
font-size: 1.286rem;
text-align: center;
font-weight: 600;
}
.point__inner2 {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.point__item2 {
background-color: #ffffff;
width: 100%;
margin-bottom: 30px;
position: relative;
}
.point__item2:before {
content: "";
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
border-bottom: 2px dashed #9f926c;
}
.point__item2:after {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
width: 2px;
height: 100%;
border-right: 2px dashed #9f926c;
}
.point__item2_inner:before {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
width: 60%;
height: 2px;
border-top: 2px dashed #9f926c;
}
.point__item2_inner:after {
content: "";
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 2px;
height: calc(100% - 50px);
border-left: 2px dashed #9f926c;
}
.point__item2-img {
position: absolute;
top: -10px;
left: 10px;
width: 20px;
}
.point__item2-img2 {
position: absolute;
top: -10px;
left: 10px;
width: 40px;
}
.point__item2 .t3 {
color: #9f926c;
font-size: 0.786rem;
padding-top: 10px;
font-weight: bold;
}
.point__item2_inner {
padding: 10px;
}
.point__item2 .p1 {
color: #3e3a39;
font-size: 1.143rem;
font-weight: 600;
padding: 10px 0px;
}
.kitene {
display: flex;
align-items: center;
justify-content: space-between;
}
.kitene img {
width: 80px;
}
.kitene p {
height: 2px;
width: calc(100% - 90px);
background-color: #543122;
}
.accordion-item-header3 p {
font-size: 1.429rem;
color: #543122;
font-weight: bold;
width: calc(100% - 40px);
padding: 10px 0px;
}
.accordion-item-header3 {
position: relative;
}
.accordion-item-header3:before {
content: "";
display: block;
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("../../images/minus.png");
width: 20px;
height: 5px;
right: 15px;
top: 35px;
}
.active.accordion-item-header3:before {
content: "";
display: block;
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("../../images/plus.png");
width: 20px;
height: 20px;
right: 15px;
top: 28px;
}
.accordion-item-body3 {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-item-body3 p {
color: #3e3a39;
font-weight: 500;
font-size: 1.071rem;
}
.accordion-item-body3 p span {
color: #543122;
font-weight: bold;
font-size: 1.071rem;
}
.accordion-item-body3 img {
margin: 10px auto;
}
#lineup {
background-color: #fff;
padding-top: 20px;
}
.secction_faq {
background-color: #fff;
}
.secction_faq .t1 {
text-align: center;
max-width: 115px;
margin: 0 auto;
margin-bottom: 5px;
}
.secction_faq .t2 {
color: #3e3a39;
text-align: center;
font-size: 2rem;
font-weight: 500;
}
.secction_flow .t1 {
text-align: center;
max-width: 90px;
margin: 0 auto;
margin-bottom: 10px;
}
.secction_flow .t2 {
color: #3e3a39;
text-align: center;
font-size: 2rem;
font-weight: 500;
padding-top: 30px;
}
.secction_lineup .t4 {
text-align: center;
max-width: 70px;
margin: 0 auto;
margin-bottom: 10px;
}
.secction_lineup .t5 {
color: #3e3a39;
text-align: center;
font-size: 1.4rem;
font-weight: 500;
margin-top: 30px;
}
.secction_lineup .t6 {
color: #3e3a39;
text-align: center;
font-size: 1.071rem;
font-weight: bold;
}
.flow_item {
margin-bottom: 60px;
}
.flow_item-content {
text-align: center;
position: relative;
}
.flow_item__text {
display: inline-block;
text-align: left;
}
.flow_item__text p {
padding-bottom: 5px;
padding-top: 5px;
text-indent: -20px;
padding-left: 20px;
font-weight: bold;
}
.flow_item-content p svg {
width: 20px;
margin-bottom: -3px;
}
.flow_item {
border: 2px solid #543122;
background-color: #fff;
}
.flow__inner {
padding: 20px 40px;
padding-bottom: 0;
}
.flow_item-top {
display: flex;
}
.flow_item-top .l {
width: 110px;
background-color: #543122;
color: #fff;
}
.flow_item-top .l p {
padding:0px;
text-align: center;
font-size: 2.4rem;
line-height: 0.8;
}
.flow_item-top .l p span {
font-size: 1.1rem;
font-weight: bold;
}
.flow_item-top .r {
width: calc(100% - 80px);
padding-left: 5px;
padding-right: 10px;
display: flex;
align-items: center;
}
.flow_item-top .r p {
font-weight: bold;
color: #543122;
font-size: 1.357rem;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 6px;
}
.flow_item-content .arrow {
width: 36px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: calc(100% + 20px);
}
.flow__inner2 p {
text-align: center;
color: #543122;
font-size: 1.286rem;
font-weight: bold;
padding-bottom: 20px;
}
#footer-inner .fr {
border-top: 1px solid #ccc;
}
#footer-inner .fr .free {
margin-top: 10px;
}
#footer-inner .mail {
margin-top: 10px;
}
#footer-inner .fr .free .img {
display: block;
float: left;
padding-right: 3px;
}
#footer-inner .fr .free .tel {
font-size: 1.429rem;
display: block;
font-weight: 500;
}
#footer-inner .s {
text-align: center;
}
.flow__inner2 img {
padding: 0px 20px;
}
.flow__inner2 {
padding-bottom: 20px;
}
.slider_fade .slick-slider {
display: flex !important;
align-items: center;
justify-content: center;
height: auto;
}
.slider_fade .slick-track {
display: flex !important;
}
.slider_fade .slick-slider > div {
display: flex;
flex-direction: column;
height: 100%;
}
.slider__top-flex .l p {
font-weight: bold;
color: #3a3e39;
font-size: 1.429rem;
text-align: right;
}
.slider__top-flex .l p span {
color: #543122;
font-weight: bold;
font-size: 1.429rem;
}
.slider__top-flex .r p {
font-weight: bold;
color: #3a3e39;
font-size: 1.429rem;
}
.slider__top-flex .r p span {
color: #543122;
font-weight: bold;
font-size: 1.429rem;
}
.slider__top-flex .l p img {
width: 25px;
}
.slider__top-flex .r p img {
width: 25px;
}
.slider__top-flex .c {
margin-left: 10px;
margin-right: 10px;
}
.top__1_p1 {
font-size: 1.5rem;
font-weight: 600;
color: #543122;
text-align: center;
}
.top__1_p1 span {
color: #231815;
font-weight: 600;
font-size: 1.071rem;
}
.top__1_p2 {
color: #231815;
font-weight: 600;
font-size: 2.286rem;
text-align: center;
}
.js-anchor-link {
cursor: pointer;
}
.top__1-inner {
display: flex;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-bottom: 20px;
}
.top__2-inner {
width: 65%;
margin-left: auto;
margin-top: 30px;
}
.top__2-inner2 {
background-color: #ffffff;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.special {
width: 100%;
position: relative;
}
.special p {
text-align: center;
color: #fff;
font-size: 1.2rem;
padding-bottom: 5px;
}
.special p span{
font-size: 1rem;
}
.ad {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 100%;
text-align: center;
}
.ad img {
width: 96%;
margin: 0 auto;
}
.special_close {
border: 0;
background: transparent;
position: absolute;
right: 5px;
top: 5px;
z-index: 2;
}
.special_close img {
width: 100%;
}
.section__top {
background-position: center;
background-color: #fff;
}
.slider__top {
background-color: #fff;
}
.top__2-inner2 {
padding: 40px 20px;
}
.top__2-inner p {
color: #797052;
font-weight: 600;
font-size: 0.857rem;
text-align: center;
padding: 10px 0px;
}
.slider__top {
padding-top: 60px;
}
.top__2-inner2 {
position: relative;
}
.top__2-inner2:before {
content: "";
display: block;
position: absolute;
top: 25px;
left: 25px;
background-position: center;
background-repeat: no-repeat;
background-image: url("../../images/phet1.png");
width: 27px;
height: 18px;
background-size: contain;
}
.top__2-inner2:after {
content: "";
display: block;
position: absolute;
bottom: 25px;
right: 25px;
background-position: center;
background-repeat: no-repeat;
background-image: url("../../images/phet2.png");
width: 27px;
height: 18px;
background-size: contain;
}
.top_btn {
border-radius: 10px;
color: #ffffff;
border: 0;
padding: 3px 7px 3px 7px;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
width: 130px;
text-decoration: none;
margin: 0px auto;
background-color: #9f926c;
font-weight: bold;
}
.custom_radio .radio-input {
visibility: hidden;
width: 0;
height: 0;
}
.custom_radio .radio-label {
position: relative;
padding-left: 35px;
}
.custom_radio .radio-border {
width: 20px;
height: 20px;
display: inline-block;
outline: solid 1px #797052;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 0px;
top: 0px;
}
.custom_radio .radio-label:after {
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
left: 2px;
top: 2px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.custom_radio .radio-input2:after {
transition: all 0.5s;
background-color: #9f926c;
}
.custom_radio .radio-label {
color: #9f926c;
}
.custom_radio {
margin-bottom: 10px;
}
.top__2 {
position: relative;
}
.top__2-img {
position: absolute;
top: 67px;
left: -62px;
width: 330px;
z-index: 2;
transform: rotate(5deg);
}
.top__2-inner {
position: relative;
}
.top__2-inner:before {
content: "";
position: absolute;
top: 30%;
left: 0;
transform: translateX(-50%);
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-bottom: 18px solid #fff;
}
.scroll__sp {
max-width: 640px;
margin: 0 auto;
}
.fixed_left {
width: calc((100% - 640px) / 2);
height: calc(100vh - 100px);
height: 100vh;
position: fixed;
z-index: 10;
top: 100px;
top: 0;
left: 0;
background-color: #999999;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../../images/bg__top_left.jpg");
box-shadow: -10px 0px 40px rgba(0, 0, 0, 0.1);
overflow-y: auto;
}
.fixed_right {
z-index: -1;
position: fixed;
top: 100px;
top: 0;
left: 0;
width: 100%;
height: calc(100vh - 100px);
height: 100vh;
width: calc(100% - 640px);
right: -20px;
left: inherit;
}
.fixed__logo {
max-width: 180px;
margin-bottom: 30px;
}
.fixed_left {
padding: 40px;
}
.fixed_left .p1 {
color: #9f926c;
font-size: 1.286rem;
}
.fixed_left .p2 {
color: #3e3a39;
font-size: 1.143rem;
font-weight: bold;
padding-bottom: 20px;
font-family: "Noto Sans JP", sans-serif;
}
.fixed_left-inner {
height: 100%;
min-height: 625px;
}
.fixed_left-inner2 {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100% - 100px);
}
.all-btn {
display: flex;
flex-direction: column;
}
.all-btn .btn-login,
.all-btn .btn-view,
.all-btn .btn-partner {
width: 220px;
height: 36px;
border: 1px solid #543122;
color: #fff;
background-color: #fff;
border-radius: 40px;
position: relative;
font-size: 1rem;
line-height: 1.929rem;
margin-bottom: 10px;
font-weight: bold;
}
.all-btn .btn-login svg,
.all-btn .btn-view svg,
.all-btn .btn-partner svg {
width: 8px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
#footer {
max-width: 640px;
margin: 0 auto;
}
#footer-inner {
width: 96%;
margin-bottom: 20px;
}
#footer-inner .fl {
width: 100%;
float: none;
margin-bottom: 20px;
}
#footer-inner .fr {
width: 100%;
float: none;
}
.fixed_right-inner {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.custom_border {
color: #3e3a39;
font-size: 1.214rem;
font-weight: bold;
}
.custom-border {
position: relative;
padding: 0.5rem 1.5rem;
border-radius: 9999px;
border: 4px solid #9f926c;
position: relative;
background-color: #ffffff;
text-align: center;
}
.custom-border:before {
content: "";
display: block;
position: absolute;
top: -4px;
right: 25px;
width: 10px;
height: 4px;
background: #fff;
}
.custom-border:after {
content: "";
display: block;
position: absolute;
bottom: -4px;
left: 25px;
width: 10px;
height: 4px;
background: #fff;
}
.custom-border2:before {
content: "";
display: block;
position: absolute;
top: 0px;
right: 25px;
width: 8px;
height: 4px;
background: #9f926c;
z-index: 1;
border-radius: 40px;
}
.custom-border2:after {
content: "";
display: block;
position: absolute;
top: 0px;
right: 36px;
width: 8px;
height: 4px;
background: #9f926c;
z-index: 1;
border-radius: 40px;
}
.custom-border3:before {
content: "";
display: block;
position: absolute;
bottom: 0px;
left: 25px;
width: 8px;
height: 4px;
background: #9f926c;
z-index: 1;
border-radius: 40px;
}
.custom-border3:after {
content: "";
display: block;
position: absolute;
bottom: 0px;
left: 36px;
width: 8px;
height: 4px;
background: #9f926c;
z-index: 1;
border-radius: 40px;
}
.custom-border4 {
position: relative;
width: 140px;
}
.top__1-p {
font-size: 1.071rem;
color: #3e3a39;
font-weight: bold;
padding-left: 5px;
}
.top__1-img {
margin-left: 4px;
margin-right: 4px;
}
.slider_right .slick-slide img {
object-fit: cover;
object-position: center;
height: calc(100vh - 100px);
height: 100vh;
width: 100%;
}
.step_pick_inviation {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../../images/bg__top.jpg");
}
.step_pi3 .step__condung_p {
padding-top: 40px;
}
.step_pick_inviation .step_pi,
.step_pick_inviation .step__condung_p3,
.step_pi3 ,
.point__list,
.spp {
background-color: #fff;
}
.step_pick_inviation .btn {
text-align: center;
}
.step_pick_inviation .btn .btn_more {
font-size: 0.857rem;
color: #ffffff;
background-color: #9f926c;
border-radius: 20px;
padding: 5px 30px;
border: none;
outline: none;
margin-bottom: 10px;
margin-top: 30px;
}
.title_spec3 {
text-align: center;
}
.title_spec3 div {
font-size: 1.286rem;
color: #3e3a39;
text-align: center;
font-weight: 600;
position: relative;
display: inline-block;
padding-top: 25px;
padding-bottom: 0px;
}
.title_spec3 img {
padding-left: 0px;
width: 210px;
}
.title_spec3 p {
font-size: 2rem;
text-align: center;
padding-top: 20px;
display: block;
color: #9f926c;
padding-bottom: 20px;
}
.point__listA {
border-top: 2px solid #543122;
position: absolute;
width: calc(100% - 60px);
left: 50%;
transform: translateX(-50%);
}
.point__listA:before {
content: '';
position: absolute;
top: -3px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-top: 10px solid #fff;
z-index: 2;
}
.point__listA:after {
content: '';
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 12px solid #543122;
z-index: 1;
}
.point__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding: 0px 20px;
position: relative;
}
.point__list .point__item {
margin-bottom: 20px;
flex-direction: column;
display: flex;
height: 100%;
padding: 0px 20px;
}
.point__list .point__item .point_item_img {
position: relative;
}
.point__list .point__item .point_item_img a {
display: block;
position: relative;
}
.point__list .point__item .point_item_img a .img_d {
position: relative;
width: 100%;
padding-bottom: 100%;
padding-bottom: 70%;
}
.img_d {
display: flex;
align-items: baseline;
margin-top: 20px;
}
.point__list .point__item .point_item_img a .img_d1 {
position: absolute;
inset: 0px;
}
.point__list .point__item .point_item_img a .img_d1 img {
position: absolute;
height: 100%;
width: 100%;
inset: 0px;
color: transparent;
}
.section__A {
background-color: #fff;
width: 100%;
}
.section__A-anchor {
display: flex;
justify-content: center;
}
.section__A-anchor a {
text-decoration: none;
color: #000;
width: calc(25% - 10px);
text-align: center;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
}
.section__A-anchor a:before {
content: "";
display: block;
width: 1px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-color: #000;
}
.section__A-anchor a:last-child:before {
display: none;
}
.section__A-btn {
display: flex;
justify-content: center;
margin-top: -60px;
padding-bottom: 40px;
}
.section__A-btn .btn_sample,
.section__A-btn .btn_create {
border-radius: 15px;
color: #ffffff;
border: 0;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
max-width: 280px;
margin: 0px 15px;
background-color: #543122;
text-decoration: none;
width: 100%;
max-width: 180px;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.857rem;
border: 1px solid #543122;
}
.section__A-btn .btn_sample img,
.section__A-btn .btn_create img {
width: 20px;
padding-left: 10px;
}
.section__A-btn .btn_sample {
color: #543122;
background-color: #fff;
}
.section__A-btn .btn_create span {
display: block;
font-size: 0.714rem;
}
.section__top2 .section__A-btn {
margin-top: 20px;
}
.section__top2 .section__A-btn .btn_sample,
.section__top2 .section__A-btn .btn_create {
border-radius: 10px;
font-weight: bold;
font-size: 1rem;
}
.section__story {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../../images/bg__top.jpg");
padding-top: 40px;
}
.section__story1 {
position: relative;
}
.section__story1:before {
position: absolute;
z-index: 0;
content: "";
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.5;
}
.section__story1-inner {
position: relative;
}
.section__story1 img {
max-width: 300px;
display: block;
margin: 0px auto;
padding: 30px 0px;
}
.section__story1 .flex_img img {
padding-top: 0;
padding-bottom: 0;
}
.section__story1-inner .flex_a,
.section__story1-inner .flex_b {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0px 30px;
width: 100%;
}
.section__story1-inner .flex_b {
padding-bottom: 20px;
}
.section__story1-inner .flex_a .flex_text {
width: calc(100% - 200px);
font-size: 1rem;
font-weight: 600;
}
.section__story1-inner .flex_b .flex_text {
width: calc(100% - 160px);
font-size: 1rem;
font-weight: 600;
}
.section__story1-inner .flex_a .flex_img {
max-width: 200px;
}
.section__story1-inner .flex_b .flex_img {
max-width: 160px;
padding-right: 20px;
}
.story__title {
color: #9f926c;
font-size: 1.857rem;
text-align: center;
font-weight: 600;
}
.story__title_sub {
color: #000;
font-size: 1rem;
text-align: center;
font-weight: 600;
line-height: 2rem;
}
.section__story2 {
padding-top: 40px;
}
.section__story2-step {
display: flex;
gap: 6px;
flex-wrap: wrap;
padding: 25px 15px;
}
.section__story2-step .flex_c {
display: flex;
border: 1px solid #9f926c;
width: calc(50% - 3px);
}
.flex_c_step {
background-color: #9f926c;
color: #fff;
text-align: center;
padding: 10px;
}
.flex_c_step_text {
line-height: 1rem;
font-size: 0.714rem;
font-weight: 600;
}
.flex_c_step_number {
line-height: 1.429rem;
font-size: 1.429rem;
font-weight: 600;
}
.flex_c_text {
display: flex;
justify-content: center;
align-items: center;
font-size: 0.857rem;
font-weight: bold;
color: #231815;
width: 100%;
letter-spacing: 0.05rem;
background-color: #fff;
}
.section__story2-s {
padding: 0px 15px;
padding-bottom: 40px;
}
.section__story2-s__item {
background-color: #fff;
width: 100%;
border: 1px solid #9f926c;
padding: 40px 10px;
}
.step__title {
font-size: 1.143rem;
font-weight: 600;
color: #9f926c;
text-align: center;
padding-bottom: 5px;
width: 100%;
}
.step__title2 p {
font-size: 1.714rem;
font-weight: 600;
color: #231815;
text-align: center;
position: relative;
display: flex;
align-items: center;
}
.step__title2 {
text-align: center;
margin-bottom: 10px;
}
.step__title2 p:before,
.step__title2 p:after {
content: "";
flex: 1;
height: 1px;
background: #3e3a39;
margin: 0 10px;
}
.section__story2.edit .step__title {
color: #543122;
}
.step__text {
font-size: 1.143rem;
line-height: 1.714rem;
letter-spacing: 0.08rem;
text-align: center;
padding-bottom: 20px;
color: #3d3a39;
font-weight: 600;
}
.step__text.edit {
padding-bottom: 0px;
text-align: center;
}
.step__img_phone {
width: 50%;
padding-right: 10px;
}
.step__img_s {
width: 80%;
}
.step__img {
display: flex;
align-items: center;
}
.step__img.edit {
flex-direction: column;
}
.section__story2-s__item {
margin-bottom: 20px;
}
.btn_more_design {
border-radius: 10px;
color: #ffffff;
border: 0;
padding-top: 12px;
padding-bottom: 12px;
width: 100%;
position: relative;
max-width: 300px;
margin: 0px 10px;
background-color: #9f926c;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
letter-spacing: 0.08rem;
padding-left: 40px;
}
.btn_more_guide {
border-radius: 10px;
color: #ffffff;
border: 0;
padding-top: 12px;
padding-bottom: 12px;
width: 100%;
position: relative;
max-width: 300px;
margin: 0px 10px;
background-color: #543122;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
letter-spacing: 0.08rem;
font-weight: bold;
margin-bottom: 40px;
}
.section__story2-s__item .btn {
margin-top: 10px;
text-align: center;
}
.btn_more_design img {
width: 20px;
padding-left: 10px;
margin-left: 40px;
}
.step__img_s ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.step__img_s ul li {
padding: 2px;
text-align: left;
font-size: 0.714rem;
letter-spacing: 0;
}
.step__img_s p {
font-size: 0.714rem;
padding-top: 5px;
padding-bottom: 5px;
}
.step__text2 {
font-size: 0.786rem;
line-height: 1.571rem;
letter-spacing: 0.08rem;
text-align: center;
color: #060001;
padding-top: 5px;
padding-bottom: 20px;
}
.section__story2.edit {
padding-top: 0;
}
.section__story2.edit .story__title {
color: #543122;
}
.section__story2.edit .flex_c_step {
background-color: #543122;
}
.section__story2.edit .flex_c {
border-color: #543122;
}
.section__story2.edit .section__story2-s__item:last-child {
margin-bottom: 0;
position: relative;
}
.section__story2.edit .section__story2-s {
padding-bottom: 0;
}
.section__story2.edit .section__story2-s__item {
border-color: #543122;
}
.img_story__top {
margin-top: -20px;
padding-top: 40px;
background-color: #fff;
}
.img_story__top img {
width: 100%;
}
.top__flex1 {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 0px 15px;
}
.top__flex1-item {
width: calc(50% - 3px);
text-align: center;
color: #fff;
text-decoration: none;
}
.top__flex1-item__bottom {
background-color: #543122;
padding-bottom: 10px;
}
.top__flex1-item__bottom img {
width: 25px;
padding-top: 5px;
}
.top__flex1-item__bottom p {
font-size: 2.286rem;
margin-top: -25px;
}
.kitenenara {
max-width: 220px;
margin-top: 20px;
}
.kitenenara2 {
max-width: 220px;
position: relative;
}
.kitenenara2-inlineblock {
position: relative;
margin-top: 25px;
}
.kitenenara2-inlineblock:before {
content: "";
background: linear-gradient(to right, #bbd3d7 0%, #bcc39f 100%);
display: block;
width: calc(100% - 40px);
height: 24px;
position: absolute;
bottom: 5px;
z-index: 0;
margin-left: -10px;
opacity: 0.4;
}
.icottoniha {
max-width: 220px;
position: relative;
}
.anchor2_title1 {
font-size: 1.6rem;
}
.anchor2_title2 {
font-size: 0.7rem;
}
.step_pi .anchor2_title3 {
color: #9f926c;
font-size: 1.2rem;
position: relative;
display: inline-block;
}
.anchor2_title3:before {
position: absolute;
content: "";
top: 0px;
left: -25px;
width: 18px;
height: 20px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("../../images/top/line01.png");
}
.anchor2_title3:after {
position: absolute;
content: "";
top: 0px;
right: -25px;
width: 18px;
height: 20px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("../../images/top/line02.png");
}
.anchor2_title4-inner {
display: flex;
justify-content: center;
}
.anchor2_title {
text-align: center;
}
.anchor2_title4 {
position: relative;
margin-top: 0px;
max-width: 280px;
}
.anchor2_title4 img {
position: relative;
}
.anchor2_title4:before {
content: "";
background: linear-gradient(to right, #bbd3d7 0%, #bcc39f 100%);
display: block;
width: calc(100% + 40px);
height: 16px;
position: absolute;
bottom: 34px;
z-index: 0;
margin-left: -20px;
opacity: 0.4;
}
.step_pi3 .step__condung_p {
position: relative;
}
.anchor2_title5 {
font-size: 1.6rem;
padding-bottom: 10px;
font-weight: 500;
color: #3E3A39;
text-align: center;
position: relative;
}
.anchor2_title5 span{
color: #9F926C;
}
.anchor2_title6,
.anchor2_title7 {
font-size: 1.6rem;
font-weight: 500;
color: #3E3A39;
text-align: center;
position: relative;
z-index: 1;
}
.anchor2_title_div {
margin-top: -10px;
}
.anchor2_title7:before {
content: "";
display: block;
width: calc(100% + 20px);
background-color: #9f926c;
height: 10px;
position: absolute;
z-index: -1;
opacity: 0.4;
background: linear-gradient(to right, #bbd3d7 0%, #bcc39f 100%);
bottom: 0px;
left: -10px;
}
.anchor2_title7_div {
display: flex;
align-items: center;
flex-direction: column;
overflow: hidden;
}
.anchor2_title7_div p {
display: inline-block;
}
.anchor2_title7 span {
color: #9F926C;
}
.step_pick-img {
margin-top: -20px;
}
.step_pick-img2 {
margin-bottom: 20px;
margin-top: 20px;
}
.section__B-step_p1 {
font-weight: 600;
font-size: 1.714rem;
color: #543122;
text-align: center;
position: relative;
display: inline-block;
z-index: 1;
letter-spacing: 0;
padding: 0px 4px;
margin-bottom: 10px;
}
.section__B-step_p1:before {
content: "";
display: block;
width: calc(100% + 10px);
background-color: #9f926c;
height: 12px;
position: absolute;
bottom: 2px;
z-index: -1;
/* margin-left: -10px; */
left: 50%;
transform: translateX(-50%);
opacity: 0.4;
}
.section__B-step_p2 {
font-weight: 600;
font-size: 1.429rem;
color: #543122;
text-align: center;
position: relative;
display: inline-block;
z-index: 1;
letter-spacing: 0;
padding: 0px 4px;
margin-bottom: 10px;
}
.section__B-step_p2:before {
content: "";
display: block;
width: calc(100% + 10px);
background-color: #9f926c;
height: 12px;
position: absolute;
bottom: 2px;
z-index: -1;
left: 50%;
transform: translateX(-50%);
opacity: 0.4;
}
.section__B-step {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.section__B-step_p {
font-size: 2.1rem;
color: #fff;
width: 100%;
background-color: #543122;
font-style: italic;
font-weight: 400;
margin-bottom: 40px;
}
.section__B-step_p p {
position: relative;
display: inline-block;
}
.section__B-step_p p:before {
content: "";
position: absolute;
height: 2px;
width: 15px;
background: #fff;
left: -35px;
top: 50%;
}
.section__B-step_p p:after {
content: "";
position: absolute;
height: 2px;
width: 15px;
background: #fff;
right: -35px;
top: 50%;
}
.section__B-step_p span {
font-size: 1.8rem;
font-style: normal;
font-weight: 600;
vertical-align: middle;
}
.secction_webinvitation .section__title2 {
width: 100%;
padding: 0px 20px;
margin-top: 20px;
}
.section__title2 p {
display: flex;
align-items: center;
text-align: center;
}
.section__title2 p:before,
.section__title2 p:after {
content: "";
flex: 1;
height: 1px;
margin: 0 10px;
background: #3e3a39;
}
.section__title3 p {
display: flex;
align-items: center;
text-align: center;
color: #3e3a39;
font-size: 1.2rem;
margin-bottom: 20px;
}
.section__title3 p:before,
.section__title3 p:after {
content: "";
flex: 1;
height: 1px;
margin: 0 10px;
background: #3e3a39;
}
.section_card .section__title2 {
width: 100%;
padding: 0px 20px;
}
.section_card .section__title2 p:before {
margin-right: 40px;
}
.section_card .section__title2 p:after {
margin-left: 40px;
}
.section_card-list {
display: flex;
gap: 6px;
padding: 20px;
overflow: hidden;
}
.section_card-list a {
width: calc(25% - 3px);
}
.step__condung_img.edit {
margin-top: 0;
}
.step__condung_text1 {
color: #9F926C;
text-align: center;
font-size: 1.2rem;
}
.step__condung_text2 {
color: #3E3A39;
text-align: center;
font-size: 1.6rem;
font-weight: 500;
padding: 10px 0px;
}
.point__list .point__item:nth-child(odd) {
background-color: rgba(0, 87, 142, 0.12);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
}
.point__list .point__item:nth-child(even) {
background-color: rgba(159, 146, 108, 0.12);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.point__item .t {
text-align: center;
padding: 26.5px 0px;
}
.point__item-img-kitene {
width: 140px;
text-align: center;
margin: 0 auto;
display: block;
padding: 20px 0px;
}
.point_item_text p.edit {
position: relative;
}
.point_item_text p.edit:before {
position: absolute;
content: "";
top: 8px;
left: 2px;
width: 18px;
height: 20px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("../../images/top/line01.png");
}
.point_item_text p.edit:after {
position: absolute;
content: "";
top: 8px;
right: 2px;
width: 18px;
height: 20px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("../../images/top/line02.png");
}
.section__c,
.section__f {
background-color: #fff;
}
.btn_more_gift {
border-radius: 8px;
color: #ffffff;
border: 0;
padding-top: 6px;
padding-bottom: 6px;
width: 100%;
position: relative;
max-width: 280px;
margin: 0px 10px;
background-color: #9f926c;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 20px;
}
.btn_more_gift img {
width: 20px;
padding-left: 10px;
}
.btn_more_gift2 {
border-radius: 8px;
color: #ffffff;
border: 0;
padding-top: 6px;
padding-bottom: 6px;
width: 100%;
position: relative;
max-width: 280px;
margin: 0px 10px;
background-color: #9f926c;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 20px;
}
.btn_more_gift2 img {
width: 20px;
padding-left: 10px;
}
.section__c .step__img_phone {
width: 60%;
}
.section__c .step__img_s {
width: 60%;
}
.section__c .step__img {
padding: 20px;
flex-direction: column;
}
.section__B-step_p3 {
font-size: 1.429rem;
}
.section__B-step_p4 {
font-size: 2.143rem;
}
.section__B-step_p5 {
font-size: 1.714rem;
}
.section__d {
background-color: #fff;
}
.section__c .p1,
.section__d .p1,
.section__e .p1,
.section__f .p1 {
letter-spacing: 0;
text-align: center;
font-size: 0.857rem;
font-size: 1.143rem;
line-height: 1.714rem;
padding-bottom: 30px;
font-weight: 600;
color: #413d3c;
}
.section__c .p2 {
letter-spacing: 0;
text-align: center;
font-size: 0.857rem;
font-size: 1.143rem;
line-height: 1.714rem;
padding-bottom: 0px;
font-weight: 600;
color: #413d3c;
padding-top: 30px;
}
.yottsu .anchor2_title3{
color: #9F926C;
font-size: 1.2rem;
position: relative;
display: inline-block;
padding-bottom: 10px;
font-weight: 500;
}
.yottsu {
background-color: #fff;
text-align: center;
}
.yottsu.edit {
margin-top: 40px;
}
.yottsu .anchor2_title3:before {
position: absolute;
content: "";
top: 0px;
left: -25px;
width: 18px;
height: 20px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("../../images/top/line01.png");
}
.yottsu .anchor2_title3:after {
position: absolute;
content: "";
top: 0px;
right: -25px;
width: 18px;
height: 20px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("../../images/top/line02.png");
}
.yottsu_p {
color: #543122;
font-weight: bold;
font-size: 1.8rem;
letter-spacing: 0.1rem;
}
.yottsu_p .yottsu_p1 {
font-size: 2.4rem;
font-style: italic;
}
.yottsu_p .yottsu_p2 {
font-size: 1.2rem;
}
.yottsu_p3 {
font-size: 1.3rem;
font-weight: 500;
text-align: center;
color: #543122;
}
.catagoru {
display: flex;
gap: 20px;
padding: 20px 40px;
}
.catagoru__item {
border: 1px solid #9f926c;
border-radius: 10px;
width: calc(50% - 10px);
padding: 40px 10px;
}
.catagoru__item p img {
max-width: 220px;
padding: 0px 20px;
text-align: center;
z-index: 1;
position: relative;
padding-top: 10px;
}
.catagoru__item p img.edit {
max-width: 250px;
}
.catagoru__item .catagoru__item_img {
position: relative;
text-align: center;
}
.catagoru__item .catagoru__item_img:before {
content: "";
display: block;
width: calc(100% - 20px);
background-color: #D8D1C0;
height: 12px;
position: absolute;
bottom: 0px;
z-index: 0;
left: 50%;
transform: translateX(-50%);
opacity: 1;
}
.catagoru__item_p {
padding-top: 30px;
}
.step__img2 {
display: flex;
align-items: stretch;
gap: 4px;
padding: 0px 10px;
}
.step__img2_left {
width: 54.5%;
text-align: center;
}
.step__img2_right {
width: 45.5%;
text-align: center;
}
.step__img2_left p,
.step__img2_right p {
position: relative;
text-align: center;
padding: 10px 0px;
display: inline-block;
color: #9f926c;
font-size: 1.143rem;
font-weight: 600;
}
.step__img2_left p:before,
.step__img2_right p:before {
position: absolute;
content: "";
top: 8px;
left: -30px;
width: 20px;
height: 24px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("../../images/top/line01.png");
}
.step__img2_left p:after,
.step__img2_right p:after {
position: absolute;
content: "";
top: 8px;
right: -30px;
width: 20px;
height: 24px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("../../images/top/line02.png");
}
.section__d .p2 {
text-align: center;
padding: 0px 10px;
padding-top: 10px;
font-size: 0.714rem;
letter-spacing: 0.04rem;
font-weight: bold;
color: #494645;
}
.section__d .p3 {
text-align: right;
padding-right: 10px;
font-size: 0.714rem;
font-weight: bold;
color: #494645;
}
.section__e {
background-color: #fff;
}
.section__e-list-item {
width: 100%;
position: relative;
padding-bottom: 5px;
}
.section__e-list-item img {
width: 100%;
}
.section__e-list-item .label__name {
position: absolute;
width: 220px;
font-size: 1.429rem;
color: #fff;
font-weight: 500;
left: 0;
bottom: 40px;
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
background: linear-gradient(to right, #9f926c 0%, transparent 100%);
}
.section__e-list-item .label__name span {
font-size: 1.286rem;
}
.section__e_img04 {
width: 100%;
}
.section__f {
background-color: #fff;
}
.step__img .slick-next.slick-arrow,
.step__img .slick-prev.slick-arrow {
display: none !important;
}
.section__A-1 .slick-next.slick-arrow,
section__A-1 .slick-prev.slick-arrow {
display: none !important;
}
.modal-okurumadai.iziModal {
z-index: 99999 !important;
}
.okurumadai .o_t3 {
text-align: center;
padding-top: 20px;
}
.okurumadai .okurumadai__img {
padding: 20px 40px;
}
.o_link {
padding-top: 10px;
}
.o_link p {
font-size: 0.714rem;
text-align: center;
}
.good__news {
padding: 0px 60px;
width: 100%;
max-width: 500px;
margin: 0 auto;
font-size: 1.1rem;
margin-top: 20px;
}
.good__news.edit {
margin-top: 60px;
}
.good__news_img {
padding: 10px 20px;
max-width: 240px;
margin: 0 auto;
}
.good__news-wrapper {
position: relative;
border: 1px dashed #9F926B;
border-radius: 10px;
width: 100%;
padding: 10px;
}
.good__news_t {
width: 100%;
text-align: center;
}
.good__news_t img {
max-width: 195px;
position: relative;
margin: 5px 0px;
}
.good__news_t p {
position: relative;
display: inline-block;
}
.good__news_t p:before {
content: "";
display: block;
width: calc(100% + 10px);
background-color: #9f926c;
height: 12px;
position: absolute;
bottom: 5px;
z-index: 0;
left: 50%;
transform: translateX(-50%);
opacity: 0.4;
}
.good__news_p {
padding-top: 20px;
font-size: 1rem;
}
.line {
max-width: 480px;
width: 80%;
margin: 0 auto;
}
.anchor3__nara_img {
margin: 20px auto;
margin-top: 30px;
text-align: center;
}
.anchor3__nara_img img {
max-width: 160px;
}
.anchor3__nara p {
color: #9F926C;
font-size: 1.4rem;
text-align: center;
font-weight: 500;
padding-bottom: 20px;
}
.anchor3__nara p span{
font-size: 1rem;
}
.okurumadai-wrapper {
background-color: #FAF4FA;
padding: 30px 40px;
color: #3d3a39;
}
.sarani {
width: 80px;
position: absolute;
top: -30px;
left: -30px;
}
.kitene_deha {
max-width: 150px;
margin: 0 auto;
margin-bottom: 20px;
}
.okurumadai .o_p1 {
text-align: center;
line-height: 1.571rem;
}
.okurumadai-inner {
background-color: #fff;
border-radius: 10px;
margin-top: 30px;
padding: 40px 25px;
}
.okurumadai .o_title1 {
text-align: center;
font-size: 1.286rem;
color: #543122;
font-weight: bold;
padding: 8px 5px 5px 5px;
border-top: 2px solid #543122;
border-bottom: 2px solid 543122;
margin-bottom: 30px;
}
.o_img1 {
padding-top: 10px;
}
.o_img1 p {
text-align: center;
font-size: 0.714rem;
}
.okurumadai .o_title2 {
color: #543122;
font-size: 1.286rem;
padding-top: 40px;
text-align: center;
padding-bottom: 10px;
}
.okurumadai ul {
padding-left: 0;
list-style: none;
line-height: 1.714rem;
padding-bottom: 30px;
}
.okurumadai ul li p {
text-indent: -10px;
padding-left: 24px;
letter-spacing: 0;
font-size: 0.857rem;
}
.o_p2 {
font-size: 0.857rem;
line-height: 1.714rem;
}
.o_t1 {
color: #9e916a;
font-weight: 600;
padding-top: 30px;
text-indent: -7px;
}
.o_t1.edit {
padding-top: 0px;
}
.o_flex {
display: flex;
align-items: center;
padding-top: 30px;
}
.o_flex-l {
width: 49%;
text-align: center;
}
.o_flex-l img {
padding: 5px 20px;
}
.o_flex-l p {
font-size: 0.929rem;
}
.o_flex-r p {
font-size: 0.714rem;
padding-left: 12px;
text-indent: -12px;
padding-top: 20px;
line-height: 1.429rem;
}
.o_btn a {
border-radius: 20px;
color: #ffffff;
border: 0;
padding-top: 8px;
padding-bottom: 5px;
width: 100%;
position: relative;
max-width: 370px;
margin: 0px 10px;
background-color: #543122;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 20px;
text-decoration: none;
}
.o_btn a img {
width: 20px;
padding-left: 10px;
}
.slider__paperinvitation .fade {
height: 100%;
padding: 10px;
}
.slider__paperinvitation .slick-slide img {
height: 100%;
object-fit: cover;
}
.mfp-content img.mfp-img {
width: 80vh;
}
.login_mobile {
display: none;
}
.sp {
display: none;
}
.icotto_logo {
text-align: center;
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
}
.icotto_logo p {
font-size: 1.2rem;
font-weight: 600;
color: #543122;
position: relative;
}
.icotto_logo img {
width: 220px;
margin-top: -20px;
}
.section__top2 {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../../images/bg__top.jpg");
}
.section__top2 .title_top2 {
font-size: 1.7rem;
color: #543122;
font-weight: 600;
text-align: center;
background: linear-gradient(to right,
rgba(255, 0, 0, 0) 0%,
rgba(255, 255, 255, 1) 25%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 1) 75%,
rgba(255, 0, 0, 0) 100%
);
padding: 20px 0px 30px 0px;
display: inline-block;
width: 100%;
letter-spacing: 0.2em;
}
.section__top2 .title_top2 span{
font-size: 2.4rem;
color: #9F926C;
}
.section__top2-flex {
display: flex;
align-items: center;
padding: 0px 20px;
}
.section__top2-flex.edit {
justify-content: center;
padding: 0;
}
.section__top2-img {
width: 40%;
text-align: center;
}
.section__top2-img img {
max-width: 210px;
margin-top: -10px;
}
.section__top2-text {
width: 60%;
line-height: 2.2rem;
color: #543122;
font-size: 1.2rem;
padding-top: 10px;
}
.section__top2-bottom {
margin-top: -200px;
position: relative;
z-index: 1;
}
.circle {
border-radius: 50%;
background-color: #fff;
width: 100%;
min-height: 1px;
display: flex;
justify-content: center;
align-items: center;
}
.circle:before {
content: "";
float: left;
width: 1px;
margin-left: -1px;
padding-top: 100%;
}
.circle:after {
content: "";
display: table;
clear: both;
}
.circle__inner {
width: 25%;
margin: 0 10px;
}
.circle p {
color: #543122;
font-weight: 600;
text-align: center;
font-size: 1.2rem;
line-height: 2rem;
}
.circle p span {
font-size: 2.6rem;
line-height: 2.6rem;
}
.section__top2 .top__flex-item {
position: relative;
}
.section__top2 .top__flex-item p {
padding-left: 0;
text-indent: 0;
padding-top: 0;
white-space: nowrap;
}