@charset "UTF-8";

font-size: 24px;
margin: 0 auto 20px;
font-size: 24px;
margin: 0 auto 20px;
font-size: 24px;
margin: 0 auto 20px;
font-size: 24px;
margin: 0 auto 20px;
font-size: 24px;
margin: 0 auto 20px;
font-size: 24px;
margin: 0 auto 20px;
font-size: 24px;
margin: 0 auto 20px;
font-size: 24px;
margin: 0 auto 20px;
title_ibjstitle_ibjs @media screen and (min-width: 961px) {}
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
#pages {
color: #513317;
}
#pages h2 {
font-size: 36px;
text-align: center;
margin: 20px 0;
border-bottom: 1px solid #b28850;
} .qa dt {
padding: 10px 0 10px 50px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/qa_mark.png) no-repeat left top;
font-size: 20px;
}
.qa dd {
margin: 0 0 40px 0;
padding: 10px 0 30px 0;
font-size: 16px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
}
.qa dd span {
display: block;
margin: 10px 0 0 0;
text-align: right;
}
.qa dd span a {
padding: 5px 10px 2px 10px;
background: #faed1e;
}
.qa_test {
margin-bottom: 70px;
}
.qa_test h3 {
text-align: center;
margin: 40px auto 20px;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
}
.qa_test h3:before,
.qa_test h3:after {
border-top: 1px solid;
content: "";
width: 1em;
}
.qa_test h3:before {
margin-right: 1rem;
}
.qa_test h3:after {
margin-left: 1rem;
}
.qa_test dt {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/qa_mark.png) no-repeat left center, url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
font-size: 20px;
font-weight: 600;
color: #B28850;
}
.qa_test dd {
padding: 10px 0 30px 0px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/qa_mark_answer.png) no-repeat left top 50px, url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
}
.qa_test dd span {
display: block;
margin: 10px 0 0 0;
text-align: right;
}
.qa_test dd span a {
padding: 5px 10px 2px 10px;
background: #faed1e;
}
.qa_test>input {
display: none;
}
.qa_test>label {
display: block;
width: 85%;
padding: 0px;
margin: 0 auto -30px;
}
.qa_test>label>dt,
.qa_test>label>dd {
position: relative;
background-color: #fff;
}
.qa_test>label>dt:before,
.qa_test>label>dd:before {
position: absolute;
top: 0px;
left: 0.5em;
font-size: 2em;
}
.qa_test>label>dt {
padding: 1.2em 1em 1.2em 3em;
cursor: pointer;
}
.qa_test>label>dt:after {
display: inline-block;
position: absolute;
right: 1em;
width: 32px;
height: 32px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow12.png) no-repeat center;
transform: rotate(0);
content: "";
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.qa_test>.check_open:checked+label>dt:after {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow13.png) no-repeat center;
transform: rotate(0deg);
content: "";
}
.qa_test>label>dd {
padding: 1.5em 1em 1.5em 3.5em;
position: relative;
height: 0px;
visibility: hidden;
transition: none;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/qa_mark_answer.png) no-repeat left top 25px, url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
}
.qa_test>.check_open:checked+label>dd {
padding: 1.5em 1em 1.5em 3.5em;
margin-bottom: 50px;
height: 100%;
min-height: 150px;
visibility: visible;
transform: translateY(0px);
} .ordermade {}
.ordermade_main {
padding: 40px 0;
}
.ordermade_main p {
padding: 0 0 20px 0;
}
.ordermade_main img {
float: right;
}
.ordermade_detail h3,
.seminar_detail h3 {
width: calc(100% - 20px);
font-size: 22px;
padding: 5px 10px;
}
.ordermade_detail {
margin: 0 0 40px 0;
padding: 0 0 60px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line_ordermade.png) no-repeat bottom;
background-size: contain;
}
.ordermade_detail h3 {
background: #ffe5fa;
}
.ordermade_detail>div {
padding: 20px 0 0 0;
}
.ordermade_detail img {
width: 25%;
margin: 0 5% 0 0;
float: left;
vertical-align: middle;
}
.ordermade_detail p {
padding: 20px 0;
}
.seminar {
padding: 40px 0;
}
.seminar p {
padding: 0 0 20px 0;
}
.seminar p:first-child {
font-size: 26px;
}
.seminar_detail h3 {
background: #fffb5a;
}
.seminar_detail p {
padding: 10px 10px 40px 10px;
} .ibjs_box {
margin-top: 20px;
width: 65%;
border: solid 2px #ffae00;
padding: 20px;
}
.ibjs_box ul {
list-style: disc;
padding-left: 30px;
}
.system p.caution01 {
border: none;
}
.ibjs_subttl {
font-size: 25px;
color: #bd2929;
}
.ibjs_ttl {
line-height: 1.4em;
}
.system_main {
padding: 30px 0;
}
.system_main p {
width: 70%;
padding: 0 0 20px 0;
font-weight: bold;
color: #956734;
font-size: 20px;
}
.system_main p:first-of-type {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
font-size: 30px;
color: #513317;
}
.system_main img {
float: right;
}
.system_detail {
padding: 30px 0;
}
.system_detail img {
width: 30%;
margin: 0 0 0 5%;
float: right;
}
.system_detail.ibjs p {
width: 65%;
float: right;
}
.system_detail.ibjs img {
margin: 70px 5% 0 0;
}
.system_detail p.title {
padding: 0 0 20px 0;
text-align: center;
font-size: 20px;
}
.system_detail p.title strong {
color: #cc0000;
}
.system_detail .title_ibjs {
font-weight: 700;
color: #956734;
font-size: 20px;
padding: 0 0 20px;
}
.tw-record .wrapper .is-sp {
display: none;
}
@media screen and (max-width: 750px) {
.tw-record .wrapper .is-pc {
display: none;
}
.tw-record .wrapper .is-sp {
padding-top: 0.5rem;
display: block;
}
.system_detail .title_ibjs {
padding-bottom: 5px;
}
}
.system_flow {
margin: 0 0 20px 0;
padding: 20px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/system_flow_bg.png) no-repeat center bottom;
}
.system_flow:last-of-type {
background: none;
}
.system_flow h4 {
margin: 20px 0;
padding: 5px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
font-size: 22px;
}
.system_flow img {
width: 25%;
margin: 0 5% 0 0;
float: left;
}
.system_flow p {}
p.caution01 {
display: block;
width: calc(100% -26px);
margin: 30px 0 60px 0;
padding: 14px;
background: #fffdc7;
border: 3px solid #fff921;
} .flow {}
.flow_detail {
margin: 0 0 20px 0;
padding: 20px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/system_flow_bg.png) no-repeat center bottom;
}
.flow_detail>div {
padding: 0 0 60px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line_ordermade.png) no-repeat bottom;
background-size: contain;
}
.flow_detail:last-of-type,
.flow_detail:last-of-type>div {
background: none;
}
.flow_detail>div h3 {
color: #956734;
font-size: 24px;
}
.flow_detail>div h3 span {
margin: 0 10px 0 0;
font-style: italic;
}
.flow_detail>div img {
width: 30%;
margin: 20px 0 0 5%;
float: right;
}
.flow_detail>div p {
width: 65%;
padding: 20px 0;
}
.flow_detail:last-of-type>div p {
width: 100%;
}
.flow_detail>div a {
padding: 5px 10px 2px 10px;
background: #faed1e;
} .media {}
.media dl {
padding: 40px 0;
}
.media dt {
width: calc(100% - 12px);
border-left: 8px solid #faed1e;
padding: 0 0 0 12px;
}
.media dd {
margin: 0 0 20px 0;
padding: 10px 20px 20px 20px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
}
.media dt time,
.media dt span {
float: left;
}
.media dt span {
display: block;
width: 80px;
margin: 0 0 0 10px;
padding: 1.7px 0;
color: #ffffff;
border-radius: 2px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.media_icon01 {
background: #8957a1;
}
.media_icon02 {
background: #009944;
}
.media_icon03 {
background: #ff8400;
}
.media_icon04 {
background: #556fb5;
} .forcompany {}
.forcompany>div {
padding: 20px 0;
}
.forcompany>div h3 {
font-size: 30px;
padding: 20px 0 0 0;
}
.forcompany>div p {
padding: 20px 0 0 0;
}
.forcompany>div:first-of-type img {
width: 35%;
margin: 20px 0 0 5%;
float: right;
}
.forcompany>div:first-of-type p {
width: 60%;
}
.forcompany>div:last-of-type img {
width: 35%;
margin: 20px 5% 0 0;
}
.forcompany>div:last-of-type p {
width: 60%;
float: right;
} .data {
text-align: center;
}
.data>div {
padding: 20px 0;
position: relative;
}
.data>div h3 {
padding: 5px 0;
background: #fff921;
font-size: 20px;
}
.data>div span {
padding: 10px 0;
font-size: 14px;
}
.data>div img {
margin: 20px 0;
}
div#data_left {
width: 46%;
padding: 0 2%;
float: left;
}
.data>div p {
margin: 10px 0 20px 0;
padding: 10px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
}
.data>div p strong {
color: #cc0000;
}
.data>div p.data_section01 {
margin: 10px 0 20px 0;
padding: 10px 0;
background: none;
font-size: 26px;
}
.data>div p.data_section01 strong {
font-size: 40px;
color: #956734;
}
.data>div p.data_section01 strong span {
font-size: 28px;
}
.data>div:first-of-type img {
position: absolute;
width: 20%;
height: auto;
right: 0;
bottom: 20px;
}
.data>div table {
width: calc(50% - 2px);
margin: 20px auto;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.data>div th,
.data>div td {
display: block;
width: calc(50% - 2px);
padding: 10px 0;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
text-align: center;
float: left;
}
.data>div th {
background: #ffe5fa;
} .cmp {}
.cmp>div {
margin: 20px 0;
text-align: center;
}
.cmp>div p {}
.cmp>div {}
.cmp h3 {
margin: 20px 0 30px;
padding: 5px 10px;
font-size: 22px;
background: #fff921;
text-align: center;
}
.cmp_minaoshi {
width: 740px;
} .area {}
img.area_main {
margin: 20px 0;
}
.area_list {
padding: 20px 0;
}
.area_list h3 {
margin: 20px 0;
padding: 5px 10px;
font-size: 22px;
background: #fff921;
text-align: center;
}
.area_list table {
width: 55%;
margin: 0 0 20px 0;
float: left;
}
.area_list th,
.area_list td {
padding: 10px 0;
border-bottom: 1px solid #956734;
}
.area_list th {
width: 20%;
} .area_list iframe {
width: 43% !important;
height: 280px !important;
margin: 0 0 20px 0;
float: right;
}
.area_list a {
display: block;
width: 80%;
margin: 20px auto;
padding: 10px 0;
border: 1px solid #956734;
border-radius: 20px;
font-size: 18px;
text-align: center;
clear: both;
}
.area_support,
.area_company,
.area_idea {
padding: 20px 0;
}
.area_support p {
padding: 20px 0;
}
.area_idea {
text-align: center;
}
.area_idea img {
margin: 20px 0;
}
.area_company table {
width: 100%;
margin: 0;
}
.area_company th,
.area_company td {
padding: 10px 0;
border-bottom: 1px solid #956734;
}
.area_company th {
width: 30%;
}
.area_company td {
width: 70%;
}
.area_detail {}
.txt-note {
font-size: 0.24rem;
padding: 0.08rem 0.3rem 0;
}
.area_detail>div {
padding: 40px 0 0;
}
.area_detail h3 {
margin: 0 0 20px 0;
padding: 5px 10px;
background: #fff921;
font-size: 20px;
}
.area_detail .link-record {
margin-top: 0;
padding-top: 20px;
}
#pages .section-top-can .img-can {
margin-top: 20px;
}
div.reason_bnr {
padding-top: 0 !important;
}
div.reason_bnr p {
padding-top: 5px;
text-align: center;
padding-bottom: 0px;
}
.reason_bnr .bnr_left {
float: left;
margin-right: 35px;
}
.txt-note {
font-size: 16px;
color: #d40707;
}
.area_detail p {
padding: 0 0 20px 0;
}
.area_detail p.ttl-record {
font-weight: bold;
font-size: 17px;
margin-top: 14px;
height: 80px;
padding: 0;
}
.area_detail p.txt-record {
margin-top: 0px;
padding: 0;
font-size: 16px;
}
a.trans.bnr-04.link-record p {
padding-top: 5px;
}
.area_message {
padding: 0 30% 0 0;
background-size: contain;
}
.area_message img {
float: right;
} .shinsakae .area_message {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/area_detail_shinsakae_bg.jpg) no-repeat right top;
}
.shinjuku .area_message {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/area_detail_shinsakae_bg.jpg) no-repeat right top;
}
.hamamatsu .area_message {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/area_detail_shinsakae_bg.jpg) no-repeat right top;
} .area_message ul.award li,
.area_detail_award ul.award li { width: 70%;
color: #956734;
font-weight: bold;
}
ul.award li {
padding: 10px 20px 10px 40px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_award.png) center left 10px no-repeat;
}
ul.award li:nth-child(2n) {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_award.png) center left 10px no-repeat, #fffdc7;
}
@import url(//use.fontawesome.com/releases/v5.7.2/css/all.css);
.cp_box *,
.cp_box *:before,
.cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_box {
position: relative;
}
.cp_box label {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 140px; cursor: pointer;
text-align: center; background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked+label {
background: inherit; }
.cp_box label:after {
line-height: 2.5;
position: absolute;
z-index: 2;
bottom: 20px;
left: 50%;
width: 200px;
font-family: FontAwesome;
content: '▼' ' 続きをよむ';
transform: translate(-50%, 0);
letter-spacing: 0.05em;
color: #ffffff;
border-radius: 20px;
background-color: #956734;
}
.cp_box input {
display: none;
}
.cp_box .cp_container {
overflow: hidden;
height: 300px; transition: all 0.5s;
}
.cp_box input:checked+label { }
.cp_box input:checked+label:after {
font-family: FontAwesome;
content: '▲' ' 閉じる';
}
.cp_box input:checked~.cp_container {
height: auto;
padding-bottom: 80px; transition: all 0.5s;
}
.area_message ul {
display: block;
margin: 20px auto;
width: 240px;
}
.sns_icon {
padding: 0 !important;
display: block;
margin: 0px auto;
width: 50%;
}
.sns_icon.list-sns span {
margin-bottom: 10px;
font-size: 16px;
}
.sns_icon ul {
display: flex;
justify-content: space-evenly;
}
.sns_icon a {}
.area_message a {
float: left;
margin: 0 10px 0 0;
}
div.area_info img {}
div.area_info img {
float: right;
}
div.area_map img {
float: right;
margin: 30px 10px 10px;
}
.list-condition.area_detail_lounge li {
font-size: 16px;
}
#reason {}
#reason>div {
position: relative;
width: 70%;
margin: 0 auto 30px auto;
padding: 30px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/reason_bg.jpg) no-repeat;
background-size: cover;
}
#reason>div img {
position: absolute;
top: 0;
left: 30px;
}
#reason>div h3 {
padding: 0 0 0 130px;
background: none;
font-weight: bold;
}
#reason>div h3 span {
font-size: 14px;
}
#reason>div p {
padding: 0 0 0 130px;
}
.area_prof {
margin: 0 0 20px 0;
}
.area_prof>div {
margin: 0 0 20px 0;
}
.area_prof img {
float: left;
margin: 0 2% 0 0;
}
div.area_award p {
padding-bottom: 0;
}
.area_detail_award {
padding: 40px 0 0 !important;
}
.area_detail_access iframe {
width: 48% !important;
height: 280px !important;
float: left;
}
.area_detail_access>div {
width: 48%;
float: right;
}
.area_detail_access>div img {
width: 50%;
margin: 0 0 20px 0;
}
ul.rssblog {
margin-top: 30px;
padding: 30px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/bg_sub_container.gif) repeat;
}
ul.rssblog li {
border-bottom: 1px dashed #c9c9c9;
min-height: 49px;
background: #fff url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_heart01.png) 6px 22px no-repeat;
padding: 15px 0 12px;
}
ul.rssblog li a {
width: 100%;
padding-left: 25px;
display: block;
}
ul.rssblog li small {
float: left;
margin-top: -24px;
padding-left: 25px;
}
div#pages section.section-top-record {
padding: 40px 0 0;
}
.rssBody {}
.rssBody ul {}
.rssBody li {
padding: 10px 15px;
clear: both;
}
.rssBody li:nth-child(even) {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top_blog_bg.jpg);
}
.rssBody li div {
padding: 0 15px 0 0;
float: left;
}
.rssBody li a {
color: #333333;
}
#party {
padding: 40px 0 0;
}
#party>div {
padding: 20px 0 0;
text-align: center;
}
#party>div a {
display: block;
width: 740px;
margin: 0 auto;
}
#party>div a img {
width: 100%;
margin: 0 0 5px 0;
}
div#party section.section-top-record {
padding: 0;
}
.pp {}
.pp>div {
padding: 20px 0;
}
.pp p {
padding: 0 0 20px 0;
}
.pp h3 {
margin: 0 0 20px 0;
font-size: 20px;
}
.PP_main img {
float: right;
padding-bottom: 5px;
}
.PP_main01 .link-record {
margin-top: 40px;
}
.pp_rounge {}
.pp_rounge>div {
width: 63%;
float: right;
}
.pp_rounge img,
.pp_rounge iframe {
display: block;
width: 35% !important;
float: left;
}
.pp_rounge a {
margin: 20px 0;
padding: 5px 10px;
background: #fff921;
}
.pp_corona img {
display: block;
float: left;
width: 35%;
}
.pp_corona p {
width: 63%;
float: right;
}
.pp_corona a {
margin: 20px 0;
padding: 5px 10px;
background: #fff921;
}
.pp_corona_img h3 {
margin: 0 0 20px 0;
padding: 5px 10px;
background: #fff921;
font-size: 20px;
}
li.pp_corona_img {
display: inline-block;
width: 235px;
margin-right: 10px;
}
li.pp_corona_img p {
padding: 5px 0 10px 0;
text-align: center;
}
.pp .pp_point a,
.pp_order a,
.pp_flow a {
display: block;
width: 75%;
margin: 20px auto;
padding: 10px 0;
background: #fff921;
text-align: center;
}
.pp .pp_point {
padding: 0 0 40px 0;
}
.pp .pp_point h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
font-size: 28px;
border-bottom: 1px solid #6a3906;
color: #6a3906;
}
.pp .pp_point h3 span {
font-style: italic;
font-size: 36px;
}
.pp_point img {
display: block;
width: 20%;
float: right;
margin: 20px 0 0 0;
}
.pp_point>div {
margin: 0 0 40px 0;
}
.pp_point h3,
.pp_point p {
width: 75%;
}
.pp_flow {}
.pp_flow>div {
margin: 0 0 30px 0;
padding: 0;
}
.pp_flow>div:first-of-type {}
.pp_flow>div:last-of-type {}
.pp_flow h3 {
font-weight: bold;
font-size: 24px;
}
.pp_flow h3 span {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
margin: 0 5px 0 0;
padding: 3px 10px;
background: #fff921;
border-radius: 20px;
font-weight: normal;
font-size: 16px;
}
.pp_flow>div img {
width: 30%;
margin: 0 0 0 5%;
float: right;
} .alliance {}
.alliance>div {
padding: 20px 0;
}
.alliance_about {
text-align: center;
}
.alliance_about p {
padding: 20px 0;
}
.alliance_about p:first-of-type {
font-size: 24px;
}
.alliance_list {}
.alliance_list>div {
width: 48%;
min-height: 540px;
padding: 20px 0;
}
.alliance_list>div:nth-child(odd) {
float: left;
}
.alliance_list>div:nth-child(even) {
float: right;
}
.alliance_list>div img:first-of-type {
width: auto;
height: 20px;
}
.alliance_list>div img:last-of-type {
width: 100%;
height: auto;
margin: 10px 0;
}
.alliance_list>div span {
font-size: 14px;
}
.alliance_list>div h3 {
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #b28850;
padding: 3px 0;
}
.alliance_list>div table {
width: 100%;
}
.alliance_list>div th,
.alliance_list>div td {
padding: 10px 0 7px;
vertical-align: top;
}
.alliance_list>div th {
width: 15%;
font-size: 16px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
}
.alliance_list>div td {
width: 85%;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
font-size: 15px;
}
.alliance_list>div th:after {
content: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/icon_arrow01.png);
margin: 1px 5px 0 0;
float: right;
} .privacy {}
.privacy p,
.privacy ul {
padding: 0 0 40px 0;
}
.privacy h3 {
margin: 10px 0;
padding: 0 10px;
border-left: 5px solid #fff921;
font-size: 20px;
} .sitemap {}
.sitemap ul {
padding: 10px 0;
}
.sitemap li {
padding: 10px 0;
font-size: 18px;
}
.sitemap_left {
width;
50%;
float: left;
}
}
.sitemap_left02 {
float: none;
width: 50%;
}
.mr {
margin-right: 130px !important;
}
.sitemap_mass {
margin-bottom: 42px;
}
p.home {
padding: 5px 0 5px 16px;
line-height: 1.2;
font-weight: bold;
margin: 15px auto 5px auto;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_heart01.png) left no-repeat;
font-size: 18px;
text-align: center;
width: 450px;
}
li.title {
padding: 5px 0 5px 16px;
line-height: 1.2;
font-weight: bold;
margin: 15px auto 5px auto;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_heart01.png) left no-repeat;
font-size: 16px;
border-bottom: 1px solid #b8915e;
}
li.main {
line-height: 1.2;
margin: 0 0 0 2em;
font-size: 15px;
padding: 10px 0 10px 20px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow06.png) left no-repeat;
border-bottom: 1px dashed #b8915e;
white-space: nowrap;
} .bn_contact {
padding: 0 0 80px 0;
text-align: center;
}
.bn_contact img {
margin: 40px 0 5px 0;
}
@media screen and (max-width: 750px) {
#pages {}
#pages h2 {
font-size: 0.33rem;
font-weight: bold;
background-size: 0.4rem auto;
margin-left: -0.6rem;
margin-right: -0.6rem;
margin-top: 5px;
}
} .qa {}
.qa dl {}
.qa dt {}
.qa dd {
font-size: 0.27rem;
}
.qa dd span {
margin: 20px auto;
text-align: center;
}
.qa dd span a {
display: block;
width: 80%;
padding: 5px 0;
margin: 0 auto;
}
@media (max-width: 750px) {
.qa_test {}
.qa_test h3 {
font-size: 0.28rem;
}
.qa_test dl {}
.qa_test dt {
margin: auto;
padding: 10px 0px 10px 20px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/sm/qa_mark.png) no-repeat left center, url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
background-size: 11%, auto;
font-size: 0.25rem;
}
.qa_test>label>dt {
padding: 1em 2em 1em 3em;
margin-bottom: 6px;
}
.qa_test label>dd {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/sm/qa_mark_awnser.png) no-repeat left top 30px, url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
background-size: 11%, auto;
padding: 1em 1em 1em 1em;
}
.qa_test>label {
width: 100%;
}
.qa_test dd span {
margin: 20px auto;
text-align: center;
}
.qa_test dd span a {
display: block;
width: 85%;
padding: 5px;
margin: 0 auto;
}
.qa_test>.check_open:checked+label>dt {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/sm/qa_mark.png) no-repeat left center, url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
background-size: 11%, auto;
}
.qa_test>label>dt:after {
width: 22px;
height: 22px;
top: 40%;
right: -0.4em;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_arrow12.png) no-repeat top;
background-size: cover;
}
.qa_test>.check_open:checked+label>dt:after {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_arrow13.png) no-repeat top;
background-size: cover;
}
.qa>.check_open:checked+label>dd {
padding: 1em 1em 1em 3.5em;
height: 100%;
visibility: visible;
transform: translateY(0px);
transition: 0.7s;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/sm/qa_mark_answer.png) no-repeat left top 15px, url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
}
.qa_test h3:before {
margin-right: 0.1rem;
}
.qa_test h3:after {
margin-left: 0.1rem;
}
}
@media screen and (max-width: 750px) { .ordermade {}
.ordermade_main {
padding: 0 0 20px;
}
.ordermade_main p {
width: 100%;
padding: 0 0 20px 0;
font-size: 0.27rem;
}
.ordermade_main img {
float: none;
}
.ordermade_detail h3,
.seminar_detail h3 {
width: 100%;
font-size: 20px;
padding: 5px 10px;
}
.ordermade_detail {
margin: 0 0 40px 0;
padding: 0 0 40px 0;
}
.ordermade_detail>div {
padding: 20px 0 0 0;
}
.ordermade_detail img {
display: block;
width: 40%;
margin: 0 auto;
float: none;
vertical-align: inherit;
}
.ordermade_detail p {
padding: 20px 0;
font-size: 0.27rem;
}
.seminar {
padding: 40px 0;
}
.seminar p {
padding: 0 0 20px 0;
font-size: 0.27rem;
}
.seminar p:first-child {
font-size: 18px;
}
.seminar_detail h3 {
background: #fffb5a;
}
.seminar_detail p {
padding: 10px 10px 40px 10px;
font-size: 0.27rem;
} .system p {
font-size: 0.27rem;
}
.ibjs_box {
width: 100%;
padding: 15px;
}
.ibjs_subttl {
font-size: 17px;
}
.system h3 { background: #fff !important;
padding-bottom: 5px;
}
.system_main {
padding: 20px 0 20px;
}
.system_main p {
width: 100%;
padding: 0 0 20px 0;
font-weight: bold;
color: #956734;
font-size: 16px;
}
.system_main p:first-of-type {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
font-size: 20px;
color: #513317;
line-height: 1.4;
}
.system_main img {
display: block;
width: 100%;
margin: 10px auto;
float: none;
}
.system_detail {
padding: 20px 0 20px 0;
font-size: 0.27rem;
}
.title_ibjs {
font-weight: 700;
color: #956734;
font-size: 20px;
padding: 10px 0;
text-align: center;
padding-bottom: 5px !important;
}
.system_detail img {
display: block;
width: 100%;
margin: 10px auto;
float: none;
}
.system_detail p.title {
padding: 0 0 10px 0;
font-size: 18px;
}
.system_detail p.title strong {
color: #cc0000;
}
.system_detail.ibjs p {
width: 100%;
float: none;
}
.system_detail.ibjs img {
margin: 10px auto;
}
.system_flow {
margin: 0;
padding: 20px 0 30px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/system_flow_bg.png) no-repeat center bottom;
font-size: 0.27rem;
}
.system_flow:last-of-type {
background: none;
}
.system_flow h4 {
margin: 10px 0 20px;
padding: 5px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
font-size: 20px;
}
.system_flow img {
display: block;
width: 100%;
margin: 10px auto;
float: none;
}
.system_flow p {}
p.caution01 {
display: block;
width: calc(100% -26px);
margin: 20px 0;
padding: 14px;
background: #fffdc7;
border: 3px solid #fff921;
} .flow {}
.flow_detail {
margin: 0 0 20px 0;
padding: 0 0 20px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/system_flow_bg.png) no-repeat center bottom;
}
.flow_detail>div {
margin: 0 0 40px 0;
padding: 0 0 60px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line_ordermade.png) no-repeat bottom;
background-size: contain;
}
.flow_detail:last-of-type,
.flow_detail:last-of-type>div {
background: none;
}
.flow_detail:last-of-type>div {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.flow_detail>div h3 {
color: #956734;
font-size: 18px;
text-align: center;
}
.flow_detail>div h3 span {
margin: 0 10px 0 0;
font-style: italic;
}
.flow_detail>div img {
display: block;
width: 100%;
margin: 10px auto;
float: none;
}
.flow_detail>div p {
width: 100%;
padding: 10px 0;
font-size: 0.27rem;
}
.flow_detail:last-of-type>div p {
width: 100%;
}
.flow_detail>div a {
display: block;
width: 100%;
padding: 5px 0;
text-align: center;
} .media {}
.media dl {
padding: 40px 0;
}
.media dt {
width: calc(100% - 12px);
border-left: 8px solid #faed1e;
padding: 0 0 0 12px;
font-size: 0.27rem;
}
.media dd {
margin: 0 0 20px 0;
padding: 3px 20px 20px 20px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
font-size: 0.27rem;
}
.media dt time,
.media dt span {
float: left;
}
.media dt span {
display: block;
width: 80px;
margin: 0 0 0 10px;
padding: 1.6px 0;
color: #ffffff;
border-radius: 2px;
font-size: 12px;
font-weight: bold;
text-align: center;
} .forcompany {}
.forcompany>div {
padding: 20px 0;
}
.forcompany>div h3 {
font-size: 24px;
padding: 20px 0 0 0;
}
.forcompany>div p {
padding: 20px 0 0 0;
font-size: 0.27rem;
}
.forcompany>div:first-of-type img,
.forcompany>div:last-of-type img {
display: block;
width: 100%;
margin: 10px auto;
float: none;
}
.forcompany>div:first-of-type p,
.forcompany>div:last-of-type p {
width: 100%;
} .data {
text-align: center;
}
.data>div {
padding: 0 0 20px;
position: relative;
}
.data>div h3 {
padding: 5px 0;
background: #fff921;
font-size: 0.3rem;
}
.data>div span {
padding: 10px 0;
font-size: 12px;
line-height: 0.7;
}
.data>div img {
margin: 20px 0;
}
.data>div p {
margin: 10px 0 20px 0;
padding: 10px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
font-size: 0.27rem;
text-align: left;
}
.data>div p strong {
color: #cc0000;
}
.data>div p.data_section01 {
margin: 10px 0 20px 0;
padding: 10px 0;
background: none;
font-size: 22px;
text-align: center;
}
.data>div p.data_section01 strong {
font-size: 32px;
color: #956734;
}
.data>div p.data_section01 strong span {
font-size: 24px;
}
.data>div:first-of-type img {
position: inherit;
display: block;
width: 60%;
height: auto;
margin: 10px auto;
right: inherit;
bottom: inherit;
}
.data>div table {
width: calc(100% - 2px);
margin: 20px auto;
}
.data>div th,
.data>div td {
display: block;
width: calc(50%);
padding: 10px 0;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
text-align: center;
float: left;
font-size: 94%;
}
.data>div th {
background: #ffe5fa;
} .cmp {}
.cmp>div {
text-align: center;
}
.cmp>div p { }
.cmp>div img {}
.cmp_minaoshi {
width: 100%;
} .area {
font-size: 0.27rem;
}
.area p {}
img.area_main {
margin: 0.05rem 0 0 0;
}
.area_list {
padding: 20px 0;
}
.area_list h3 {
margin: 20px 0;
padding: 5px 10px;
font-size: 0.3rem;
background: #fff921;
}
.area_list table {
width: 100%;
margin: 10px 0;
float: none;
}
.area_list th,
.area_list td {
padding: 10px 0;
border-bottom: 1px solid #956734;
display: table-cell;
}
.area_list th {
width: 30%;
} .area_list iframe {
width: 100% !important;
height: 250px !important;
margin: 10px 0;
float: none;
}
.area_list a {
display: block;
width: calc(100% -2px);
margin: 20px auto;
padding: 10px 0;
border: 1px solid #956734;
border-radius: 20px;
font-size: 14px;
text-align: center;
clear: both;
}
a.link-detail.trans.map {
-webkit-border-radius: 0.04rem;
border-radius: 0.04rem;
margin-top: 0px;
width: 100%;
max-width: 6.4rem;
font-size: 0.26rem;
padding: 0.16rem 0.2rem 0.12rem;
background-position: right 0.1rem center;
background-size: 0.08rem auto;
border: none;
line-height: 1.5;
}
.area_support,
.area_company,
.area_idea {
padding: 25px 0;
}
.area_support p {
padding: 20px 0;
}
.area_idea {
text-align: center;
}
.area_idea img {
margin: 20px 0;
}
.area_company p {}
.area_company table {
width: 100%;
margin: 0;
}
.area_company th,
.area_company td {
display: block;
width: 100%;
}
.area_company th {
padding: 10px 0 0 0;
border-bottom: none;
}
.area_company td {
padding: 5px 0 10px 0;
border-bottom: 1px solid #956734;
}
.area_detail {}
.txt-note {
font-size: 0.24rem;
padding: 0.08rem 0.3rem 0;
} .area_detail h3 {
margin: 0 0 20px 0;
padding: 5px 10px;
background: #fff921;
font-size: 0.3rem;
text-align: center;
}
.area_detail p {
padding: 0 0 20px 0;
}
.area_detail p.ttl-record {
height: 100px;
font-size: 0.26rem;
margin-top: 0.11rem;
}
.area_detail .link-record {
padding-top: 10px;
}
.area_detail p.txt-record {
height: 53px;
margin-top: 0.06rem;
line-height: 1.3;
}
.area_detail .area_message {
padding: 0 0 0 0;
}
.area_message p {
text-align: left;
} #pages .section-top-can .img-can {
margin-top: 0;
}
.reason_bnr .bnr_left {
margin: 20px 0 10px;
float: none;
} .shinsakae .area_message,
.shinjuku .area_message,
.hamamatsu .area_message {
background: none;
}
.sns_icon {
width: 80%;
}
.area_message ul {
display: block;
}
.area_message a {
float: left;
margin: 0 10px 0 0;
}
.area_message img {
margin: 10px auto;
}
div.area_info img {
margin: 10px auto;
}
div.area_map img {
margin: 10px auto;
}
.list-condition.area_detail_lounge li {
font-size: 0.25rem;
}
#reason {}
#reason>div {
position: relative;
width: calc(100% - 20px);
margin: 0 auto 30px auto;
padding: 10px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/reason_bg.jpg) no-repeat;
background-size: cover;
}
#reason>div img {
position: absolute;
display: block;
width: 20%;
height: auto;
top: 0;
left: 2.5%;
}
#reason>div h3 {
padding: 0;
margin: 0 0 0 25%;
background: none;
font-weight: bold;
}
#reason>div h3 span {
font-size: 12px;
}
#reason>div p {
padding: 0 0 0 25%;
}
.area_prof {
margin: 0 0 20px 0;
}
.area_prof>div {
margin: 0 0 20px 0;
}
.area_prof img {
display: block;
float: none;
margin: 0px auto 10px;
max-width: 50%;
}
div.area_award {
margin: 0;
}
.area_detail_award ul.award li {
width: 100%;
}
div.area_award p {
text-align: center;
font-size: 0.3rem;
padding-bottom: 0;
}
.area_detail_access {}
.area_detail_access iframe {
width: 100% !important;
height: 250px !important;
float: none;
}
.area_detail_access>div {
width: 100%;
float: none;
}
.area_detail_access>div img {
display: block;
width: 50%;
margin: 20px auto;
}
ul.rssblog {
padding: 10px;
overflow: hidden;
}
ul.rssblog li a {
width: 82%;
padding: 0.3rem 0px 0px 15px;
position: absolute;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
ul.rssblog li small {
padding-left: 20px;
font-size: 0.2rem;
position: absolute;
margin-top: -0.35rem;
}
ul.rssblog li {
padding: 0.2rem 0.01rem 0.8rem;
background-position: 0.08rem 0.28rem;
}
.rssBody {}
.rssBody ul {}
.rssBody li {
margin: 10px 0;
padding: 10px 15px 30px 15px;
clear: both;
position: relative;
}
.rssBody li:nth-child(even) {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top_blog_bg.jpg)top;
}
.rssBody li a {
color: #333333;
position: absolute;
bottom: 0;
}
.rssBody li div {
font-size: 10px;
position: absolute;
top: 0;
}
#party {}
#party>div {
padding: 10px 0 0 0;
text-align: center;
}
#party>div a {
display: block;
width: 100%;
}
#party>div a img {
width: 100%;
margin: 0 0 5px 0;
}
.pp {}
.pp>div {
padding: 10px 0;
}
.pp p {
padding: 5px 0 20px 0;
font-size: 0.27rem;
}
.pp h3 {
margin: 0 0 10px 0;
font-size: 16px;
}
.PP_main01 .link-record {
margin-top: 0px;
}
.pp_rounge {}
.pp_rounge>div {
width: 100%;
float: none;
}
.pp_rounge img,
.pp_rounge iframe {
display: block;
width: 100% !important;
float: none;
}
.pp_rounge a {
display: block;
width: 100%;
margin: 20px auto;
padding: 10px 0;
background: #fff921;
text-align: center;
}
.pp_corona img,
.pp_corona p {
float: none;
width: 100%;
}
.pp_corona a {
display: block;
width: 100%;
margin: 20px auto;
padding: 10px 0;
background: #fff921;
text-align: center
}
.pp_corona_img h3 {
font-size: 0.3rem;
text-align: center;
}
li.pp_corona_img {
display: inline-block;
width: 49%;
margin-right: 0;
}
li.pp_corona_img p {
font-size: 85%;
}
.pp .pp_point a,
.pp_order a,
.pp_flow a {
display: block;
width: 100%;
margin: 20px auto;
padding: 10px 0;
}
.pp .pp_point {
padding: 0 0 40px 0;
}
.pp .pp_point h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
font-size: 24px;
border-bottom: 1px solid #6a3906;
color: #6a3906;
margin: 0 0 -6px 0;
}
.pp .pp_point h3 span {
font-style: italic;
font-size: 32px;
}
.pp_point img {
display: block;
width: 60%;
margin: 10px auto;
float: none;
}
.pp_point>div {
margin: 0 0 50px 0;
}
.pp_point h3,
.pp_point p {
width: 100%;
}
.pp_flow {}
.pp_flow>div {
margin: 0 0 30px 0;
}
.pp_flow>div:first-of-type {}
.pp_flow>div:last-of-type {
margin: 0 0 0 0;
padding: 30px 0 0 0;
}
.pp_flow h3 {
font-weight: bold;
font-size: 20px;
}
.pp_flow h3 span {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
margin: 0 5px 0 0;
padding: 3px 10px;
background: #fff921;
border-radius: 20px;
font-weight: normal;
font-size: 12px;
}
.pp_flow>div img {
width: 100%;
margin: 10px 0;
float: none;
} .alliance {
overflow: hidden;
}
.alliance>div {
padding: 10px 0;
overflow: hidden;
}
.alliance_about {
text-align: center;
}
.alliance_about p {
padding: 10px 0;
text-align: left;
font-size: 0.27rem;
}
.alliance_about p:first-of-type {
font-size: 20px;
}
.alliance_list {}
.alliance_list>div {
width: 100%;
min-height: inherit;
padding: 20px 0 20px 0;
}
.alliance_list>div:nth-child(odd) {
float: none;
}
.alliance_list>div:nth-child(even) {
float: none;
}
.alliance_list>div img {
max-width: 100%;
height: auto;
margin: 5px 0;
}
.alliance_list>div span {
font-size: 14px;
}
.alliance_list>div h3 {
font-size: 18px;
font-weight: bold;
}
.alliance_list>div table {
width: 100%;
}
.alliance_list>div th,
.alliance_list>div td {}
.alliance_list>div th {
width: 23%;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
font-size: 15px;
}
.alliance_list>div td {
width: 77%;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
display: table-cell;
}
.alliance_list>div th:after {
content: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/icon_arrow01.png);
margin: 1px 5px 0 0;
float: right;
} .privacy {}
.privacy p,
.privacy ul {
padding: 0 0 20px 0;
font-size: 0.27rem;
}
.privacy h3 {
margin: 10px 0;
padding: 0 10px;
border-left: 5px solid #fff921;
font-size: 16px;
}
.bn_contact {
padding: 0 0.3rem 40px 0.3rem;
text-align: center;
font-size: 0.22rem;
}
.bn_contact img {
margin: 10px 0 5px 0;
}
.bn_contact_nav {
padding: 2px 15px;
text-align: center;
font-size: 0.22rem;
margin: 15px auto;
} .sitemap_left {
width: 100%;
float: none;
margin: 0 0;
}
p.home {
text-align: start;
width: 100%;
}
.mr {}
} .pies {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px auto 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 670px;
}
.pies img {
margin: 0 !important;
}
@media screen and (max-width: 750px) {
.pies {
display: block;
width: 100%;
}
}
.pie,
.pie2 {
color: #4babdd;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
width: 235px;
height: 235px;
font-size: 26px;
font-weight: 700;
background-image: radial-gradient(#fff 30%, transparent 31%), conic-gradient(#4babdd 0% 55.1%, #9ec5e6 55.1% 83.2%, #c7ddf2 83.2% 99%, #e4eef8 99% 100%);
border-radius: 50%;
position: relative;
}
@media screen and (max-width: 750px) {
.pie,
.pie2 {
margin-top: 45px;
}
}
.pie img,
.pie2 img {
width: 17px;
height: 40px;
}
.pie::after,
.pie2::after {
position: absolute;
top: 50px;
right: -20px;
content: "";
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/pie-arrow.svg) no-repeat center center/contain;
width: 60px;
height: 60px;
}
@media screen and (max-width: 750px) {
.pie::after,
.pie2::after {
top: 10px;
right: 15px;
width: 45px;
height: 45px;
}
}
.pie .pie__first,
.pie2 .pie__first {
content: "";
position: absolute;
top: -10px;
right: -115px;
width: 125px;
height: 80px;
text-align: left;
font-size: 16px;
color: black;
font-weight: 700;
}
@media screen and (max-width: 750px) {
.pie .pie__first,
.pie2 .pie__first {
top: -50px;
right: -40px;
width: 96px;
line-height: 2;
}
}
.pie .pie__first span,
.pie2 .pie__first span {
font-size: 40px;
font-weight: 600;
color: #4babdd;
font-family: "Poppins", sans-serif;
}
.pie .pie__first .pie-per,
.pie2 .pie__first .pie-per {
font-size: 25px;
color: #4babdd;
}
.pie2 {
color: #f27eaf;
background-image: radial-gradient(#fff 30%, transparent 31%), conic-gradient(#f27eaf 0% 71.9%, #f2b5c7 71.9% 92.7%, #f9d5df 92.7% 99.5%, #fbeaf0 99.5% 100%);
}
.pie2 .pie__first span {
color: #f27eaf;
}
.pie2 .pie__first .pie-per {
color: #f27eaf;
}
.pie__texts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 330px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 10px;
}
@media screen and (max-width: 750px) {
.pie__texts {
margin: 20px auto 0;
}
}
@media screen and (max-width: 750px) {
.pie__right { }
}
.pie__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 78%;
}
.pie__text .text,
.pie__text .pie-per {
font-weight: bold;
font-size: 18px;
}
.pie__text .text {
width: 165px;
text-align: left;
}
.pie__text .pie-per {
font-size: 22px;
text-align: right;
width: 67px;
}
.pie__text .pie-per span {
font-size: 10px;
}
.box1,
.box2,
.box3,
.box4 {
width: 20px;
height: 20px;
background-color: #4babdd;
}
.box1 {
background-color: #4babdd;
}
.box2 {
background-color: #9ec5e6;
}
.box3 {
background-color: #c7ddf2;
}
.tw-situation__date--pie,
.tw-situation__date--pie2,
.tw-situation__date--pie3 .box4 {
background-color: #e4eef8;
}
.pie__right .box1 {
background-color: #f27eaf;
}
.pie__right .box2 {
background-color: #f2b5c7;
}
.pie__right .box3 {
background-color: #f9d5df;
}
.pie__right .box4 {
background-color: #fbeaf0;
} .ages-pie .pies {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px auto 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 670px;
}
.ages-pie .pies img {
margin: 0 !important;
}
@media screen and (max-width: 750px) {
.ages-pie .pies {
display: block;
width: 100%;
}
}
.ages-pie .pie,
.ages-pie .pie2 {
color: #4babdd;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
width: 235px;
height: 235px;
font-size: 26px;
font-weight: 700;
background-image: radial-gradient(#fff 30%, transparent 31%), conic-gradient(#4aabdb 0% 6.6%, #6ebce2 6.6% 24.4%, #92cde9 24.4% 47.5%, #b7ddf1 47.5% 65.9%, #e3eef8 65.9% 79.8%, #f1f7fb 79.8% 100%);
border-radius: 50%;
position: relative;
}
@media screen and (max-width: 750px) {
.ages-pie .pie,
.ages-pie .pie2 {
margin-top: 45px;
}
}
.ages-pie .pie img,
.ages-pie .pie2 img {
width: 17px;
height: 40px;
}
.ages-pie .pie::after,
.ages-pie .pie2::after {
position: absolute;
top: 50px;
right: -20px;
content: "";
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/pie-arrow.svg) no-repeat center center/contain;
width: 60px;
height: 60px;
}
@media screen and (max-width: 750px) {
.ages-pie .pie::after {
top: 40px;
right: -15px;
width: 45px;
height: 45px;
}
.ages-pie .pie2::after {
top: 40px;
right: -5px;
width: 45px;
height: 45px;
}
.page-top .ages-pie .pie::after {
top: 40px;
right: -5px;
}
}
.ages-pie .pie .pie__first,
.ages-pie .pie2 .pie__first {
content: "";
position: absolute;
top: -10px;
right: -115px;
width: 125px;
height: 80px;
text-align: left;
font-size: 16px;
color: black;
font-weight: 700;
}
@media screen and (max-width: 750px) {
.ages-pie .pie .pie__first {
top: -20px;
right: -80px;
width: 96px;
line-height: 2;
}
.ages-pie .pie .pie__first {
top: -50px;
right: -40px;
width: 96px;
line-height: 2;
}
.ages-pie .pie2 .pie__first {
top: -30px;
right: -60px;
width: 96px;
line-height: 2;
}
.shinsakae .ages-pie .pie .pie__first,
.shinjuku .ages-pie .pie .pie__first,
.hamamatsu .ages-pie .pie .pie__first {
line-height: 1;
top: -20px;
right: -70px;
}
.shinsakae .ages-pie .pie2 .pie__first,
.shinjuku .ages-pie .pie2 .pie__first,
.hamamatsu .ages-pie .pie2 .pie__first {
line-height: 1;
}
.page-top .ages-pie .pie .pie__first,
.page-top .ages-pie .pie2 .pie__first {
top: -20px;
right: -60px;
line-height: 1;
}
}
.ages-pie .pie .pie__first span,
.ages-pie .pie2 .pie__first span {
font-size: 40px;
font-weight: 600;
color: #4babdd;
font-family: "Poppins", sans-serif;
}
.ages-pie .pie .pie__first .pie-per,
.ages-pie .pie2 .pie__first .pie-per {
font-size: 25px;
color: #4babdd;
}
.ages-pie .pie2 {
color: #f27eaf;
background-image: radial-gradient(#fff 30%, transparent 31%), conic-gradient(#f27eb0 0% 13.4%, #f1aabf 13.4% 39.5%, #f4bfcf 39.5% 66.6%, #f8d5df 66.6% 82.1%, #fbeaef 82.1% 89.9%, #fdf4f7 89.9% 100%);
}
.ages-pie .pie2 .pie__first span {
color: #f27eaf;
}
.ages-pie .pie2 .pie__first .pie-per {
color: #f27eaf;
}
.ages-pie .pie__texts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 330px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 10px;
}
@media screen and (max-width: 750px) {
.ages-pie .pie__texts {
margin: 20px auto 0;
}
}
@media screen and (max-width: 750px) {
.ages-pie .pie__right { }
}
.ages-pie .pie__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 78%;
}
.ages-pie .pie__text .text,
.ages-pie .pie__text .pie-per {
font-weight: bold;
font-size: 18px;
}
.ages-pie .pie__text .text {
width: 165px;
text-align: left;
}
.ages-pie .pie__text .pie-per {
font-size: 22px;
text-align: right;
width: 67px;
}
.ages-pie .pie__text .pie-per span {
font-size: 10px;
}
.ages-pie .box1,
.ages-pie .box2,
.ages-pie .box3,
.ages-pie .box4,
.ages-pie .box5,
.ages-pie .box6 {
width: 20px;
height: 20px;
background-color: #4aabdb;
}
.ages-pie .box1 {
background-color: #4aabdb;
}
.ages-pie .box2 {
background-color: #6ebce2;
}
.ages-pie .box3 {
background-color: #92cde9;
}
.ages-pie .box4 {
background-color: #b7ddf1;
}
.ages-pie .box5 {
background-color: #e3eef8;
}
.ages-pie .box6 {
background-color: #f1f7fb;
}
.ages-pie .pie__right .box1 {
background-color: #f27eb0;
}
.ages-pie .pie__right .box2 {
background-color: #f1aabf;
}
.ages-pie .pie__right .box3 {
background-color: #f4bfcf;
}
.ages-pie .pie__right .box4 {
background-color: #f8d5df;
}
.ages-pie .pie__right .box5 {
background-color: #fbeaef;
}
.ages-pie .pie__right .box6 {
background-color: #fdf4f7;
} .academic-pie .pies {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px auto 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 670px;
}
.academic-pie .pies img {
margin: 0 !important;
}
@media screen and (max-width: 750px) {
.academic-pie .pies {
display: block;
width: 100%;
}
}
.academic-pie .pie,
.academic-pie .pie2 {
color: #4babdd;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
width: 235px;
height: 235px;
font-size: 26px;
font-weight: 700;
background-image: radial-gradient(#fff 30%, transparent 31%), conic-gradient(#4aabdb 0% 53.7%, #6ebce2 53.7% 70.5%, #92cde9 70.5% 80.3%, #b7ddf1 80.3% 81.9%, #e3eef8 81.9% 100%);
border-radius: 50%;
position: relative;
}
@media screen and (max-width: 750px) {
.academic-pie .pie,
.academic-pie .pie2 {
margin-top: 45px;
}
}
.academic-pie .pie img,
.academic-pie .pie2 img {
width: 17px;
height: 40px;
}
.academic-pie .pie::after,
.academic-pie .pie2::after {
position: absolute;
top: 50px;
right: -20px;
content: "";
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/pie-arrow.svg) no-repeat center center/contain;
width: 60px;
height: 60px;
}
@media screen and (max-width: 750px) {
.academic-pie .pie::after,
.academic-pie .pie2::after {
top: 10px;
right: 15px;
width: 45px;
height: 45px;
}
}
.academic-pie .pie .pie__first,
.academic-pie .pie2 .pie__first {
content: "";
position: absolute;
top: -10px;
right: -115px;
width: 125px;
height: 80px;
text-align: left;
font-size: 16px;
color: black;
font-weight: 700;
}
@media screen and (max-width: 750px) {
.academic-pie .pie .pie__first,
.academic-pie .pie2 .pie__first {
top: -50px;
right: -40px;
width: 96px;
line-height: 2;
}
}
.academic-pie .pie .pie__first span,
.academic-pie .pie2 .pie__first span {
font-size: 40px;
font-weight: 600;
color: #4babdd;
font-family: "Poppins", sans-serif;
}
.academic-pie .pie .pie__first .pie-per,
.academic-pie .pie2 .pie__first .pie-per {
font-size: 25px;
color: #4babdd;
}
.academic-pie .pie2 {
color: #f27eaf;
background-image: radial-gradient(#fff 30%, transparent 31%), conic-gradient(#f27eb0 0% 59.5%, #f1aabf 59.5% 66.3%, #f4bfcf 66.3% 78.5%, #f8d5df 78.5% 90.5%, #fbeaef 90.5% 100%);
}
.academic-pie .pie2 .pie__first span {
color: #f27eaf;
}
.academic-pie .pie2 .pie__first .pie-per {
color: #f27eaf;
}
.academic-pie .pie__texts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 330px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 10px;
}
@media screen and (max-width: 750px) {
.academic-pie .pie__texts {
margin: 20px auto 0;
}
}
@media screen and (max-width: 750px) {
.academic-pie .pie__right { }
}
.academic-pie .pie__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 78%;
}
.academic-pie .pie__text .text,
.academic-pie .pie__text .pie-per {
font-weight: bold;
font-size: 18px;
}
.academic-pie .pie__text .text {
width: 165px;
text-align: left;
}
.academic-pie .pie__text .pie-per {
font-size: 22px;
text-align: right;
width: 67px;
}
.academic-pie .pie__text .pie-per span {
font-size: 10px;
}
.academic-pie .box1,
.academic-pie .box2,
.academic-pie .box3,
.academic-pie .box4,
.academic-pie .box5 {
width: 20px;
height: 20px;
background-color: #4aabdb;
}
.academic-pie .box1 {
background-color: #4aabdb;
}
.academic-pie .box2 {
background-color: #6ebce2;
}
.academic-pie .box3 {
background-color: #92cde9;
}
.academic-pie .box4 {
background-color: #b7ddf1;
}
.academic-pie .box5 {
background-color: #e3eef8;
}
.academic-pie .pie__right .box1 {
background-color: #f27eb0;
}
.academic-pie .pie__right .box2 {
background-color: #f1aabf;
}
.academic-pie .pie__right .box3 {
background-color: #f4bfcf;
}
.academic-pie .pie__right .box4 {
background-color: #f8d5df;
}
.academic-pie .pie__right .box5 {
background-color: #fbeaef;
}   .tw-poppins {
font-family: "Poppins", sans-serif;
}
.tw-top {
margin-top: 40px;
}
@media screen and (max-width: 751px) {
.tw-top {
margin-top: 20px;
}
}
.tw-top__texts {
position: relative;
margin-top: 80px;
margin-bottom: 40px;
}
.tw-top__title {
text-align: center;
font-size: 30px;
line-height: (42 / 30);
letter-spacing: 0.75px;
color: #69491C;
font-weight: bold;
}
.tw-top__title span {
position: relative;
font-weight: bold;
}
.tw-top__title span small {
position: absolute;
top: -40px;
left: -126px;
width: 190px;
height: 20px;
color: #F39800;
font-size: 18px;
transform: rotate(-14deg);
}
.tw-top__title span::after {
position: absolute;
content: " ";
top: -40px;
right: 15px;
width: 60px;
height: 60px;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-left-shock.png) no-repeat center center / contain;
}
.tw-top__title span::before {
position: absolute;
content: "";
top: -40px;
left: -135px;
width: 210px;
height: 60px;
transform: rotate(-8deg);
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-speech.png) no-repeat center center / contain;
}
@media screen and (max-width: 751px) {
.tw-top__title span::after {
top: -25px;
right: 10px;
width: 40px;
height: 40px;
}
.tw-top__title span small {
top: -44px;
left: -52px;
width: 150px;
height: 20px;
font-size: 13px;
}
.tw-top__title span::before {
top: -45px;
left: -50px;
width: 150px;
height: 45px;
}
.tw-top__texts {
margin-top: 70px;
margin-bottom: 15px;
}
.tw-table__padding--top {
padding-top: 35px !important;
}
.tw-top__title {
font-size: 19px;
}
.tw-top__text {
font-size: 15px;
width: 160px;
top: -90px;
left: 5px;
}
.tw-top__text::after {
top: -15px;
right: -3px;
width: 170px;
height: 65px;
}
.tw-top__title::after {
right: 25px;
width: 45px;
height: 45px;
}
} @media screen and (max-width: 750px) {
.tw-wrapper {
padding-left: 0.1rem;
padding-right: 0.1rem;
}
}
.tw-table {
width: 100%;
text-align: center;
margin-top: 40px;
border-collapse: collapse;
}
.tw-table th,
.tw-table td {
border: 2px solid #966731;
padding: 40px 0;
font-weight: bold;
font-size: 28px;
vertical-align: middle;
text-align: center;
}
@media screen and (max-width: 750px) {
.tw-table {
margin-top: 0;
}
.tw-table th,
.tw-table td {
border: 1px solid #966731;
font-size: 18px;
padding: 20px 0;
display: table-cell;
width: 27.4%;
}
.tw-table__important--items {
padding: 35px 0 20px 0 !important;
}
}
.tw-table td {
font-size: 22px;
}
@media screen and (max-width: 750px) {
.tw-table th {
font-size: 15px;
}
.tw-table td {
font-size: 15px;
}
}
.tw-pie__first {
top: -35px !important;
right: -60px !important;
width: 125px !important;
height: 80px !important;
}
.tw-table th:first-child {
background-color: #fcfe2e;
width: 26.4%;
}
.tw-table th:nth-child(2) {
background-color: #ea5710;
width: 43.6%;
color: #fff;
border: 6px solid #ea5710;
border-bottom: none;
}
.tw-table th:nth-child(3) {
background-color: #fffcd9;
width: 30%;
}
.tw-table td:first-child {
border-right: none;
}
.tw-table td:nth-child(2) {
position: relative;
border-right: none;
border-left: none;
border-right: 6px solid #ea5710;
border-left: 6px solid #ea5710;
font-size: 30px;
line-height: 1.1;
}
.tw-table td:nth-child(3) {
border-left: none;
font-size: 20px;
}
@media screen and (max-width: 750px) {
.tw-table td:nth-child(2) {
font-size: 17px;
}
.tw-table td:nth-child(3) {
font-size: 15px;
}
}
.tw-table td:first-child {
background-color: #fffcd9;
}
.tw-table tr:last-child td:nth-child(2) {
border-bottom: 6px solid #ea5710;
}
.tw-table__important {
font-size: 36px;
color: #e60716;
font-weight: bold;
background: linear-gradient(transparent 60%, #fcfe2e 40%);
}
@media screen and (max-width: 750px) {
.tw-table__important {
font-size: 22px;
line-height: 1.6;
}
}
.tw-table__important--top {
position: relative;
}
.tw-table__important--topsmall {
font-size: 16px;
font-weight: bold;
}
.tw-table__important--important {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/asset.png) no-repeat center center / contain;
content: "";
width: 120px;
height: 100px;
top: -25px;
left: 10px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.tw-table__important--important-second {
column-gap: 5px;
}
@media screen and (max-width: 750px) {
.tw-table__important--important-second {
column-gap: 3px;
}
}
.tw-table__important--important span {
font-size: 14px;
}
.tw-table__important--important p {
font-size: 44px;
font-weight: bold;
letter-spacing: -1px;
}
.tw-table__important--right {
line-height: 0.9;
}
.tw-table__important--right p {
font-size: 14px;
text-align: left;
letter-spacing: 0;
font-weight: bold;
}
@media screen and (max-width: 750px) {
.tw-table__important--important {
width: 80px;
height: 60px;
top: -25px;
left: 0;
}
.tw-table__important--important p {
font-size: 24px;
}
.tw-table__important--important span {
font-size: 10px;
}
.tw-table__important--right p {
font-size: 11px;
font-weight: bold;
}
.tw-table__important--topsmall {
font-size: 12px;
}
}
.tw-table__small {
font-size: 24px;
font-weight: bold;
text-decoration: line-through;
text-decoration-color: #bbaea7;
position: relative;
bottom: 5px;
}
.tw-table__small--yen {
font-size: 0.7em;
font-weight: bold;
}
.tw-table__small::after,
.tw-table__small::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
top: 10px;
right: -12px;
transform: rotate(-45deg);
border-right: 2px solid #513317;
;
border-bottom: 2px solid #513317;
;
}
.tw-table__small::before {
right: -19px;
}
@media screen and (max-width: 750px) {
.tw-table__small {
font-size: 17px;
bottom: 0;
}
.tw-table__small::after,
.tw-table__small::before {
top: 5.5px;
right: -9px;
}
.tw-table__small::before {
right: -15px;
}
}
.tw-table__text {
font-size: 14px;
line-height: 1.286;
color: #966731;
margin-top: 10px;
font-weight: 500;
}
@media screen and (max-width: 750px) {
.tw-table__text {
font-size: 12px;
padding: 0 10px;
margin-top: 15px;
text-align: center;
}
}
.tw-table__bottom {
margin-top: 45px;
}
@media screen and (max-width: 750px) {
.tw-table__bottom {
margin-top: 20px;
}
}
.tw-table__bottom p {
color: #966731;
font-size: 16px;
line-height: 1.8;
font-weight: 500;
}
@media screen and (max-width: 750px) {
.tw-table__bottom p {
font-size: 14px;
}
}
.tw-top__img img {
width: 100%;
}
@media screen and (max-width: 750px) {
.tw-top__img img {
width: 100%;
}
}
.tw-pulldown {
margin: 45px auto 0;
width: 100%;
max-width: 1000px;
position: relative;
}
.tw-pulldown__item--titele {
color: #4C270D;
cursor: pointer;
font-size: 20px;
padding: 20px 25px;
font-weight: bold;
}
.tw-pulldown__item--text {
display: none;
padding: 30px;
}
.tw-pulldown__item--text p {
font-size: 18px;
line-height: 1.5;
}
@media screen and (max-width: 750px) {
.tw-pulldown__item--text p {
font-size: 16px;
}
}
.tw-pulldown__item {
margin-bottom: 45px;
}
.tw-pulldown__item .title-for {
font-weight: bold;
}
.tw-pulldown__item .tw-pulldown__item--titele {
background-color: #FCFE2E;
border: 2px solid #C7B094;
}
.tw-pulldown__item .tw-pulldown__item--text {
border-bottom: 2px solid #C7B094;
border-left: 2px solid #C7B094;
border-right: 2px solid #C7B094;
}
.tw-pulldown__item--titele {
position: relative;
}
.tw-pulldown__item--titele::before {
background: #4C270D;
content: "";
height: 2px;
position: absolute;
right: 30px;
top: 50%;
transform: rotate(90deg);
transition: transform .3s ease-in-out;
width: 15px;
}
.tw-pulldown__item--titele::after {
background: #4C270D;
content: "";
height: 2px;
position: absolute;
right: 30px;
top: 50%;
transition: opacity .3s ease-in-out;
width: 15px;
}
.tw-pulldown__item--titele.open::before {
transform: rotate(180deg);
}
.tw-pulldown__item--titele.open::after {
opacity: 0;
} .tw-ribbon {
background-color: #fff;
position: relative;
z-index: 0;
padding: 20px 0px 40px;
margin-top: 110px;
}
.tw-ribbon::after {
content: '';
position: absolute;
left: 0;
top: 0;
transform: skewY(-4deg);
transform-origin: bottom left;
width: 100%;
height: 100%;
background: #FADFC0;
z-index: -1;
}
.tw-ribbon__title span {
font-size: 30px;
font-weight: bold;
color: #4C270D;
text-align: center;
}
.tw-ribbon__btn {
background-color: #EA5710;
padding: 20px 90px;
border-radius: 40px;
font-size: 20px;
color: #fff;
margin: 20px auto 10px;
box-shadow: 7px 7px 5px #00000033;
position: relative;
font-weight: bold;
}
.tw-ribbon__btn:hover {
opacity: 0.7;
}
.tw-ribbon__btn--span span {
position: absolute;
content: "";
width: 10px;
height: 10px;
top: 40%;
right: 65px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(-45deg);
}
.tw-ribbon__btn--span {
transition: opacity .3s ease-in-out;
}
.tw-ribbon__btn--span:hover {
opacity: 0.7;
}
.tw-ribbon__title {
display: flex;
justify-content: center;
position: relative;
}
.tw-ribbon__btn--befor {
position: relative;
}
.tw-ribbon__btn--befor::after {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-yellow-star.png) no-repeat center center / contain;
content: "";
width: 35px;
height: 35px;
top: 170px;
right: 20px;
}
@media screen and (max-width: 750px) {
.tw-ribbon__btn--befor::after {
width: 30px;
height: 30px;
top: 120px;
right: 0px;
}
}
.tw-ribbon__btn--befor::before {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-orenge-star.png) no-repeat center center / contain;
content: "";
width: 50px;
height: 50px;
top: 110px;
right: -10px;
}
@media screen and (max-width: 750px) {
.tw-ribbon__btn--befor::before {
width: 50px;
height: 50px;
top: 65px;
right: -30px;
}
}   .tw-ribbon__btn--div {
margin: 0 auto;
display: flex;
} .tw-ribbon__text {
text-align: center;
font-size: 18px;
color: #966731;
font-weight: bold;
margin-bottom: 80px;
position: relative;
}
.tw-ribbon__text span {
font-weight: bold;
position: relative;
}
.tw-ribbon__text span::after {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-megaphone.png) no-repeat center center / contain;
content: "";
width: 80px;
height: 80px;
top: -60px;
left: -190px;
color: #fff;
}
@media screen and (max-width: 750px) {
.tw-ribbon__text span::after {
width: 60px;
height: 60px;
top: -40px;
left: -90px;
}
}
.tw-ribbon__text span::before {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-yellow-star.png) no-repeat center center / contain;
content: "";
width: 35px;
height: 35px;
top: -90px;
left: -195px;
color: #fff;
}
@media screen and (max-width: 750px) {
.tw-ribbon__text span::before {
width: 30px;
height: 30px;
top: -60px;
left: -95px;
}
}
@media screen and (max-width: 750px) {
.tw-ribbon__title span {
font-size: 16px;
}
.tw-ribbon__btn {
font-size: 14px;
padding: 20px 40px;
}
.tw-ribbon__text {
font-size: 14px;
}
.tw-ribbon__btn::after {
width: 70px;
top: 10px;
left: -60px;
}
.tw-ribbon__btn::before {
width: 30px;
top: -15px;
left: -45px;
}
.tw-ribbon__text::before {
right: 0;
width: 25px;
height: 25px;
top: -20px;
}
.tw-ribbon__text::after {
right: 15px;
width: 35px;
height: 35px;
}
.tw-ribbon {
padding: 40px 0 0;
margin-top: 30px;
}
} .tw-section {
padding: 60px 0 60px;
}
.tw-section__subtitle {
text-align: center;
font-size: 22px;
font-weight: bold;
color: #F8B625;
}
.tw-section__title {
display: flex;
justify-content: center;
margin-top: 10px;
margin-bottom: 0;
}
.tw-section__title span {
text-align: center;
font-size: 36px;
font-weight: bold;
color: #47210D;
border-bottom: 6px solid #FFFF00;
}
.tw-record__btn--wrapper {
margin: 60px auto 0;
display: flex;
justify-content: center;
position: relative;
}
.tw-record__btn--wrapper .tw-ribbon__btn--span span {
right: 420px;
}
.tw-record__btn {
font-size: 20px;
color: #fff;
font-weight: bold;
background-color: #F8B625;
box-shadow: 7px 7px 5px #00000033;
padding: 16px 110px;
}
@media screen and (max-width: 750px) {
.tw-record__btn--wrapper {
margin-top: 20px;
margin-bottom: 10px;
}
.tw-record__title {
margin-bottom: 0;
}
.tw-section {
padding: 30px 0;
}
.tw-section__subtitle {
font-size: 17px;
}
.tw-section__title span {
font-size: 28px;
border-bottom: 4px solid #FFFF00;
}
.tw-section__title {
margin-bottom: 35px;
}
.tw-record__title--title {
margin-bottom: -30px;
}
} .tw-situation {
background-color: #FFFCD9;
}
.tw-situation__date--title {
display: flex;
justify-content: center;
}
.tw-situation__date--title span {
font-size: 26px;
font-weight: bold;
color: #EA5711;
text-align: center;
position: relative;
}
.tw-situation__date--title span::after,
.tw-situation__date--title span::before {
position: absolute;
content: "";
width: 15px;
height: 15px;
top: 50%;
transform: translateY(-50%);
background-color: #EA5711;
}
.tw-situation__date--title span::before {
left: -20px;
}
.tw-situation__date--title span::after {
right: -20px;
}
.tw-situation__date--text {
text-align: center;
margin-top: 21px;
font-size: 17px;
}
.tw-situation__date {
margin-top: 45px;
}
.tw-situation__date--pies {
width: 100%;
margin-top: 40px;
}
.tw-situation__date--pie img {
width: 35px;
height: 40px;
object-fit: contain;
}
.tw-situation__date--pie {
background-image: radial-gradient(#fff 40%, transparent 31%), conic-gradient(#4AB464 0% 22.8%, #DCF0E0 22.8% 100%);
}
.tw-situation__date--pie2 {
background-image: radial-gradient(#fff 40%, transparent 31%), conic-gradient(#4babdd 0% 16.4%, #e4eef8 16.4% 100%);
}
.tw-situation__date--pie3 {
background-image: radial-gradient(#fff 40%, transparent 31%), conic-gradient(#F27EB0 0% 29.0%, #F8D5DF 29.0% 100%);
}
.tw-pie__taikai1 {
background-image: radial-gradient(#fff 40%, transparent 31%), conic-gradient(#4AB464 0% 25.6%, #DCF0E0 25.6% 100%);
}
.tw-pie__taikai2 {
background-image: radial-gradient(#fff 40%, transparent 31%), conic-gradient(#4babdd 0% 11%, #e4eef8 11% 100%);
}
.tw-pie__taikai3 {
background-image: radial-gradient(#fff 40%, transparent 31%), conic-gradient(#F27EB0 0% 18.0%, #F8D5DF 18.0% 100%);
}
.tw-situation__date--pie::after,
.tw-situation__date--pie2::after,
.tw-situation__date--pie3::after {
top: 5px;
right: 10px;
}
@media screen and (max-width: 1150px) {
.tw-situation__date--pies {
width: 92% !important;
max-width: 710px;
}
.tw-situation__date--pie,
.tw-situation__date--pie2,
.tw-situation__date--pie3 {
top: 5px;
right: 10px;
width: 200px;
height: 200px;
}
.tw-pie__first {
top: -45px !important;
}
.tw-situation__date--pie::after,
.tw-situation__date--pie2::after,
.tw-situation__date--pie3::after {
top: -5px;
}
}
@media screen and (max-width: 750px) {
.tw-situation__date--title span {
font-size: 20px;
}
.tw-situation__date--pie::after,
.tw-situation__date--pie2::after,
.tw-situation__date--pie3::after {
top: 5px;
display: none;
}
.tw-situation__date--pie .pie__first,
.tw-situation__date--pie2 .pie__first,
.tw-situation__date--pie3 .pie__first {
line-height: 1; top: -60px; }
.tw-situation__date--pie .pie__first {
transform: translateX(-50%);
right: 9%;
}
.tw-pie__first {
top: -35px;
}
.pie__first {
line-height: 1;
}
.tw-pie__second {
top: -60px !important;
right: -18% !important;
line-height: 1;
transform: translateX(-50%);
}
.tw-situation__date--pie2::after,
.tw-situation__date--pie3::after {
top: -15px;
}
.tw-pie__second::after {
top: -15px !important;
}
.tw-situation__date--pies {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.tw-situation__date--pie,
.tw-situation__date--pie2,
.tw-situation__date--pie3 {
top: 5px;
right: 10px;
width: 235px;
height: 235px;
}
.tw-situation__date--pie2,
.tw-situation__date--pie3 {
width: 150px;
height: 150px;
margin-top: 65px;
}
.tw-situation__date--pie3 {
margin-top: 65px; }
}
.tw-situation__date--green span,
.tw-situation__date--pie {
color: #4AB464 !important;
}
.tw-situation__date--green .pie-per,
.pie-per {
color: black !important;
}
.tw-situation__date--days {
background-color: #fff;
border-radius: 65px;
border: 2px solid #EA5711;
box-shadow: 7px 7px 5px #00000033;
padding: 35px 115px;
position: relative;
margin-top: 40px;
}
.tw-situation__date--days::after {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-guide.png) no-repeat center center / contain;
content: "";
width: 150px;
height: 150px;
bottom: 0;
right: 100px;
color: #fff;
}
.tw-situation__date--days::before {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-right-shock.png) no-repeat center center / contain;
content: "";
width: 50px;
height: 50px;
bottom: 45px;
right: 230px;
color: #fff;
}
.tw-situation__days--item {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: 40px;
}
.tw-situation__days--item-line {
display: flex;
align-items: center;
}
.tw-situation__days--day {
font-size: 22px;
color: #47210D;
font-weight: bold;
}
.tw-situation__days--day span {
font-size: 65px;
font-weight: bold;
color: #F08300;
}
.tw-situation__days--lines {
width: 80%;
display: flex;
align-items: center;
}
.tw-situation__days--line {
width: 52.5%;
background-color: #F0962F;
height: 7px;
}
.tw-situation__days--ball {
width: 47px;
height: 46.5px;
background: linear-gradient(90deg, #F0962F 0%, #F0962F 65%, #999 65%, #999 100%);
border: 7px solid #FBD37C;
border-radius: 50%;
position: relative;
}
.tw-situation__days--ball::after {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-ring.png) no-repeat center center / contain;
content: "";
width: 110px;
height: 110px;
top: -130px;
right: -34px;
color: #fff;
}
.tw-situation__days--line2 {
width: 40%;
background-color: #999999;
height: 7px;
}
.tw-situation__days--title {
font-size: 22px;
text-align: center;
font-weight: bold;
}
.tw-situation__days--title span {
font-weight: bold;
color: #EA5711;
}
.tw-situation__days--four {
font-size: 65px;
margin-left: 25px;
margin-right: 5px;
}
.tw-situation__days--text,
.tw-situation__days--footer {
text-align: center;
font-size: 17px;
font-weight: 500;
margin-top: 5px;
}
.tw-situation__days--footer {
color: #966731;
margin-top: 30px;
}
.tw-situation__date--footer {
text-align: center;
font-size: 17px;
font-weight: 500;
color: #966731;
}
@media screen and (max-width: 750px) {
.tw-situation__date--footer {
font-size: 14px;
}
} .tw-ribbon__btn--after::after {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-flag.png) no-repeat center center / contain;
content: "";
width: 85px;
height: 85px;
top: 130px;
right: 170px;
}
@media screen and (max-width: 750px) {
.tw-ribbon__btn--after::after {
width: 70px;
height: 70px;
top: 85px;
right: 0;
}
}
.tw-ribbon__btn--after::before {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-yellow-star.png) no-repeat center center / contain;
content: "";
width: 30px;
height: 30px;
top: 110px;
right: 160px;
}
@media screen and (max-width: 750px) {
.tw-ribbon__btn--after::before {
width: 30px;
height: 30px;
top: 60px;
right: 10px;
}
} .tw-ribbon__text--footer span::after {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-orenge-star.png) no-repeat center center / contain;
content: "";
width: 50px;
height: 50px;
top: -70px;
left: -200px;
color: #fff;
}
@media screen and (max-width: 750px) {
.tw-ribbon__text--footer span::after {
width: 40px;
height: 40px;
top: -70px;
left: -95px;
}
}
.tw-ribbon__text--footer span::before {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/tw-yellow-star.png) no-repeat center center / contain;
content: "";
width: 30px;
height: 30px;
top: -10px;
left: -160px;
color: #fff;
}
@media screen and (max-width: 750px) {
.tw-ribbon__text--footer span::before {
top: -15px;
left: -70px;
}
}
.tw-ribbon__text--footer {
margin-bottom: 0;
}
.tw-table__bai {
margin-top: 16px;
font-size: 17px !important;
}
@media screen and (max-width: 750px) {
.tw-record__list a:nth-child(3n) {
margin: .36rem .1rem 0;
}
.tw-record__list a:nth-child(6) {
margin: .36rem .1rem 0;
}
.tw-table__bai {
margin-top: 9px;
font-size: 12px !important;
}
.tw-situation__date--days {
padding: 30px 8px 20px;
margin: 0 5px;
border-radius: 25px;
}
.tw-situation__date--text {
font-size: 16px;
}
.tw-situation__days--item {
margin-top: 20px;
justify-content: space-around;
}
.tw-situation__days--day {
font-size: 18px;
}
.tw-situation__days--day span {
font-size: 40px;
}
.tw-situation__days--lines {
min-width: 250px;
width: 70%;
}
.tw-situation__days--ball {
width: 46px;
}
.tw-situation__days--ball::after {
width: 65px;
height: 65px;
top: -80px;
right: -16px;
}
.tw-situation__days--item-line {
margin-top: 80px;
}
.tw-situation__date--days::after,
.tw-situation__date--days::before {
display: none;
width: 100px;
height: 100px;
right: 45px;
}
.tw-situation__days--text,
.tw-situation__days--footer {
font-size: 14px;
margin-top: 10px;
}
.tw-situation__days--four {
font-size: 60px;
}
.tw-ribbon__text--footer::after {
right: 0;
width: 60px;
height: 60px;
}
.tw-ribbon__text--footer::before {
right: 0;
width: 30px;
height: 30px;
}
.tw-ribbon__btn--footer::before {
left: -55px;
width: 45px;
height: 45px;
}
.tw-ribbon__btn--footer::after {
left: -25px;
width: 30px;
height: 30px;
top: 50px;
}
.tw-ribbon__btn span {
right: 20px;
}
}
.txt-since {
margin-top: 14px;
margin-left: 20px;
}
.txt-for {
margin-top: 20px;
line-height: 1.7;
margin-bottom: 44px;
}
.title-for {
border-bottom: 1px solid #513317;
}
@media screen and (max-width: 750px) {
.txt-since {
margin: 0.14rem 0 0 0.26rem;
}
.txt-for { line-height: 1.6;
}
.title-for {
padding: 0 0.3rem 0.08rem;
margin-top: 0.4rem;
}
.title-for:first-child {
margin-top: 0;
}
} .married__wrapper p {
background: none !important; }
.married__wrapper>div span { }
.married__wrapper {
display: flex;
justify-content: center;
column-gap: 4%;
}
.married__items {
width: 48%;
}
.married__item {
display: flex;
justify-content: center;
align-items: flex-end; background-color: #FFFF00;
width: 100%;
height: 200px;
}
.married__item--second { column-gap: 20px;
}
.married__img { width: 43%;
}
.married__img--second { width: 39%;
}
.married__img img {
width: 100%;
object-fit: contain;
margin: 0 !important;
padding: 0 !important;
}
.married__tittle {
font-size: 26px !important;
font-weight: bold;
position: relative;
text-decoration: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: #fff;
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
margin: 0 !important;
padding: 0 !important;
}
.married__figure {
font-size: 36px !important;
font-weight: bold;
position: relative;
text-align: center !important;
line-height: 1.25 !important;
margin: 0 !important;
padding: 0 !important;
}
.married__figure::after {
position: absolute;
content: "※";
top: 30px;
right: 20px;
width: 24px;
height: 24px;
font-size: 24px;
}
.married__figure span {
color: #CC0000;
font-size: 100px !important;
font-weight: 600;
font-family: "Poppins", sans-serif !important;
}
.married__figure--left {
font-size: 34px !important;
line-height: 1.6 !important;
}
.married__figure--left::after {
top: 25px;
}
.married__figure--left span {
font-size: 77px !important;
}
.married__text {
font-size: 14px;
text-align: left !important;
margin: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
}
@media (max-width: 750px) {
.married__wrapper {
flex-direction: column;
row-gap: 40px;
}
.married__items {
width: 100%;
max-width: 530px;
margin: 0 auto;
}
.married__item {
height: clamp(140px, 27.273vw + 33.636px, 200px) !important;
}
.married__item--second {
justify-content: center;
column-gap: 15px;
}
.married__tittle {
font-size: 20px !important;
}
.married__text--wrapper {
display: flex;
flex-direction: column;
row-gap: 20px;
padding-bottom: 10px;
}
.married__figure {
font-size: 30px !important;
}
.married__figure span {
font-size: 85px !important;
}
.married__figure::after {
top: -5px !important;
}
.married__figure--left {
font-size: 23px !important;
}
.married__figure--left span {
font-size: 65px !important;
}
.married__text {
font-size: 12px !important;
margin-top: 10px !important;
}
}
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Poppins:wght@400;500;600;700&display=swap"); html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
text-align: left; vertical-align: middle;
}
q,
blockquote {
quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none;
}
a img {
border: none;
max-width: 100%;
height: auto;
}
img {
max-width: 100%;
height: auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}  *,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body * {
max-height: 99999em;
}
body img {
max-height: none;
max-width: 100%;
height: auto;
}
input,
label,
select,
button,
textarea {
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
line-height: 1;
font: inherit;
}
input:focus,
button:focus,
select:focus {
outline: 0;
} input[type="search"] {
-webkit-appearance: textfield;
} ::-webkit-search-decoration {
display: none;
} textarea {
overflow: auto;
}
.page-blog h3 {
border-bottom: dotted 2px #956734;
padding-bottom: 3px;
margin-bottom: 10px;
}
.alliance_list img {
border: solid 1px #ccc;
} body {
color: #513317;
font-family: 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "Osaka", "MS Pゴシック",
"MSゴシック", Helvetica, verdana, arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
}
h1,
h2,
h3,
h4,
h5 {
font-weight: bold;
}
.ft-serif {
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
"Hiragino Mincho Pro", "Times New Roman", "游明朝", YuMincho, "メイリオ",
Meiryo, Georgia, serif;
} .is-pc,
.is-sp {
display: none;
} @media screen and (max-width: 750px) {
.is-sp {
display: inline;
}
} @media screen and (min-width: 751px) {
.is-pc {
display: inline;
}
} a {
color: #996600;
text-decoration: none;
}
.trans {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
-moz-transition: opacity 0.26s ease;
-o-transition: opacity 0.26s ease;
-webkit-transition: opacity 0.26s ease;
transition: opacity 0.26s ease;
}
.trans:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.hidden {
display: none;
}
.invisible {
visibility: hidden;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
text-justify: distribute;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.container {
min-width: 1100px;
}
.wrapper {
width: 1000px;
margin-left: auto;
margin-right: auto;
} .sm {
display: none !important;
}
@media (max-width: 750px) {
.md {
display: none !important;
}
.sm {
display: block !important;
}
.trans,
.trans:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
img {
width: 100%;
}
html {
font-size: 16.2vw;
}
body {
font-size: 0.24rem;
}
.container { width: auto;
min-width: 320px;
}
.wrapper {
width: auto;
margin: 0;
padding-left: 0.3rem;
padding-right: 0.3rem;
overflow: hidden;
}
}   header {
display: flex;
justify-content: space-between;
height: 100px;
align-items: center;
border-top: 5px solid #faed1f;
margin-bottom: 10px;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
z-index: 100;
}
#header {
transition: box-shadow 0.3s ease;
}
#header.header-shadow {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 750px) {
#header.header-shadow {
box-shadow: none;
}
}
@media (max-width: 750px) {
header {
width: 100vw;
border-top: none;
margin-top: 0;
height: auto;
margin-bottom: 0;
}
#header { }
}
.header__logo {
margin-left: clamp(2px, 2.31vw - 17.346px, 27px);
}
.header__logo img {
height: clamp(50px, 2.139vw + 33.939px, 75px);
object-fit: contain;
}
.sub-menu {
display: none;
}
.menu-item-has-children:hover .sub-menu {
display: block;
}
.menu {
text-align: center;
} .menu > .menu-item {
display: inline-block;
padding: 0.5em 0.3em;
} .menu-item {
list-style-type: none;
position: relative;
}
.menu-item::after {
position: absolute;
content: "";
bottom: -6px;
left: 0;
width: 100%;
height: 2px;
transition: all 0.4s ease;
transform: scale(0, 1);
background-color: #fcdb21;
}
.menu-item:hover::after {
background-color: #fcdb21;
transform: scale(1, 1);
}
.sub-menu .menu-item::after {
display: none;
}
.menu-item a {
padding: 23px 0;
font-size: clamp(14px, 1.068vw + 1.979px, 18px);
}
@media (max-width: 1250px) {
.menu-item a {
font-size: 13px;
}
}
.menu-item-has-children {
position: relative;
}
.menu-item-has-children:hover {
cursor: pointer;
}
.menu-item-has-children:hover .sub-menu {
display: block;
}
.sub-menu {
display: none;
position: absolute;
top: 150%;
height: auto;
left: 0;
width: 230px;
background: rgba(140, 98, 57, 0.9);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
padding: 0 10px;
border-radius: 5px;
}
.sub-menu a {
color: #faed1f;
font-weight: bold;
font-size: 14px;
padding: 15px 20px;
}
.sub-menu > .menu-item:not(:last-child) {
border-bottom: 1px solid #fff;
}
.sub-menu > .menu-item a {
display: inline-block;
width: 100%;
height: 100%;
padding: 15px 20px;
}
.sub-menu > .menu-item a:hover {
opacity: 0.7;
}
header nav ul {
display: flex;
align-items: center;
list-style: none; column-gap: 20px;
height: 100px;
}
@media (max-width: 1200px) {
header nav ul {
column-gap: 15px;
}
}
@media (max-width: 800px) {
header nav ul {
column-gap: 10px;
}
}
header nav li {
font-weight: bold;
}
@media (max-width: 750px) {
header nav ul {
display: block;
height: auto;
}
}
.header__cta {
display: flex;
column-gap: 10px;
align-items: center;
background-color: #fcdb21;
border-radius: 5px;
padding: 21px 40px 21px 20px;
padding: clamp(9px, 0.941vw + 1.933px, 20px)
clamp(25px, 1.283vw + 15.364px, 40px) clamp(9px, 0.941vw + 1.933px, 20px)
clamp(9px, 0.941vw + 1.933px, 20px);
margin-right: clamp(10px, 0.428vw + 6.788px, 15px);
transition: all 0.3s ease;
}
.header__cta:hover {
opacity: 0.7;
}
.header__cta--text {
font-weight: bold;
position: relative;
font-size: clamp(15px, 0.257vw + 13.073px, 18px);
}
.header__cta--text::after {
position: absolute;
content: "";
width: 10px;
height: 10px;
top: 48%;
transform: translateY(-50%) rotate(225deg);
right: -15px;
border-bottom: #4d3925 2px solid;
border-left: #4d3925 2px solid;
}
header {
position: sticky;
width: 100%;
top: 0;
z-index: 9000;
min-width: 1100px;
}
header a {
color: #513317;
}
header .block-top {
position: relative;
background: #fff;
padding-top: 5px;
}
header .block-top:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 5px;
background: #faed1e;
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);
}
header .box-logo {
float: left;
width: 312px;
height: auto;
padding: 32px 0 38px;
}
header .box-large {
float: left;
text-align: center;
letter-spacing: 0.02em;
margin: 34px 0 0 40px;
width: 290px;
}
header .box-large .txt-num {
font-size: 26px;
}
header .box-large .txt-shop {
margin-top: -4px;
font-size: 16px;
}
header .box-tel {
float: right;
width: 300px;
margin-top: 16px;
}
.box-tel a img {
width: 100%;
height: auto;
}
header .txt-tel {
font-size: 15px;
margin-top: 6px;
letter-spacing: -0.03em;
white-space: nowrap;
}
header .txt-tel .arrow {
display: inline-block;
padding-right: 14px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow05.png) right center no-repeat;
margin: 0 8px;
}
header .txt-tel .arrow:first-child {
margin-left: 0;
}
header .block-phone {
display: none;
}
.nav-sm {
display: none;
}
@media (max-width: 750px) {
.nav-sm {
display: block;
}
}
.nav {
background-color: #3a230d;
}
.nav .list-nav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.nav .list-nav li {
text-align: center;
border-right: 1px solid #7b6149;
}
.nav .list-nav li:last-child {
border-right: 0;
}
.nav .list-nav li:last-child a {
border-right: 0;
}
.nav .list-nav a {
display: block;
color: #faed1e;
padding: 12px 11px;
margin: 7px 4px;
font-size: 18px;
}
ul.list-nav a {
position: relative;
display: inline-block;
transition: 0.2s;
line-height: 0.7;
}
ul.list-nav a:after {
position: absolute;
bottom: 0;
left: 2px;
padding: 0;
content: "";
width: 95%;
height: 2px;
background-color: #faed1e;
opacity: 0;
transition: 0.2s;
}
ul.list-nav a:hover::after {
bottom: 0;
opacity: 1;
}
ul.list-nav ul {
margin: 5px 0 0 0; padding: 0px; position: absolute; }
ul.list-nav li:hover ul {
background-color: rgba(58, 35, 13, 0.9);
width: 320px;
padding-bottom: 5px;
}
ul.list-nav li ul li {
overflow: hidden;
height: 0;
transition: 0.2s;
}
ul.list-nav li:hover ul li {
overflow: visible;
height: 40px;
border-top: 1px solid #7b6149;
}
.nav .list-nav li ul a {
font-size: 14px;
text-align: left;
}
ul.list-nav li ul li a:after {
background-color: transparent;
}
ul.list-nav li ul li a:hover {
text-decoration: underline;
}
ul.list-nav ul li a:before {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-right: 4px;
margin-left: 4px;
border: transparent solid 4px;
border-left-color: #ffffff;
vertical-align: 2px;
}
@media (min-width: 751px) {
.nav .list-nav a:hover {
color: #fff;
}
}
@media (max-width: 750px) { header {
min-width: 100%;
}
header .block-top {
z-index: 1001;
padding-top: 0.12rem;
border-bottom: 1px solid #513317;
width: 100vw !important;
}
header .block-top:after {
height: 0.12rem;
-moz-box-shadow: 0px 0.01rem 0.05rem 0px rgba(0, 0, 0, 0.33);
-webkit-box-shadow: 0px 0.01rem 0.05rem 0px rgba(0, 0, 0, 0.33);
box-shadow: 0px 0.01rem 0.05rem 0px rgba(0, 0, 0, 0.33);
}
header .block-top .wrapper {
padding: 0;
}
header .box-logo {
width: 3.26rem;
height: auto;
padding: 0.09rem 0 0 0.12rem;
}
header .box-menu {
width: 2.6rem;
float: right;
}
header .box-menu p {
float: left;
width: 50%;
}
header .box-menu .btn-tel {
background-color: #513317;
}
header ul.list-sns {
display: flex;
justify-content: space-around;
margin: 0 auto 70px;
width: 70%;
}
.block-phone {
display: none;
width: 100%;
position: fixed;
z-index: 2001;
top: 0;
bottom: 0;
left: 0;
overflow: scroll;
background: rgba(0, 0, 0, 0.75);
}
.block-phone .box-inner {
background-color: #513317;
color: #fff;
padding: 0.16rem 1.15rem 0.04rem;
}
.block-phone .txt-tel {
font-size: 0.26rem;
margin-top: 8px;
text-align: center;
}
.block-phone .txt-tel .arrow {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_arrow05.png);
background-position: right 0.16rem;
padding-right: 0.18rem;
background-size: 0.08rem auto;
margin: 0 0.1rem 0 0.25rem;
}
header .txt-tel {
white-space: normal;
}
.block-phone .txt-tel .arrow:first-child {
margin-left: 0;
}
.block-phone .list-tel {
padding-top: 0.12rem;
}
.block-phone .list-tel a {
display: block;
margin-bottom: 0.3rem;
}
.block-phone .btn-close-phone {
margin: 0.24rem auto 0;
width: 1.66rem;
height: auto;
}
.nav {
width: 100%;
position: fixed;
z-index: 2000;
top: 0;
bottom: 0;
left: 0;
overflow: auto;
background: white;
-webkit-overflow-scrolling: touch;
display: none;
}
.nav .bg-wrap {
background: #fff;
padding-bottom: 0.4rem;
}
.nav .block-direct {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0.2rem 0 0.1rem;
border-bottom: 1px solid #cfa972;
}
.nav .block-direct img {
height: 0.9rem;
width: auto;
}
.nav .block-direct .link-home {
margin-left: 0.3rem;
}
.nav .block-direct .btn-close {
margin-right: 0.5rem;
}
.nav .list-menu {
border-top: 1px solid #cfa972;
margin-bottom: 20px;
}
.nav .list-menu li {
padding-left: 0.68rem;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_heart01_l.png) 0.3rem 0.43rem no-repeat;
background-size: 0.3rem auto;
border-bottom: 1px solid #cfa972;
}
.nav .list-menu li.home {
padding-left: 0.5rem;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_heart01.png) left 0.3rem center
no-repeat;
background-size: 0.21rem auto;
border-bottom: 1px solid #cfa972;
}
.nav .list-menu .content a,
.nav .list-menu span {
display: block;
font-size: 0.27rem;
border-bottom: 1px solid #cfa972;
padding: 0.2rem 0.8rem 0.13rem 0.4rem; }
.nav .list-menu .content a {
position: relative;
}
.nav .list-menu .content a:last-child {
border-bottom: none;
padding-bottom: 0;
}
.nav .list-menu .content a::after {
content: "";
display: block;
width: 9px;
height: 9px;
position: absolute;
right: 2em;
top: calc(50% - 2px);
border-top: solid 2px;
border-right: solid 2px;
transform: rotate(45deg) translateY(-50%);
color: #3a230d;
}
.nav .list-menu a {
display: block;
font-size: 0.3rem;
padding: 0.14rem 0.8rem 0.13rem 0.1rem; padding-right: 0.6rem;
}
.nav a.menu_title::after {
content: "";
display: block;
width: 13px;
height: 13px;
position: absolute;
right: 2em;
top: calc(50% - 2px);
border-top: solid 3px;
border-right: solid 3px;
transform: rotate(45deg) translateY(-50%);
color: #3a230d;
}
.nav .list-menu li a:last-child .nav .list-menu li:last-child {
border-bottom: 0;
}
.nav .list-menu li {
font-size: 0.3rem;
padding: 0.2rem 0;
position: relative;
}
.nav .link-detail {
color: #513317;
margin-top: 0.4rem;
width: 4.9rem;
font-size: 0.3rem;
font-weight: bold;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_arrow11.png);
background-size: 0.16rem auto;
}
.nav dt {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/qa_mark.png) no-repeat left center,
url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
font-size: 20px;
font-weight: 600;
color: #b28850;
}
.nav dd {
padding: 10px 0 30px 0px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/qa_mark_answer.png) no-repeat left top 50px,
url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
}
.nav span {
display: block;
margin: 10px 0 0 0;
text-align: right;
}
.nav dd span a {
padding: 5px 10px 2px 10px;
background: #faed1e;
}
.nav > input {
display: none;
}
.nav > label {
display: block;
width: 85%;
padding: 0px;
margin: 0 auto -30px;
}
.nav > label > dt,
.nav > label > dd {
position: relative;
background-color: #fff;
}
.nav > label > dt:before,
.nav > label > dd:before {
position: absolute;
top: 0px;
left: 0.5em;
font-size: 2em;
}
.nav > label > dt {
padding: 1.2em 1em 1.2em 3em;
cursor: pointer;
}
.nav > label > dt:after {
display: inline-block;
position: absolute;
right: 1em;
width: 32px;
height: 32px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow12.png) no-repeat center;
transform: rotate(0);
content: "";
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.nav > .check_open:checked + label > dt:after {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow13.png) no-repeat center;
transform: rotate(0deg);
content: "";
}
.nav > label > dd {
padding: 1.5em 1em 1.5em 3.5em;
position: relative;
height: 0px;
visibility: hidden;
transition: none;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/qa_mark_answer.png) no-repeat left top 25px,
url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line.png) repeat-x bottom;
}
.nav > .check_open:checked + label > dd {
padding: 1.5em 1em 1.5em 3.5em;
margin-bottom: 50px;
height: 100%;
min-height: 150px;
visibility: visible;
transform: translateY(0px);
}
.nav .accordion {
margin: 3em auto;
max-width: 60vw;
}
.nav .toggle {
display: none;
}
.nav .option {
position: relative;
}
.nav .title,
.nav .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
width: 100%;
}
.nav .title,
.nav a.menu_title {
padding: 0.14rem 0.6rem 0.13rem 0.8rem !important;
} .nav .title::after,
.nav .title::before {
content: "";
position: absolute;
right: 2em;
top: 25%;
width: 3px;
height: 1em;
background-color: #3a230d;
transition: all 0.3s;
}
.nav .title::after {
transform: rotate(90deg);
}
.nav .content {
max-height: 0;
overflow: hidden;
padding-left: 0.68rem;
}
.nav .content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.nav .toggle:checked + .title + .content {
max-height: 500px;
transition: all 1.5s;
}
.nav .toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
}
.bn_contact_nav {
padding: 2px 15px;
text-align: center;
font-size: 0.22rem;
margin: 0.18rem auto 0.1rem;
}
.bn_contact_nav div.link-record {
margin: 0 !important;
} footer {
margin-top: 50px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern02.png) repeat;
padding: 28px 0 0;
}
footer a {
color: #513317;
}
footer .link-logo {
display: inline-block;
margin-bottom: 25px;
} footer .block-info {
padding: 10px 0 30px;
}
footer .link-info {
line-height: 1.2;
font-weight: bold;
display: inline-block;
padding-left: 16px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_heart01.png) left 3px no-repeat;
font-size: 15px;
}
footer .link-site {
line-height: 1.2;
display: inline-block;
font-size: 13px;
padding-left: 20px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow06.png) 3px 2px no-repeat;
}
footer .list-sitemap {
margin-top: 12px;
line-height: 1.2;
}
footer .list-sitemap li {
float: left;
padding-right: 10px;
}
footer .list-sitemap .col01 {
width: 213px;
padding-left: 22px;
}
footer .list-sitemap .col02 {
width: 185px;
}
footer .list-sitemap .col03 {
width: 214px;
}
footer .list-sitemap .col04 {
width: 180px;
}
footer .list-sitemap .break {
margin-top: 24px;
}
footer .list-sitemap .break02 {
margin-top: 20px;
}
footer .block-guide {
padding: 8px 0 17px;
}
footer .block-guide.area_sns { display: flex;
align-items: center;
}
.box-wrap {
margin-bottom: 15px;
}
footer .block-guide .box-wrap {
margin-top: 20px;
}
footer .block-guide.second .box-wrap {
margin-top: 10px;
margin-bottom: 0px;
}
footer .block-guide.third .box-wrap {
margin-top: 15px;
}
footer .block-guide.third .link-site {
background-position: 3px 3px;
font-size: 15px;
margin-left: 10px;
}
footer .box-address {
float: left;
padding-left: 22px;
width: 605px;
}
footer .box-address.area {
width: 665px;
}
footer .areapage {
width: 580px;
}
footer .box-contact {
float: right;
}
footer .box-contact.sns {
float: none;
}
footer .title-address a {
display: inline-block;
vertical-align: middle;
}
footer .link-address {
font-weight: bold;
font-size: 15px;
line-height: 1.6;
}
.footer_bnr {
margin-top: 30px;
display: flex;
justify-content: space-between;
}
a.link-party.hover {
font-weight: bold;
font-size: 15px;
line-height: 1.6;
}
footer .link-address .large {
font-size: 16px;
}
footer .txt-address {
font-size: 15px;
}
footer .txt-address .small {
font-size: 14px;
}
footer .link-access {
margin-top: 18px;
margin-left: 10px;
}
footer .txt-open {
color: #000;
font-size: 15px;
margin-top: 8px;
}
footer .txt-open span {
display: inline-block;
}
footer .txt-open .open {
padding-left: 62px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/footer_open.png) 0 2px no-repeat;
}
footer .txt-open .dayoff {
margin-left: 6px;
padding-left: 66px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/footer_dayoff.png) 0 2px no-repeat;
}
footer .txt-mail {
margin-top: 4px;
}
footer .list-sns li {
display: inline-block;
margin: 4px 10px 0 0;
}
footer div.list-sns {
text-align: center;
}
.list-sns span {
display: block;
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
footer .link-party {
margin-top: 5px;
display: inline-block;
}
footer .block-bottom {
padding: 12px 0;
margin-top: 24px;
padding-bottom: 120px;
background: rgba(255, 255, 255, 0.4);
}
footer .block-bottom .list-partner {
float: left;
}
footer .block-bottom .list-partner li {
display: inline-block;
margin-right: 20px;
}
footer .block-bottom .txt-copy {
float: right;
font-size: 12px;
line-height: 1.66667;
text-align: right;
margin-top: 2px;
}
.footercta {
position: fixed;
display: flex;
flex-direction: column;
justify-content: center;
row-gap: 11px; width: 10.4166vw;
height: 10.4166vw;
min-width: 160px;
min-height: 160px;
border-radius: 50%;
right: 15px;
bottom: 15px;
z-index: 9999;
text-align: center;  background: #ff9900;
box-shadow: 0 0 18px #c6ad9580; color: #513317;
align-items: center;
transition: all 0.3s ease;
}
.balloon__circle-text {
margin: 0 auto;
font-weight: bold;
}
@media (max-width: 1600px) {
.balloon__circle-text {
font-size: 17px;
}
}
#page-top @media (max-width: 1200px) {
.balloon__circle-text {
font-size: 16px;
}
}
.footercta:hover {
opacity: 0.7;
}
.balloon__icon {
font-size: 2.5rem;
line-height: 0.6;
}
.balloon__text {
font-weight: bold;
font-size: 1.111rem;
}
.btn__btn {  background-color: #f6ee36;
color: #513317; width: 60%;
border-radius: 12px;
font-weight: bold;
font-size: 0.759444rem; padding-top: 3px;
}
@media (max-width: 750px) {
.footercta {
min-width: 120px;
min-height: 120px;
right: 10px;
bottom: 10px;
row-gap: 0;
}
.balloon__icon {
font-size: 35px;
}
.balloon__text {
font-size: 13px;
}
.btn__btn {
margin-top: 3px; width: 70%;
font-size: 11px;
padding-top: 1px; }
.balloon__circle-text { display: none;
}
}
.balloon::before,
.balloon::after {
content: "";
position: absolute;
border: 12px solid transparent;
top: 100%;
left: 50%;
}
.balloon::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
bottom: -15px;
border-top: 11px solid #faed1e;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
}
.balloon::after {
margin-top: -4px;
border-top: 12px solid #fff;
}
#footerFloatingMenu a p.balloon span {
color: #ff5e0a;
}
@media (min-width: 751px) {
footer .link-info:hover,
footer .link-site:hover {
text-decoration: underline;
}
}
@media (max-width: 750px) {
footer {
background-size: 0.3rem auto;
padding: 0.36rem 0 0;
}
footer .link-logo {
display: inline-block;
margin-bottom: 0.12rem;
}
footer .block-bottom {
padding: 0.34rem 0;
margin-top: 0;
}
footer .block-bottom .list-partner {
float: none;
text-align: center;
}
footer .block-bottom .list-partner li {
margin: 0 0.3rem;
}
footer .block-bottom .list-partner li img { max-width: 150px;
object-fit: contain;
height: 0.56rem;
}
footer .block-bottom .txt-copy {
float: none;
font-size: 0.18rem;
line-height: 1.55556;
text-align: center;
margin-top: 0.02rem;
margin-bottom: 50px;
}
footer .list-site {
margin: 0 -0.3rem;
border-top: 1px solid #d5c90c;
}
footer .list-site a {
display: block;
font-weight: bold;
font-size: 0.26rem;
}
footer .list-site .link-web {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_heart01.png),
url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_arrow07.png);
background-position: left 0.3rem center, right 0.5rem center;
background-repeat: no-repeat, no-repeat;
background-size: 0.21rem auto, 0.16rem auto;
border-bottom: 1px solid #d5c90c;
padding: 0.14rem 0.6rem 0.13rem;
} footer .list-site .block03 {
display: -webkit-flex;
display: flex;
border-bottom: 1px solid #d5c90c;
}
footer .list-site .block03 a {
line-height: 1.3;
width: 33.33%;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_arrow07.png) center bottom 0.16rem
no-repeat;
background-size: 0.16rem auto;
padding: 0.12rem 0rem 0.54rem;
text-align: center;
border-right: 1px solid #d5c90c;
}
footer .list-site .block03 a:last-child {
border-right: 0;
}
footer ul.list-sns {
text-align: center;
margin: 10px auto;
}
}
@media (max-width: 1400px) {
#footerFloatingMenu a p.btn {
font-size: 1.5rem;
padding: 1rem;
width: 35%;
background-size: 0.5rem auto;
border-radius: 0.8rem;
}
#footerFloatingMenu a p.balloon {
width: 18%;
padding: 0.1rem;
font-size: 1rem;
}
}
@media (max-width: 750px) {
#footerFloatingMenu a p.btn {
font-size: 100%;
padding: 0.2rem;
width: 70%;
background-size: 0.08rem auto;
background-position: right 0.2rem center;
border-radius: 0.1rem;
}
#footerFloatingMenu a p.balloon {
width: 35%;
padding: 0.05rem;
font-size: 80%;
}
}
img {
display: inline-block;
vertical-align: middle;
}
strong {
font-weight: bold;
}
.bg-load {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: #fff;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.clearfix .reason__item--btn {
display: inline-block;
margin-top: 9%;
}
.mark {
color: #956734;
}
.line {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/bd_top_define02.png) left repeat-x;
background-position: 55% 80%;
}
.bg-base {
background-color: #f2f1ea;
} .block {
*zoom: 1;
}
.block:after {
content: "";
display: table;
clear: both;
}
.block .col03 {
margin-right: 14px;
}
.block .col03.fb {
}
.block .col03.insta {
width: 70%;
margin-right: 0px;
} iframe {
border: none;
overflow: hidden;
}
@media (min-width: 751px) {
.hover:hover {
text-decoration: underline;
}
}
@media (max-width: 750px) { ul.list-sns img {
width: 70%;
}
.bg-load {
background-size: 3.2rem auto;
}
.full {
margin: 0 -0.3rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
}
.line {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/bd_top_define02.png) left repeat-x;
background-position: 55% 95%;
}
} .sec-title {
text-align: center;
font-size: 36px;
border-bottom: 1px solid #956734;
}
.sec-title .small {
display: block;
font-size: 30px;
margin-bottom: -2px;
}
.block-title {
text-align: center;
line-height: 1.47826;
font-size: 23px;
}
.block-title span {
display: inline-block;
font-size: 16px;
letter-spacing: 0;
margin-top: -8px;
vertical-align: middle;
}
.block-title.let01 {
letter-spacing: -0.1em;
}
.title-article {
border-bottom: 1px solid #956734;
margin-bottom: 25px;
}
.title-article span {
display: inline-block;
line-height: 1.25;
font-size: 36px;
font-family: "Noto Serif JP", serif;
font-weight: 600;
}
.title-type {
font-size: 20px;
padding-bottom: 4px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/news/bg_news.png) left bottom repeat-x;
}
@media (max-width: 750px) {
.sec-title {
line-height: 1.4;
font-size: 0.33rem;
margin-left: -0.3rem;
margin-right: -0.3rem;
font-weight: bold;
}
.sec-title .small {
font-size: 0.29rem;
margin-bottom: -2px;
}
.sec-title .small.full {
font-size: 0.33rem;
}
.block-title {
line-height: 1.48;
font-size: 0.27rem;
}
.block-title span {
font-size: 0.19rem;
margin-top: -8px;
}
.title-article {
text-align: center; }
.title-article span {
background-size: 0.4rem auto;
padding: 0 0.5rem;
font-size: 0.31rem;
font-weight: bold;
}
.no-margin {
margin: 0 -0.3rem 0;
}
.subtitle {
font-size: 0.28rem;
}
.title-type {
font-size: 0.32rem;
padding-bottom: 0;
background-size: auto 1px;
line-height: 1.2;
}
} .link-detail {
font-weight: bold;
text-align: center;
color: #996600;
display: block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 40px auto 0;
width: 490px;
font-size: 20px;
padding: 12px 20px 8px;
background: #faed1e url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow02.png) right 10px center
no-repeat;
}
@media (max-width: 750px) {
.link-detail {
-moz-border-radius: 0.04rem;
-webkit-border-radius: 0.04rem;
border-radius: 0.04rem;
margin-top: 0.3rem;
width: 100%;
max-width: 6.4rem;
font-size: 0.26rem;
padding: 0.16rem 0.2rem 0.12rem;
background-position: right 0.1rem center;
background-size: 0.08rem auto;
}
}  .breadcrumb {
white-space: nowrap;
overflow: hidden;
font-size: 14px;
margin-top: 10px;
}
.breadcrumb a {
color: #996600;
display: inline-block;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb .link-home,
.breadcrumb .link-top {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_heart02.png) left 3px no-repeat;
padding-left: 24px;
padding-right: 10px;
}
.breadcrumb li {
letter-spacing: 0.075em;
display: inline-block;
}
.breadcrumb .icon {
display: inline-block;
margin-right: 8px;
}
.link-home,
.link-after {
position: relative;
margin-right: 5px; }
.link-home::after {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
right: 0px;
top: calc(50% - 2px);
border-top: solid 1px;
border-right: solid 1px;
transform: rotate(45deg) translateY(-50%);
color: inherit;
}
.link-after {
padding-right: 10px;
}
.link-after::after {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
right: 0px;
top: calc(50% - 2px);
border-top: solid 1px;
border-right: solid 1px;
transform: rotate(45deg) translateY(-50%);
color: inherit;
}
@media (min-width: 751px) {
.breadcrumb a:hover {
text-decoration: underline;
}
}
@media (max-width: 750px) {
.breadcrumb {
overflow: scroll;
margin-top: 0.18rem;
font-size: 0.18rem;
padding-bottom: 0.15rem;
}
.breadcrumb .link-home {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_heart02.png);
background-position: left 0.03rem;
background-size: 0.22rem auto;
padding-left: 0.24rem;
}
.breadcrumb .icon {
margin-right: 0.08rem;
}
} .ul-pager {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 42px 0px;
}
.ul-pager a,
.ul-pager span {
color: #653d16;
display: block;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #513317;
font-size: 16px;
width: 36px;
height: 36px;
line-height: 34px;
text-align: center;
margin: 0 4px;
}
.ul-pager a.current,
.ul-pager span.current {
background-color: #513317;
color: #fff;
}
.ul-pager .arrow a {
background-repeat: no-repeat;
background-size: 8px auto;
background-position: center;
}
.ul-pager .next a {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_page_next.png);
}
.ul-pager .prev a {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_page_prev.png);
}
@media (min-width: 751px) {
.ul-pager a:hover {
background-color: #f2f1ea;
}
}
@media (max-width: 750px) {
.ul-pager {
margin: 0;
}
.ul-pager a,
.ul-pager span {
-moz-border-radius: 0.04rem;
-webkit-border-radius: 0.04rem;
border-radius: 0.04rem;
font-size: 0.2rem;
width: 0.72rem;
height: 0.5rem;
line-height: 0.5rem;
}
section.section-news ul.ul-pager li a,
section.section-news ul.ul-pager li span {
margin: 0 2px;
font-size: 0.15rem;
}
section.section-news ul.ul-pager .arrow a {
background-size: 0.1rem auto;
}
.ul-pager .arrow a {
background-size: 0.14rem auto;
}
} .slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
padding-bottom: 0.4rem;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
@media (max-width: 750px) {
.slick-track {
padding-bottom: 0.4rem !important;
}
}
.slick-track:before {
display: table;
content: "";
}
.slick-track:after {
display: table;
content: "";
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
width: 100%;
height: auto;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
outline: none;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-arrow {
display: block;
border: 0;
text-indent: -9999px;
cursor: pointer;
opacity: 1;
padding: 0;
}
.slick-arrow:hover {
opacity: 0.5;
}  .section-top-slider .item.first {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern02.png) repeat;
}
.section-top-slider .item.second {
background: #fff url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/slider_bg02.png) repeat-x;
}
.section-top-slider .item.third {
background-color: #f7e5cf;
}
.section-top-slider .slick-slide img {
width: auto;
height: 100%;
margin: 0 auto;
}
.slick-dots {
line-height: 0;
z-index: 1200;
position: absolute;
bottom: 6px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 9px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
line-height: 0;
padding: 0;
display: block;
width: 16px;
height: 16px;
background: #fff;
border: 2px solid #d2d2d2;
border-radius: 100%;
text-indent: -9999px;
cursor: pointer;
color: transparent;
outline: none;
}
.slick-dots li.slick-active button {
background: #8b7056;
border-color: #fff;
}
.section-top-banner .list-banner {
margin-top: 40px;
}
.section-top-banner .list-banner a {
display: block;
}
.section-top-banner .list-banner a + a {
margin-top: 20px;
}
.section-top-banner .list-banner img {
width: 100%;
}
.section-top-banner .bnr-left {
float: left;
width: 530px;
}
.section-top-banner .bnr-right {
float: right;
width: 450px;
}
.section-top-banner .bnr-04 img { width: 100%;
height: auto;
max-width: 780px;
}
.bnr-04.link-record {
margin: 0px;
}
.section-top-can { padding: 40px 0 10px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/bg_top_can02.jpg) left top no-repeat;
background-size: cover;
}
.section-top-can .title-can {
text-align: center;
}
h2.title-can > img {
max-width: 470px;
}
.section-top-can .block-can {
text-align: center;
background-color: #fff;
padding: 23px 30px;
font-size: 18px;
margin-top: 40px;
}
.section-top-can .sec-title {
margin-top: 40px;
}
.section-top-can .img-can {
margin-top: 40px;
}
.section-top-can .list-can {
position: relative;
z-index: 10;
margin-top: -144px;
}
.section-top-can .list-can .item {
float: left;
background-color: #fff;
width: 320px;
margin: 0 20px 34px 0;
-moz-box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
}
.section-top-can .list-can .item:nth-child(3n) {
margin-right: 0;
}
.section-top-can .list-can a {
color: #513317;
position: relative;
display: block;
padding: 12px 22px 14px;
}
.section-top-can .list-can a:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-bottom: 10px solid #ad8d6e;
border-left: 10px solid transparent;
right: 0;
bottom: 0;
}
.section-top-can .list-can .ttl {
line-height: 1;
font-style: italic;
text-align: center;
color: #ad8d6e;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/img_line02.png) center center no-repeat;
background-size: 166px auto;
font-size: 50px;
}
.section-top-can .list-can .txt-can {
color: #956734;
letter-spacing: 0.02em;
line-height: 1.35;
padding-top: 10px;
border-top: 1px solid #f9d7e3;
font-size: 18px;
margin-top: 6px;
}
.section-top-can .list-can .txt-can span {
color: #513317;
font-size: 12px;
}
.section-top-can .list-can .txt-can.let01 {
letter-spacing: -0.02em;
}
.section-top-can .link-can {
color: #fff;
text-align: center;
margin: 8px auto 0;
padding: 5px 20px;
background: #956734 url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow01.png) right 8px center
no-repeat;
font-size: 18px;
width: 240px;
}
.section-top-can .reason_bnr p {
padding-top: 5px;
text-align: center;
}
.bnr_center img {
margin-top: 10px;
}
.list-record {
margin-top: 7px;
padding-bottom: 0.5rem;
}
.list-record a {
color: #513317;
position: relative;
display: block;
float: left;
text-align: center;
margin: 33px 11px 0 0;
width: 326px;
border: 1px solid #c9c9c9; padding: 0 0 10px;
}
.list-record a:nth-child(3n) {
margin-right: 0;
}
.list-record a img {
width: 100%;
}
.list-record .ttl-record {
font-weight: bold;
font-size: 17px;
margin-top: 14px;
text-align: left; }
.tw-wrapper .list-record .ttl-record {
padding: 0 10px;
}
.section-top-record .list-record .ttl-record {
padding: 0 20px;
}
.list-record .txt-record {
margin-top: 15px;
font-size: 17px;
text-align: center;
padding: 0 20px;
}
.list-record .new {
margin-left: 4px;
}
.list-record .txt-marriage {
display: inline-block;
border: 1px solid #c9c9c9;
padding: 4px 6px;
margin: 6px 0 14px;
font-size: 15px;
}
.list-record .txt-date {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 4px 0;
letter-spacing: -0.05em;
}
.section-top-record {
padding: 40px 0 0;
}
.ttl-text {
font-size: 15px;
}
@media (min-width: 751px) {
.section-top-record .list-record.clearfix:after {
display: none;
}
.section-top-record .list-record {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-top-record .list-record a {
float: none;
}
}
.link-record {
text-align: center;
margin: 20px 0 0;
}
.link-record p {
padding-top: 5px;
color: #996600;
}
.link-record a:hover {
text-decoration: underline;
}
@media (min-width: 751px) {
.link-record a:hover {
text-decoration: underline;
}
}
.new {
display: inline-block;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_new.png) 0 0 no-repeat;
background-size: 100% auto;
width: 28px;
height: 14px;
}
.section-top-voice {
margin-top: 40px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern03.png) repeat;
padding: 40px 0;
}
.section-top-voice .list-voice {
margin: 36px auto 0;
width: 670px;
}
.section-top-voice .list-voice li {
position: relative;
margin-bottom: 33px;
}
.section-top-voice .list-voice li a {
display: block;
background: #fff url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/bg_top_voice.png) left 0 no-repeat;
-moz-box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
}
.section-top-voice .list-voice .new {
position: absolute;
top: 50%;
left: -40px;
margin-top: -7px;
}
.section-top-voice .text-center {
text-align: center;
margin: 35px auto;
font-size: 110%;
background-color: #fff;
padding: 15px;
}
.section-top-member {
background-color: #f2f1ea;
padding: 40px 0;
}
.section-top-member .txt-number {
font-size: 26px;
margin-top: 30px;
}
.section-top-member .txt-about {
font-weight: bold;
font-size: 30px;
margin-top: -4px;
}
.section-top-member .txt-as {
font-size: 14px;
}
.section-top-member .block-chart {
text-align: center;
background-color: #fff;
margin-top: 36px;
padding: 26px 30px;
}
.section-top-member .block-chart + .block-chart {
margin-top: 30px;
}
.section-top-member .title-chart {
font-weight: bold;
font-size: 26px;
}
.section-top-member .list-img {
text-align: center;
margin-top: 44px;
margin-left: 30px;
}
.section-top-member .list-img img {
vertical-align: bottom;
margin: 0 67px;
width: 268px;
}
.section-top-member .list-img .img01 {
width: 298px;
}
.section-top-member .list-img .img02 {
width: 298px;
}
.section-top-member .list-img.second {
margin-left: -24px;
margin-top: 50px;
}
.section-top-member .chart-img {
margin-top: 48px;
text-align: center;
}
.section-top-member .chart-img img {
width: 630px;
}
.section-top-member .txt-appro span {
display: inline-block;
line-height: 1;
margin-top: 40px;
font-size: 18px;
border-bottom: 1px solid #cfa972;
}
.section-top-member .txt-year {
font-size: 14px;
margin-top: 5px;
}
.section-top-benefit {
padding: 40px 0;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern04.png) repeat;
}
.section-top-benefit .list-benefit {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 36px;
}
.section-top-benefit .list-benefit a {
color: #513317;
display: block;
background-color: #faed1e;
width: 320px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 14px 16px 16px;
-moz-box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
margin-right: 20px;
}
.section-top-benefit .list-benefit a:nth-child(3n) {
margin-right: 0;
}
.section-top-benefit .list-benefit .title-benefit {
letter-spacing: -0.03em;
text-align: center;
font-size: 26px;
padding-bottom: 25px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/img_line01.png) left bottom no-repeat;
background-size: 100% auto;
line-height: 1.45;
margin-bottom: 5px;
}
.section-top-benefit .list-benefit .title-benefit .number {
font-style: italic;
font-size: 35px;
}
.section-top-benefit .link-benefit {
display: block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: center;
color: #fff;
margin: 12px auto 0;
width: 280px;
font-size: 20px;
padding: 8px 5px;
background: #513317 url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow03.png) right 10px center
no-repeat;
}
.section-top-data {
padding: 40px 0 0;
text-align: center;
}
.section-top-data p {
margin: 20px auto;
}
.section-top-data img {
margin: 20px auto;
}
.section-top-check {
padding: 40px 0;
}
.section-top-check .block-check {
width: 800px;
margin: 37px auto 0;
background-color: #fff;
padding: 24px 72px 13px;
border: 1px solid #c9c9c9;
}
.section-top-check .list-check {
line-height: 1.7;
font-size: 18px;
}
.section-top-check .list-check li {
padding-left: 44px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_check.png) left 1px no-repeat;
background-size: 24px auto;
margin-bottom: 18px;
}
.section-top-check .txt-check {
text-align: center;
font-size: 20px;
}
.section-top-define {
position: relative; background-color: #e2faff;
padding: 40px 0;
}
.section-top-define .define-bg {
position: absolute;
right: 0;
top: 160px;
z-index: 0;
}
.section-top-define .wrapper {
position: relative;
z-index: 1;
}
.section-top-define .sec-title {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_ring.png) center 0 no-repeat;
padding-top: 58px;
}
.section-top-define .txt-define {
text-align: center;
background-color: #fff;
margin: 28px auto 0;
padding: 14px 30px;
width: 600px;
}
.section-top-define .txt-before {
text-align: center;
line-height: 1.34615;
font-size: 26px;
margin-top: 30px;
}
.section-top-define .txt-before .line {
display: inline-block;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/bd_top_define01.png) left bottom 8px repeat-x;
}
.section-top-define .list-define {
margin: 32px auto 0;
width: 800px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.section-top-define .list-define .txt-become {
letter-spacing: -0.02em;
margin-top: 10px;
}
.section-top-define .list-define li {
width: 50%;
}
.section-top-define .txt-before {
font-weight: 600;
}
.section-top-define .list-define .item01 {
background-color: #fff;
padding: 24px;
border: 3px solid #f6ee36;
}
.section-top-define .list-define .item01 .inner { height: max-content;
}
.section-top-define .list-define .item01 .bg {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/css/../img/top/bd_top_define02.png)
left bottom 4px repeat-x;
}
.section-top-define .list-define .item02 {
background-color: #eee;
padding: 24px;
}
.section-top-define .list-define .txt-can {
text-align: center;
font-size: 22px;
}
.section-top-define .list-define .txt-came {
padding: 0 0 0 12px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/css/../img/common/ico_circle.png)
left 7px no-repeat;
margin-top: 10px;
}
.section-top-define .img-define {
margin-top: 34px;
}
.section-top-flow {
padding: 40px 0;
}
.section-top-flow .list-flow {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-size: 20px;
margin-top: 36px;
}
.section-top-flow .list-flow li {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
background-color: #ffff00;
width: 80px;
margin-right: 52px;
}
.section-top-flow .list-flow li:nth-child(even) {
background-color: #ffcc00;
}
.section-top-flow .list-flow li:nth-child(8n) {
margin-right: 0;
}
.section-top-flow .list-flow li:after {
content: "";
position: absolute;
width: 23px;
height: 25px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow04.png) no-repeat;
right: -38px;
top: 50%;
margin-top: -8px;
}
.section-top-flow .list-flow li:last-child:after {
display: none;
}
.section-top-flow .list-flow li small {
font-size: 18px;
}
html.edge .section-top-flow .list-flow li,
html.ie .section-top-flow .list-flow li {
height: 370px;
}
.section-top-flow .list-flow .txt-flow {
overflow: hidden;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0;
border-radius: 0 0 6px 6px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding: 14px 0 4px;
line-height: 1.3;
letter-spacing: 0.125em;
padding-left: 26px;
}
.section-top-flow .list-flow .txt-flow.line02 {
padding-left: 14px;
}
.section-top-flow .list-flow .txt-number {
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px;
border-radius: 6px 6px 0 0;
background-color: #63452a;
color: #fff;
text-align: center;
height: 60px;
font-size: 36px;
padding-top: 6px;
}
.section-top-flow .list-flow .normal {
display: inline-block;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.section-top-flow .link-detail {
margin-top: 60px;
}
.section-top-blog .list-record {
margin-top: 0;
}
.section-top-blog .list-record a { text-align: left;
}
.section-top-blog .list-record .ttl-record {
margin-top: 8px;
}
.section-top-blog .link-detail {
margin-top: 60px;
}
.section-top-blog {
padding: 40px 0 0;
}
div#pages.area_detail.shinsakae .link-detail,
div#pages.area_detail.shinjuku .link-detail,
div#pages.area_detail.hamamatsu .link-detail {
margin-top: 40px;
margin-bottom: 40px;
}
div#pages .section-top-data {
padding: 40px 0 50px;
}
.section-top-insta {
background: #fffacd;
padding: 40px 0;
}
.section-top-visit {
padding: 40px 0;
}
.section-top-visit .block-visit {
border: 1px solid #cfa972;
padding: 34px 92px 26px;
margin-top: 34px;
}
.section-top-visit .txt-sign {
text-align: right;
line-height: 1.625;
margin-top: 24px;
}
.section-top-visit .link-record {
margin-top: 34px;
}
.list-news {
margin-top: 38px;
}
.list-news li {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 1px;
padding: 15px 5px 10px;
min-height: 49px;
background: #fff url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_heart01.png) 6px 22px no-repeat;
}
.list-news .txt-date {
padding: 0 20px;
width: 120px;
margin-right: 5px;
}
.list-news .txt-notice {
width: 86px;
margin-top: -2px;
}
.list-news .txt-notice img {
width: 100%;
}
.list-news .txt-news {
width: 794px;
padding-left: 10px;
letter-spacing: -0.05em;
}
.section-top-news {
padding: 40px 0 10px;
}
.section-top-news .link-detail {
margin: 30px auto;
}
.section-top-discount {
padding: 40px 0;
}
.cmp_20s {
height: 186px;
}
.section-top-discount .list-discount {
margin-top: 32px;
}
.section-top-discount .list-discount li {
width: 484px;
margin-right: 28px;
float: left;
}
.section-top-discount .list-discount li a {
text-align: center;
color: #996600;
}
.section-top-discount .list-discount li a:hover {
text-decoration: underline;
}
.section-top-discount .list-discount li img {
width: 100%;
margin-bottom: 10px;
}
.section-top-discount .list-discount li:nth-child(2n) {
margin-right: 0;
width: 488px;
}
.section-top-discount .link-record p {
padding-top: 6px;
}
.section-top-discount .link-record.img {
margin-bottom: 10px;
}
.section-top-discount .cmp_minaoshi {
height: 195px;
}
.section-top-discount .cm20s {
height: 222px;
}
.section-top-submenu {
padding: 40px 28px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern02.png) repeat;
}
.section-top-submenu .list-submenu {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-top-submenu .list-submenu a {
color: #513317;
display: block;
width: 235px;
margin-right: 20px;
margin-bottom: 10px;
}
.section-top-submenu .list-submenu a:nth-child(4n) {
margin-right: 0;
}
.section-top-submenu .list-submenu .title-submenu {
font-weight: bold;
font-size: 18px;
margin-top: 4px;
}
.section-top-submenu .list-submenu .txt-submenu {
line-height: 1.3;
}
.section-top-store {
padding: 40px 0;
}
.section-top-store .list-store {
margin-top: 49px;
}
.section-top-store .list-store li {
float: left;
width: 300px;
margin-right: 50px;
}
.section-top-store .list-store li > a {
display: block;
text-align: center;
color: #996600;
}
.section-top-store .list-store li > a:hover {
text-decoration: underline;
}
.section-top-store .list-store li:nth-child(3n) {
margin-right: 0;
}
.section-top-store .list-store .txt01 {
line-height: 1.25;
margin-top: 12px;
font-size: 20px;
}
.section-top-store .list-store .txt02 {
line-height: 1.33333;
margin-top: 8px;
font-size: 18px;
}
.section-top-store .link-record {
margin-top: 40px;
}
.section-top-ameblo {
padding: 40px 0 0px;
}
.section-top-ameblo.top {
padding: 40px 0;
}
.section-top-sns {
padding-top: 40px;
}
.section-top-sns iframe {
width: 100%;
height: 250px;
}
.section-top-sns .block-feed {
margin: 40px 0;
display: flex;
}
.section-top-sns .list-link {
margin-top: 32px;
}
.section-top-sns .list-bnr {
margin: 38px 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.section-top-sns .list-bnr a {
display: block;
margin: auto;
text-decoration: none;
color: #996600;
text-align: center;
}
.section-top-sns .list-bnr a:hover {
text-decoration: underline;
}
.section-top-sns .list-bnr p {
margin-top: 7px;
line-height: 1.3;
}
.section-top-sns ul.ibj_bnr {
display: flex;
justify-content: space-evenly;
margin-top: 30px;
}
ul.ibj_bnr img {
margin: auto;
display: block;
margin-bottom: 5px;
}
.section-top-sns ul.ibj_bnr.second img {
margin: auto;
display: block;
width: 50%;
}
.section-top-sns .ibj-bnr {
display: inline-block;
width: 800px;
text-align: center;
margin-bottom: 30px;
}
.section-top-sns .ibj-bnr img.md {
margin: 0 20px;
width: 200px;
}
.section-top-sns .ibj-bnr p {
padding-top: 10px;
}
.section-top-sns .ibj-bnr .no1 {
float: left;
margin-left: 150px;
}
.section-instagram {
padding: 40px 0 0;
}
.section-staff {
padding: 40px 0 0;
} div.sns {
width: 1300px;
margin: auto;
margin-bottom: 50px;
}
ul.ibj_bnr li p {
text-align: center;
}
li.sns_fb {
float: left;
width: 30%;
}
li.sns_twitter {
float: left;
width: 30%;
margin-right: 20px;
}
li.sns_insta {
float: left;
width: 35%;
margin-right: 10px;
}
@media (max-width: 1299px) {
div.sns {
width: 1000px;
}
}
@media (max-width: 750px) {
.section-top-sns {
padding: 40px 0;
}
li.sns_fb,
li.sns_twitter,
li.sns_insta {
float: none;
width: 100%;
}
li.sns_twitter,
li.sns_insta {
width: 90%;
margin: auto;
}
li.sns_fb,
li.sns_twitter {
margin: auto;
margin-bottom: 20px;
}
li.sns_fb {
text-align: center;
}
div.sns {
width: 100%;
margin: auto;
}
.section-top-sns ul.ibj_bnr.second img {
width: 70%;
}
ul.sns {
display: block;
}
ul.ibj_bnr {
font-size: 0.2rem;
}
ul.ibj_bnr li {
width: 48%;
}
ul.ibj_bnr li p { }
.ibj_kamei {
width: 80%;
}
}
@media (min-width: 751px) {
.list-news a.txt-news:hover {
text-decoration: underline;
}
}
@media (max-width: 1619px) {
.section-top-slider .slick-slide img {
width: 100%;
height: auto;
}
}
@media (max-width: 750px) {
.section-top-slider .slick-slide img {
width: 100%;
height: auto;
}
.slick-dots {
bottom: 0.08rem;
}
.slick-dots li {
margin: 0 0.08rem;
}
.slick-dots li button {
width: 0.18rem;
height: 0.18rem;
}
.section-top-banner .list-banner {
margin-top: 0.17rem;
}
.section-top-banner .list-banner a + a {
margin-top: 0.12rem;
}
.section-top-banner .list-banner li + li {
margin-top: 0.12rem;
}
.section-top-banner .bnr-left,
.section-top-banner .bnr-right {
float: none;
width: 100%;
}
.section-top-banner .bnr-04 img { } .section-top-can {
padding-top: 20px; background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/sm/bg_top_can02.jpg);
}
.section-top-can .title-can img {
width: 4.64rem;
}
.section-top-can .block-can {
text-align: left;
padding: 0.18rem 0.2rem 0rem;
font-size: 0.24rem;
margin-top: 0.4rem;
line-height: 1.4;
letter-spacing: 0.06em;
}
.section-top-can .sec-title {
margin-top: 0.52rem;
}
.section-top-can .img-can {
width: 100%;
margin-top: 0.4rem;
}
.section-top-can .list-can {
margin: -0.86rem -0.3rem 0; }
.section-top-can .list-can .item {
width: 3.86rem;
margin: 0 0.3rem;
-moz-box-shadow: 0.01rem 0.02rem 0.02rem 0.08px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0.01rem 0.02rem 0.02rem 0.08px rgba(0, 0, 0, 0.2);
box-shadow: 0.01rem 0.02rem 0.02rem 0.08px rgba(0, 0, 0, 0.2);
}
.section-top-can .list-can .item:nth-child(3n) {
margin-right: 0.3rem;
}
.section-top-can .list-can a {
padding: 0.12rem 0.22rem 0.14rem;
}
.section-top-can .list-can a:after {
border-bottom-width: 0.12rem;
border-left-width: 0.12rem;
}
.section-top-can .list-can .ttl {
background-size: 1.98rem auto;
font-size: 0.6rem;
}
.section-top-can .list-can .txt-can {
line-height: 1.4;
padding-top: 0.1rem;
font-size: 0.22rem;
margin-top: 0.07rem;
}
.section-top-can .list-can .txt-can span {
font-size: 0.14rem;
}
.section-top-can .list-can .block-title {
margin-top: 0.03rem;
}
.section-top-can .link-can {
margin: 0.08rem auto 0;
padding: 0.08rem 0.22rem 0.06rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_arrow01.png);
background-position: right 0.1rem center;
background-size: 0.1rem auto;
font-size: 0.22rem;
width: 2.88rem;
}
.section-top-can .reason_bnr .bnr_left {
margin: 20px 0 10px;
float: none;
}
.section-top-can .reason_bnr .bnr_right {
margin: 0px 0 10px;
}
.section-top-can .reason_bnr p {
font-size: 0.23rem;
}
.slider-list .slick-list {
overflow: inherit;
}
.slider-list .slick-dots li button {
background-color: #fff;
border-color: #d2d2d2;
width: 0.16rem;
height: 0.16rem;
}
.slider-list .slick-dots li.slick-active button {
background-color: #8b7056;
border-color: #8b7056;
}
.slider-list .slick-dots li {
margin: 0 0.24rem;
}
.list-record {
margin-top: 0.07rem;
padding-bottom: 0.15rem;
}
.list-record a {
margin: 0.36rem 0.1rem 0;
width: 4.86rem; padding: 0 0 10px;
}
.list-record a:nth-child(3n) {
margin-right: 0.3rem;
}
.list-record .ttl-record {
font-size: 0.26rem;
margin-top: 0.11rem;
}
.list-record .txt-record {
margin-top: 0.06rem;
line-height: 1.3;
}
.list-record .new {
vertical-align: middle;
margin-top: -0.04rem; }
.list-record .txt-marriage {
padding: 0.06rem 0.1rem;
margin: 0.06rem 0 0.04rem;
font-size: 0.22rem;
}
.list-record .txt-date {
margin-top: -0.02rem;
letter-spacing: -0.05em;
-webkit-line-clamp: 4;
line-height: 1.4;
position: relative;
}
.section-top-record .link-record {
margin-top: 0.48rem;
}
.link-record {
}
.contact-link-record {
margin-top: 0;
}
.link-record p {
font-size: 0.23rem;
line-height: 1.3;
}
.link-record p.expand {
margin-left: -0.2rem;
margin-right: -0.2rem;
}
.link-record p.left {
text-align: left;
}
.link-record.cmpbnr p {
font-size: 70%;
}
.new {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_new.png);
width: 0.48rem;
height: 0.26rem;
}
.section-top-voice {
padding-top: 40px;
}
.section-top-voice .list-voice {
margin-top: 0.38rem;
width: auto;
}
.section-top-voice .list-voice li {
margin-bottom: 0.35rem;
}
.section-top-voice .list-voice li a {
padding-left: 0.1rem;
display: block;
background-size: 0.08rem auto;
background-position: left bottom;
-moz-box-shadow: 0.01rem 0.02rem 0.02rem 0.08px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0.01rem 0.02rem 0.02rem 0.08px rgba(0, 0, 0, 0.2);
box-shadow: 0.01rem 0.02rem 0.02rem 0.08px rgba(0, 0, 0, 0.2);
}
.section-top-voice .list-voice li img {
width: auto;
height: 0.76rem;
}
.section-top-voice .list-voice .new {
position: relative;
top: auto;
left: auto;
margin: 0 0 0.02rem 0.02rem;
}
.section-top-voice .text-center {
text-align: left;
margin-top: 30px;
margin: 0.36rem auto;
}
.section-top-member .txt-number {
font-size: 0.28rem;
margin-top: 0.3rem;
}
.section-top-member .txt-about {
font-size: 0.36rem;
margin-top: -0.04rem;
}
.section-top-member .txt-as {
font-size: 0.2rem;
}
.section-top-member .block-chart {
margin-top: 0.36rem;
padding: 0.26rem 0.26rem 0.2rem;
}
.section-top-member .block-chart + .block-chart {
margin-top: 0.3rem;
}
.section-top-member .title-chart {
font-size: 0.3rem;
}
.section-top-member .list-img {
margin: -0.1rem 0 0 0;
}
.section-top-member .list-img img,
.section-top-member .list-img .img01,
.section-top-member .list-img .img02 {
margin: 0.3rem auto 0;
width: 100%;
}
.section-top-member .list-img.second {
margin-left: 0;
margin-top: 0.28rem;
}
.section-top-member .chart-img {
width: auto;
margin-top: 0.42rem;
}
.section-top-member .chart-img img {
width: 100%;
}
.section-top-member .txt-appro {
text-align: left;
}
.section-top-member .txt-appro span {
line-height: 1.42857;
margin-top: 0.26rem;
font-size: 0.23rem;
}
.section-top-member .txt-year {
font-size: 0.2rem;
margin-top: 0.05rem;
}
.section-top-member .link-detail {
margin-top: 0.5rem;
}
.section-top-benefit {
padding: 40px 0 20px;
}
.section-top-benefit .list-benefit {
display: block;
margin-top: 0.4rem;
}
.section-top-benefit .list-benefit a {
width: 100%;
-moz-border-radius: 0.1rem;
-webkit-border-radius: 0.1rem;
border-radius: 0.1rem;
padding: 0.18rem 0.26rem 0.28rem;
margin-right: 0;
margin-bottom: 0.34rem;
-moz-box-shadow: 0.01rem 0.02rem 0.02rem 0.08px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0.01rem 0.02rem 0.02rem 0.08px rgba(0, 0, 0, 0.2);
box-shadow: 0.01rem 0.02rem 0.02rem 0.08px rgba(0, 0, 0, 0.2);
}
.section-top-benefit .list-benefit .title-benefit {
letter-spacing: -0.05em;
font-size: 0.31rem;
padding-bottom: 0.4rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/sm/img_line01.png);
line-height: 1.4375;
margin-bottom: 0.14rem;
}
.section-top-benefit .list-benefit .title-benefit .number {
font-size: 0.4rem;
}
.section-top-benefit .list-benefit p {
line-height: 1.6;
}
.section-top-benefit .link-benefit {
-moz-border-radius: 0.04rem;
-webkit-border-radius: 0.04rem;
border-radius: 0.04rem;
margin-top: 0.12rem;
width: 100%;
font-size: 0.26rem;
padding: 0.05rem 0.2rem;
background-position: right 0.12rem center;
background-size: 0.06rem auto;
}
.section-top-check .block-check {
width: 100%;
margin-top: 0.5rem;
padding: 0.18rem 0.24rem 0.3rem;
}
.section-top-check .list-check {
line-height: 1.6;
font-size: 0.26rem;
}
.section-top-check .list-check li {
padding: 10px 0.08rem 0 0.4rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_check.png);
background-position: left 15px;
background-size: 0.26rem auto;
margin-bottom: 0.02rem;
letter-spacing: -0.02em;
}
.section-top-check .txt-check {
text-align: center;
line-height: 1.4;
font-size: 0.28rem;
margin: 0.2rem 0;
}
.section-top-define {
background-size: 0.05rem auto;
}
.section-top-define .sec-title {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_ring.png);
background-size: 0.32rem auto;
padding-top: 0.7rem;
}
.section-top-define .txt-define {
font-size: 0.28rem;
margin-top: 0.36rem;
padding: 0.14rem 0.27rem;
width: 100%;
text-align: left;
}
.section-top-define .txt-before {
color: #fff;
line-height: 1.5;
background: #b28850;
font-size: 0.3rem;
margin: 0.36rem -0.3rem 0;
padding: 0.2rem 0.3rem;
}
.section-top-define .txt-before .line {
background: none;
}
.section-top-define .list-define {
margin: 0 -0.3rem 0;
width: auto;
display: block;
}
.section-top-define .list-define .txt-become {
line-height: 1.4;
letter-spacing: -0.02em;
margin-top: 0.05rem;
font-size: 0.3rem;
}
.section-top-define .list-define li {
width: 100%;
}
.section-top-define .list-define .item01 {
padding: 0.32rem 0.3rem;
}
.section-top-define .list-define .item01 .inner {
border-width: 0.06rem;
padding: 0.06rem 0.2rem 0.14rem;
margin: 0;
}
.section-top-define .list-define .item01 .bg {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/top/sm/bd_top_define02.png);
background-position: left bottom 0.1rem;
background-size: 0.04rem auto;
}
.section-top-define .list-define .item02 {
padding: 0.28rem 0.6rem;
background: #e2e1db;
}
.section-top-define .list-define .txt-can {
font-size: 0.3rem;
}
div.item slick-slide slick-cloned > p.txt-can {
min-height: 110px !important;
}
.section-top-define .list-define .txt-came {
font-size: 0.28rem;
padding: 0 0.18rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_circle.png);
background-size: 0.1rem auto;
background-position: left 0.12rem;
margin-top: 0.1rem;
}
.section-top-define .list-define + .txt-before {
margin-top: 0;
}
.section-top-define .img-define {
margin-top: 0.56rem;
}
.section-top-flow {
}
.section-top-flow .list-flow {
display: block;
font-size: 0.3rem;
margin-top: 0.7rem;
}
.section-top-flow .list-flow li {
-moz-border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
border-radius: 0.06rem;
display: -webkit-flex;
display: flex;
width: auto;
margin: 0 0 0.56rem 0;
}
.section-top-flow .list-flow li:after {
width: 0.25rem;
height: 0.23rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_arrow04.png);
background-size: 100% auto;
right: auto;
left: 50%;
top: auto;
bottom: -0.38rem;
margin: 0 0 0 -0.125rem;
}
.section-top-flow .list-flow li small {
font-size: 0.26rem;
}
.section-top-flow .list-flow .txt-flow {
-moz-border-radius: 0 0.06rem 0.06rem 0;
-webkit-border-radius: 0;
border-radius: 0 0.06rem 0.06rem 0;
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
padding: 0.12rem 0 0.08rem 0.6rem;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
min-height: 0.8rem;
line-height: 1.4;
}
.section-top-flow .list-flow .txt-flow.line02 {
padding-left: 0.6rem;
}
.section-top-flow .list-flow .normal {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.section-top-flow .list-flow .txt-number {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-moz-border-radius: 0.06rem 0 0 0.06rem;
-webkit-border-radius: 0.06rem;
border-radius: 0.06rem 0 0 0.06rem;
height: auto;
width: 8.7%;
font-size: 0.36rem;
padding-top: 0.06rem;
}
.section-top-flow .link-detail {
margin-top: 0.6rem;
}
.section-top-blog .list-record {
margin-top: 0;
}
.section-top-blog .list-record a {
margin-top: 0.5rem; text-align: left;
}
.section-top-blog .list-record .ttl-record {
font-size: 0.26rem;
margin-top: 0.02rem;
width: 4.25rem;
}
.section-top-blog .link-detail {
margin-top: 0.32rem;
}
div#pages.area_detail.shinsakae .link-detail,
div#pages.area_detail.shinjuku .link-detail,
div#pages.area_detail.hamamatsu .link-detail {
margin-top: 0.32rem;
margin-bottom: 0.7rem;
}
.section-top-visit .title-visit {
border: 0;
margin-bottom: 0.14rem;
}
.section-top-visit .txt-lime {
display: -webkit-box;
height: 1.2rem;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.section-top-visit .link-accor {
text-align: center;
color: #996600;
display: block;
-moz-border-radius: 0.04rem;
-webkit-border-radius: 0.04rem;
border-radius: 0.04rem;
margin: 0.4rem auto 0;
font-size: 0.28rem;
padding: 0.12rem 0.2rem 0.08rem;
background: #faed1e url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_arrow08.png) right 0.12rem
center no-repeat;
background-size: 0.27rem auto;
-moz-transition: all 0.26s ease;
-o-transition: all 0.26s ease;
-webkit-transition: all 0.26s ease;
transition: all 0.26s ease;
}
.section-top-visit .link-accor .close {
display: none;
}
.section-top-visit .block-visit {
border: 1px solid #cfa972;
padding: 0.4rem 0.24rem 0.32rem;
margin-top: 0rem;
line-height: 1.6;
font-size: 0.26rem;
}
.section-top-visit .block-visit.open .txt-lime {
height: auto;
display: block;
}
.section-top-visit .block-visit.open .link-accor {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_arrow09.png);
}
.section-top-visit .block-visit.open .link-accor .close {
display: block;
}
.section-top-visit .block-visit.open .link-accor .more {
display: none;
}
.section-top-visit .txt-sign {
text-align: left;
line-height: 1.625;
margin-top: 0.24rem;
}
.section-top-visit .link-record {
margin-top: 0.8rem;
}
.list-news {
margin-top: 0.38rem;
}
.list-news li {
font-size: 0.22rem;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1px;
padding: 0.24rem 0.2rem 0.1rem;
min-height: auto;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_heart01.png);
background-position: 0.2rem 0.28rem;
background-size: 0.21rem auto;
}
.list-news .txt-date {
padding: 0 0.24rem;
width: 1.64rem;
}
.list-news .txt-notice {
width: 1.5rem;
margin-top: -0.04rem;
}
.list-news .txt-news {
width: 100%;
padding-left: 0;
letter-spacing: -0.05em;
margin-top: 0.1rem;
}
.section-top-news {
}
.section-top-news .link-detail {
margin-top: 0.4rem;
}
.section-top-discount {
}
.section-top-discount .cmp_20s,
.section-top-discount .cm20s,
.section-top-discount .cmp_minaoshi {
height: auto;
}
.section-top-discount .list-discount {
margin-top: 0.26rem;
}
.section-top-discount .list-discount li {
width: 100%;
margin: 0 0 0.34rem 0;
float: none;
}
.section-top-discount .list-discount li a {
text-align: center;
color: #996600;
}
.section-top-discount .list-discount li img {
width: 100%;
margin-bottom: 0.1rem;
}
.section-top-discount .list-discount li:nth-child(2n) {
margin-right: 0;
width: auto;
}
.section-top-discount .link-record {
margin-top: 0.22rem;
}
.section-top-discount .link-record p {
font-size: 90%;
line-height: inherit;
}
.section-top-discount .link-record.cmpbnr p {
font-size: 70%;
}
.section-top-submenu {
padding: 0.78rem 0 0.28rem;
background-size: 0.3rem auto;
}
.section-top-submenu .list-submenu {
padding: 0 0.25rem 0.12rem;
}
.section-top-submenu .list-submenu a {
width: 45.3125%;
margin-right: 9.375%;
margin-bottom: 0.3rem;
}
.section-top-submenu .list-submenu a:nth-child(2n) {
margin-right: 0;
}
.section-top-submenu .list-submenu .title-submenu {
font-size: 0.24rem;
margin-top: 0.12rem;
letter-spacing: -0.05em;
}
.section-top-submenu .list-submenu .txt-submenu {
font-size: 0.2rem;
line-height: 1.5;
}
.section-top-store {
}
.section-top-store .list-store {
margin-top: 0.49rem;
}
.section-top-store .list-store li {
float: none;
width: 5rem;
margin: 0 auto 0.38rem;
}
.section-top-store .list-store li > a {
display: block;
text-align: center;
color: #996600;
}
.section-top-store .list-store li:nth-child(3n) {
margin-right: auto;
}
.section-top-store .list-point {
display: -webkit-flex;
display: flex;
margin-top: 0.26rem;
}
.section-top-store .list-point a {
display: block;
background-color: #513317;
color: #fff;
text-align: center;
font-size: 0.24rem;
width: 48.8%;
padding: 0.16rem 0.05rem;
-moz-border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
border-radius: 0.06rem;
}
.section-top-store .list-point a:nth-child(2n) {
margin-left: 2.4%;
}
.section-top-store .list-point a img {
width: 0.24rem;
display: inline-block;
margin: 0 0.1rem;
}
.section-top-store .list-social {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
margin-top: 0.26rem;
}
.section-top-store .list-social a {
width: 0.6rem;
margin: 0 0.24rem;
}
.section-top-ameblo.top {
padding: 40px 0 0;
}
.section-top-store .link-record {
margin-top: 0.42rem;
}
.section-top-sns .list-bnr {
margin: 0.22rem 0.34rem 0.2rem;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
display: block;
}
.section-top-sns .list-bnr a {
width: 47.48%;
margin: 0 5.04% 0 0;
text-decoration: none;
letter-spacing: -0.05em;
}
.section-top-sns .list-bnr a:last-child {
margin-right: 0;
}
.section-top-sns .list-bnr a.full {
width: 5rem;
padding: 0;
margin: 0 auto 0.27rem;
}
.section-top-sns .list-bnr p {
margin-top: 0.07rem;
}
.section-top-sns .ibj-bnr {
width: auto;
margin: 0.22rem 1.2rem 0.2rem;
}
.section-top-sns .ibj-bnr img.sm.no1 {
margin-bottom: 15px;
}
}
@media (max-width: 480px) {
.slick-dots li button {
border-width: 1px;
}
} .section-main-visual {
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.35);
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern02.png) repeat;
}
.section-main-visual span.wrapper {
display: block;
}
.section-main-visual img.md {
display: block;
max-width: 100%;
margin: 0 auto;
}
.section-content {
margin-top: 36px;
}
.section-content .link-record {
margin-bottom: 72px;
}
.section-blog {
float: left;
width: 715px;
}
.list-record.blog {
margin-top: 15px;
}
.list-record.blog a,
.list-record.blog a:nth-child(3n) {
text-align: left;
padding: 0;
width: 346px;
margin: 24px 0 0 0;
}
.list-record.blog a:nth-child(odd),
.list-record.blog a:nth-child(3n):nth-child(odd) {
margin-right: 23px;
}
.list-record.blog .ttl-record {
letter-spacing: -0.05em;
margin-top: 4px;
height: 50px;
}
html.mac .list-record.blog .ttl-record {
letter-spacing: -0.1em;
}
.list-record.blog .blog-in { padding: 5px 15px 0px;
}
.list-record.blog .txt-marriage {
margin: 12px 0 22px;
}
.sidebar {
float: right;
width: 260px;
margin-top: 4px;
}
.sidebar.voice {
width: 260px;
margin-left: 30px;
position: sticky;
top: 180px;
}
.block-aside {
border: 1px solid #c9c9c9;
margin-top: 33px;
}
.block-aside .title-aside {
text-align: center;
border-bottom: 4px solid #ffff00;
padding: 14px 0 4px;
font-size: 20px;
}
.block-aside .list-aside {
margin: 14px 4px 19px 13px;
}
.block-aside .list-aside a {
display: inline-block;
color: #996600;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_aside.png) left 3px no-repeat;
padding: 0px 4px 14px 10px;
font-size: 14px;
line-height: 1.2;
font-weight: bold;
}
.block-aside .list-aside li {
margin-top: 6px;
}
@media (max-width: 750px) {
.section-main-visual {
background-size: 3rem auto;
-webkit-box-shadow: 0px 1px 0.07rem 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 1px 0.07rem 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 1px 0.07rem 0px rgba(0, 0, 0, 0.35);
}
.section-content {
margin-top: 0.13rem;
}
.section-content .link-record {
margin-bottom: 0.72rem;
}
.section-blog {
float: none;
width: auto;
}
.section-top-data p {
text-align: left;
}
.list-record.blog {
padding-bottom: 0;
margin-top: 0.32rem;
font-size: 0.28rem;
}
.list-record.blog a,
.list-record.blog a:nth-child(3n) {
width: 100%;
margin: 0 0 0.42rem 0;
}
.list-record.blog a:nth-child(odd),
.list-record.blog a:nth-child(3n):nth-child(odd) {
margin-right: 0;
}
.list-record.blog .ttl-record {
height: auto !important;
font-size: 0.26rem;
letter-spacing: -0.05em;
margin-top: 0;
}
.list-record.blog .blog-in { padding: 5px 10px 0px;
}
.list-record.blog .txt-marriage {
font-size: 0.28rem;
margin: 0.18rem 0 0.19rem;
padding: 0.04rem;
}
.list-record.blog .txt-date {
-webkit-line-clamp: 3;
margin-top: 0.06rem;
}
.ttl-text {
font-size: 0.24rem;
}
.sidebar {
float: none;
width: 100%;
margin-top: 0.58rem;
}
.sidebar.voice {
float: none;
width: 100%;
margin-top: 0.58rem;
margin-left: 0;
}
.block-aside {
margin-top: 0.42rem;
margin-bottom: 0.42rem;
}
.block-aside .title-aside {
border-bottom-width: 0.1rem;
padding: 0.56rem 0 0px;
font-size: 0.4rem;
}
.block-aside .list-aside {
margin: 0.34rem 0.08rem 0.26rem 0.36rem;
}
.block-aside .list-aside a {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_aside.png);
background-size: 0.09rem auto;
padding-left: 0.28rem;
font-size: 0.24rem;
}
.block-aside .list-aside li {
margin-top: 0.22rem;
}
}
.blog__title { } .blog-info span {
display: inline-block;
vertical-align: middle;
}
.blog-info .date {
font-size: 20px;
}
.blog-info .type {
display: inline-block;
border: 1px solid #c9c9c9;
padding: 0 7px;
font-size: 20px;
margin-left: 10px;
}
.article h1 {
font-size: 30px;
border-bottom: 1px solid #956734;
margin-top: 10px;
letter-spacing: 0.08em;
}
.article h1 .new {
margin-top: -6px;
vertical-align: middle;
}
.article .block-detail {
margin: 30px auto;
width: 620px;
}
.article .block-detail p {
letter-spacing: -0.02em;
}
.article img {
margin-bottom: 36px;
}
.section-detail {
margin-top: 32px;
}
.section-detail .flex-wrap {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-detail .link-record {
margin-bottom: 46px;
}
.section-detail .sidebar {
margin: -40px 0 0 25px;
}
.section-detail .link-record.trans.bl_con {
text-align: left;
}
.section-detail .link-record.trans.bl_con img {
margin-block-start: 0em;
margin-block-end: 0em;
margin: 0;
padding: 0;
border: 0;
}
.section-detail .link-record.trans.bl_con a {
margin-block-start: 0em;
margin-block-end: 0em;
letter-spacing: 0;
}
.block-paging-blog {
width: 100%;
border-top: 1px solid #c9c9c9;
padding: 50px 0;
margin-top: 12px;
}
.block-paging-blog a {
*zoom: 1;
float: left;
display: block;
width: 50%;
padding: 0;
}
.block-paging-blog a:after {
content: "";
display: table;
clear: both;
}
.block-paging-blog a img {
float: left;
width: 138px;
}
.block-paging-blog a .detail {
float: left;
width: 326px;
padding-left: 12px;
}
.block-paging-blog a.blog-prev {
padding-left: 22px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_blog_prev.png) left center no-repeat;
}
.block-paging-blog a.blog-next {
padding-right: 22px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_blog_next.png) right center no-repeat;
}
.block-paging-blog .ttl-blog {
font-weight: bold;
margin: -2px 0 6px;
}
.block-paging-blog .txt-blog {
font-size: 18px;
}
div.block-detail div.the_content h2 {
font-size: 25px;
font-weight: bold;
padding: 15px 0 15px 15px;
margin: 60px 0 25px;
border-left: 8px solid #ffff00;
line-height: 150%;
}
div.block-detail div.the_content h2 span {  }
div.block-detail div.the_content p {
display: block;
margin-block-start: 0px;
margin-block-end: 28px;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-size: 17px;
line-height: 2;
}
div.block-detail div.the_content p img {
margin-bottom: 0px;
}
div.block-detail img.attachment-full.size-full.wp-post-image {
max-width: 100%;
}
div.block-detail p a {
color: #996600; text-decoration: underline;
}
div.block-detail p a:hover { opacity: 0.7;
}
div.blog_13_link p {
margin-bottom: 30px;
font-size: 17px;
}
div.blog_text {
margin-bottom: 40px;
margin-top: 30px;
}
div.blog_text p {
display: block;
margin-block-start: 0px;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-size: 17px;
line-height: 2;
}
div.blog_13_link {
margin-bottom: 30px;
font-size: 17px;
}
div.blog_13_link a.trans {
display: block;
padding: 15px 20px;
background: #956734;
color: #fff; border-radius: 1rem;
font-size: 18px; text-align: center;
text-decoration: none;
position: relative;
}
div.blog_13_link a.trans::after {
position: absolute;
content: "";
width: 10px;
height: 10px;
top: 43%;
transform: rotateY(-50%);
right: 10px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/ico_arrow_w.svg) no-repeat center center / contain;
}
@media (max-width: 750px) {
.blog-info .date {
font-size: 0.24rem;
}
.blog-info .type {
padding: 0.06rem 0.07rem 0.02rem;
font-size: 0.24rem;
margin-left: 0.18rem;
}
.article h1 {
padding: 0 0.3rem;
font-size: 0.34rem;
margin: 0.14rem -0.3rem 0;
line-height: 1.4;
}
.article h1 .new {
margin-top: -0.04rem;
}
.article .block-detail {
margin: 0.26rem 0 0;
width: auto;
}
div.block-detail div.the_content p {
font-size: 15px;
line-height: 1.9;
}
div.blog_13_link a.trans {
display: block;
width: 100%;
font-size: 15px;
border-radius: 0.1rem;
}
div.blog_13_link p {
font-size: 15px;
}
div.blog_text p {
font-size: 15px;
}
.article img {
margin-bottom: 0.32rem;
}
.section-detail {
margin-top: 0;
}
.section-detail .link-record {
margin-bottom: 0.6rem;
}
.section-detail .link-record.trans.bl_con a {
font-size: 0.23rem;
}
.section-detail .sidebar {
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
margin: -0.04rem 0 0 0;
}
.block-paging-blog {
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
border-top: 0;
padding: 0;
margin-top: 0.74rem;
}
.block-paging-blog a {
float: none;
width: 100%;
border-top: 1px solid #c9c9c9;
padding: 0.24rem 0.2rem 0.22rem;
}
.block-paging-blog a img {
width: 32%;
}
.block-paging-blog a .detail {
width: 68%;
padding-left: 0.08rem;
}
.block-paging-blog a.blog-prev {
padding-left: 0.2rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_blog_prev.png);
background-size: 0.08rem auto;
}
.block-paging-blog a.blog-next {
padding-right: 0.2rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_blog_next.png);
background-size: 0.08rem auto;
}
.block-paging-blog .ttl-blog {
font-size: 0.3rem;
margin: -0.02rem 0 0.06rem;
}
.block-paging-blog .txt-blog {
font-size: 0.26rem;
}
div.block-detail p a:hover {
text-decoration: underline;
}
div.block-detail div.the_content h2 span {
padding-top: 90px;
margin-top: -90px;
}
div.block-detail div.the_content h2 {
font-size: 0.3rem;
line-height: 150%;
}
} .section-news {
margin-top: 34px;
margin-bottom: 72px;
}
.section-news .list-news {
margin-top: 26px;
}
.section-news .list-news li {
min-height: auto;
padding: 14px 0 2px;
background-position: left 22px;
}
.section-news .list-news .txt-news {
line-height: 1.9;
margin-top: -4px;
}
.section-news .list-news li + li {
border-top: 1px solid #e1e0d8;
}
.section-news .ul-pager {
margin-top: 32px;
}
@media (max-width: 750px) {
.section-news {
margin-top: 0.13rem;
margin-bottom: 0.62rem;
}
.section-news .list-news {
margin-top: 0.16rem;
}
.section-news .list-news li {
min-height: auto;
margin: 0 -0.3rem;
padding: 0.3rem 0.3rem 0.13rem;
background-position: left 0.28rem top 0.34rem;
}
.section-news .list-news .txt-news {
margin-top: 0.08rem;
font-size: 0.28rem;
line-height: 1.43;
letter-spacing: 0.05em;
}
.section-news .list-news li + li {
border-top: 1px solid #e1e0d8;
}
.section-news .ul-pager {
margin-top: 0.14rem;
overflow-x: scroll;
width: 95%;
display: flex;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
} .contact footer .border {
display: none;
}
.page-contact footer .link-logo {
margin-bottom: 5px;
}
.page-contact header { }
.page-contact header .list-nav {
display: none;
}
.page-confirm header .list-nav {
display: none;
}
.page-confirm header { }
.page-contact .container {
padding: 0; }
.section-contact {
margin-top: 28px;
margin-bottom: 74px;
}
.section-contact .txt-contact {
line-height: 1.5;
font-size: 18px;
}
.section-contact .txt-contact .diff {
font-size: 16px;
}
.section-contact .txt-line {
font-size: 15px;
line-height: 1.7;
margin-top: 8px;
}
.section-contact .txt-line span {
background-color: #fff799;
} .ttl-form {
position: relative;
font-size: 17px;
}
.ico::after,
.any::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 70px;
content: "必須";
background-color: #ff5555;
color: #fff;
padding: 4px 8px 1px;
border-radius: 5px;
font-size: 15px;
}
.any::after {
content: "任意";
background-color: #898989;
} .wpcf7-not-valid-tip {
font-size: 15px;
padding-top: 5px;
}
.section-contact .list-step {
font-weight: bold;
font-size: 20px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/bg_contact_step01.png) 0 0 no-repeat;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 36px;
}
.section-contact .list-step li {
text-align: center;
width: 322px;
padding: 32px 0;
}
.section-contact .list-step li:nth-child(2) {
width: 354px;
}
.section-contact .list-step li:nth-child(3) {
width: 300px;
}
.section-contact .list-step.step02 {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/bg_contact_step02.png);
}
.section-contact .list-step.step03 {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/bg_contact_step03.png);
}
.section-contact .txt-fill {
text-align: center;
margin-top: 30px;
}
.section-contact .block-button {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 36px;
}
.section-contact .block-button input {
display: block;
margin: 0 15px;
border: 0;
font-weight: bold;
text-align: center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.section-contact .block-button .wpcf7-confirm {
color: #513317;
background-color: #faed1e;
padding: 16px 0;
font-size: 30px;
width: 360px;
}
.section-contact .block-button .wpcf7-submit {
color: #513317;
background-color: #faed1e;
padding: 16px 0;
font-size: 30px;
width: 320px;
}
.section-contact .block-button .wpcf7-back {
color: #fff;
background-color: #c9c9c9;
padding: 16px 0;
font-size: 26px;
width: 320px;
}
.section-contact .block-button .wpcf7-previous {
color: #fff;
background-color: #c9c9c9;
padding: 16px 0;
font-size: 26px;
width: 320px;
}
form textarea:focus,
form input:focus,
form select:focus {
outline: none;
}
form ::-webkit-input-placeholder {
color: #898989;
}
form :-moz-placeholder {
color: #898989;
opacity: 1;
}
form ::-moz-placeholder {
color: #898989;
opacity: 1;
}
form :-ms-input-placeholder {
color: #898989;
}
form :placeholder-shown {
color: #898989;
}
form input,
form textarea,
form select {
display: inline-block;
vertical-align: middle;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: 2px solid #c9c9c9;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.tbl-form {
width: 100%;
color: #000;
font-size: 20px;
margin-top: 40px; border-bottom: 1px solid #e6e6e6; }
.tbl-form .bd { border-top: 1px solid #e6e6e6; }
.tbl-form .bd p {
font-size: 17px; }
.tbl-form td p {
font-size: 17px; }
.tbl-form .bd th,
.tbl-form .bd td {
padding-top: 15px; vertical-align: middle; }
.tbl-form th {
width: 340px;
}
.tbl-form th,
.tbl-form td {
padding-bottom: 15px; vertical-align: text-top; }
.tbl-form input,
.tbl-form select {
line-height: 40px; height: 40px; border: 1px solid #ccc; border-radius: 5px; padding: 0 8px;
width: 100%;
font-size: 17px;
}
.tbl-form .input-small {
height: 30px;
line-height: 26px;
margin: 0 4px;
}
.tbl-form textarea {
resize: none;
width: 100%;
height: 150px; padding: 8px;
border: 1px solid #ccc; border-radius: 5px; }
.address textarea {
height: 75px;
}
.tbl-form select::-ms-expand {
display: none;
}
.tbl-form select {
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 24px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/ico_select.png) right 12px center no-repeat; background-size: 7px; }
.tbl-form input[type="checkbox"] {
display: none;
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.tbl-form input[type="checkbox"] + span {
cursor: pointer;
padding-left: 26px;
display: inline-block;
line-height: 1.2;
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: middle;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/ico_checkbox.png);
}
.tbl-form input[type="checkbox"]:checked + span {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/ico_checkbox_checked.png);
}
.tbl-form input[type="radio"] {
display: none;
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.tbl-form input[type="radio"] + span {
cursor: pointer;
padding-left: 26px;
display: inline-block;
line-height: 1.2;
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: middle;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/ico_radio.png);
}
.tbl-form input[type="radio"]:checked + span {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/ico_radio_checked.png);
}
.tbl-form .txt-no {
font-size: 14px !important; }
.tbl-form .txt-note {
font-size: 14px !important; color: #d40707;
padding: 0 !important; }
.tbl-form .wpcf7-form-control-wrap {
display: block;
width: 520px;
}
.tbl-form .wpcf7-radio { margin-top: -5px;
margin-bottom: -6px;
} .list-learn .tbl-form .wpcf7-radio {
display: flex;
flex-wrap: wrap;
}
.cb-values {
display: flex;
flex-wrap: wrap;
}
.wpcf7-flex {
display: flex;
flex-wrap: wrap;
}
.tbl-form .wpcf7-radio .wpcf7-list-item:first-of-type {
margin-top: 8px;
} .ez-toc-title-container {
text-align: center;
border-bottom: 1px solid #c9c9c9;
padding: 5px 0;
margin-bottom: 8px;
}
#ez-toc-container li {
list-style: disc;
}
.tbl-form .wpcf7-radio .wpcf7-list-item {
display: block;
}
.tbl-form .wpcf7-radio .wpcf7-list-item + .wpcf7-list-item {
margin-top: 8px;
}
.tbl-form .w02 {
width: 264px;
}
.tbl-form .list-schedule .group-date {
margin-bottom: 15px; }
.tbl-form .list-schedule select {
border: 1px solid #a0a0a0;
width: 280px;
margin-left: 10px;
}
.tbl-form .list-schedule label:last-child select {
border-bottom-width: 1px;
}
.tbl-form .list-name {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.tbl-form .list-name input {
width: 350px;
}
.tbl-form .list-name input:nth-child(even) {
margin-left: 5px;
}
.tbl-form .list-gender {
margin: 0;
}
.tbl-form .list-gender .wpcf7-list-item + .wpcf7-list-item {
margin-top: 0;
}
.tbl-form .list-gender .wpcf7-list-item {
display: inline-block;
}
.tbl-form .list-gender input[type="radio"] + span {
text-align: center;
background: #fff;
width: 176px;
line-height: 40px; padding: 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.tbl-form .list-gender .first span {
color: #ef6ca5;
border: 2px solid #ef6ca5;
margin-right: 5px;
}
.tbl-form .list-gender .first input[type="radio"]:checked + span {
background: #ef6ca5;
color: #fff;
}
.tbl-form .list-gender .last span {
color: #00a0e9;
border: 2px solid #00a0e9;
}
.tbl-form .list-gender .last input[type="radio"]:checked + span {
background: #00a0e9;
color: #fff;
}
.tbl-form .list-birthday .wpcf7-form-control-wrap {
display: inline-block;
vertical-align: middle;
width: auto;
}
.tbl-form .list-birthday .select01 {
color: #000;
width: 180px;
}
.tbl-form .list-birthday .select02 {
color: #000;
width: 70px;
}
.tbl-form .list-birthday .time {
display: inline-block;
padding: 0 4px 0 10px;
}
.tbl-form .list-learn {
font-size: 18px;
width: 560px;
}
.tbl-form .list-learn .list-checkbox {
display: block;
margin: 9px 0;
}
.tbl-form .box-search {
display: block;
padding-left: 22px;
}
.tbl-form .box-search input {
width: 290px;
}
.tbl-form .input-w01 {
width: 200px;
}
.tbl-form span.wpcf7-list-item {
margin-left: 0;
} .flex {
display: flex;
align-items: center;
}
.flex-order {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.flex-order span.wpcf7-list-item.first {
order: 2;
}
.flex-order span.box-search.item-apply {
order: 1;
width: 100%;
}
.flex-order span.wpcf7-list-item.last {
order: 3;
} @media (max-width: 750px) { .flex-order span.box-search.item-apply {
line-height: 0.5em;
margin-top: 15px;
}
.tbl-form .bd p {
font-size: 15px !important; }
.section-confirmation td p,
.section-confirmation .txt-site {
margin-left: 20px;
}
.tbl-form td p {
font-size: 15px !important; }
.page-contact footer .link-logo {
margin-bottom: 0.1rem;
}
.page-contact footer .list-site {
display: none;
}
.page-contact header {
border-bottom: 0;
}
.page-contact header .box-logo {
padding-bottom: 0;
}
.page-contact .container { padding-top: 0 !important;
}
.page-confirm header {
border: none;
}
.section-contact {
margin-top: 0.06rem;
margin-bottom: 0.74rem;
}
.section-contact .txt-contact {
line-height: 1.52;
font-size: 0.28rem;
margin-top: 15px;
}
.section-contact .txt-contact .diff {
font-size: 0.28rem;
}
.section-contact .txt-line {
font-size: 0.22rem;
line-height: 1.36364;
margin-top: 0.16rem;
}
.section-contact .txt-line span {
padding: 0.06rem 0;
display: block;
}
.tbl-form {
border: 0;
} .section-contact .ico.any {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/sm/ico_contact_any.png);
}
.section-contact .list-step {
padding: 0;
font-size: 0.22rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/sm/bg_contact_step01.png);
background-size: 100% auto;
margin-top: 0.46rem;
}
.section-contact .list-step li {
width: 33.333%;
padding: 0.27rem 0;
}
.section-contact .list-step li:nth-child(2) {
width: 33.333%;
}
.section-contact .list-step li:nth-child(3) {
width: 33.333%;
}
.section-contact .list-step.step02 {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/sm/bg_contact_step02.png);
}
.section-contact .list-step.step02 li {
padding: 0.2rem 0;
}
.section-contact .list-step.step03 {
margin-top: 0.1rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/sm/bg_contact_step03.png);
}
.section-contact .list-step.step03 li {
padding: 0.2rem 0;
}
.section-contact .txt-fill {
text-align: left;
font-size: 0.26rem;
line-height: 1.46154;
margin-top: 0.2rem;
}
.section-contact .block-button {
margin-top: 0.36rem; }
.section-contact .block-button input {
margin: 0;
-moz-border-radius: 0.1rem;
-webkit-border-radius: 0.1rem;
border-radius: 0.1rem;
border: 0;
}
.section-contact .block-button .wpcf7-confirm {
width: 100%;
padding: 0.12rem 0 0.08rem;
font-size: 0.4rem;
width: 100%;
}
.section-contact .block-button .wpcf7-submit {
padding: 0.12rem 0 0.08rem;
font-size: 0.36rem;
width: 320px;
}
.section-contact .block-button .wpcf7-back { font-size: 0.24rem;
margin-right: 7.26%;
}
.section-contact .block-button .wpcf7-previous { font-size: 0.24rem;
width: 320px;
margin-right: 7.26%;
}
.tbl-form {
width: auto;
display: block;
font-size: 0.28rem;
margin: 0.4rem -0.3rem 0;
}
.tbl-form .bd {
border: 0;
}
.tbl-form .bd th,
.tbl-form .bd td {
padding: 0;
}
.tbl-form th {
width: 100%;
}
.form-flex {
display: flex !important;
column-gap: 30px;
}
.tbl-form .ttl-form {
padding: 0.07rem 0.3rem 0.02rem; background-size: 0.1rem auto; font-weight: bold; font-size: 17px !important; display: inline;
}
.ico:after,
.any:after { right: -40px;
padding-top: 3px;
}
.tbl-form th,
.tbl-form td {
display: block;
padding: 0;
}
.tbl-form tr,
.tbl-form tbody {
display: block;
}
.tbl-form tr td {
padding: 0.18rem 0.3rem 0.4rem !important;
}
.tbl-form input,
.tbl-form textarea,
.tbl-form select {
border-width: 1px;
font-size: 15px;
}
.tbl-form input,
.tbl-form select {
line-height: 0.76rem;
height: 0.76rem;
padding: 0 0.16rem;
width: 100%;
}
.tbl-form .input-small {
height: 0.5rem;
line-height: 0.48rem;
margin: 0 0.04rem;
}
.tbl-form textarea {
height: 1.5rem;
padding: 0.16rem;
}
.tbl-form select {
padding-right: 0.24rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/sm/ico_select.png);
background-size: 0.14rem auto;
background-position: right 0.1rem center;
}
.tbl-form input[type="checkbox"] + span {
padding-left: 0.35rem;
line-height: 0.3rem;
background-size: 0.25rem auto;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/sm/ico_checkbox.png);
}
.tbl-form input[type="checkbox"]:checked + span {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/sm/ico_checkbox_checked.png);
}
.tbl-form input[type="radio"] + span {
padding-left: 0.35rem;
line-height: 0.3rem;
background-size: 0.26rem auto;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/sm/ico_radio.png);
}
.tbl-form input[type="radio"]:checked + span {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/contact/sm/ico_radio_checked.png);
}
.tbl-form .txt-no,
.tbl-form .txt-note {
font-size: 0.24rem;
padding: 0.08rem 0.3rem 0 !important;
}
.tbl-form .wpcf7-form-control-wrap {
width: 100%;
}
.tbl-form .wpcf7-radio {
margin-top: -0.12rem;
margin-bottom: -0.06rem;
}
.tbl-form .wpcf7-radio .wpcf7-list-item + .wpcf7-list-item { }
.tbl-form .w02 {
width: 100%;
}
.tbl-form .near-top {
margin-top: -0.2rem;
}
.tbl-form .list-schedule label {
width: 100%;
}
.tbl-form .list-schedule label + label {
margin-top: 0.14rem;
}
.tbl-form .list-schedule select {
display: block;
border-width: 1px;
width: 100%;
margin-left: 0;
margin-top: 0.06rem;
}
.tbl-form .list-schedule .wpcf7-form-control-wrap {
display: block;
}
.tbl-form .list-name input {
width: 47.8%;
}
.tbl-form .list-name input:nth-child(even) {
margin-left: 4.4%;
}
.tbl-form .list-gender {
margin: 0;
}
.tbl-form .list-gender label {
display: block;
}
.tbl-form .list-gender .wpcf7-list-item {
width: 47.8%;
}
.tbl-form .list-gender .wpcf7-list-item + .wpcf7-list-item {
margin: 0 0 0 4.4%;
}
.tbl-form .list-gender input[type="radio"] + span {
text-align: center;
background: #fff;
width: 100%;
line-height: 0.74rem;
padding: 0;
-moz-border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
border-radius: 0.06rem;
}
.tbl-form .list-gender .first span {
border-width: 1px;
margin-right: 4.4%;
}
.tbl-form .list-gender .last span {
border-width: 1px;
}
.tbl-form .list-birthday .select01 { width: 4.18rem;
}
.tbl-form .list-birthday .select02 {
width: 2.04rem;
}
.tbl-form .list-birthday .time {
padding: 0 0.04rem 0 0.1rem;
}
.tbl-form .list-learn {
font-size: 0.28rem;
width: 100%;
margin-top: -0.2rem;
}
.tbl-form .list-learn .list-checkbox {
margin: 0.14rem 0;
}
.tbl-form .box-search {
padding-left: 0.36rem;
}
.tbl-form .box-search input {
width: 4.72rem;
}
.tbl-form .input-w01 {
width: 2.4rem;
}
}
.section-confirmation .txt-confirm {
padding: 38px 0 0 34px;
}
.section-confirmation .tbl-form {
margin-top: 25px;
}
.section-confirmation .tbl-form .bd th,
.section-confirmation .tbl-form .bd td {
padding-top: 26px;
}
.section-confirmation .tbl-form th,
.section-confirmation .tbl-form td {
padding-bottom: 23px;
}
.section-confirmation .tbl-form .txt-hope + .txt-hope {
margin-top: 18px;
}
.section-confirmation .tbl-form .txt-hope span {
display: inline-block;
vertical-align: top;
}
.section-confirmation .tbl-form .txt-hope .txt01 {
width: 96px;
}
.section-confirmation .tbl-form .txt-hope .txt02 {
width: 300px;
}
.section-confirmation .tbl-form .txt-site {
font-size: 18px;
line-height: 2;
margin: -6px 0;
}
@media (max-width: 750px) {
.section-confirmation .list-step {
margin-top: 0.1rem;
}
.section-confirmation .txt-confirm {
font-size: 0.28rem;
padding: 0.3rem 0 0 0;
}
.section-confirmation .tbl-form {
margin-top: 0.6rem;
}
.section-confirmation .tbl-form .bd th,
.section-confirmation .tbl-form .bd td {
padding-top: 0;
}
.section-confirmation .tbl-form th,
.section-confirmation .tbl-form td {
padding-bottom: 0;
}
.section-confirmation .tbl-form td {
padding: 0.2rem 0.3rem !important;
}
.section-confirmation .tbl-form .txt-hope + .txt-hope {
margin-top: 0.16rem;
}
.section-confirmation .tbl-form .txt-hope .txt01 {
width: 19%;
}
.section-confirmation .tbl-form .txt-hope .txt02 {
width: 80%;
}
.section-confirmation .tbl-form .txt-site {
font-size: 0.28rem;
line-height: 1;
margin: -0.06rem 0;
margin-left: 20px;
}
}
.block-thanks {
margin-top: 32px;
}
.block-thanks .ttl-thanks {
font-weight: bold;
font-size: 24px;
margin-bottom: 14px;
}
.block-thanks .link-detail {
margin-top: 38px;
}
@media (max-width: 750px) {
.block-thanks {
text-align: left;
margin-top: 0.28rem;
}
.block-thanks .ttl-thanks {
font-size: 0.36rem;
margin-bottom: 0.28rem;
}
.block-thanks .txt-thanks {
line-height: 1.52;
font-size: 0.28rem;
letter-spacing: 0.05em;
}
.block-thanks .link-detail {
margin-top: 0.38rem;
}
} .section-price {
margin-top: 30px;
}
.section-price .list-price {
text-align: center;
margin-top: -35px;
}
.section-price .list-price h3 {
font-size: 1.5rem;
color: #996600;
font-weight: bold;
padding-top: 30px;
}
.section-price .list-price img {
margin: 20px 0;
}
#otameshi {
background-color: #fff5f5;
margin: 30px 0 0;
padding: 30px 0;
}
#otameshi .price_detail ul.price li.intial {
width: 100%;
}
.section-intro {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/course/bg_course_intro.png) repeat;
padding: 38px 0 50px;
margin-top: 80px;
}
.section-intro.threecourse {
margin-top: 0px;
}
ul.course-intro {
display: flex;
justify-content: space-between;
}
ul.course-intro li {
position: relative;
}
.haikei {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: -webkit-fill-available;
width: -moz-available;
}
.haikei::after {
content: "";
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #faed1e;
opacity: 0.8;
}
.haikei > p {
font-weight: bold;
color: #513317;
padding: 15px 10px 30px;
position: relative;
z-index: 3;
font-size: 1.3rem;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/course/ico_circle.png) center bottom 10px no-repeat;
}
.haikei > p span {
font-size: 1rem;
}
.section-intro .list-intro {
margin-top: 56px;
}
ul.list-intro.test.clearfix.md {
margin: 40px auto 20px;
width: 80%;
}
ul.list-intro.test.bottom.clearfix.md {
width: 55%;
}
.section-intro .list-intro li {
float: left;
margin-right: 26px;
}
.section-intro .list-intro li:nth-child(4n) {
margin-right: 0;
}
.section-intro .list-intro a {
background: #fff url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/course/ico_circle.png) center bottom 26px
no-repeat;
display: block;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
text-align: center;
width: 230px;
height: 230px;
padding-top: 68px;
font-weight: 600;
}
.section-intro .list-intro .txt-time {
font-size: 24px;
line-height: 1.66667;
margin-top: 4px;
}
.section-course {
padding: 56px 0 20px;
border-bottom: 1px dashed #b8915e;
}
.section-course .block-lead {
text-align: center;
}
.section-course .title-course .txt01 {
display: block;
color: #956734;
font-weight: bold;
font-size: 20px;
}
.section-course .title-course .txt02 {
font-size: 30px;
display: inline-block;
background: #fff url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/course/bg_course_title.png) left bottom repeat-x;
letter-spacing: 0.05em;
font-weight: bold;
}
.section-course .txt-intro {
margin-top: 32px;
line-height: 1.8;
}
.section-course .txt-intro a {
margin: 20px 0;
padding: 5px 10px;
background: #fff921;
}
.section-course .txt-support {
line-height: 1;
font-size: 26px;
position: relative;
margin-top: 32px;
}
.section-course .txt-support:after {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #cfa972;
left: 0;
top: 50%;
z-index: 1;
}
.section-course .txt-support span {
position: relative;
z-index: 2;
display: inline-block;
background: #fff;
padding: 0 5px;
letter-spacing: 0.05em;
}
.section-course .list-support {
margin-top: 38px;
}
.section-course .list-support.option {
display: inline-table;
}
.section-course .list-support li {
float: left;
width: 143px;
margin-right: 23px;
font-size: 16px;
}
.section-course .course_support .list-support li {
float: none;
width: auto;
}
.section-course .list-support li:nth-child(6n) {
margin-right: 0;
}
.section-course .list-support .txt-info {
margin-top: 10px;
}
.section-course .list-support .trial .txt-info {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
}
.section-course .block-trial {
text-align: center;
border: 2px solid #6f451c;
margin-top: 22px;
}
.section-course .block-trial .ttl-trial {
background: #6f451c;
color: #fff;
text-align: center;
font-size: 28px;
padding: 17px 0;
}
.section-course .block-trial .ttl-trial .large {
font-size: 30px;
}
.section-course .block-trial .trial-in {
padding: 17px 20px;
}
.section-course .block-trial .txt-trial {
display: inline-block;
vertical-align: middle;
font-size: 20px;
}
.section-course .block-trial .txt-trial .large {
font-size: 26px;
}
.section-course .block-trial .plus {
font-size: 26px;
display: inline-block;
vertical-align: middle;
padding: 0 44px;
}
.block-period {
margin-top: 40px;
border: 2px solid #faed1e;
background-color: white;
}
.block-period .ttl-period {
text-align: center;
background: #faed1e;
font-size: 20px;
padding: 6px 0;
font-weight: bold;
}
.block-period .period-in {
padding: 12px 50px;
}
.block-period .period-in .list-period {
width: 56.5%;
}
.block-period .period-in .list-period:nth-child(2) {
width: 43.5%;
}
.block-period .period-in .list-period li {
margin-bottom: 4px;
}
.block-period .list-period {
float: left;
}
.second .block-trial,
.section-course.third .block-trial {
margin-top: 34px;
}
.section-course.third {
padding-bottom: 26px;
}
.section-course.four .txt-intro {
margin-top: 42px;
}
.section-course.four .block-trial {
margin-top: 38px;
}
.course_list {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.course_text {
text-align: left;
}
.section-course .course_support ul.list-support.option {
display: flex;
justify-content: space-between;
}
.exclusion {
position: relative;
}
.exclusion img {
margin: 0 auto;
display: block;
opacity: 0.3;
}
.exclusion p {
opacity: 0.5;
}
.exclusion div p {
font-weight: bold;
position: absolute;
z-index: 1;
left: 0%;
top: 30%;
width: 100%; opacity: 1;
}
.section-otameshi .price_detail ul.price {
display: block;
}
.section-otameshi .price_detail ul.price li {
width: 100%;
}
.course_detail {
display: inline-block;
margin-top: 30px;
}
.course_detail p {
background: #faed1e;
padding: 15px;
text-align: center;
font-weight: bold;
font-size: 1.2rem;
}
.course_detail_list {
display: flex;
}
.price_detail {
margin: 20px 0;
}
.price_detail ul.price { margin: 20px 0;
}
.price_detail ul.price li.intial {
float: left;
width: 49%;
}
.price_detail ul.price li.monthly {
float: right;
}
.price_detail ul.price li.intial,
.price_detail ul.price li.monthly {
border: solid 2px #996600;
width: 48%;
margin-right: 10px;
color: #996600;
font-weight: 600;
font-size: 1.5rem;
}
.price_detail ul.price p {
padding: 10px 30px;
text-align: center;
background-color: white;
}
.price_detail ul.price .title {
background-color: #996600;
color: white;
}
.price_detail ul.price .price {
padding: 20px 0;
}
.price_detail ul.price .intial label {
cursor: pointer;
padding: 20px 0;
}
.price_detail ul.price ul {
display: flex;
justify-content: space-around;
}
.price_detail ul.price li {
width: 45%;
}
.price_detail ul.price li.intial p.price span {
width: 20%;
margin-right: 5px;
vertical-align: middle;
}
.price_detail ul.price span {
font-size: 1rem;
background: #faed1e;
border-radius: 18px;
padding: 5px 10px;
margin-bottom: 5px;
display: inline-block;
width: 80%;
}
.price_detail ul.price li li.plus {
width: 10%;
}
.price_detail ul.price li li.plus::after {
content: "+";
font-size: 40px;
font-weight: 700;
color: #dec187;
vertical-align: middle;
}
.price_detail table {
table-layout: fixed;
width: 100%;
}
.price_detail table caption {
background: #faed1e;
padding: 15px;
text-align: center;
font-weight: bold;
font-size: 1.2rem;
}
.price_detail table tr,
.price_detail table th,
.price_detail table td {
padding: 15px 0;
text-align: center;
height: 80px;
}
.price_detail table td {
padding-top: 28px;
}
.price_detail table th {
background: #fffde4;
}
.price_detail table th,
.price_detail table td {
border: 1px solid #faed1e;
}
.price_detail .acd-check {
display: none;
}
.price_detail .acd-label {
display: block;
margin-bottom: 1px;
position: relative;
}
.price_detail .acd-content {
border-top: 1px solid #996600;
height: 0;
opacity: 0;
padding: 0 10px;
transition: 0.5s;
visibility: hidden;
}
.price_detail .acd-check:checked + .acd-label + .acd-content {
height: 100px;
opacity: 1;
padding: 20px 0;
margin-bottom: 20px;
visibility: visible;
}
.price_detail .acd-label:after {
line-height: 3;
position: absolute;
top: 0;
right: 0;
display: block;
width: 3em;
height: 3em;
-webkit-transition: all 0.8s;
transition: all 0.8s;
text-align: center;
}
.price_detail input[type="checkbox"] + label::after {
content: "▼";
color: #996600;
}
.price_detail input[type="checkbox"]:checked + label::after {
content: "▲";
transform: rotate(300deg);
} .list-condition {
margin-top: 20px;
font-size: 14px;
line-height: 1.43;
}
.explain {
display: inline-block;
vertical-align: middle;
font-size: 12px;
margin-top: -2px;
}
.title-price {
color: #fff;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/course/bg_course_price.png) repeat-x;
font-size: 20px;
padding: 7px 30px 5px;
}
.course_cmp ul {
display: flex;
justify-content: space-between;
}
.course_cmp ul li {
}
.course_cmp ul li img {
width: 96%;
}
.section-option {
margin-top: 80px;
}
.section-option + .section-option {
margin-top: 25px;
}
.section-option .price-inner {
padding: 30px;
}
.section-option .tbl-price {
width: 100%;
font-size: 15px;
border-bottom: 1px solid #cdcbbd;
}
.section-option .tbl-price th,
.section-option .tbl-price td {
border-top: 1px solid #cdcbbd;
border-right: 1px solid #cdcbbd;
padding: 9px 10px 8px;
}
.section-option .tbl-price .explain {
}
.section-option .tbl-price tr th:last-child,
.section-option .tbl-price tr td:last-child {
border-right: 0;
}
.section-option .tbl-price .td01 {
font-size: 16px;
text-align: left;
width: 300px;
}
table.tbl-price.comparison .td01 {
text-align: center;
width: 200px;
}
.section-option .tbl-price .td02 {
text-align: right;
width: 170px;
padding-right: 20px;
}
table.tbl-price.comparison .td02 {
text-align: center;
}
.section-option .tbl-price th {
text-align: center;
background: #fffab8;
}
.section-option .list-condition {
font-size: 14px;
text-indent: -15px;
padding-left: 15px;
margin-top: 6px;
}
.section-option .tbl-free {
margin-bottom: -10px;
}
.section-option .tbl-free tr {
border-bottom: 1px solid #cdcbbd;
}
.section-option .tbl-free tr:last-child {
border-bottom: 0;
}
.section-option .tbl-free th,
.section-option .tbl-free td {
vertical-align: top;
padding: 9px 7px 5px 0;
letter-spacing: -0.03em;
font-size: 16px;
}
.section-option .tbl-free th {
font-weight: bold;
width: 190px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_dot.png) left 15px no-repeat;
padding-top: 8px;
padding-left: 16px;
}
.section-option .title-for {
font-size: 20px;
border-bottom: 1px solid #513317;
}
.section-option .box01 {
float: left;
width: 450px;
}
.section-option .box-two {
margin-top: 26px;
}
.section-option .box-two .box01 + .box01 {
margin-left: 40px;
}
.section-option .box-full {
margin-top: 42px;
}
.section-option .txt-since {
margin-top: 14px;
}
.section-option .txt-for {
margin-top: 20px;
line-height: 1.7;
margin-bottom: 44px;
}
.section-option .link-record {
margin: 70px auto 40px;
}
.list-dot {
line-height: 1.75;
font-size: 16px;
margin: 14px 0 0 14px;
}
.list-dot li {
padding-left: 18px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_dot.png) left 10px no-repeat;
}
@media (max-width: 750px) {
.section-price {
margin-top: 0.14rem;
}
.section-price .list-price h3 {
font-size: 100%;
text-align: center;
}
.section-price .list-price {
margin-top: -0.35rem;
text-align: left;
}
.section-price .list-price img {
width: 100%;
padding-bottom: 1px;
}
ul.list-intro.test.clearfix.sm {
margin-top: 0.44rem;
margin: 0px;
padding: 0 0.2rem;
width: 100%;
}
ul.list-intro.test.top.clearfix.sm {
margin-left: 1.5rem;
width: 100%;
}
.section-intro {
background-size: 0.1rem auto;
padding: 0.46rem 0 0.3rem;
margin-top: 0.7rem;
}
.section-intro.threecourse {
margin-top: 0;
}
.section-intro .list-intro {
margin-top: 0.44rem;
padding: 0 0.2rem;
}
.section-intro .list-intro li {
width: 42.46%;
margin-right: 15.08%;
margin-bottom: 0.2rem;
}
.section-intro .list-intro li:nth-child(4n),
.section-intro .list-intro li:nth-child(2n) {
margin-right: 0;
}
.section-intro .list-intro a {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/course/ico_circle.png);
background-position: center bottom 0.34rem;
background-size: 0.22rem auto;
display: block;
width: 110%;
height: 2.4rem;
padding-top: 0.78rem;
}
.section-intro .list-intro .txt-first {
font-size: 0.15rem;
}
.section-intro .list-intro .txt-time {
font-size: 0.25rem;
line-height: 1.7;
margin-top: 0.04rem;
}
.section-course {
margin: 0 -0.3rem;
padding: 0.6rem 0.3rem 0.2rem;
}
.section-course .title-course .txt01 {
font-size: 0.24rem;
}
.section-course .title-course .txt02 {
font-size: 0.34rem;
}
.section-course .txt-intro {
text-align: left;
margin-top: 0.32rem;
line-height: 1.52;
letter-spacing: 0.03em;
}
.section-course .txt-intro a {
display: block;
width: 100%;
margin: 20px auto;
padding: 10px 0;
background: #fff921;
text-align: center;
}
.section-course .txt-support {
font-size: 0.32rem;
margin: 0.32rem -0.3rem 0;
}
.section-course .txt-support span {
padding: 0 0.08rem;
}
.section-course .list-support {
margin-top: 0.4rem;
}
.section-course .course_support .list-support li {
width: 30%;
margin-right: 5%;
margin-bottom: 0.42rem;
}
.section-course .list-support li {
width: 30%;
margin-right: 5%;
margin-bottom: 0.42rem;
}
.section-course .list-support li.wide {
width: 34%;
}
.section-course .list-support li:nth-child(6n),
.section-course .list-support li:nth-child(3n) {
margin-right: 0;
}
.section-course .list-support li.premium_option {
margin-left: 20%;
margin-right: 5%;
}
.section-course .list-support .txt-info {
font-size: 0.23rem;
margin-top: 0.16rem;
}
.section-course .block-trial {
border-width: 1px;
margin-top: -0.1rem;
}
.section-course .block-trial .ttl-trial {
font-size: 0.3rem;
padding: 0.18rem 0;
}
.section-course .block-trial .ttl-trial .large {
font-size: 0.32rem;
}
.section-course .block-trial .trial-in {
padding: 0.12rem 0.2rem 0.08rem;
}
.section-course .block-trial .trial-in .img-muryo {
margin-top: -0.16rem;
}
.section-course .block-trial .txt-trial {
font-size: 0.2rem;
}
.section-course .block-trial .txt-trial .large {
font-size: 0.28rem;
}
.section-course .block-trial .plus {
font-size: 0.23rem;
padding: 0 0.12rem;
}
.block-period {
margin-top: 0.36rem;
border-width: 1px;
}
.block-period .ttl-period {
font-size: 0.28rem;
padding: 0.1rem 0;
}
.block-period .period-in {
padding: 0.12rem 0.28rem;
}
.block-period .period-in .list-period,
.block-period .period-in .list-period:nth-child(2) {
width: 100%;
font-size: 0.26rem;
padding-left: 0.26rem;
text-indent: -0.26rem;
}
.block-period .period-in .list-period li,
.block-period .period-in .list-period:nth-child(2) li {
margin-bottom: 0;
}
.block-period .period-in .list-period:first-child {
margin-top: 0.1rem;
}
.block-period .list-period {
float: none;
}
.section-course.second {
padding-top: 0.5rem;
}
.section-course.second .block-trial,
.section-course.third .block-trial {
margin-top: -0.12rem;
}
.section-course.third {
padding-bottom: 0.26rem;
}
.section-course.four .txt-intro {
margin-top: 0.26rem;
}
.section-course.four .block-trial {
margin-top: -0.14rem;
}
h2.title-course {
text-align: center;
margin-bottom: 20px;
}
.price_detail ul.price li {
font-size: 98%;
}
.course_text img {
margin-bottom: 10px;
}
ul.course-intro {
display: block;
}
ul.course-intro li {
margin-bottom: 20px;
}
.haikei > p {
font-size: 110%;
}
.haikei > p span {
font-size: 85%;
}
.course_detail p {
font-size: 100%;
}
.course_detail_list {
display: block;
}
.price_detail ul.price li.intial,
.price_detail ul.price li.monthly {
font-size: 120%;
}
.price_detail ul.price li.intial,
.price_detail ul.price li.monthly {
float: none;
width: 100%;
margin-right: 0;
}
.price_detail ul.price li.intial {
margin-bottom: 20px;
}
.price_detail .acd-check:checked + .acd-label + .acd-content {
margin-bottom: 0px;
}
.price_detail input[type="checkbox"] + label::after {
padding-top: 5px;
}
.price_detail ul.price span {
font-size: 80%;
}
.price_detail table caption {
font-size: 100%;
}
.section-course .course_support ul.list-support.option {
flex-wrap: wrap;
justify-content: center;
}
.exclusion div p {
font-size: 0.23rem;
top: 25%;
left: 0%;
}
.list-condition {
margin-top: 0.2rem;
font-size: 0.2rem;
line-height: 1.52;
text-indent: -0.2rem;
padding-left: 0.2rem;
}
.title-price {
background-size: auto 100%;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/course/sm/bg_course_price.png);
font-size: 0.36rem;
padding: 0.15rem 0.3rem 0.14rem;
margin: 0 -0.3rem;
}
.explain {
font-size: 0.2rem;
margin-top: -0.02rem;
}
.course_cmp ul {
}
.course_cmp ul li {
width: 100%;
}
.section-option {
margin-top: 0.95rem;
}
.section-option + .section-option {
margin-top: 0.43rem;
}
.section-option .price-inner {
padding: 0;
}
.section-option .list-condition {
line-height: 1.65;
font-size: 0.22rem;
text-indent: -0.2rem;
padding-left: 0.2rem;
margin-top: 0.28rem;
}
.section-option .tbl-free {
display: block;
margin: 0.28rem -0.3rem 0;
width: auto;
}
.section-option .tbl-free tr {
display: block;
}
.section-option .tbl-free th,
.section-option .tbl-free td {
display: block;
line-height: 1.78571;
padding: 0 0.54rem;
font-size: 100%;
}
.section-option .tbl-free th {
width: auto;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_dot.png);
background-position: 0.3rem 0.19rem;
background-size: 0.12rem auto;
padding-top: 0.02rem;
}
.section-option .block-match {
margin: 0.4rem -0.3rem 0;
}
.section-option .title-match {
-moz-transition: all 0.26s ease;
-o-transition: all 0.26s ease;
-webkit-transition: all 0.26s ease;
transition: all 0.26s ease;
border-bottom: 1px solid #fff;
line-height: 1.2;
color: #fff;
padding: 0.22rem 0.6rem 0.21rem 0.3rem;
font-size: 0.32rem;
background: #956734 url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_toggle02.png) right 0.42rem center
no-repeat;
background-size: 0.26rem auto;
}
.section-option.marriage-course .title-match {
background-image: none;
}
.section-option .title-match .desc {
font-size: 0.26rem;
}
.section-option .title-match.active {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_toggle01.png);
}
.section-option .title-for {
margin: 0 -0.3rem;
padding: 0 0.3rem 0.08rem;
font-size: 0.3rem;
}
.section-option .tbl-match {
width: 100%;
font-size: 0.24rem;
}
.section-option .tbl-match tr {
border-bottom: 1px solid #d0cac5;
}
.section-option .tbl-match th {
border-right: 1px solid #d0cac5;
width: 2.9rem;
}
.section-option .tbl-match th,
.section-option .tbl-match td {
padding: 0.19rem 0.3rem 0.15rem;
}
.section-option .box01 {
float: none;
width: auto;
}
.section-option .box-two {
margin-top: 0.4rem;
}
.section-option .box-two .box01 + .box01 {
margin-left: 0;
margin-top: 0.26rem;
}
.section-option .box-full {
margin-top: 0.36rem;
}
.section-option .txt-since {
margin: 0.14rem 0 0 0.26rem;
}
.section-option .txt-for {
margin: 0.22rem 0.2rem 0.44rem 0.2rem;
line-height: 1.6;
}
.section-option .link-record {
margin: 0.62rem auto;
}
.list-dot {
line-height: 1.92857;
margin: 0.22rem 0 0 0.26rem;
font-size: 100%;
}
.list-dot li {
padding-left: 0.18rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_dot.png);
background-position: left 0.15rem;
background-size: 0.12rem auto;
}
.block-for .title-for {
margin-top: 0.4rem;
}
}
@media (max-width: 375px) {
.section-course .title-course .txt02 {
background-size: auto 1px;
}
} .box-only { margin: 34px 0;
}
@media (max-width: 750px) {
.box-only {
margin: 0 !important;
}
}
.place {
background: #b28850;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 1px 4px;
}
.title-information {
position: relative;
color: #956734;
font-size: 18px;
margin-top: -2px;
padding: 0 0 3px 24px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_title_heart.png) 0 3px no-repeat;
background-size: 18px auto;
}
.title-information:after {
position: absolute;
content: "";
width: 100%;
height: 2px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/report/bd_report.png) repeat-x;
left: 0;
bottom: 0;
}
.title-report {
position: relative;
color: #fff;
background: #6f451c;
font-size: 20px;
padding: 6px 8px 4px 68px;
}
.title-report:after,
.title-report:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px dashed #fff;
left: 0;
}
.title-report:before {
top: 3px;
}
.title-report:after {
bottom: 3px;
}
.title-report .place {
position: absolute;
margin-right: 16px;
top: 10px;
left: 8px;
}
.title-report .new {
margin-left: 16px;
}
.section-report {
margin-top: 32px;
margin-bottom: 68px;
}
.section-report .img-record {
margin-top: 0.05rem;
}
.section-report .block-report {
margin-top: 40px;
}
.section-report .box-report {
margin-top: 20px;
}
.section-report .box-report img {
float: left;
width: 345px;
max-width: 100%;
height: auto;
}
.section-report .box-report .col-report {
float: left;
width: 655px;
padding-left: 32px;
}
.section-report .box-information {
line-height: 1.55556;
font-size: 18px;
margin-top: 6px;
}
.section-report .box-information p {
width: 300px;
float: left;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-report .box-information p span {
display: block;
}
.section-report .box-information p .two-dot {
text-align: justify;
width: 76px;
height: 1em;
}
.section-report .box-information p .two-dot:after {
content: "";
display: inline-block;
width: 100%;
height: 0;
}
.section-report .box-information p .desc {
width: 200px;
}
.section-report .box-information .txt01 {
margin-right: 20px;
}
.section-report .box-couple {
line-height: 1.625;
background: #fffcd9;
padding: 18px 10px 16px;
font-size: 16px;
margin-top: 23px;
}
.section-report .box-couple img {
float: left;
width: 100px;
}
.section-report .box-couple .txt-couple {
float: left;
width: 880px;
padding: 8px 0 0 8px;
}
@media (max-width: 750px) {
.box-only {
padding: 0.06rem;
margin-top: 0.4rem;
}
.box-only .txt-only {
font-size: 0.26rem;
padding: 0.12rem 0.2rem 0.15rem;
}
.place {
font-size: 0.18rem;
padding: 0.03rem 0.04rem 0;
}
.title-information {
font-size: 0.28rem;
margin: 0 -0.3rem 0;
padding: 0 0.3rem 0.03rem 0.68rem;
background-position: 0.3rem 0.06rem;
background-size: 0.28rem auto;
}
.title-report {
margin: 0 -0.3rem;
font-size: 0.3rem;
padding: 0.2rem 0.38rem 0.12rem 1.04rem;
letter-spacing: 0.05em;
}
.title-report:before {
top: 0.05rem;
}
.title-report:after {
bottom: 0.05rem;
}
.title-report .place {
position: absolute;
margin-right: 0.16rem;
top: 0.24rem;
left: 0.34rem;
}
.title-report .new {
margin-left: 0.06rem;
}
.section-report {
margin-top: 0.08rem;
margin-bottom: 0.68rem;
}
.section-report .img-record {
}
.section-report .block-report {
margin-top: 0.4rem;
}
.section-report .box-report {
margin-top: 0.24rem;
}
.section-report .box-report img {
float: none;
width: 100%;
max-width: 100%;
height: auto;
}
.section-report .box-report .col-report {
float: none;
width: 100%;
padding-left: 0;
padding-top: 0.2rem;
}
.section-report .box-information {
line-height: 1.55556;
font-size: 0.18rem;
margin-top: 0.1rem;
}
.section-report .box-information p {
font-size: 0.28rem;
width: 100%;
float: none;
line-height: 1.45;
}
.section-report .box-information p .two-dot {
width: 1.2rem;
}
.section-report .box-information p .desc {
width: 65%;
}
.section-report .box-information .txt01 {
margin: 0 0 0.42rem 0;
}
.section-report .box-couple {
padding: 0.18rem 0.3rem 0.22rem;
line-height: 1.3;
font-size: 0.28rem;
margin: 0.34rem -0.3rem 0;
}
.section-report .box-couple img {
display: block;
margin: 0 auto;
float: none;
width: 1.16rem;
}
.section-report .box-couple .txt-couple {
float: none;
width: 100%;
padding: 0.14rem 0 0 0;
letter-spacing: 0.05em;
}
.section-report .ul-pager { margin: 20px 10px;
}
} .section-voice {
margin-top: 30px;
margin-bottom: 54px;
}
.section-voice.cat {
display: flex;
}
.section-voice .img-record {
margin-top: 5px;
}
.section-voice .box-only {
margin-top: 40px;
}
.section-voice .block-voice {
margin-top: 40px;
}
.section-voice .block-voice p {
}
.section-voice .ttl-voice {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/report/bg_report01.png) repeat;
}
.section-voice .ttl-voice.main {
margin: 50px 0;
background: #fff;
border: solid 3px #ffff00;
border-radius: 10px;
-moz-box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
}
.section-voice .cat-22 {
background: #333;
}
.section-voice .ttl-voice.main span {
display: block;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow07.png) right no-repeat;
background-size: 30px;
font-size: 24px;
padding: 16px 30px 14px 20px;
margin: 0 20px 0 0;
}
.section-voice .ttl-voice.main.cat span {
display: block;
background: none;
font-size: 24px;
padding: 16px 20px 14px 20px;
margin: 0px;
}
.section-voice .ttl-voice.main {
margin: 0px 0 50px;
}
.section-voice .box-member {
margin-top: 30px;
}
.section-voice .box-member + .box-member {
margin-top: 20px;
}
.section-voice .txt-message {
position: relative;
line-height: 1.36364;
font-size: 22px;
padding: 0 0 5px 42px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/voice/ico_voice_heart.png) 2px 2px no-repeat;
}
.section-voice .txt-message.newest {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_new.png);
}
.section-voice .img-message {
margin-top: 16px;
margin-left: 42px;
position: relative;
}
.section-voice .img-message:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/voice/bd_voice.png) repeat-x;
}
.section-voice .box-inner {
display: none;
}
.section-voice .link-voice {
-moz-transition: all 0.26s ease;
-o-transition: all 0.26s ease;
-webkit-transition: all 0.26s ease;
transition: all 0.26s ease;
display: block;
font-weight: bold;
font-size: 24px;
text-align: center;
border: 1px solid #956734;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
margin: 25px 0 60px;
}
.section-voice .link-voice span {
display: inline-block;
padding: 11px 48px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/voice/ico_accor01.png) right center no-repeat;
}
.section-voice .link-voice .less {
display: none;
}
.section-voice .active .link-voice span {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/voice/ico_accor02.png);
}
.section-voice .active .link-voice .more {
display: none;
}
.section-voice .active .link-voice .less {
display: inline-block;
}
.txt-meet {
text-align: center;
margin-top: 60px;
}
.txt-meet span {
display: inline-block;
background-color: #fdf683;
margin-bottom: 40px;
}
@media (min-width: 751px) {
.section-voice .link-voice:hover {
background-color: #fae0c3;
}
}
@media (max-width: 750px) {
.section-voice {
margin-top: 0.08rem;
margin-bottom: 0.54rem;
}
.section-voice.cat {
float: none;
width: 100%;
display: block;
}
.section-voice .img-record {
margin-top: 0.05rem;
}
.section-voice .box-only {
margin-top: 0.4rem;
}
.section-voice .block-voice {
margin-top: 0.4rem;
}
.section-voice .ttl-voice {
margin: 0 -0.3rem;
}
.section-voice.cat .ttl-voice.main {
margin: 50px 0;
}
.section-voice .ttl-voice.main.cat {
margin: 0 -0.3rem;
}
.section-voice .ttl-voice.main span {
background-size: 0.3rem, 0.45rem auto;
font-size: 0.3rem;
}
.section-voice .ttl-voice.main.cat span {
background-size: 0.45rem;
background-position: left;
font-size: 0.3rem;
}
.section-voice .ttl-voice span {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/voice/sm/ico_voice_q.png);
background-size: 0.45rem auto;
background-position: 0.2rem 0.1rem;
font-size: 0.3rem;
padding: 0.12rem 0.3rem 0.16rem 0.82rem;
}
.section-voice .ttl-voice br {
display: none;
}
.section-voice .box-member {
margin: 0.27rem -0.3rem 0;
}
.section-voice .box-member + .box-member {
margin-top: 0.2rem;
}
.section-voice .txt-message {
line-height: 1.26667;
font-size: 0.3rem;
padding: 0 0.3rem 0.1rem 0.9rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/voice/sm/ico_voice_heart.png);
background-size: 0.34rem auto;
background-position: 0.28rem 0.06rem;
}
.section-voice .txt-message.newest {
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_new.png);
background-size: 0.56rem auto;
}
.section-voice .img-message {
overflow: hidden;
margin: 0.18rem 0 0 0.42rem;
}
.section-voice .img-message .img {
width: 102%;
}
.section-voice .box-inner {
display: none;
}
.section-voice .link-voice {
font-size: 0.3rem;
-moz-border-radius: 4rem;
-webkit-border-radius: 4rem;
border-radius: 4rem;
margin: 0.25rem 0 0.6rem;
}
.section-voice .link-voice span {
padding: 0.11rem 0.48rem;
background-size: 0.16rem auto;
}
.txt-meet {
font-size: 0.2rem;
margin-top: 0.6rem;
padding: 0.05rem 0;
text-align: left;
}
.txt-meet span {
margin-bottom: 0px;
}
} .rec p {
padding: 0 0 20px 0;
}
.rec > div {
padding: 30px auto 30px;
}
img.rec_main {
margin-bottom: 30px;
}
.rec_job p {
text-align: center;
}
.job_detail {
margin-top: 30px;
padding-bottom: 2px;
}
.job_detail_top {
text-align: center;
}
.job_detail h3 {
text-align: center;
}
.job_detail_top p {
margin-top: 30px;
padding: 0;
}
.job_detail .list-store li {
width: 402px;
padding-left: 0;
text-indent: 0;
border: 1px solid #966731;
}
.job_detail .list-store li:nth-child(3n) {
margin-right: 0;
}
.job_detail .link-detail {
margin: 20px auto 0px;
}
p.job_t {
display: block;
width: 100%;
text-align: center;
font-size: 18px;
padding: 7px 15px;
background: #966731;
color: #ffffff;
line-height: 1.2;
}
.job_t span {
padding: 0;
font-size: 15px;
font-weight: 400;
}
p.job_p {
text-align: center;
padding: 5px;
background-color: #ffffff;
}
a.point {
margin: 40px auto 50px;
display: block;
width: 30%;
padding: 10px 0;
border: 1px solid #956734;
background-color: #956734;
color: #ffffff;
font-size: 18px;
text-align: center;
clear: both;
}
.ppstaff a.point {
margin-top: 30px;
width: 10%;
}
.rec strong.mark {
color: #996600;
text-shadow: 2px 1px 0 #ffffff;
}
#pages.rec h2 {
font-size: 42px;
border-bottom: hidden;
border: none;
}
.rec h3 {
margin: 20px 0;
font-size: 22px;
border-bottom: solid 1px #b28850;
padding: 0 0 10px;
}
.rec .area_list h3 {
text-align: left;
}
.rec_spa_line {
padding: 10px 0 20px 0;
border-bottom: solid 1px #b28550;
}
.rec_spa {
padding: 10px 0 40px 0;
}
.rec_spa30 {
margin: 0 0 40px 0;
}
.rec .trans.anchor {
padding: 5px 10px 2px 10px;
margin: 10px 0;
background: #faed1e;
}
.rec .link-detail {
line-height: 45px;
width: 30%;
height: 60%;
display: block;
border-radius: 5px;
font-weight: 700;
font-size: 24px;
}
.rec_image {
margin: 50px 0 0;
}
.rec_image mess {
margin: 50px 0 0;
}
img.rec_right {
float: right;
}
.rec li {
padding-left: 1em;
text-indent: -1em;
}
ul.rec_detail {
padding-left: 20px;
}
ul.rec_detail li {
padding-left: 0em;
text-indent: 0em;
list-style: disc;
}
.rec th {
width: 20%;
font-weight: 700;
}
.rec td {
width: 60%;
}
.rec th,
.rec td {
padding: 20px 15px;
border-bottom: 1px solid #b28850;
}
.job_bg_1 {
background-color: #fffccf; padding: 20px 0 50px;
margin: 50px auto 50px;
}
.job_bg_1.prosess {
padding: 20px 0 50px;
margin: 50px auto 0;
}
.job_bg_1.int {
margin: 50px auto 0px;
}
.job_bg_2 {
background-color: #ffeeee; padding: 20px 0 50px;
margin: 0px auto 30px;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/bg_pink.png)
repeat;
}
.job_bg_3 {
padding: 20px 0 50px;
margin: 50px auto 0;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern03.png)
repeat;
}
.job_bg_3 {
padding: 20px 0 50px;
margin: 50px auto 0;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern03.png)
repeat;
}
.job_bg_3.staff_graph {
padding: 20px 0 50px;
margin: 0px auto 0;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern03.png)
repeat;
}
section.rec_interview {
background-color: #fff0e7; padding: 10px 0 20px;
margin: 0 auto;
}
section.rec_message {
padding: 20px 0 50px;
margin: 50px auto 0;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern03.png)
repeat;
}
section.job_detail {
background-color: #fffccf; padding: 20px 0 0px;
margin: 0px auto 0px;
}
section.rec_process {
background-color: #fffccf; padding: 20px 0 50px;
margin: 0px auto 0;
}
.rec .section-top-store {
padding: 0;
}
.rec .area_list .link-detail {
border: none;
}
.rec_area p.txt01 {
padding: 0;
}
.rec_area .list-store li {
padding-left: 0;
text-indent: 0;
}
.rec_area .list-store ul {
padding: 0;
}
.rec_staff li {
margin: 15px 0 20px;
font-size: 18px;
}
.rec_staff ul.rec_detail {
background-color: rgba(255, 255, 255, 0.5);
border: solid 1px #ffaaff;
padding: 30px 40px;
border-radius: 4px;
}
p.li_s {
font-size: 16px;
padding: 3px 0 0;
color: #333333;
font-weight: 400;
text-indent: -1em;
}
ul.int.clearfix {
text-align: center;
}
.int li {
float: left;
width: 300px;
margin-left: 30px;
padding-left: 0;
text-indent: 0;
}
p.position {
margin-top: 7px;
padding-bottom: 5px;
text-align: left;
font-size: 12px;
border-bottom: solid 1px;
}
p.comment {
margin-top: 5px;
text-align: left;
font-size: 16px;
font-weight: 700;
}
.rec_message {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/area_detail_shinsakae_bg.jpg)
no-repeat right top;
background-color: #ffffff;
padding: 30px 40px 20px;
border-radius: 5px;
}
.rec_woman {
background-color: #ffffff;
border: solid 4px #faed1e;
padding: 30px 40px 10px;
border-radius: 5px;
}
.rec_woman h3 {
margin-top: 0px;
text-align: center;
font-size: 24px;
}
.rec_interview h4 {
font-size: 24px;
font-weight: 600;
color: #956734;
margin: 20px auto 10px;
}
.int_sato_bg p,
.int_okada_bg p,
.int_takeda_bg p,
.int_okamoto_bg p {
font-size: 16px;
}
.int_sato_bg {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/rec/int_sato_bg.jpg)
no-repeat right;
padding: 20px 20px 0px;
border-radius: 5px;
}
.int_okada_bg {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/rec/int_okada_bg.jpg)
no-repeat right;
margin-top: 20px;
padding: 13px 20px 0px;
border-radius: 5px;
}
.int_takeda_bg {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/rec/int_takeda_bg.jpg)
no-repeat right;
padding: 13px 20px 0px;
margin-top: 30px;
border-radius: 5px;
}
.int_okamoto_bg {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/rec/int_okamoto_bg.jpg)
no-repeat right top;
padding: 13px 20px 0px;
margin-top: 30px;
border-radius: 5px;
}
.rec_process p {
text-align: center;
padding-bottom: 0px;
}
.rec_process dl dt,
.step__body dl dd {
display: table-cell;
box-sizing: border-box;
vertical-align: top;
}
.rec_process dl dd {
padding: 20px;
}
.rec_process dl dt {
font-size: 20px;
}
.rec_process dl:first-child {
border-top: 1px solid #dbdbdb;
}
.rec_process dl {
display: table;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #966731;
}
.rec_process dl dt {
width: 20%;
padding: 20px 0 20px 20px;
color: #966731;
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
}
.rec_entry p { }
.p_title {
font-weight: 700;
margin-bottom: 10px;
font-size: 16px;
}
.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0px auto;
color: #ffffff;
}
.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}
.cp_actab label {
width: 300px;
margin: auto;
text-align: center;
font-weight: bold;
line-height: 3;
position: relative;
display: block;
cursor: pointer;
border: 1px solid #966731;
border-radius: 50px;
color: #966731;
}
.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.3s;
transition: max-height 0.3s;
color: #333333;
}
.cp_actab .cp_actab-content p {
margin: 1em;
} .cp_actab input:checked ~ .cp_actab-content {
max-height: 9999px;
} .cp_actab label::after {
line-height: 3;
position: absolute;
top: 0;
right: 0;
display: block;
width: 3em;
height: 3em;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
}
.cp_actab input[type="checkbox"] + label::after {
content: "▼";
}
.cp_actab input[type="checkbox"]:checked + label::after {
transform: rotate(300deg);
}
.rec_graph h3 {
text-align: left;
margin: 0px auto 10px;
}
.rec_graph p {
padding-top: 20px;
}
.rec_graph ul {
margin-top: 30px;
}
.rec_graph ul li {
width: 470px;
margin: auto 30px 40px 0px;
float: left;
padding: 20px;
text-indent: 0;
background-color: #ffffff;
border: solid 4px #faed1e;
}
.rec_graph ul li.s_g2 {
width: 470px;
margin-left: 30px;
margin-right: 0px;
float: left;
padding: 20px;
background-color: #ffffff;
border: solid 4px #faed1e;
}
.rec_graph h3 {
text-align: center;
border-style: hidden;
font-size: 28px;
}
.rec_graph p {
padding: 0px;
font-size: 16px;
}
.rec_graph img {
margin: 0 auto;
display: block;
}
.job_detail ul.list-store {
display: flex;
margin-bottom: 50px;
}
.job_detail .list-store li:nth-child(3n) {
margin-right: 20px;
}
.job_detail .list-store li:nth-child(4n) {
margin-right: 0px;
}
.job_detail .list-store li {
float: left;
margin: auto;
}
p.job_t,
p.job_p {
font-size: 16px;
}
p.job_t {
padding: 7px 0px;
}
.job_detail .list-store a img {
width: 400px;
}
@media (max-width: 750px) {
#pages.rec h2 { font-size: 0.35rem;
border-bottom: hidden;
font-weight: 700;
}
.rec > div {
padding: 30px auto 30px;
}
.rec h3 {
font-size: 0.33rem;
}
.rec_image {
margin: 30px 0 30px 0;
}
.rec_job p {
text-align: left;
}
img.rec_left {
float: none;
margin: 0 0 30px 0;
}
.rec_spa {
padding: 0px 0 40px 0;
}
.rec_spa th,
td {
display: block;
width: 100%;
}
.rec_spa th {
padding: 0.08rem 0.2rem 0.08rem;
background: #966731;
border-style: hidden;
color: #ffffff;
font-weight: 700;
}
.rec_spa td {
padding: 0.29rem 0 0.28rem !important;
width: 100%;
border-style: hidden;
}
img.rec_right {
float: none;
}
.rec .link-detail {
-moz-border-radius: 0.04rem;
-webkit-border-radius: 0.04rem;
border-radius: 0.04rem;
margin-top: 0.6rem;
width: 100%;
max-width: 6.4rem;
font-size: 0.26rem;
padding: 0.16rem 0.2rem 0.12rem;
background-position: right 0.1rem center;
background-size: 0.08rem auto;
}
.cp_actab label {
width: 100%;
margin-top: 20px;
}
.job_detail_top {
display: inherit;
margin-bottom: 30px;
}
.job_detail p {
text-align: left;
}
.job_detail .list-store li {
float: none;
width: 100%;
margin-bottom: 20px;
}
.job_detail .list-store li:nth-child(3n) {
margin-bottom: 0;
}
.job_detail .list-store a img {
width: 100%;
}
.job_detail_top {
float: none;
width: 100%;
}
p.job_t {
display: inline-block;
width: 100%;
text-align: center;
font-size: 0.26rem;
padding: 10px 15px;
background: #966731;
color: #ffffff;
}
.job_t span {
font-weight: 400;
}
p.job_p {
text-align: center;
padding: 15px 5px;
font-size: 100%;
}
.job_detail a.point {
width: 50%;
margin-top: 0.6rem;
}
ul.int.clearfix {
margin-top: 30px;
}
.int li {
float: none;
width: 100%;
padding-left: 0;
text-indent: 0;
margin: 20px auto;
}
.rec_staff li {
margin: 15px 0 20px;
font-size: 0.24rem;
}
p.li_s {
font-size: 0.23rem;
font-weight: 400;
text-indent: -1em;
}
p.position {
margin-top: 7px;
padding-bottom: 5px;
text-align: left;
font-size: 12px;
border-bottom: solid 1px;
}
p.comment {
margin-top: 5px;
text-align: left;
font-size: 16px;
font-weight: 700;
}
.rec_message .p_left {
width: 72%;
}
.rec_message {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/area_detail_shinsakae_bg.jpg)
no-repeat right top;
padding: 20px;
background-color: #ffffff;
border: #ffffff solid 1px;
background-size: contain;
}
.rec_woman {
padding: 20px;
margin-bottom: 30px;
}
.p_left {
width: 60%;
}
.int_sato_bg {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/rec/int_sato_bg_sm.png)
no-repeat right top;
background-color: #ffffff;
}
.int_okada_bg {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/rec/int_okada_bg_sm.png)
no-repeat right top;
background-color: #ffffff;
margin-top: 30px;
}
.int_takeda_bg {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/rec/int_takeda_bg_sm.png)
no-repeat right top;
background-color: #ffffff;
margin-top: 30px;
}
.int_okamoto_bg {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/rec/int_okamoto_bg_sm.png)
no-repeat right top;
background-color: #ffffff;
margin-top: 30px;
}
.rec_interview h4 {
font-size: 0.28rem;
font-weight: 600;
color: #956734;
margin: 20px auto 30px;
}
.rec_entry th {
width: 100%;
font-weight: 500;
}
.rec_graph ul li {
width: 100%;
margin: 0 0 0.34rem 0;
float: none;
padding: 20px;
}
.rec_graph ul li.s_g2 {
width: 100%;
margin: 0 0 0.34rem 0;
float: none;
padding: 20px;
}
.rec_graph ul li.s_g2.last {
margin: 0;
}
.rec_graph ul li p {
padding: auto 10px;
}
.job_detail ul.list-store {
display: inline-block;
}
.job_detail .list-store li {
width: 100%;
margin-right: 0;
float: none;
}
.job_detail .list-store li:nth-child(3n) {
margin-bottom: 20px;
}
} .job_detail.o {
margin-bottom: 50px;
}
.job_detail div.link-record {
padding-top: 50px;
padding-bottom: 50px;
}
.job_list img {
width: 35%;
margin: 0 0 0 0;
padding: auto;
float: right;
}
.job_list p {
width: 65%;
padding: 20px 0;
background-color: #ffffff;
}
section.counselor {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern03.png)
repeat;
padding: 20px 0 50px;
margin: 30px auto 0;
}
section.advisor {
background-color: #fffccf;
padding: 20px 0 50px;
margin: 0;
}
section.ppstaff {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern03.png)
repeat;
padding: 20px 0 50px;
margin: 0;
}
.link-record.spa {
margin: 70px 0;
}
#counselor .job_list {
background-color: #ffffff;
padding: 20px;
border: solid 3px #faed1e;
}
#advisor .job_list,
#director .job_list {
background-color: #ffffff;
padding: 20px;
border: solid 3px #faed1e;
}
#partystaff .job_list {
background-color: #ffffff;
padding: 20px;
border: solid 3px #faed1e;
}
.j_list {
margin: 50px 0;
}
.j_list p {
display: block;
padding: 28px;
margin: 10px auto;
width: 60%;
text-align: left;
background: #ffffff
url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow02.png)
right 20px center no-repeat;
box-shadow: 1px 2px 1.92px 0.08px rgba(0, 0, 0, 0.2);
}
#advisor .j_list p {
}
.j_list.partystaff p {
width: 50%;
display: block;
margin: 10px auto;
}
.j_list span {
text-align: center;
list-style: none;
margin-right: 15px;
padding: 2px 15px;
color: #ffffff;
border-radius: 20px;
}
.j_list span.nagoya {
background-color: #ea68a2;
}
.j_list span.shinjuku {
background-color: #ffc000;
}
.j_list span.hamamatsu {
background-color: #448aca;
}
@media (max-width: 750px) {
.job_list img {
display: block;
width: 100%;
margin: 10px auto;
float: none;
}
.job_list p {
width: 100%;
padding: 10px 0;
}
.j_list p {
display: block;
width: 100%;
padding: 30px 20px;
margin: 20px auto;
text-align: left;
background: #ffffff
url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_arrow02.png)
right 20px center no-repeat;
}
.j_list.partystaff p {
width: 100%;
}
.j_list span {
width: 25%;
float: left;
margin-right: 10px;
padding: 2px 0 0 0;
color: #ffffff;
border-radius: 15px;
}
} .rec_interview {
margin: 30px auto;
}
.rec.interview h3 {
border-bottom: initial;
}
.int_okada {
padding: 20px;
}
p.int_name {
padding-bottom: 3px;
margin-bottom: 20px;
}
.int_okada {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/rec/rec_job_02.png)
no-repeat right bottom;
background-size: 380px;
}
.int_img {
margin-left: 20px;
}
@media (max-width: 750px) {
} .media dl {
padding: 20px 0;
}
.media dl dt {
margin-top: 20px;
}
.media dl dd {
padding: 10px 0;
}
.media_a {
margin: 38px 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.media_a a {
display: block;
width: 293px;
margin: 0 15px;
text-decoration: none;
color: #996600;
}
.media_a a:hover {
text-decoration: underline;
}
.media_l {
float: left;
width: 470px;
}
.media_r {
width: 470px;
float: right;
} .tabs {
padding-bottom: 40px;
background-color: #ffffff; width: 1000px;
margin: 70px auto 0;
} .tab_item {
width: calc(100% / 3);
height: 50px;
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
line-height: 50px;
font-size: 16px;
text-align: center;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
position: relative;
display: inline-block;
cursor: pointer;
border: 1px solid transparent;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.tab_item:hover {
opacity: 0.75;
} input[name="tab_item"] {
display: none;
} .tab_content {
display: none; clear: both;
overflow: hidden;
border-top: 1px solid #956734;
} #all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
display: block;
} .tabs input:checked + .tab_item {
background-color: #956734;
color: #ffffff;
margin-bottom: -1px;
border-color: #b28850;
border-bottom-color: rgb(204, 204, 204);
border-bottom: 1px solid #956734;
border-radius: 6px 6px 0 0;
}
@media (max-width: 750px) {
.tabs {
width: 100%;
}
} section.section-result.single {
display: flex;
width: 715px;
}
.list-record. {
margin-bottom: 50px;
}
.list-record.result a {
color: #513317;
position: relative;
display: block;
float: left;
text-align: left;
margin: 33px 11px 0;
width: 310px;
border: 1px solid #c9c9c9;
padding: 20px 20px 10px;
}
.section-result .r_date {
display: block;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 10px;
letter-spacing: -0.05em;
}
.section-result .r_cat {
display: inline-block;
border: 1px solid #c9c9c9;
padding: 2px 6px;
margin: 0px 10px 0px;
}
.section-result .r_title {
font-weight: bold;
font-size: 17px;
margin-top: 14px;
height: 80px;
}
.section-result img.r_cat_img {
width: auto;
margin: -4px 10px 0;
}
.r_category li a.trans {
background: #956734;
color: #ffffff;
text-align: center;
font-weight: 700;
padding: 15px 10px;
border: 1px solid #ffffff;
width: 25%;
margin: 0px;
}
.section-result p.subtitle {
margin-bottom: 30px;
}
@media (max-width: 750px) {
section.section-result.single {
display: block;
width: auto;
}
.list-record.result a {
width: 100% !important;
margin: 0.36rem 0 0;
}
.section-result img.r_cat_img {
width: 30%;
margin: 0;
}
.section-result .r_date {
margin: 10px 0;
}
.section-result .r_title {
font-size: 0.25rem;
}
.r_category li a.trans {
padding: 10px;
}
.section-result p.subtitle {
text-align: left;
}
} #pages.online.wrapper h2 {
display: inline-block;
text-align: center;
padding: 15px 0px;
border-top: #faed1e 3px solid;
border-bottom: #faed1e 3px solid;
margin: 50px 0;
}
.online_check {
margin: 37px auto 0;
}
.online_check div {
margin: 0 auto;
}
.online_check p.title {
font-size: 36px;
margin: 50px auto;
text-align: center;
}
.online_check ul {
padding-left: 25%;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/online/img_online_check01.png) left bottom no-repeat;
margin-bottom: 30px;
}
.online_check ul li {
padding-left: 44px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/ico_check.png) left no-repeat;
background-size: 24px auto;
margin-bottom: 18px;
font-size: 26px;
}
div.online_about {
width: 60%;
margin: 0 auto;
text-align: center;
padding: 30px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/online/img_online_about01.png) right bottom no-repeat;
}
section.online_about {
text-align: center;
padding: 50px;
background-color: #e1f3ff;
}
.online_about h2 {
font-size: 40px;
font-weight: 700;
}
.online_about h3 {
font-size: 30px;
border: none;
}
.online_merit_img {
float: left;
width: 380px;
}
.online_merit_title {
text-align: center;
}
.online_merit .contents {
margin-bottom: 90px;
}
.online_merit .contents .title span {
background-color: #ff9d1d;
color: #ffffff;
font-weight: 700;
font-size: 20px;
padding: 5px;
margin-right: 10px;
}
.online p.title {
font-size: 24px;
margin: 0 auto 20px;
}
sectin.online_chance {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern03.png)
repeat;
}
.online_chance {
padding: 0px 0 20px;
margin: 0px auto 0;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/pattern03.png)
repeat;
text-align: center;
}
.online_chance .contents {
background: #ffffff;
padding: 20px 30px 0px;
text-align: left;
}
.online_chance .contents .block {
padding: 20px 20px 40px;
border-bottom: 1px solid #8e8e8e;
margin-bottom: 20px;
}
.online_chance .contents .block.last {
border-bottom: none;
margin-bottom: 30px;
}
.online_chance .block img {
float: left;
}
.online_chance .block p {
float: right;
width: 75%;
}
.online_cm {
text-align: center;
}
.online_cm li {
float: left;
width: 236px;
margin: 0 0 50px;
margin-right: 10px;
}
.online_cm p {
border: 1px solid #966731;
}
.online_cm img {
border: 1px solid #966731;
}
.online_cm p.one {
text-align: center;
font-size: 20px;
padding: 10px;
background: #966731;
color: #ffffff;
}
.online_cm p.two {
padding: 10px 15px 10px 10px;
}
.online .contents {
text-align: left;
}
section.online_cm_detail {
padding: 50px 0 70px;
}
section.online_cm_detail.white.top {
padding: 0px 0 70px;
}
section.online_cm_detail.white.top img {
border: none;
}
section.online_cm_detail.pink {
background-color: #fde7f4;
}
section.online_cm_detail.yellow {
background-color: #fffeae;
}
.online_cm_detail.yellow a.trans.hover {
padding: 10px 10px 7px 10px;
background: #faed1e;
margin: 20px auto 0;
display: block;
text-align: center;
width: 50%;
}
p.title.omiai {
margin-bottom: -10px;
}
.online_cm_detail {
text-align: center;
padding: 30px;
}
.online_cm_detail_img {
float: left;
width: 380px;
height: 260px;
}
.online_cm_detail span {
font-size: 14px;
}
.online_cm_detail h3 {
font-size: 30px;
border: none;
text-align: center;
margin-bottom: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.online_cm_detail h3:before,
.online_cm_detail h3:after {
border-top: 1px solid;
content: "";
width: 1em;
}
.online_cm_detail h3:before {
margin-right: 1rem;
}
.online_cm_detail h3:after {
margin-left: 1rem;
}
.contents.online {
margin-bottom: 50px;
}
.contents.online p spn {
font-size: 14px;
}
@media (max-width: 750px) {
.online_check {
margin: 0 auto;
}
.online_check p.title {
font-size: 0.35rem;
font-weight: 700;
margin: 30px auto;
text-align: center;
}
.online_check ul li {
padding: 10px 0.08rem 0 0.4rem;
background-image: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/sm/ico_check.png);
background-position: left 15px;
background-size: 0.26rem auto;
margin-bottom: 0.02rem;
letter-spacing: -0.02em;
font-size: 0.26rem;
}
.online_check ul {
padding-left: 0%;
background: none;
}
div.online_about {
width: 100%;
padding: 30px 0 20px;
background: none;
background: none;
}
.online_about h2 {
font-size: 0.36rem;
font-weight: 700;
}
.online_about h3 {
font-size: 0.32rem;
font-weight: 700;
margin: 30px auto;
}
.online_about p {
text-align: left;
}
section.online_about {
padding: 0 0 30px;
}
.online_merit_img {
float: none;
width: 100%;
height: auto;
margin-bottom: 20px;
}
.online_merit .contents .title span {
padding: 3px 5px;
font-size: 0.33rem;
}
.online_merit .contents {
padding-bottom: 50px;
margin-bottom: 0px;
}
.online p.title {
text-align: center;
font-size: 0.32rem;
margin: 20px auto;
font-weight: 700;
}
.online p.title.omiai {
margin-bottom: -25px;
}
.online_merit p.title {
margin: 0 0 20px 0;
}
.online_chance .block img {
margin-bottom: 20px;
}
.online_chance .contents .block {
padding: 30px 0;
}
.online_chance .block p {
float: none;
width: 100%;
}
.online_cm li {
float: left;
width: 100%;
}
.online_cm_detail h3 {
font-size: 0.32rem;
font-weight: 700;
margin: 0px auto 50px;
}
.online_cm_detail h3:before {
margin-right: 0.1rem;
}
.online_cm_detail h3:after {
margin-left: 0.1rem;
}
section.online_cm_detail {
padding: 50px 0;
}
.online_cm_detail_img {
float: none;
width: 100%;
height: auto;
}
.contents.online {
margin-bottom: 0px;
}
section.online_cm_detail.white.top {
padding: 0px 0 50px;
}
section.online_cm_detail.white.top spn {
font-size: 0.2rem;
}
.online_cm_detail.yellow a.trans.hover {
width: 100%;
text-align: center;
}
} div.ppline_h2 {
padding-bottom: 20px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line/ppline_h2.png) no-repeat bottom;
margin: 30px auto 10px;
font-weight: bold;
}
#pages .ppline_h2 h2 {
text-align: center;
border-bottom: none;
margin: 0px;
padding: 0px;
}
#pages .ppline_h2 span {
padding: 20px 0;
}
section.ppline_merit {
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line/bg_ppline_mert.jpg) repeat;
padding: 30px 0 40px;
margin-top: 40px;
}
.ppline_merit_detail {
}
.ribbon1 {
display: block;
text-align: center;
position: relative;
height: 50px; line-height: 50px; text-align: center;
width: 60%;
padding: 0 20px; margin: auto;
font-weight: bold;
font-size: 22px;
background: #2db527; color: #faed1e; box-sizing: border-box;
margin-bottom: 5px;
}
.ribbon1:before,
.ribbon1:after {
position: absolute;
content: "";
width: 0px;
height: 0px;
z-index: 1;
}
.ribbon1:before {
top: 0;
left: 0;
border-width: 25px 0px 25px 15px;
border-color: transparent transparent transparent #fff;
border-style: solid;
}
.ribbon1:after {
top: 0;
right: 0;
border-width: 25px 15px 25px 0px;
border-color: transparent #fff transparent transparent;
border-style: solid;
}
.ppline_merit_detail div {
width: 80%;
padding: 20px 30px;
margin: 20px auto;
background: #ffffff;
}
.ppline_merit_detail img {
margin-left: 35px;
width: 15%;
}
.ppline_merit_detail p {
width: 75%;
float: right;
padding-top: 20px;
font-size: 20px;
}
.ppline_merit_detail p span {
font-size: 75%;
}
.ppline_add {
width: 80%;
margin: 30px auto;
padding-left: 0;
text-indent: 0;
border: 5px solid #2db527;
}
.ppline_add_title {
display: inline-block;
width: 100%;
text-align: center;
font-size: 24px;
font-weight: bold;
padding: 10px 15px;
background: #2db527;
color: #ffffff;
}
.ppline_add_detail p {
width: 70%;
float: left;
}
.ppline_add_detail img {
width: 30%;
margin: 10px auto;
}
.ppline_add_detail {
text-align: left;
padding: 15px;
background-color: #ffffff;
}
.ppline_add_detail span {
font-weight: bold;
font-size: 24px;
color: #2db527;
}
.ppline_shopcard {
margin: 80px 0;
border: 15px solid #2db427;
padding: 0 15px 15px 15px;
}
.ppline_shopcard img {
display: block;
margin: 30px auto;
}
.ppline_shopcard ul {
margin-left: 20px;
}
.ppline_shopcard li {
font-size: 20px;
margin: 0 auto;
display: block;
}
.list-condition.caution01 {
width: calc(100% -26px);
margin: 0 0 60px 0;
padding: 14px;
background: #fffdc7;
border: 3px solid #fff921;
font-size: 16px;
}
@media (max-width: 750px) {
div.ppline_h2 {
padding-bottom: 20px;
background: url(//www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/line/ppline_h2.png) no-repeat bottom;
background-size: 80%;
margin: 20px auto 10px;
}
#pages .ppline_h2 span {
font-size: 0.35rem;
}
.ribbon1 {
display: inline-block;
position: relative;
height: 60px; line-height: 25px; text-align: center;
width: 100%;
padding: 8px 10px; font-weight: bold;
font-size: 0.3rem;
background: #2db527; color: #faed1e; box-sizing: border-box;
margin-bottom: 10px;
}
section.ppline_merit {
padding: 0px 0px 40px;
margin-top: 20px;
}
.ribbon1:before {
border-width: 30px 0px 30px 15px;
}
.ribbon1:after {
border-width: 30px 15px 30px 0px;
}
.ppline_merit_detail div {
width: 100%;
padding: 20px 15px 20px;
}
.ppline_merit_detail img {
margin: 20px 0px 0px 0px;
width: 20%;
}
.ppline_merit_detail p {
width: 75%;
float: right;
font-size: 100%;
padding-top: 10px;
margin-bottom: 10px;
}
.ppline_add {
width: 90%;
margin-bottom: 30px;
padding-left: 0;
text-indent: 0;
border: 3px solid #2db527;
}
.ppline_add_title {
display: inline-block;
width: 100%;
text-align: center;
font-size: 0.3rem;
font-weight: bold;
padding: 10px 15px;
background: #2db527;
color: #ffffff;
}
.ppline_add_detail img {
width: 80%;
margin: 10px auto;
}
.ppline_add_detail {
text-align: center;
padding: 15px;
background-color: #ffffff;
}
.ppline_add_detail p {
float: none;
width: 100%;
}
.ppline_add_detail span {
font-weight: bold;
font-size: 0.3rem;
color: #2db527;
}
.ppline_shopcard {
margin: 30px 0;
border: 15px solid #2db427;
padding: 0 15px 15px 15px;
}
.ppline_shopcard li {
font-size: 120%;
}
.ppline_shopcard img {
margin: 20px 0px;
}
.ppline_shopcard ul {
margin-left: 0px;
}
} .staff_list .intro {
text-align: center;
margin-bottom: 10px;
}
.staff_list .small {
font-size: 1rem;
}
.staff_list ul {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.staff_list ul img {
width: 235px;
}
.staff_list li {
display: inline-block;
width: 235px;
margin: 0 20px 30px 0;
}
.staff_list li:nth-child(4n) {
margin-right: 0px;
}
.staff_list li p {
font-weight: bold;
padding: 10px 0 10px 0;
text-align: center;
}
.staff_list li p span {
line-height: 1.3;
font-size: 0.9rem;
}
li p.title1 {
padding: 10px 0 0px 0;
line-height: 1;
}
li p.title2 {
padding: 0;
line-height: 1;
}
li p.name {
padding: 0;
line-height: 1.5;
}
.staff_list h3 {
font-size: 1.8rem;
margin: 30px auto 0px;
padding: 10px 0 0px 0;
text-align: center;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/staff/img_staff_line_b.png)
no-repeat center 25px;
}
.staff_profile {
display: flex;
margin-top: 30px;
}
.staff_profile p span {
text-align: center;
margin: auto;
display: block;
font-weight: bold;
color: #b28850;
}
.staff_profile img {
padding: 10px 20px;
}
.staff_profile p {
margin: auto;
margin-left: 50px;
}
.staff_message h3 {
font-size: 1.8rem;
margin: 50px auto 30px;
padding: 10px 0 20px 0;
text-align: center;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/staff/img_staff_line_b.png)
no-repeat center 25px;
}
.staff_message p {
line-height: 1.5;
margin-bottom: 20px;
}
.staff_message { margin-bottom: 50px;
}
@media (max-width: 750px) {
.staff_list ul {
margin-top: 10px;
}
.staff_list .small {
font-size: 0.2rem;
}
.staff_list .intro {
text-align: left;
}
.staff_profile {
display: block;
margin-top: 0px;
} .staff_list li p span {
line-height: 1.3;
font-size: 0.2rem;
}
.staff_list li {
display: block;
width: 47%;
margin: 10px auto;
text-align: center;
}
.staff_list li img {
width: 100%;
}
li.staff_last {
margin: 10px;
} .staff_list li:nth-child(4n) {
margin-right: auto;
}
.staff_list h3 {
font-size: 0.35rem;
margin: 30px 0 30px 0;
text-align: center;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/staff/img_staff_line_b.png)
no-repeat center 25px;
background-size: 100%;
}
.staff_profile img {
padding: 0px 0 20px 0;
width: 80%;
margin: 0px auto;
display: block;
text-align: center;
}
.staff_profile p {
margin-left: auto;
}
.staff_message h3 {
margin-top: 30px;
font-size: 0.35rem;
background-size: 100%;
background-position: center;
}
} .section-hikaku-intro {
padding: 50px 0 0;
text-align: center;
}
.section-hikaku-intro img {
margin-bottom: 20px;
}
.section-hikaku-seikonteigi,
.section-hikaku-support {
padding: 50px 0 20px;
}
.section-hikaku-service,
.section-hikaku-price {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/common/bg_yellowstripe.png);
padding: 50px 0 20px;
}
.section-hikaku-service.top {
padding: 50px 0;
}
.hikaku_data {
margin: 30px auto;
}
.tbl_hikaku {
width: 100%;
table-layout: fixed;
line-height: 1.3;
}
.tbl_hikaku span {
font-size: 80%;
line-height: 1.2;
}
.tbl_hikaku th.cap01,
.tbl_hikaku th.cap02 {
color: #ff6f00;
height: 30px;
font-size: 82%;
}
.tbl_hikaku tr:nth-child(even) .td02 {
background: #fff6e2;
}
.tbl_hikaku tr:nth-child(odd) .td02 {
background: #ffffff;
}
.hikaku_check {
padding: 20px;
background: #ffffff;
box-shadow: 4px 4px 4px #e3e3e3; }
.hikaku_check p {
font-size: 105%;
}
.tbl_hikaku th,
.tbl_hikaku td {
border-bottom: 1px solid #ffffff;
text-align: center;
table-layout: fixed;
}
.tbl_hikaku th {
font-weight: bold;
height: 70px;
}
.tbl_hikaku td {
height: 100px;
}
.tbl_hikaku .td01,
.tbl_hikaku .th01 {
background-color: #ffb03a;
color: #ffffff;
font-weight: bold;
border: 1px solid #ffffff;
}
.tbl_hikaku .th02cm {
background-color: #faed1e;
border: 3px solid #faed1e;
border-top: none;
font-size: 90%;
}
.tbl_hikaku .th02 {
background-color: #a1a1a1;
color: #ffffff;
border: 1px solid #ffffff;
}
.tbl_hikaku .th02cm img {
width: 100%;
}
.tbl_hikaku .td02cm {
border: 3px solid #faed1e;
font-weight: bold;
background-color: #fffde4;
} .tbl_hikaku .td02 {
border: 1px solid #faed1e;
}
.section-hikaku-support .tbl_hikaku .td02,
.section-hikaku-support .tbl_hikaku .td02cm {
font-size: 140%;
}
.section-hikaku-support .tbl_hikaku .td02 span {
font-size: 60%;
}
.hikaku_blog_link {
display: flex;
margin: 30px 0;
justify-content: space-between;
}
.hikaku_blog_link a {
}
.hikaku_blog_link p {
margin-top: 5px;
text-align: center;
margin-bottom: 20px;
}
@media (max-width: 750px) {
.section-hikaku-intro {
text-align: left;
padding: 20px 0 0;
}
.section-hikaku-seikonteigi {
padding: 30px 0 20px;
}
.hikaku_check {
display: block;
padding: 20px 10px;
}
.hikaku_check img {
text-align: center;
margin: 0 auto 10px;
}
.hikaku_check p {
margin-left: 0px;  }
.hikaku_check p.first {
}
.hikaku_scroll {
overflow-x: scroll;
}
.tbl_hikaku th,
.tbl_hikaku td {
display: table-cell;
}
.tbl_hikaku {
width: 700px;
border-collapse: separate;
}
.tbl_hikaku .cap01,
.tbl_hikaku th.th01,
.tbl_hikaku td.td01 {
width: 90px;
}
.tbl_hikaku th,
.tbl_hikaku td {
font-size: 70%;
}
.tbl_hikaku td {
height: 70px;
}
.tbl_hikaku .td01,
.tbl_hikaku .th01 {
position: -webkit-sticky;
position: sticky;
left: 0;
&:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%; }
}
.tbl_hikaku .th02cm,
.tbl_hikaku .td02cm,
.tbl_hikaku th.cap01,
.tbl_hikaku th.cap02 {
position: sticky;
position: -webkit-sticky;
left: 90px;
&:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%; }
}
.tbl_hikaku th.cap {
color: #ff6f00;
height: 45px; }
.tbl_hikaku td {
font-size: 13px;
}
.tbl_hikaku th {
font-size: 14px;
}
.hikaku_blog_link {
display: block;
}
.hikaku_blog_link a {
margin-top: 10px;
}
.hikaku_blog_link img {
width: 60%;
margin: auto;
display: block;
}
}  .slider {
margin: 0 auto 30px; width: 100%;
}
.slider-img {
margin: 0 20px; }
.slider-img img {
height: auto;
width: 100%;
max-width: 1200px;
opacity: 0.3;
transition: opacity 0.5s;
}
.slider .slick-center img {
opacity: 1;
box-shadow: 0px 0px 15px #e1e0da;
margin-bottom: 20px;
} .slider-container .slick-dots {
bottom: -10px;
}
.slick-dots li.slick-active button {
background-color: #ffd200;
border-color: transparent;
}
.slick-dots li button {
background-color: #dbdbdb;
border-color: #dbdbdb;
width: 10px;
height: 10px;
}
@media (max-width: 750px) {
.slider-img {
margin: 0;
}
.slider-img img {
opacity: 1;
}
.slick-dots li button {
width: 10px;
height: 10px;
}
.slider-container .slick-dots {
bottom: -21px;
}
}
.hide-header {
display: none;
}
.UpMove {
transform: translateY(-77%);
transition: transform 0.3s ease-in-out;
}
.DownMove {
transform: translateY(0);
transition: transform 0.3s ease-in-out;
}
.age-wrapper {
display: flex;
align-items: center;
}
.age-wrapper .wpcf7-form-control-wrap {
width: 180px;
}
.age-wrapper select {
min-width: 80px; margin-right: 5px; }
.age-unit {
margin-left: 5px; }
.ico_file {
font-size: 15px;
}
@media (max-width: 750px) {
.ico_file {
font-size: 14px;
}
.ico_file span {
margin-left: 15px;
}
} .narrowing__form {
background: #fefcda;
padding: 30px 70px;
text-align: center;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 750px) {
.narrowing__form {
flex-wrap: wrap;
row-gap: 12px;
padding: 20px 30px;
}
}
.narrowing__form select {
border: 1px solid #cfa656;
margin-right: 25px;
padding: 4px 30px 4px 10px;
background: #fff;
transition: opacity 0.6s ease;
}
.narrowing__form select:hover {
opacity: 0.7;
cursor: pointer;
}
@media (max-width: 750px) {
.narrowing__form select {
width: 100%;
}
}
.narrowing__form .select-wrapper,
.form-btn {
position: relative;
}
@media (max-width: 750px) {
.narrowing__form .select-wrapper {
width: 100%;
text-align: left;
display: flex;
align-items: center;
justify-content: center;
column-gap: 15px;
}
}
.narrowing__form .select-wrapper::after,
.form-btn::after {
position: absolute;
content: "";
width: 6px;
height: 6px;
right: 35px;
top: 36%;
transform: translateY(-50%);
transform: rotate(45deg);
border-bottom: 1px solid #960;
border-right: 1px solid #960;
}
@media (max-width: 750px) {
.narrowing__form .select-wrapper::after {
top: 38%;
right: 20px;
}
.form-btn {
margin-top: 10px;
}
}
.narrowing__form .select-wrapper:last-of-type::after {
right: -155px;
}
.form-btn {
transition: opacity 0.6s ease;
}
.form-btn::after {
transform: rotate(-45deg);
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
right: 10px;
top: 39%;
}
.form-btn:hover {
opacity: 0.7;
cursor: pointer;
}
.form-btn input:hover {
cursor: pointer;
}
.narrowing__form .narrowing__form--btn {
background: #960;
padding: 5px 30px 5px 20px; color: #fff;
margin: 0;
border: 0;
margin-left: 11px;
}
.narrowing__form label {
margin-right: 5px;
}
@media (max-width: 750px) {
.narrowing__form label {
width: 100px;
}
.narrowing__form label:last-child,
.narrowing__form select:last-child {
margin-right: 0px;
}
.narrowing__form .narrowing__form--btn {
margin-left: 0;
}
} .per {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
width: 600px;
margin: 60px auto 40px;
}
@media (max-width: 750px) {
.per {
flex-direction: column;
width: 100%;
text-align: center !important;
align-items: center;
row-gap: 40px;
}
.per p {
text-align: center !important;
}
}
.per p {
background: none !important;
margin: 0 !important;
padding: 0 !important;
}
.per__left,
.per__right {
width: 250px;
}
.per__text--main {
font-weight: bold;
font-size: 33px;
position: relative;
display: inline-block;
}
.per__text--main::after {
position: absolute;
width: 100%;
height: 12px;
bottom: 13px;
left: 50%;
transform: translateX(-50%);
content: "";
background-color: #fff921;
z-index: -1;
}
@media (max-width: 750px) {
.per__text--main {
font-size: 30px !important;
}
.per__text--main::after {
bottom: 5px;
}
}
.per__text--per {
font-size: 80px;
color: #cc0000;
font-weight: 500;
line-height: 1.08;
font-family: "Poppins", sans-serif;
}
.per__text--per span {
color: #b38247;
font-size: 40px !important;
}
@media (max-width: 750px) {
.per__text--per {
font-size: 60px !important;
}
}
.per__bar {
width: 60%;
margin: 0 auto;
height: 25px;
border-radius: 15px;
background-color: #cccccc;
}
.per__fill {
width: 93%;
height: 25px;
background-color: #fff921;
border-radius: 15px;
position: relative;
}
.per__fill::after {
position: absolute;
content: "";
width: 35px;
height: 35px;
border-radius: 50px;
border: 4px solid #fff921;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0px;
background-color: #fff;
}
.per__fill--kousai {
width: 88%;
}
.per__fill--seikon {
width: 65%;
background-color: #fbb03b;
}
.per__fill--itiseikon {
width: 89%;
background-color: #fbb03b;
}
.per__fill--seikon::after,
.per__fill--itiseikon::after {
border: 4px solid #fbb03b;
}
.per___text--strong {
font-size: 20px;
text-align: center !important;
font-weight: bold;
background: none !important;
padding: 0 !important;
margin: 0 0 20px !important;
}
@media (max-width: 750px) {
.per___text--strong {
font-size: 20px !important;
}
}
.list-header {
width: 300px;
height: auto;
margin-left: 50px;
margin-bottom: 20px;
}
.list-header .sub-menu {
margin-left: 100px;
} #page-top {
position: fixed;
right: 5px;
bottom: 249px;
height: 70px;
text-decoration: none;
font-weight: bold;
transform: rotate(90deg);
font-size: 90%;
line-height: 1.5rem;
color: #960;
padding: 0 0 0 35px;
border-top: solid 1px;
z-index: 1000;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff,
1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}
@media (max-width: 750px) {
#page-top {
bottom: 155px;
line-height: 1.5;
right: -5px;
}
}
#page-top:hover::before {
opacity: 0;
}
#page-top a {
position: relative;
display: inline-block;
z-index: 100;
}
#page-top a:hover {
opacity: 0.6;
}
#page-top a::before {
content: "";
display: block;
position: absolute;
top: 0;
left: -34px;
width: 15px;
border-top: solid 1px;
transform: rotate(35deg);
transform-origin: left top;
}
@media screen and (max-width: 767px) {
body #page-top.is-pc {
display: none !important;
}
} @media screen and (max-width: 750px) {
.tw-wrapper {
padding-left: 0.1rem;
padding-right: 0.1rem;
}
}
.tw-table {
width: 100%;
text-align: center;
margin-top: 40px;
border-collapse: collapse;
}
.tw-table th,
.tw-table td {
border: 2px solid #966731;
padding: 40px 0;
font-weight: bold;
font-size: 28px;
vertical-align: middle;
text-align: center;
}
@media screen and (max-width: 750px) {
.tw-table th,
.tw-table td {
border: 1px solid #966731;
font-size: 18px;
padding: 20px 0;
display: table-cell;
width: 27.4%;
}
.tw-table__important--items {
padding: 35px 0 20px 0 !important;
}
}
.tw-table td {
font-size: 22px;
}
@media screen and (max-width: 750px) {
.tw-table th {
font-size: 15px;
}
.tw-table td {
font-size: 15px;
}
}
.tw-table th:first-child {
background-color: #fcfe2e;
width: 26.4%;
}
.tw-table th:nth-child(2) {
background-color: #ea5710;
width: 43.6%;
color: #fff;
border: 6px solid #ea5710;
border-bottom: none;
}
.tw-table th:nth-child(3) {
background-color: #fffcd9;
width: 30%;
}
.tw-table td:first-child {
border-right: none;
}
.tw-table td:nth-child(2) {
position: relative;
border-right: none;
border-left: none;
border-right: 6px solid #ea5710;
border-left: 6px solid #ea5710;
font-size: 30px;
line-height: 1.1;
}
.tw-table td:nth-child(3) {
border-left: none;
font-size: 20px;
}
@media screen and (max-width: 750px) {
.tw-table td:nth-child(2) {
font-size: 17px;
}
.tw-table td:nth-child(3) {
font-size: 15px;
}
} .tw-table td:first-child {
background-color: #fffcd9;
}
.tw-table tr:last-child td:nth-child(2) {
border-bottom: 6px solid #ea5710;
}
.tw-table__important {
font-size: 36px;
color: #e60716;
font-weight: bold; background: linear-gradient(transparent 60%, #fcfe2e 40%);
}
@media screen and (max-width: 750px) {
.tw-table__important {
font-size: 22px;
line-height: 1.6;
}
}
.tw-table__important--top {
position: relative;
}
.tw-table__important--topsmall {
font-size: 16px;
font-weight: bold;
}
.tw-table__important--important {
position: absolute;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/asset.png)
no-repeat center center / contain;
content: "";
width: 120px;
height: 100px;
top: -25px;
left: 10px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.tw-table__important--important span {
font-size: 14px;
}
.tw-table__important--important p {
font-size: 44px;
font-weight: bold;
letter-spacing: -1px;
}
.tw-table__important--right {
line-height: 0.9;
}
.tw-table__important--right p {
font-size: 14px;
text-align: left;
letter-spacing: 0;
font-weight: bold;
}
@media screen and (max-width: 750px) {
.tw-table__important--important {
width: 80px;
height: 60px;
top: -25px;
left: 0;
}
.tw-table__important--important p {
font-size: 24px;
}
.tw-table__important--important span {
font-size: 10px;
}
.tw-table__important--right p {
font-size: 11px;
font-weight: bold;
}
.tw-table__important--topsmall {
font-size: 12px;
}
}
.tw-table__small {
font-size: 24px;
font-weight: bold;
text-decoration: line-through;
text-decoration-color: #bbaea7;
position: relative;
}
.tw-table__small::after,
.tw-table__small::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
top: 10px;
right: -12px;
transform: rotate(-45deg);
border-right: 2px solid #513317;
border-bottom: 2px solid #513317;
}
.tw-table__small::before {
right: -19px;
}
@media screen and (max-width: 750px) {
.tw-table__small {
font-size: 17px;
}
.tw-table__small::after,
.tw-table__small::before {
top: 5.5px;
right: -9px;
}
.tw-table__small::before {
right: -15px;
}
}
.tw-table__text {
font-size: 14px;
line-height: 1.286;
color: #966731;
margin-top: 30px;
font-weight: 500;
}
@media screen and (max-width: 750px) {
.tw-table__text {
font-size: 12px;
padding: 0 10px;
margin-top: 15px;
text-align: left;
}
}
.tw-table__bottom {
margin-top: 40px;
}
@media screen and (max-width: 750px) {
.tw-table__bottom {
margin-top: 20px;
}
}
.tw-table__bottom p {
color: #966731;
font-size: 16px;
line-height: 1.8;
font-weight: 500;
}
@media screen and (max-width: 750px) {
.tw-table__bottom p {
font-size: 14px;
}
}
.page__report {
margin: 0;
} .reason__title {
text-align: center;
font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
HG明朝E, "ＭＳ Ｐ明朝", serif;
font-size: 32px;
font-weight: bold;
letter-spacing: 1.6;
margin-top: 50px;
}
.reason__img--wrapper {
width: 100%; object-fit: cover;
margin-top: 40px;
}
.reason__text {
margin-top: 38px;
margin-bottom: 50px;
}
.reason__left,
.reason__right {
width: calc(100% - 490px);
}
.reason__items--title {
font-size: 32px;
font-weight: bold;
text-align: center;
margin-bottom: 50px;
border-bottom: solid 1px #926933;
}
.reason__item {
display: flex;
align-items: center;
column-gap: 40px; margin-top: 70px;
}
.reason__item--top {
font-size: 18px;
font-weight: 500;
font-family: "Poppins", sans-serif;
color: #ffba00;
line-height: 1;
}
.reason__item--title {
font-size: 26px;
font-weight: bold;
color: #4d3925;
margin-top: 10px;
}
.reason__item--subtitle {
font-size: 20px;
font-weight: bold;
color: #4d3925;
margin-top: 5px;
}
.reason__item--text {
font-size: 17px;
line-height: 1.8;
margin-top: 20px;
margin-bottom: 40px;
}
.reason__item--btn {
color: #976830;
font-size: 17px;
font-weight: bold;  position: relative;
border-bottom: 1px solid #976830;
padding: 0 35px 4px 0;
}
.reason__item--btn:hover {
opacity: 0.7;
}
.reason__item--btn::after {
position: absolute;
content: "";
width: 20px;
height: 20px;
top: 0px;
right: 0;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/reason-arrow.svg)
center center / contain;
}
.reason__item--btn::before { }
.reason__item--img {
width: 450px;
height: auto;
}
.reason__item--img img {
width: 450px;
height: auto;
object-fit: cover;
}
.reason_blog_bnr {
margin: 30px 0;
text-align: center;
}
.blog-in {
padding: 5px 15px 0px;
}
.section-top-blog .list-record a {
padding-bottom: 0;
}
@media screen and (max-width: 750px) {
.reason__title {
font-size: 24px;
margin-top: 25px;
}
.reason__img--wrapper {
height: auto;
margin-top: 25px;
}
.reason__item {
flex-direction: column;
margin-top: 40px;
}
.reason__items--title {
font-size: 24px;
}
.reason__item--top {
font-size: 16px;
}
.reason__item--title {
font-size: 19px;
}
.reason__item--subtitle {
font-size: 17px;
letter-spacing: -0.025em;
}
.reason__item--text {
font-size: 16px;
line-height: 1.6;
margin-top: 15px;
margin-bottom: 30px;
}
.reason__item--img {
width: 100%;
margin-bottom: 20px;
}
.reason__left,
.reason__right {
width: 100%;
order: 2;
}
.reason__text {
font-size: 16px;
line-height: 1.6;
margin-top: 25px;
}
.reason__item--btn:hover {
opacity: 1;
}
.reason_blog_bnr {
margin: 10px 0;
}
.section-top-blog .list-record a {
padding-bottom: 10px;
}
} .news-ticker-background {
width: 100%;
height: 260px;
background-color: #fffed8;
margin-top: -260px;
}
.news-ticker-items {
width: 100%;
display: flex;
justify-content: center;
column-gap: 30px;
background-color: #fffed8;
padding-bottom: 20px; }
@media screen and (max-width: 750px) {
.news-ticker-background,
.news-ticker-items {
display: none !important;
}
}
.news-ticker-news {
font-size: 23px;
color: #70461f;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
.news-ticker-all {
font-size: 18px;
font-weight: 600;
position: relative;
width: 90px;
font-family: "Poppins", sans-serif;
margin-right: 20px;
color: #5e4e3f;
}
.news-ticker-all::after {
position: absolute;
content: "";
bottom: 20px;
left: 0;
width: 120%;
height: 3px;
background-color: #fcdb21;
}
.news-ticker-all::before {
position: absolute;
content: "";
top: 26%;
transform: translateY(-50%) rotate(315deg);
right: -13px;
width: 10px;
height: 10px;
border-bottom: 2px solid #4d3925;
border-right: 2px solid #4d3925;
}
.news-ticker-wrapper {
position: relative;
width: 65%;
max-width: 930px;
height: 50px;
overflow: hidden;
text-align: center;
background-color: #fffed8;
margin-top: 3px;
}
.news-item {
position: absolute;
width: 100%;
top: 90%;
opacity: 0;
transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
display: flex;
justify-content: flex-start;
column-gap: clamp(10px, 1.821vw - 3.679px, 20px);
}
.news-item.active {
top: 0;
opacity: 1;
}
.news-item.exiting {
top: -90%;
opacity: 0;
}
.news-date {
color: #a37c49;
font-weight: bold;
width: 95px;
}
.news-category {
font-size: 14px;
color: #fff;
background-color: #70461f;
border-radius: 5px;
padding: 3px 6px 0;
font-weight: 600;
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-date,
.news-category,
.news-title {
margin-right: 5px;
display: inline-block;
}
.news-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
.shinnsakae__top {
padding-top: 0 !important;
}
.shinsakae__title {
padding-top: 40px !important;
}
.hamburger__list-sns {
padding-bottom: 150px;
} .section-counselor {
font-size: 16px;
}
.title-article {
margin-top: 50px;
}
.txt-only {
text-align: center;
line-height: 1.8;
}
.counselor__text--box {
margin-bottom: 40px;
}
.staff__items {
display: flex;
flex-wrap: wrap;
row-gap: 30px;
column-gap: 3.05%; }
.staff__item {
width: 31.3%; border-radius: 10px;
position: relative;
overflow: hidden;
box-shadow: 0 0 20px #e7e2d4c9;
}
.staff__item--img {
overflow: hidden;
transition: transform 0.3s ease;
width: 100%;
height: auto;
}
.staff__item--img img {
object-fit: cover;
transform: scale(1.4);
transform-origin: 50% 10%;
margin: 0 auto;
}
.staff__item:hover .staff__item--img {
transform: scale(1.1);
opacity: 1 !important;
}
.staff__item::after {
position: absolute;
background-color: #926933;
right: -40px;
bottom: -40px;
width: 76px;
height: 76px;
border-radius: 50%;
z-index: 3;
content: "";
}
.staff__item::before {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
font-size: 12px;
position: absolute;
z-index: 4;
right: 10px;
bottom: 10px;
transform: translateY(-50%);
width: 8px;
height: 8px;
}
.staff__item--texts {
padding: 25px 20px;
color: #513318;
background-color: #fff;
z-index: 2;
position: relative;
}
.staff__item--position {
font-size: 0.75em;
font-weight: bold;
margin-bottom: 5px;
}
.staff__item--name {
font-size: 1.125em;
margin-bottom: 5px;
border-bottom: dashed 1px #f69c1c;
}
.staff__item--headline {
font-size: 1em;
}
.staff__item--areas {
font-size: 0.7em;
color: #926933;
display: flex;
}
.staff__item--areas p {
font-weight: bold;
}
@media screen and (max-width: 750px) {
.section-counselor {
font-size: 16px;
}
.title-article {
margin-top: 30px;
margin-bottom: 15px;
}
.txt-only {
text-align: center;
line-height: 1.6;
}
.counselor__text--box {
margin-bottom: 30px;
}
.staff__items {
row-gap: 20px;
justify-content: space-between;
}
.staff__item {
width: 48%;
}
.staff__item::after {
right: -46px;
bottom: -46px;
}
.staff__item::before {
font-size: 10px;
right: 8px;
bottom: 9px;
width: 6px;
height: 6px;
}
.staff__item--img {
width: 100%;
height: 120px;
}
.staff__item--texts {
padding: 15px 10px 20px;
}
.staff__item--position {
font-size: 0.75em;
margin-bottom: 2px;
text-align: center;
}
.staff__item--name {
font-size: 1.25em;
border-bottom: dashed 1px #f69c1c;
text-align: center;
}
.staff__item--headline {
font-size: 0.875em;
letter-spacing: -0.025rem;
}
.staff__item--areas {
flex-direction: column;
}
} .staff__section {
font-size: 16px;
}
.page-staff__area {
display: flex;
column-gap: 10px;
position: relative;
margin-top: 50px;
}
.staff__item--area,
.staff__item--subarea {
background-color: #926933;
display: inline-block;
color: #fff;
width: 110px;
padding: 0.25em 0.3em;
text-align: center;
border-radius: 5px;
font-size: 0.75em;
font-weight: bold;
}
.staff__item--award {
position: absolute;
width: 140px;
height: 140px;
font-weight: bold;
font-size: 0.92em;
right: 0;
top: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
z-index: 1;
}
.staff__item--award p {
position: absolute;
width: 100%;
height: auto;
top: 25%;
left: 0;
line-height: 1.1428;
letter-spacing: -1.4px;
}
.gold {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/gold.svg)
no-repeat center center;
background-size: contain;
}
.silver {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/silver.svg)
no-repeat center center;
background-size: contain;
}
.copper {
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/copper.svg)
no-repeat center center;
background-size: contain;
}
.noto-serif-jp {
font-family: "Noto Serif JP", serif;
font-weight: 600;
}
.page-staff__top-title {
font-size: 1.8em;
margin: 25px 0;
width: calc(100% - 150px);
font-family: "Noto Serif JP", serif;
font-weight: 600;
}
.page-staff__top {
position: relative;
margin-bottom: 170px;
}
.page-staff__item--img img {
border-radius: 10px;
}
@media screen and (max-width: 750px) {
.staff__section {
font-size: 16px;
}
.page-staff__area {
column-gap: 6px;
margin-top: 20px;
}
.staff__item--award {
width: 90px;
height: 105px;
right: 0;
top: 20px;
}
.staff__item--award p {
font-size: 0.75em;
}
.staff__item--area,
.staff__item--subarea {
display: inline-block;
color: #fff;
width: 80px;
padding: 0.25em 0.5em;
font-size: 0.625em;
font-weight: bold;
}
.page-staff__top-title {
font-size: 1.25em;
letter-spacing: -0.025em;
line-height: 1.4;
margin: 15px 0 20px;
width: 100%;
}
.page-staff__top {
margin-bottom: 30px;
}
} .page-staff__top--item {
position: absolute;
bottom: -20%;
left: 0;
background: #fff;
padding-top: 48px;
padding-right: 50px;
width: 65%;
border-radius: 0 10px 0 0;
}
.page-staff__top--text {
font-size: 0.875em;
font-weight: bold;
}
.page-staff__top--names {
display: flex;
column-gap: 20px;
align-items: flex-end;
line-height: 1.2;
margin: 5px 0 20px;
}
.page-staff__top--name {
font-size: 2.25em;
font-weight: bold;
}
.page-staff__romaji {
font-size: 1.18em;
font-weight: bold;
color: #a4a49a;
}
.page-staff__feature {
border-radius: 5px;
border: 2px solid #ffd254;
padding: 20px 30px;
}
.page-staff__feature--title {
font-weight: bold;
margin-bottom: 5px;
}
.page-staff__feature--text {
font-size: 0.94em;
}
.page--staff__important--text {
line-height: 1.8;
}
.page--staff__pride--text {
line-height: 1.8;
}
@media screen and (max-width: 750px) {
.page-staff__top--item {
position: relative;
padding-top: 15px;
padding-right: 0;
width: 100%;
}
.page-staff__top--text {
font-size: 0.8em;
}
.page-staff__top--names {
column-gap: 10px;
margin: 5px 0 10px;
}
.page-staff__top--name {
font-size: 1.5em;
}
.page-staff__romaji {
font-size: 1em;
}
.page-staff__feature {
padding: 10px 15px;
}
.page-staff__feature--title {
margin-bottom: 5px;
}
.page--staff__important--text {
line-height: 1.6;
}
.page-staff__feature--text {
font-size: 0.85em;
}
} .page--staff__pride {
display: flex;
justify-content: space-between;
margin-top: 85px;
}
.page--staff__left {
width: 50%;
}
.page--staff__left img {
border-radius: 10px;
}
.page--staff__right {
width: 45%;
}
@media screen and (max-width: 750px) {
.page--staff__pride {
margin-top: 30px;
flex-wrap: wrap;
row-gap: 15px;
}
.page--staff__left {
width: 100%;
margin-bottom: 10px;
}
.page--staff__right {
width: 100%;
}
} .page--staff__recommendation {
background: #fffce3;
padding: 50px 40px;
border-radius: 10px;
margin-top: 50px;
}
.page--staff__recommendation--title {
padding-left: 45px;
position: relative;
}
.page--staff__recommendation--title::after {
content: "";
position: absolute;
left: 0;
top: 26%;
transform: translateY(-50%);
width: 38px;
height: 38px;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/light.svg)
no-repeat center center;
background-size: contain;
}
.page--staff__recommendation--text {
position: relative;
line-height: 2;
}
.page--staff__recommendation--text {
position: relative;
display: block;
}
.page--staff__recommendation--line {
display: block;
padding-left: 35px;
position: relative;
}
.page--staff__recommendation--line::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 21px;
height: 21px;
background: url(https://www.kekkon-canmariage.com/wp_kcm/wp-content/themes/fcvanilla/img/check.svg)
no-repeat center center;
background-size: contain;
}
@media screen and (max-width: 750px) {
.page--staff__recommendation {
padding: 25px 15px;
margin-top: 30px;
}
.page--staff__recommendation--title {
padding-left: 35px;
position: relative;
}
.page--staff__recommendation--title::after {
top: 30%;
transform: translateY(-50%);
width: 30px;
height: 30px;
}
.page--staff__recommendation--text {
line-height: 1.6;
}
.page--staff__recommendation--line {
padding-left: 25px;
}
.page--staff__recommendation--line::before {
top: 13.5px;
width: 18px;
height: 18px;
}
} .page--staff__profile {
margin-top: 60px;
}
.page--staff__profile h3,
.page-staff__title {
font-size: 1.625em;
font-weight: bold;
border-bottom: 1px solid #926935;
padding-bottom: 5px;
margin-bottom: 20px;
}
.page--staff__table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}
.page--staff__table th {
width: 22%;
text-align: center;
vertical-align: middle;
padding: 25px 5px 21px;
font-weight: bold;
border-bottom: 2px solid #ffbb01;
}
.page--staff__table th span {
display: block;
font-size: 0.75em;
}
.page--staff__table td {
padding: 25px 0 21px 25px;
vertical-align: middle;
line-height: 1.8;
}
.page--staff__table tr {
border-bottom: 1px solid #e5e5e5;
}
.page--staff__table tr:last-child { }
@media screen and (max-width: 750px) {
.page--staff__profile {
margin-top: 30px;
}
.page--staff__profile h3,
.page-staff__title {
font-size: 1.29em;
border-bottom: 1px solid #926935;
padding-bottom: 2px;
margin-bottom: 15px;
}
.page--staff__table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}
.page--staff__table tr {
margin-bottom: 10px;
}
.page--staff__table th {
display: inline-block;
width: 100%;
text-align: left;
padding: 8px 0;
}
.page--staff__table th span {
display: inline;
font-size: 12px;
}
.page--staff__table td {
padding: 8px 0 15px 0;
}
.page--staff__table tr {
border: none;
}
.page--staff__table tr:last-child {
border-bottom: none;
}
} .page-staff__bnr {
margin-top: 60px;
display: flex;
column-gap: 16px;
}
@media screen and (max-width: 750px) {
.page-staff__bnr {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
row-gap: 10px;
}
.page-staff__bnr a {
width: 100%;
}
} .page-staff__navigation {
display: flex;
margin-top: 60px;
transition: opacity 0.3s ease;
}
.page-staff__navigation a:hover {
opacity: 0.7;
}
.page-staff__navigation__item {
border-right: 1px solid #926935;
width: 33.33%;
}
.page-staff__navigation__item:last-child {
border-right: none;
}
.page-staff__navigation-prev-post {
color: #4c341c;
font-weight: bold;
}
.page-staff__navigation--left {
text-align: left;
}
.page-staff__navigation--center {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.page-staff__navigation--center a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%; text-decoration: underline;
}
.page-staff__navigation--position {
font-weight: normal;
}
.page-staff__navigation--name {
text-decoration: underline;
}
.page-staff__navigation--right {
text-align: right;
}
.page-staff__navigation--left-flex {
display: flex;
align-items: center; column-gap: 15px;
padding: 10px 0;
}
.page-staff__navigation--right-flex {
display: flex;
align-items: center;
justify-content: flex-end; column-gap: 15px;
padding: 10px 0;
}
.page-staff__navigation--img {
width: 38%;
}
.page-staff__navigation--img img {
border-radius: 5px;
}
.page-staff__navigation--prev {
position: relative;
padding-left: 20px;
}
.page-staff__navigation--prev::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-left: 2px solid #4c341c;
border-bottom: 2px solid #4c341c;
transform: translateY(-50%) rotate(45deg);
}
.page-staff__navigation--next {
position: relative;
padding-right: 20px;
}
.page-staff__navigation--next::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-right: 2px solid #4c341c;
border-top: 2px solid #4c341c;
transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 750px) {
.page-staff__navigation {
display: flex;
margin-top: 30px;
transition: opacity 0.3s ease;
}
.page-staff__navigation__item {
width: 33.33%;
}
.page-staff__navigation__item:last-child {
border-right: none;
}
.page-staff__navigation-prev-post {
color: #4c341c;
font-weight: bold;
}
.page-staff__navigation--left {
text-align: left;
}
.page-staff__navigation--center {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.page-staff__navigation--center a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding-top: 0;
text-decoration: underline;
}
.page-staff__navigation--position {
font-weight: 400;
font-size: 11px;
}
.page-staff__navigation--name {
text-decoration: underline;
}
.page-staff__navigation--right {
text-align: right;
}
.page-staff__navigation--left-flex {
display: flex;
align-items: center; column-gap: 15px;
padding: 10px 0;
}
.page-staff__navigation--right-flex {
display: flex;
align-items: center;
justify-content: flex-end; column-gap: 15px;
padding: 10px 0;
}
.page-staff__navigation--img {
display: none; } .page-staff__navigation--prev {
position: relative;
padding-left: 20px;
}
.page-staff__navigation--prev::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-left: 2px solid #4c341c;
border-bottom: 2px solid #4c341c;
transform: translateY(-50%) rotate(45deg);
}
.page-staff__navigation--next {
position: relative;
padding-right: 20px;
}
.page-staff__navigation--next::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-right: 2px solid #4c341c;
border-top: 2px solid #4c341c;
transform: translateY(-50%) rotate(45deg);
}
} .aria__info--img {
width: 35%;
}
@media screen and (max-width: 750px) {
.aria__info--img {
width: 100%;
}
} .aria-counselor {
margin: 20px 0 0;
font-size: 16px;
}
#prof .intro {
text-align: center;
}
#prof .small {
text-align: center;
font-size: 0.75em;
color: #ae8953;
}
.aria-record {
padding: 0 !important;
border: none !important;
margin-top: 0 !important;
}
.aria--record--img img {
transform: scale(1) !important;
}
.aria--record--title {
font-size: 16px;
}
@media screen and (max-width: 750px) {
.aria--record--day {
text-align: left;
}
.aria--record--img {
height: auto;
}
.aria-record {
margin-bottom: 20px !important;
}
.aria--record--title {
letter-spacing: 0;
}
}