@charset "utf-8";
/*
Theme Name:yumekoujyou_2023
Description:幸せ夢工場ウェブサイト
Version:2.0
Author:WEBYA INC.
*/
/* webfont */
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,500');
/*yakuhan*/
@import url('//cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanrp.min.css');
/* CSS Document */
@import "shared/css/reset.css";
@import "shared/css/common.css?20241016";
@import "shared/css/header.css";
@import "shared/css/footer.css?20250314";
@import "shared/css/page-top.css";
@import "shared/css/pages.css?20241105";
@import "shared/css/pages-layout.css?20241114";
@import "shared/css/animation.css";
@import "shared/css/popup.css";
/* for smartphone */
/*@import "shared/css/sp/layout.css" screen and (max-width: 767px);*/
/* for pc */
/*@import "shared/css/layout.css" screen and (min-width: 768px);*/
/* 印刷用 */
/*@import url("shared/css/print.css") print;
メディアクエリに適用しない
*/
@font-face {
font-family: 'yumekoujyou';
src:
url('shared/font/yumekoujyou.ttf') format('truetype'),
url('shared/font/yumekoujyou.woff') format('woff'),
url('shared/font/yumekoujyou.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'yumekoujyou' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow_left:before {
/* 左向き矢印 */
content: "\e900";
}
.icon-arrow_right:before {
/* 右向き側矢印 */
content: "\e901";
}
.icon-arrow_up:before {
/* 上向き矢印 */
content: "\e902";
}
.icon-mail:before {
/* メール */
content: "\e903";
}
.icon-phone:before {
/* 電話 */
content: "\e904";
}
.icon-shop:before {
/* 店舗 */
content: "\e905";
}
.icon-map:before {
/* マップ */
content: "\e906";
}
#header_wrap .wrap_bg03 .inner_bottom #glnav ul li a {
font-family: YakuHanRP, "F+UD-スーラ DB", sans-serif;
}
article .archive_interview_wrap .inner_col .block_img .item_box .item_num .num {
font-family: "Quicksand", sans-serif;
font-weight: 300;
}
.wrap_contact .contact_table input[readonly="readonly"],
::-webkit-input-placeholder {
font-family: YakuHanRP, "F+UD-スーラ M", sans-serif!important;
}
.wrap_contact .contact_table input[readonly="readonly"] {
border: none;
background: rgba(255,255,255,.8);
}
article .navy a {
background-color: #032B51;
}
article .btn_c {
justify-content: center;
align-items: end;
margin: 20px 0 0;
}
@media only screen and (min-width: 769px) {
#header_wrap .wrap_bg03 {
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0)!important;
}
#header #header_wrap .fixed {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2)!important;
}
.wrap_section_voice .wrap_another .inner_title {
background:url(shared/image/blog_bg.jpg) center center /cover no-repeat;
padding-top: 50%;
}
.block_box a {
font-size: 1.5rem;
}
#contents .alignleft {
padding: 0;
margin: 0 1.5em 2em 0;
}
#contents .alignright {
padding: 0;
margin: 0 0 2em 1.5em;
}
article .wrap_mainimg,
article .wrap_mainimg_bg {
position: relative;
}
article .wrap_mainimg::before,
article .wrap_mainimg_bg::before,
article .wrap_mainimg::after,
article .wrap_mainimg_bg::after {
content: "";
position: absolute;
display: block;
z-index: 2;
}
article .wrap_mainimg::before {
width: 180px;
height: 182px;
top: -60;
left: -80px;
background: url(./shared/image/lt.png) center center / contain no-repeat transparent;
}
article .wrap_mainimg_bg::before {
width: 240px;
height: 228px;
top: -30px;
right: -50px;
background: url(./shared/image/rt.png) center center / contain no-repeat transparent;
}
article .wrap_mainimg::after {
width: 333px;
height: 203px;
bottom: -30px;
left: -70px;
background: url(./shared/image/lb.png) center center / contain no-repeat transparent;
}
article .wrap_mainimg_bg::after {
width: 197px;
height: 253px;
bottom: -30px;
right: -90px;
background: url(./shared/image/rb.png) center center / contain no-repeat transparent;
}
/* 自由予約／問い合わせ上 */
.mail_header {
width: 78%;
margin: 0 auto 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.mail_header .mail_message {
font-family: "FOT-Popジョイ Std B", "PopJoyStd-B", sans-serif;
border-right: solid 1px #bbbbbb;
-ms-flex-order: 1;
order: 1;
padding: 10px 0px 0px 10px;
position: relative;
width: 75%;
}
.mail_header .mail_message p {
font-size: 1.8rem;
line-height: 1.6;
/*color: #ff7666;*/
letter-spacing: -1px;
}
.mail_header .mail_message::before {
border: 12px solid transparent;
border-left: 12px solid #FFF;
content: "";
margin-right: -15px;
position: absolute;
right: -9px;
top: calc( 30% - 6px );
z-index: 2;
}
.mail_header .mail_message::after {
border: 13px solid transparent;
border-left: 13px solid #bbbbbb;
content: "";
margin-right: -16px;
position: absolute;
top: calc( 30% - 7px );
right: -10px;
z-index: 1;
}
.mail_header .mail_staffimg {
-ms-flex-order: 2;
order: 2;
width: 23%;
margin-bottom: 0px;
}
.mail_header .mail_staffimg img {
width: 100%;
}
.wrap_contact .item_confirmtxt {
margin: 0 auto 20px;
padding: 15px 20px;
width: 100%;
height: 130px;
overflow-y: scroll;
}
.wrap_contact .item_confirmtxt p,
.wrap_contact .item_confirmtxt ol {
font-size: 1.3rem;
line-height: 1.6!important;
}
.wrap_contact .item_confirmtxt p + ol {
margin-top: 1.5em;
}
.wrap_contact .item_confirmtxt h6 {
font-size: 1.4rem;
margin: 1em 0 .5em;
}
.contact_table input#zip {
width: 7em;
}
.item_checkbtn label:hover {
cursor: pointer;
}
.wrap_contact .contact_table textarea {
width: 95%;
height: 12em;
}
.wrap_contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid,
.wrap_contact textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.wpcf7-not-valid {
background: #fffcb3!important;
}
.wrap_contact select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.wpcf7-not-valid {
background: #fffcb3 url(./shared/image/icon_select-arrowb.svg) no-repeat calc(100% - 10px) 50%/14px;
}
.wrap_contact .contact_table select {
background: white url(./shared/image/icon_select-arrowb.svg) no-repeat calc(100% - 10px) 50%/14px!important;
}
.wrap_contact .wpcf7-not-valid-tip {
margin: 5px 0 0;
color: #f00;
font-size: 1.4rem;
display: block;
animation: flash 1.6s infinite;
}
@-webkit-keyframes flash{
50%{
opacity: 0;
}
}
@keyframes flash{
50%{
opacity: 0;
}
}
#reserve_present {
width: 780px;
margin: 40px auto 40px;
}
.wrap_contact .contact_table .wpcf7-list-item .wpcf7-list-item-label {
cursor: pointer;
}
article .wrap_single_event .inner_event_date p {
margin: 0;
text-align: center;
font-size: 2rem;
}
/* article .wrap_planbox:nth-child(odd) .inner_name {
background: linear-gradient(166.09297534047073deg, rgba(255, 255, 255,1) 18.860759493670884%,rgba(254, 254, 255,1) 18.860759493670884%,rgba(207, 218, 255,1) 89.74683544303797%);
}
article .wrap_planbox .inner_name {
background: linear-gradient(166.09297534047073deg, rgba(255, 255, 255,1) 18.860759493670884%,rgba(254, 255, 254,1) 18.860759493670884%,rgba(243, 255, 240,1) 89.74683544303797%);
}*/
.card_txt .item_img + .list_btn {
margin-top: 20px;
margin-bottom: 0;
}
.card_txt .list_btn .btn {
margin-bottom: 0;
}
article .wrap_interview_cacth .inner_left .item_num {
font-family: "Quicksand", sans-serif;
font-weight: 300;
}
article .archive_interview_wrap .inner_col .block_img .item_box .item_num .txt,
article .wrap_interview_cacth .inner_left .item_txt {
font-family: "Quicksand", sans-serif;
font-weight: 500;
}
article .wrap_shop_col2 .wrap_shop .inner_box .item_link {
text-align: left;
}
article .wrap_shop_col2 .wrap_shop .in_model {
position: relative;
}
.in_model .modelhouse_persons {
height: 30%;
width: auto;
position: absolute;
right: 8px;
bottom: 0;
}
#point_wrap #pt1 {
background: #fff url(./shared/image/point_1.png) calc(100% - 10px) calc(100% - 10px) / 150px no-repeat;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
#point_wrap #pt2 {
background: #fff url(./shared/image/point_2.png) calc(100% - 10px) calc(100% - 10px) / 150px no-repeat;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
#point_wrap #pt3 {
background: #fff url(./shared/image/point_3.png) calc(100% - 10px) calc(100% - 40px) / 150px no-repeat;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
#point_wrap #pt4 {
background: #fff url(./shared/image/point_4.png) calc(100% - 30px) 90px / 150px no-repeat;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.greet_kikuchi {
max-width: 600px;
margin: 0 auto 40px;
padding: 20px 25px;
background: #fff;
border-radius: 6px;
box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}
.greet_kikuchi .kikuchi_title {
font-family: YakuHanRP, "F+UD-スーラ DB", sans-serif;
font-size: 2.4rem;
color: #634a2b;
}
.greet_kikuchi .alignright {
margin: 0 0 0 1.5em!important;
}
.beashas_title {
margin-bottom: 40px;
}
.single_beashas .beashas_title img {
width: 50%;
}
.sevenestate_title {
width: 40%!important;
max-width: 40%!important;
}
.sevenestate_renovation {
display: -webkit-flex;
display: flex;
}
.renovation_menu {
width: 840px;
margin: 0 auto 30px;
text-align: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.renovation_menu a {
display: block;
padding: 8px 15px;
border: none;
background-color: #e7e7e7;
}
.renovation_menu a:hover {
background-color: #032B51;
color: #fff;
}
.renovation_menu dt {
font-family: "Quicksand", sans-serif;
font-size: 2rem;
font-weight: 500;
}
.renovation_menu dd {
font-size: 1.2rem;
}
.sr_main {
margin: 0 50px;
-webkit-flex: 2;
flex: 2;
flex-basis: 200px;
}
.sr_side {
-webkit-flex: 1;
flex: 1;
}
article .wrap_col2 .renovation_col {
width: 47.5%;
}
article .wrap_col2 .renovation_col img {
width: 100%;
}
article .wrap_col3 .renovation_col {
width: 30%;
}
article .wrap_col4 .renovation_col {
width: 22%;
}
.renovation_title {
text-align: center;
font-family: YakuHanRP, "F+UD-スーラ DB", sans-serif;
}
.renovation_col p + p {
margin-top: 8px;
}
.ba_title {
text-align: center;
margin: 0 0 20px;
}
.ba_title img {
height: 48px;
width: auto;
}
.wrap_section_event .wrap_right .inner_box .inner_left,
.wrap_section_event .wrap_right .inner_box .inner_right {
position: relative;
}
/*.inner_left:after {
content: "";
width: 100px;
height: 224px;
background: url(./shared/image/home_modelhouse_1.png) center bottom/cover no-repeat;
position: absolute;
bottom: 0;
right: 8px;
}*/
/*.inner_left:after {
content: "";
width: 130px;
height: 170px;
background: url(./shared/image/home_modelhouse_4.png) center bottom/cover no-repeat;
position: absolute;
bottom: 0;
right: -28px;
}*/
/* .inner_right:after {
content: "";
width: 160px;
height: 186px;
background: url(./shared/image/home_modelhouse_2.png) center bottom/cover no-repeat;
position: absolute;
bottom: 0;
right: 8px;
}*/
/*.inner_right:after {
content: "";
width: 145px;
height: 210px;
background: url(./shared/image/home_modelhouse_3.png) center bottom/cover no-repeat;
position: absolute;
bottom: 0;
right: 8px;
}*/
.wrap_section_event .wrap_right .inner_box .inner_right .block_box .item_right .link {
text-align: left;
}
#top_slider {
position: relative;
}
#top_slider .sp-slide img{
width:100%;
}
#top_slider::before {
position: absolute;
content: "";
left: 100px;
bottom: 0;
width: 125px;
height: 235px;
display: block;
/*background: url(./shared/image/miyazawa.png) no-repeat 0 0;
background-size: 150px 180px;*/
/*background: url(./shared/image/img_kadomatu02_left.png) no-repeat 0 0;*/
background-size: 125px 193px;
z-index: 10;
}
#top_slider::after {
position: absolute;
content: "";
/*right: -30px;*/
right: 100px;
bottom: 0;
width: 125px;
height: 235px;
display: block;
/*background: url(./shared/image/yayoi.png) no-repeat 0 0;
background-size: 210px 210px;*/
/*background: url(./shared/image/img_kadomatu02_right.png) no-repeat 0 0;*/
background-size: 125px 193px;
}
.wrap_section_event .wrap_left .inner_box .inner .block_link .item_txt .date {
line-height: 1.3;
}
.wrap_single_event .date {
font-size: 2.5rem!important;
font-family: YakuHanRP, "F+UD-スーラ DB", sans-serif;
}
}
@media only screen and (max-width: 768px) {
.wrap_section_voice .wrap_another .inner_title {
background: transparent url(shared/image/blog_bg.jpg) center center /cover no-repeat;
border-radius: 6px 6px 0 0;
padding-top: 40%;
position: relative;
}
article .read_desc + h4,
article * + h5,
article * + .number_h3 {
margin-top: 20px;
}
#sp_header_top .inner_description {
text-align: left;
}
#contents .alignleft, #contents .alignright {
text-align: center;
float: none;
margin: 0 auto;
width: 60%;
display: block;
}
article h5 {
padding: 3px 25px 5px 10px;
}
article .wrap_num .item_num {
font-size: 2rem;
font-family: "quicksand";
font-weight: 600;
}
article table th {
background: var(--light-brown);
padding: 8px 12px;
}
article table.colum_table td {
background-color: #f9f9f9;
padding: 8px 12px;
}
#wrap #breadcrumb {
padding: 8px 15px;
}
article .wrap_interview_cacth .inner_left .item_num {
line-height: 1.5;
}
article .wrap_interview_who .inner_staff {
justify-content: center;
margin: 20px auto;
}
article .wrap_planbox .inner_name {
padding: 12px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(50, #F6FFED), color-stop(100, #D1FFAD));
background: -webkit-linear-gradient(top, #FFFFFF 0%, #F6FFED 50%, #D1FFAD 100%);
background: linear-gradient(to bottom, #FFFFFF 0%, #F6FFED 50%, #D1FFAD 100%);
}
article .wrap_planbox:nth-child(odd) .inner_name {
background: linear-gradient(166.09297534047073deg, rgba(255, 255, 255,1) 18.860759493670884%,rgba(254, 254, 255,1) 18.860759493670884%,rgba(207, 218, 255,1) 89.74683544303797%);
}
article .wrap_planbox .inner_name {
background: linear-gradient(166.09297534047073deg, rgba(255, 255, 255,1) 18.860759493670884%,rgba(254, 255, 254,1) 18.860759493670884%,rgba(243, 255, 240,1) 89.74683544303797%);
}
article .wrap_archive_slider .wrap_slider_thumb .item_thumb {
line-height: inherit;
padding: 8px 8px 10px;
}
article .wrap_imagebox img {
margin-bottom: -5px;
}
#point_wrap .wrap_point {
font-family: YakuHanRP, "F+UD-スーラ DB", sans-serif;
}
.mail_header {
}
.mail_header .mail_message {
font-family: "FOT-Popジョイ Std B", "PopJoyStd-B", sans-serif;
border-bottom: solid 1px #bbbbbb;
margin: 15px 0 0px;
padding-bottom: 15px;
position: relative;
}
.mail_header .mail_message p {
font-size: 1.5rem;
line-height: 1.6;
/*color: #ff7666;*/
letter-spacing: -1px;
}
.mail_header .mail_message::before {
border: 12px solid transparent;
border-top: 12px solid #FFF;
content: "";
margin-left: -15px;
position: absolute;
bottom: -24px;
left: 50%;
z-index: 2;
}
.mail_header .mail_message::after {
border: 13px solid transparent;
border-top: 13px solid #bbbbbb;
content: "";
margin-left: -16px;
position: absolute;
bottom: -26px;
left: 50%;
z-index: 1;
}
.mail_header .mail_staffimg {
max-width: 190px;
margin: 0 auto;
}
.mail_header .mail_staffimg img {
width: 100%;
}
.wrap_contact .item_confirmtxt {
margin: 0 auto 20px;
padding: 15px 20px;
width: calc( 100% - 100px );
height: 110px;
overflow-y: scroll;
}
.wrap_contact .item_confirmtxt p,
.wrap_contact .item_confirmtxt ol {
font-size: 1.2rem;
line-height: 1.5!important;
}
.wrap_contact .item_confirmtxt p + ol {
margin-top: 1.5em;
}
.wrap_contact .item_confirmtxt h6 {
font-size: 1.4rem;
margin: 1em 0 .5em;
}
.wrap_contact .contact_table textarea {
height: 6em;
}
.wrap_contact .contact_table select {
background: white url(./shared/image/icon_select-arrowb.svg) no-repeat calc(100% - 10px) 50%/12px;
padding: 6px 25px 6px 6px;
}
.select-month > select.wpcf7-form-control.wpcf7-select,
.select-day > select.wpcf7-form-control.wpcf7-select {
width: 3.75em!important;
}
.select-time > select.wpcf7-form-control.wpcf7-select,
.address1 > select.wpcf7-form-control.wpcf7-select,
.zip > input {
width: 8em!important;
}
.wrap_contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid,
.wrap_contact textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.wpcf7-not-valid {
background: #fffcb3!important;
}
.wrap_contact select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.wpcf7-not-valid {
background: #fffcb3 url(../image/icon_select-arrowb.svg) no-repeat calc(100% - 10px) 50%/18px;
}
.wrap_contact .wpcf7-not-valid-tip {
margin: 5px 0 0;
color: #f00;
font-size: 1.4rem;
display: block;
animation: flash 1.6s infinite;
}
@-webkit-keyframes flash{
50%{
opacity: 0;
}
}
@keyframes flash{
50%{
opacity: 0;
}
}
.wrap_contact .contact_table .wpcf7-list-item {
background-color: transparent;
border: none;
margin: 0;
padding: 0;
}
.wrap_contact .contact_table .wpcf7-list-item label {
background-color: white;
border: solid 1px #bbbbbb;
border-radius: 6px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0 0 5px;
padding: 8px;
width: 100%;
}
article .wrap_shop_col2 .wrap_shop .in_model {
position: relative;
}
.in_model .item_link {
width: 20em!important;
}
.in_model .item_link a {
text-align: left;
z-index: 2;
}
.in_model .modelhouse_persons {
height: 32%;
width: auto;
position: absolute;
right: 10px;
bottom: 0;
}
.greet_kikuchi .kikuchi_title {
font-family: YakuHanRP, "F+UD-スーラ DB", sans-serif;
font-size: 1.8rem;
color: #634a2b;
}
/* */
.sr_side:first-child {
width: 60%;
text-align: center;
margin: 0 auto;
}
.sr_side:last-child {
display: none;
}
.renovation_menu {
width: 100%;
}
.renovation_menu dl + dl {
margin-top: 10px;
}
.renovation_menu a {
display: block;
padding: 8px 15px;
border: none;
border-radius: 6px;
text-align: center;
background-color: #b9d3ec;
}
.renovation_menu a:hover {
background-color: #e7e7e7;
}
.renovation_menu dt {
font-family: "Quicksand", sans-serif;
font-size: 1.6rem;
font-weight: 500;
}
.renovation_menu dd {
font-size: 1rem;
}
.renovation_title {
text-align: center;
font-family: YakuHanRP, "F+UD-スーラ DB", sans-serif;
font-size: 1.5rem;
}
.renovation_title + p {
text-align: left;
}
.renovation_col {
text-align: center;
}
.renovation_col p + p {
margin-top: 5px;
}
.ba_title {
text-align: center;
margin: 0 0 10px;
}
.ba_title img {
height: 30px;
width: auto;
}
.renovation_col > img {
width: 70%;
text-align: center;
margin: 0 auto;
}
.wrap_section_event .wrap_right .inner_box .inner_left,
.wrap_section_event .wrap_right .inner_box .inner_right {
position: relative;
}
/*.wrap_section_event .inner_left:after {
content: "";
width: 78px;
height: 174px;
background: url(./shared/image/home_modelhouse_1.png) center bottom/cover no-repeat;
position: absolute;
bottom: 0;
right: 8px;
}*/
/*.wrap_section_event .inner_left:after {
content: "";
width: 116px;
height: 154px;
background: url(./shared/image/home_modelhouse_4.png) center bottom/cover no-repeat;
position: absolute;
bottom: 0;
right: -8px;
}*/
/* .wrap_section_event .inner_right:after {
content: "";
width: 130px;
height: 151px;
background: url(./shared/image/home_modelhouse_2.png) center bottom/cover no-repeat;
position: absolute;
bottom: 0;
right: 8px;
}*/
/*.wrap_section_event .inner_right:after {
content: "";
width: 110px;
height: 170px;
background: url(./shared/image/home_modelhouse_3.png) center bottom/cover no-repeat;
position: absolute;
bottom: 0;
right: 8px;
}*/
.wrap_section_event .wrap_right .inner_box .inner_right .block_box .item_right .link {
text-align: left;
}
#top_slider {
position: relative;
}
#top_slider::before {
position: absolute;
content: "";
left: 0px;
bottom: 0;
width: 80px;
height: 96px;
display: block;
/*background: url(./shared/image/miyazawa.png) no-repeat 0 0;
background-size: 80px 96px;*/
z-index: 10;
/* background: url(./shared/image/img_kadomatu02_left.png) no-repeat center center/50px 77px;
*/ }
#top_slider::after {
position: absolute;
content: "";
right: -0px;
bottom: 0;
width: 80px;
height: 100px;
display: block;
/*background: url(./shared/image/yayoi.png) no-repeat 0 0;
background-size: 100px 100px;*/
/* background: url(./shared/image/img_kadomatu02_right.png) no-repeat center center/50px 77px;
*/ }
.wrap_section_event .wrap_left .inner_box .inner .block_link .item_txt .date {
line-height: 1.3;
}
.wrap_single_event .date {
font-size: 1.8rem!important;
line-height: 1.3;
font-family: YakuHanRP, "F+UD-スーラ DB", sans-serif;
}
}
/* before after */
.cocoen{box-sizing:border-box;cursor:pointer;line-height:0;margin:0;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cocoen *{box-sizing:inherit}.cocoen ::after,.cocoen ::before{box-sizing:inherit}.cocoen img,.cocoen picture>img{max-width:none}.cocoen>img,.cocoen>picture>img{display:block;width:100%}.cocoen>div:first-child,picture .cocoen>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}.cocoen-drag{background:#fff;bottom:0;cursor:ew-resize;left:50%;margin-left:-1px;position:absolute;top:0;width:2px}
.cocoen-drag::before {
border: 2px solid #fff;
content: '';
height: 48px;
left: 50%;
margin-left: -24px;
margin-top: -18px;
position: absolute;
top: 50%;
width: 48px;
border-radius: 24px;
background-color: rgba(255, 255, 255, .7);
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20180518(お問い合わせ、サンクスページ追加)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#thanks_telbox{
margin-bottom: 0;
}
#thanks_telbox strong{
margin-bottom: 5px;
}
#thanks_telbox small{
display: block;
margin-bottom: 10px;
}
#thanks_telbox .block_tel{
display: flex;
align-items: center;
line-height: 1;
}
#thanks_telbox .block_tel .inner_img img{
width: 30px;
}
#thanks_telbox .block_tel .inner_number{
font-size: 2.7rem;
font-weight: 600;
white-space: nowrap;
}
@media only screen and (min-width: 769px) {
#thanks_telbox{
}
#thanks_telbox small{
}
#thanks_telbox .block_tel{
}
#thanks_telbox .block_tel .inner_img img{
width: 34px;
}
#thanks_telbox .block_tel .inner_number{
font-size: 3.2rem;
font-weight: 600;
}
}
.contact_table .c_small{
display: block;
font-size: 1.2rem;
line-height: 1.6;
padding-top: 5px;
position: relative;
padding-left: 20px;
}
.contact_table .c_small::before{
content: '※';
position: absolute;
top: 5px;
left: 5px;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20181016夢工場追加
–––––––––––––––––––––––––––––––––––––––––––––––––– */
article .wrap_list_shop .inner_list_shop .block_list_shop .item_img .item_type_box.kumagaya70s_event{
background-color: #032b51;
}
/* 幸せ夢工場へようこそ（https://www.yumekoujyou.com/introduction/） */
article .k70s{
background-color: var(--subcolor-brown);
/*background-color: #032b51;*/
}
article .wrap_shop_col2 .wrap_kumagayamodel .item_title{
background-color: var(--subcolor-brown);
/*background-color: #032b51;*/
}
article .cazabase{
background-color: var(--subcolor-brown);
/*background-color: #505fa0;*/
}
article .wrap_shop_col2 .wrap_cazabasemodel .item_title{
background-color: var(--subcolor-brown);
/*background-color: #505fa0;*/
}
@media only screen and (min-width: 769px){
article .wrap_shop_col2 .wrap_cazabasemodel{
width: calc(50% - 10px);
}
article .wrap_shop_col2 .wrap_kumagayamodel{
width: calc(50% - 10px);
}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20181019（home.php）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wrap_section_event .wrap_left .inner_box .inner .block_link .item_img .item_type_box.kumagaya70s_event{
background-color: #032b51;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom{
background-color: white;
margin-top: 10px;
position: relative;
width: 100%;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box {
padding: 10px;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_img {
margin-bottom: 10px;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_title{
background-color: #032b51;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_right {
width: 80%;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_right .title {
font-size: 1.6rem;
margin-bottom: 10px;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_right .link a {
background-color: #032b51;
border-radius: 6px;
color: white;
display: inline-block;
font-size: 1.2rem;
padding: 8px 20px 6px;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_bottom_link {
background-color: #032b51;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_bottom_link .img {
position: absolute;
bottom: 0;
right: -15px;
width: 130px;
}
.wrap_section_event .wrap_right .inner_box .inner_top{
background-color: white;
margin-top: 0px;
position: relative;
width: 100%;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box {
padding: 0px;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_img {
margin-bottom: 0px;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_title,
.wrap_section_modelhouse .wrap_right .inner_box .inner_top .block_title{
background-color: var(--kusumi-yellow);
/*background-color: #e8ae2d;*/
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_right {
width: 100%;
padding:10px;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_right .title {
font-size: 1.6rem;
margin-bottom: 10px;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_right .link a {
background-color: #032b51;
border-radius: 6px;
color: white;
display: inline-block;
font-size: 1.2rem;
padding: 8px 20px 6px;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_bottom_link {
background-color: var(--fukaya);
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_bottom_link .img {
position: absolute;
bottom: 0;
right: -15px;
width: 130px;
}
@media only screen and (min-width: 769px){
.wrap_section_event .wrap_left .inner_box{
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wrap_section_event .wrap_left .inner_box .inner{
width: calc(25% - 15px);
margin-bottom: 20px;
margin-right: 20px;
display: flex;
background-color: var(--light-brown);
}
.wrap_section_event .wrap_left .inner_box .inner:nth-child(4n){
margin-right: 0;
}
.wrap_section_event .wrap_right .inner_box {
flex-flow: wrap;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom{
margin-top:40px;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box{
display: flex;
justify-content: space-between;
padding: 15px;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_img {
margin-bottom: 0px;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_bottom_link {
border-radius: 6px 0 6px 0;
justify-content: flex-start;
padding-left: 30px;
position: absolute;
right: 0;
bottom: 0;
text-align: left;
width: 40%;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_img{
width: 55%;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_right{
width: 40%;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_right .txt{
font-size: 1.3rem;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_right .title {
font-size: 2rem;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_right .link a {
font-size: 1.4rem;
padding: 6px 20px 4px;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_box .item_right .link a:hover {
cursor: pointer;
transition: all .3s ease;
opacity: 0.7;
}
.wrap_section_event .wrap_right .inner_box .inner_bottom .block_bottom_link .img {
right: -10px;
width: 155px;
}
.wrap_section_event .wrap_right .inner_box .inner_top{
margin-bottom:0px;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-flow: wrap;
flex-flow: wrap;
margin-bottom: 0px;
padding: 0px;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box a{
width:50%;
padding:10px;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_img {
margin-bottom: 0px;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_bottom_link {
padding-left: 30px;
text-align: left;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_img{
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_right{
width:100%;
padding:10px 10px 0;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_right .txt{
font-size: 1.3rem;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_right .title {
font-size: 2rem;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_right .link a {
font-size: 1.4rem;
padding: 6px 20px 4px;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_box .item_right .link a:hover {
cursor: pointer;
transition: all .3s ease;
opacity: 0.7;
}
.wrap_section_event .wrap_right .inner_box .inner_top .block_bottom_link .img {
right: -10px;
width: 155px;
}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20181019（footer.php）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#footer .footer_wrap .wrap_right .inner_address .block_sp .item_70skumagaya {
background-color: #032b51;
}
@media only screen and (min-width: 769px){
#footer .footer_wrap .wrap_right .inner_address .block_pc {
flex-flow: wrap;
}
#footer .footer_wrap .wrap_right .inner_address .block_pc .item_70skumagaya {
flex-flow: wrap;
margin-top:30px;
width: 100%;
}
#footer .footer_wrap .wrap_right .inner_address .block_pc .item_70skumagaya .item_right a{
background-color: #032b51;
}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20181019（nav-pc.php）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (min-width: 769px){
#header_wrap .wrap_bg02 .inner_middle .block_shop{
}
#header_wrap .wrap_bg02 .inner_middle .block_shop .col{
font-size: 1.2rem;
margin:0 0 0 5px !important;
padding: 5px 10px;
}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20181220（ヘッダー女性削除）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (min-width: 769px){
#header_wrap .wrap_bg02 .inner_middle{
background:none;
}
#header_wrap .wrap_bg02 .inner_middle .block_contact{
margin-right: 10px;
}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20181220（お問い合わせ、下を指す女性削除）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mail_header .mail_message::before,.mail_header .mail_message::after{
display: none!important;
}
.mail_header .mail_message{
border: none;
}
.mail_header .mail_staffimg img{
display: none!important;
}
@media only screen and (min-width: 769px){
.mail_header{
background:none;
display: block;
}
.mail_header .mail_message{
margin:20px auto;
text-align: center;
}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20181225（メインビジュアル下のお知らせ）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nenmatu_box{
background-color: white;
border-radius: 6px;
padding: 15px;
/*margin-bottom: 30px;*/
margin: 0 10px 30px
}
.nenmatu_box .nenmatu_title{
background: #60ad86;
color: white;
border-radius: 5px;
padding: 3px;
min-width: 200px;
align-self: flex-start;
text-align: center;
margin-bottom: 10px;
font-size:1.8rem;
}
.nenmatu_box .nenmatu_desc{
}
.nenmatu_box ul {
padding:0;
margin:10px 0 10px 26px;
}
.nenmatu_box li {
list-style:disc;
}
@media only screen and (min-width: 769px){
.nenmatu_box{
/*display: flex;
margin-bottom: 30px;*/
margin: 0 auto 30px;
width: 80%;
}
.nenmatu_box .nenmatu_title{
margin-right: 0px;
}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20200124（来場予約 datepicker）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wrap_contact .contact_table #date_box_table tr:nth-child(odd) {
background-color:#FFF !important;
}
th.picker__weekday {
text-align:center !important;
}
.picker__year {
font-size:inherit !important;
}
.picker__frame {
width:94% !important;
}
.picker__table {
border-top:none !important;
}
/*.picker__button--clear {
display:none;
}*/
.wrap_contact .picker__table th {
display:table-cell;
padding: .25em 0!important;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.wrap_contact .picker__table td {
display:table-cell;
padding: 0!important;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.picker__table thead th:first-child {
color: #bf0000;
}
.picker__table thead th:last-child {
color: #4333b0;
}
.picker__day {
padding: .3125em 0;
font-weight: 200;
}
.picker__year {
font-style: normal!important;
color: #333!important;
font-size: 16px!important;
font-style: normal!important;
}
.picker__year::after {
content: "年";
}
.picker__footer,
input#date_box {
font-family: YakuHanRP, "F+UD-スーラ M", "F+UD-Seurat M", sans-serif!important;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{
background:#0089ec !important;
}
.picker__day--highlighted.picker__day--disabled {
background: #f5f5f5 !important;
border-color: #f5f5f5 !important;
}
.picker__day--infocus.picker__day--highlighted:hover {
cursor: pointer;
color: #000;
background-color: #b1dcfb !important;
}
@media only screen and (min-width: 769px){
.wrap_contact .picker__table th,
.wrap_contact .picker__table td {
display:table-cell;
}
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
cursor: pointer;
color: #000;
background: transparent!important;
}
.picker__day--highlighted {
background: transparent!important;
}
.picker__day--highlighted {
border-color: transparent!important;
}
.picker__day--today {
border-color: #0089ec!important;
}
.picker__day--highlighted.picker__day--disabled {
background: #f5f5f5 !important;
border-color: #f5f5f5 !important;
color:#ddd;
}
.picker__day--infocus.picker__day--highlighted:hover {
cursor: pointer;
color: #000;
background-color: #b1dcfb !important;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{
background:#0089ec !important;
color:#FFF;
}
.picker__day--infocus.picker__day--highlighted.picker__day--disabled {
cursor: unset !important;
color: #ddd !important;
}
@media ( max-width: 768px ) {
.picker__day {
font-size: 18px!important;
}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20211216（メインビジュアル下のコロナ対策）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.home_covid19_btn{
align-self: flex-start;
text-align: center;
/*margin-bottom: 20px;*/
width: 95%;
background: var(--subcolor-brown);
padding: 5px;
margin: 0 10px 20px;
}
.home_covid19_btn a{
text-decoration: none;
color: white;
font-size:1.8rem;
display: block;
padding: 15px 0;
font-weight: bold;
}
@media only screen and (min-width: 769px){
.home_covid19_btn{
width: 80%;
margin: 0 auto 50px;
}
.home_covid19_btn a{
}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20241129（ラインナップにリンクボタンを設置）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.other_plan_btn{
margin: 20px 0 0;
display:flex;
}
.other_plan_btn p.btn{
position:relative;
}
.other_plan_btn p.btn a{
border: none;
color: white;
display: inline-block;
font-size: 1.6rem;
padding: 10px 45px 10px 20px;
}
.other_plan_btn p.btn a:after {
content: "\e901";
color: white;
font-family: "yumekoujyou";
font-size: 1.5rem;
line-height: 1;
position: absolute;
right: 15px;
top: calc(50% - 7.5px);
}
:root {
--red:#e8392d;
--yellow:#ffeb22;
--gyouda:#60ad86;
--fukaya:#e8ae2d;
--70s:#032b51;
--maincolor-pink:#cb0075;
--subcolor-pink:#cb66a0;
--maincolor-brown:#4c2e0f;
--subcolor-brown:#704122;
--light-brown:#F7F4EF;
--kusumi-green:#4cae8a;
--kusumi-blue:#4cc6de;
--kusumi-orange:#f96356;
--kusumi-yellow:#EAB847;/*#f4c10d*/
--light-yellow:#fef9b7;
--modelhouse01:#FFF5EA;
--modelhouse02:#F6F9DE;
}
/*.wrap_erabareru {
display: block;
margin: 30px 10px;
}*/
.wrap_erabareru .erabareru_right {
margin-top:15px;
}
.wrap_erabareru .erabareru_right p,
.wrap_erabareru .erabareru_right_text p,
.wrap_erabareru .erabareru_left_text p,
.wrap_erabareru .erabareru_left_text_niji p{
font-size:1.25rem;
}
/*.wrap_erabareru .erabareru_left_img img,
.wrap_erabareru .erabareru_right_img img,
.wrap_erabareru .erabareru_right_img_niji img{
width:20%;
margin:0 auto;
}*/
.wrap_erabareru .erabareru_left_text {
width: 78%;
margin-right:0px;
}
.wrap_erabareru .erabareru_right_img {
width: 20%;
margin-top:0;
}
.wrap_erabareru .erabareru_left_img {
width: 20%;
margin-right:0px;
}
.wrap_erabareru .erabareru_right_text {
width: 78%;
margin-top:0;
}
.wrap_erabareru .erabareru_left_text_niji {
width: 70%;
margin-right:0px;
}
.wrap_erabareru .erabareru_right_img_niji {
width: 30%;
margin-top:0;
}
.wrap_erabareru {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
margin: 20px 10px;
}
.intro_head{
width:90%;
margin: 10px auto 10px;
display: flex;
}
@media only screen and (min-width: 769px) {
.intro_head{
width: 65%;
margin: 30px auto 20px;
display: flex;
}
.wrap_erabareru img {
border-radius:10px;
}
.wrap_erabareru .erabareru_left_text {
width: 85%;
margin-right:20px;
}
.wrap_erabareru .erabareru_right_text {
width: 85%;
margin-top:0;
}
.wrap_erabareru .erabareru_left_img {
width: 10%;
margin-right:20px;
}
.wrap_erabareru .erabareru_right_img {
width: 10%;
margin-top:0;
}
.wrap_erabareru .erabareru_left_text_niji {
width: 75%;
margin-right:20px;
}
.wrap_erabareru .erabareru_right_img_niji {
width: 20%;
margin-top:0;
}
.wrap_erabareru {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
margin: 50px 40px;
}
.wrap_erabareru .erabareru_right p,
.wrap_erabareru .erabareru_right_text p,
.wrap_erabareru .erabareru_left_text p,
.wrap_erabareru .erabareru_left_text_niji p{
font-size:1.75rem;
}
}