/*
Theme Name: story_tcd041_child
Template: story_tcd041
*/


/* -------------- common -------------- */

body {
    color: #000;
}

.page-desc-text {
    font-size: 14px;
    color: #000;
}

.ds_sp {
    display: none;
}

.hd_wa {
    overflow: hidden;
}

.hd_wa a {
    color: #fff;
    margin: 0 2%;
    width: 46%;
    float: left;
}
.top-slider-content-inner:after {
    display: none!important;
}

ul.banner-four {
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
}

ul.banner-four li {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

ul.banner-four li img {
    width: 100%;
}


.contenth1-title {
	text-align: center;
    margin-bottom: 80px;
    font-size: 20px;
}

@media only screen and (max-width: 767px) {
    .ds_sp {
        display: inherit;
    }
.top-slider .top-slider-item:nth-of-type(1) span {
		background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
		background-image:url("mvsp_01_2411.jpg") !important;
	}

	.contenth1-title {
	text-align: center;
    margin-bottom: 40px;
		margin-top: 60px;
    font-size: 16px;
}
    .widget_search #s {
        width: 86%;
    }
    ul.banner-four li {
        width: 100%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
    }
}

.headline-font-type {
    font-family: 'Roboto', sans-serif!important;
    font-weight: bold;
    letter-spacing: 1px;
}

.signage-title {
    margin-bottom: 10px;
}

.signage-title-sub {
    font-size: 13px!important;
    line-height: 1;
}

.header-bar,
.global-nav-button {
    border: none!important;
}

.global-nav-button:before {
    color: #fff!important;
}

.button a {
    background: #fff;
    font-family: 'Roboto', sans-serif!important;
}

.top-slider-content-inner {
	width: 420px;
}

.inner .button a,
a.sct_btn {
    color: #1F2639;
    border: 1px solid #1F2639;
    background: none;
    font-family: 'Roboto', sans-serif!important;
}

.inner .button a:hover,
a.sct_btn:hover {
    color: #fff!important;
    background: #1F2639!important;
    border: 1px solid #fff!important;
}

a.cell_btn,
a.navy_btn {
    color: #fff!important;
    background: none!important;
    border: 1px solid #fff!important;
    font-family: 'Roboto', sans-serif!important;
}

a.cell_btn:hover,
a.navy_btn:hover {
    color: #1F2639!important;
    background: #fff!important;
    border: none!important;
}

.navy a.sct_btn {
    color: #fff!important;
    background: none!important;
    border: 1px solid #fff!important;
    font-family: 'Roboto', sans-serif!important;
}

.navy a.sct_btn:hover {
    color: #1F2639!important;
    background: #fff!important;
    border: #fff!important;
}

.column-layout03.cream column-layout03-content {
    background: #1F2639!important;
}

.column-layout03.cream {
    position: relative;
    overflow: hidden;
    background-image: url("urn:scrapbook:download:error:https://prive-designsuit.co.jp/wp-content/uploads/2021/12/order.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    display: table;
    width: 100%;
}

.column-layout03.cream .column-layout03-image {
    display: none;
}

.column-layout03 .button {
    margin: 30px 0 0 0;
}

.navy {
    color: #1F2639!important;
}

.navy .column-layout03-title {
    color: #fff!important;
    font-weight: bold;
}

.navy .column-layout03-text {
    color: #fff!important;
}

.column-layout03.mgt100 {
    position: relative;
    overflow: hidden;
    background-image: url("urn:scrapbook:download:error:https://prive-designsuit.co.jp/wp-content/uploads/2022/02/orderbk.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    display: table;
    width: 100%;
}

.column-layout03-item {
    width: 38%;
    text-align: center;
    margin-left: auto;
    margin-top: auto;
    max-width: 500px;
    padding: 80px 20px;
    vertical-align: middle;
    display: table-cell;
}

.column-layout03-item.navy img,
.secondimg,
.secondimg img {
    display: none;
}

.global-nav>ul>li>a {
    padding: 0 15px;
    font-size: 14px;
}

.social-nav-item a:hover,
.global-nav>ul>li>a:hover,
.global-nav .current-menu-item>a {
    color: #fff!important;
}

.signage {
    background-color: #fff;
    height: 140px;
    padding-top: 80px;
    padding-bottom: 80px;
}

.signage-content {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
    animation-fill-mode: none;
}

.cell_ttl {
    font-family: 'Roboto', sans-serif!important;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 40px;
    margin: 50px 0 0 0;
}

.topmap-wrap {
    overflow: hidden;
    padding: 10px 0 80px 0;
}

.topmap-wrap li {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
	border-right: solid 1px #ededed;
}
.topmap-wrap li:nth-child(2) {
	border-right: none;
}

.topmap-inner {
    width: 80%;
    margin: 0 auto;
}

.map-this {
    padding-top: 15px;
}

@media only screen and (min-width: 991px) {
    .mgt100 {
        margin: 100px 0 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .headline-font-type {
        letter-spacing: 0;
    }
    .column-layout03.mgt100,
    .column-layout03.cream {
        background: none;
    }
    .navy .column-layout03-content {
        background: #1F2639;
        color: #fff!important;
    }
    .navy .column-layout03-title {
        color: #fff!important;
    }
    .top-slider-logo {
        width: 100% !important;
    }
    .cell_ttl {
        font-size: 24px;
    }
    .column-layout03-item {
        padding: 0;
    }
    .column-layout03-item.navy {
        display: block!important;
    }
    .column-layout03-item.navy img,
    .secondimg,
    .secondimg img {
        display: inherit;
        width: 100%;
    }
    .navy .column-layout03-content,
    .column-layout03.cream .column-layout03-content,
    .column-layout03.cream .column-layout03-item {
        display: block;
    }
    .navy a.sct_btn {
        color: #fff!important;
        border: #fff solid 1px!important;
    }
}

.q_button :not(.not) {
    color: #1F2639!important;
    background: #fff!important;
    border: 1px solid #1F2639!important;
    font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 14px;
}

.q_button:hover {
    background: #1F2639!important;
    color: #fff!important;
}

.top-slider-content {
    border-radius: 0;
    height: 200px !important;
}

.top_btn {
    border: 1px solid #fff !important;
    margin: 20px auto 0 !important;
    width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;
}


@media only screen and (max-width: 767px) {
    .top_btn {
        font-size: 14px  !important;
        height: 50px  !important;
        line-height: 50px  !important;
        color: #fff  !important;
        text-align: center  !important;
        margin: 24px auto 0  !important;
        width: 100%  !important;
        box-sizing: border-box  !important;
    }
    .top-slider-text {
        margin-bottom: 20px;
        font-size: 14px!important;
    }
	.topmap-wrap {
		padding-bottom:40px;
	}
    .topmap-wrap li {
        float: none;
        width: 100%;
        padding: 32px 20px 32px;
		border-bottom: solid #ededed 1px;
    }
	.topmap-wrap li:nth-child(3) {
		border-bottom: none;
	}
    .topmap-inner {
        width: 100%;
    }
	.top-slider-content {
    border-radius: 0;
    height: 260px !important;
}
}

@media only screen and (max-width: 767px) {
    .top-slider-content {
        text-align: center;
    }
}


/* -------------- half background -------------- */

.back {
    width: 100%;
    position: relative;
    background: #aaa;
}

.back::before {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: url("urn:scrapbook:download:error:https://prive-designsuit.co.jp/wp-content/uploads/2019/08/2624.jpg") no-repeat center center;
    background-size: 120%;
}

.back::after {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    background: url("urn:scrapbook:download:error:https://prive-designsuit.co.jp/wp-content/uploads/2019/08/1956.jpg") no-repeat center center;
    background-size: 120%;
}

.table {
    margin: 0 auto;
    display: table;
    position: relative;
    z-index: 1;
}

.cell {
    width: 50%;
    padding: 90px 0;
    text-align: center;
    display: table-cell;
    color: #fff;
}


/* --------------  blog -------------- */

.article03 {
    background: #fff;
}

.article03-content {
    padding: 20px 0;
}

.article03-title {
    height: 38px!important;
    margin-bottom: 0;
    font-size: 13px!important;
    line-height: 1.5!important;
    color: #070E24!important;
}

.archive-header {
    display: none;
}


/* --------------  footer -------------- */

.breadcrumb-wrapper {
    position: static;
    color: #666;
    background: rgba(255, 255, 255, 0.05);
}

.home .footer {
    margin-top: 0;
}

.footer-gallery {
    display: none;
}

.footer {
    background: #1F2639;
}

.footer-content {
    margin: 0 auto;
    padding: 60px 0;
    background: #1F2639;
}

.footer-bar01,
.copyright {
    background: #070E24!important;
}

.footer-bar0 .footer-bar01-inner {
    border-top: 1px solid #666;
    color: #fff;
    font-size: 12px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 100%;
}

.footer-content .align1 {
    color: #666666;
}

@media only screen and (max-width: 767px) {
    .home .footer {
        padding: 0;
        margin: 0;
    }
    .footer-content.inner {
        padding-top: 0!important;
    }
    .footer-content .align1 {
        font-size: 11px;
    }
}


/* --------------  contact -------------- */

.clr_red {
    color: #ff0000;
}

.wpcf7 {
    border: none;
    background: #fff;
}

.wpcf7 p {
    font-size: 16px;
}

.wpcf7 input,
.wpcf7 textarea {
    line-height: 2.0;
}

.wpcf7 form {
    margin: 1.5em auto;
    width: 60%;
}

@media only screen and (max-width: 991px) {
    .wpcf7 form {
        width: 100%;
    }
    .breadcrumb-wrapper .inner,
    .main>.inner,
    .footer .inner {
        padding: 0 4.11111%!important;
    }
    .header-video {
        height: calc(100vh - 110px)!important;
    }
}

.wpcf7 input.wpcf7-submit {
    background-color: #fff;
    color: #1F2639!important;
    border: 1px solid #1F2639!important;
}

.wpcf7 input.wpcf7-submit:hover {
    color: #fff!important;
    background-color: #1F2639;
}


/* --------------  collection -------------- */

.page-id-102 .post-content td,
.page-id-102 .post-content th {
    padding: 0;
    border: 0;
}

.pb-widget-tab .resp-tabs-list li {
    font-size: 12px!important;
}

.page-id-102 .pb-widget-tab .resp-tab-content,
.page-id-102 .pb-widget-tab .resp-tabs-list li {
    border: none;
}

.page-id-102 .pb-widget-tab .resp-tab-content {
    padding: 10px 0px 1px;
}

.page-id-102 .post_col img {
    margin-bottom: 10px;
}

.page-id-102 table.tinymce-table {
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .pb-widget-tab h2.resp-accordion {
        display: none!important;
    }
    .pb-widget-tab ul.resp-tabs-list {
        display: inherit!important;
    }
    .pb-widget-tab .resp-tabs-list li {
        font-size: 10px!important;
        padding: 10px!important;
    }
    .signage {
        height: 60px!important;
    }
    .post-content .post_col {
        margin-bottom: 0;
    }
    .page-id-102 .post_col img {
        margin-bottom: 0;
    }
}


/* --------------  collection -------------- */

table.tinymce-table {
    margin: -20px 0 0 0;
}

.page-id-102 .row3 .widget2 p,
.page-id-102 .row4 .widget2 p {
    padding-bottom: 20px!important;
    border-bottom: solid 1px #1F2639;
    color: #1F2639;
}

.btns {
    min-width: 250px;
}


/* --------------  price -------------- */

.page-id-192 .hrb {
    border-bottom: 1px solid #666;
    padding-bottom: 40px;
}

.page-id-192 .post-content h3 {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.page-id-192 .post-content span {
    font-size: 12px;
    padding-top: 10px;
}


/* --------------  order -------------- */

.page-id-81 .row4 .widget1 h3,
.page-id-81 .row5 .widget1 h3,
.page-id-81 .row6 .widget1 h3,
.page-id-81 .row7 .widget1 h3,
.page-id-81 .row8 .widget1 h3,
.page-id-81 .row9 .widget1 h3,
.page-id-81 .row11 .widget1 h3,
.page-id-81 .row12 .widget1 h3,
.page-id-81 .row13 .widget1 h3,
.page-id-81 .row14 .widget1 h3,
.page-id-81 .row15 .widget1 h3,
.page-id-81 .row16 .widget1 h3 {
    background: #1F2639;
    padding: 5px 6px;
    display: inline;
}

.page-id-81 .tcd-pb-row.row17 {
    padding-top: 3em;
}

.row17 h3 {
    font-size: 18px;
    padding: 3em 0 10px;
    color: #333333;
    text-align: center;
    border-bottom: 1px solid #ccc;
    width: 90%;
    margin: 0 auto;
}

#conditions {
    margin-top: -200px;
    padding-top: 200px;
}

.row17 p {
    width: 90%;
    margin: 0 auto;
}

a.aclr {
    color: #2952cc!important;
    text-decoration: underline!important;
}

.pb_font_family_type3 {
    font-family: 'Roboto', sans-serif!important;
}

.ttl01 {
    font-size: 23px!important;
    color: #1F2639!important;
    text-align: left;
    line-height: 1.5!important;
    margin-bottom: 0px!important;
    font-weight: bold;
    font-family: 'Roboto', sans-serif!important;
    letter-spacing: 1px;
}

.ttl02 {
    color: #909090;
    font-size: 12px!important;
    font-weight: bold;
    margin-bottom: 10px!important;
}

.tcd-pb-row.row4 .tcd-pb-col.col2 .tcd-pb-widget.widget1 {
    margin-bottom: 10px!important;
    margin-top: 2px;
}


/* --------------  Q&A -------------- */

@media only screen and (min-width: 1199px) {
    .page-id-9 .post-content {
        width: 60%;
        margin: 0 auto;
    }
}


/* --------------  blog -------------- */

.single-post .headline-bar {
    background: #fff;
    color: #1F2639;
    border-bottom: 2px dotted #1F2639;
    padding: 20px 0;
}

.post-content p {
    font-size: 14px;
}

.single .signage {
    display: none;
}

.single .main {
    padding-top: 80px;
}

.tag-cloud-link,
.tagcloud a {
    font-size: 12px !important;
    /* 文字のサイズ */
    line-height: 1em;
    display: inline-block;
    white-space: nowrap;
    padding: 6px;
    /* 文字周りの余白 */
    margin-top: 3px;
    /* タグ同士の余白 */
    text-decoration: none;
}

.tagcloud a:hover {
    opacity: 0.5;
}

@media only screen and (max-width: 767px) {
    .single-post .headline-bar {
        padding: 40px 0;
    }
    .post-content p {
        font-size: 12px;
    }
    .logo img {
        width: 30%;
    }
    .global-nav>ul>li>a {
        border-bottom: 1px solid #666666;
    }
}


/* --------------  concept -------------- */



@media only screen and (max-width: 480px) {
    .top-slider-content {
        width: 80%!important;
    }
	.header-video　{
		height: calc(100vh - 195px)!important;
	}
	}