@charset "UTF-8";
/*
Theme Name:haku_tcd080-child
Theme URI:
Description:WordPressテーマ「HAKU」の子テーマです。
Template:haku_tcd080
Author:Taiyo print
Author URI:https://taiyoprint.com
Version:1.7.6
*/
*{
  font-feature-settings: "palt";
}
.mincho{font-family: 'Noto Serif', Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;}

.t_r{text-align: right;}
.t_c{text-align: center;}
.t_l{text-align: left;}

.res_img{}/*レスポンシブ画像切り替えのjs用クラス名 定義不要*/

@media print, screen and (min-width : 721px) {
.f_l{float: left;}
.f_r{float: right;}
}

.pc {
	display: none;
}
@media print, screen and (min-width : 721px) {
.pc {
	display: block;
}
.sp {
	display: none;
}
}

/*エントリーフォーム*/
/* 必須マーク */
@media print, screen and (min-width : 721px) {
.wrap_800{
width: 800px;
margin-right: auto;
margin-left: auto;
}
}
.wpcf7{
border:none!important;
}



.must{
	color: #fff;
	margin-right: 18px;
	padding: 6px 10px;
	background: #0071BC;
	border-radius: 4px;
}
.asterisk{
	color: #0071BC;
	font-weight: bold;
}
/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #424242;
	border-radius: 20px;
}

.form_tit  {
	font-weight: 600;
}
/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 0;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
.wpcf7-form-control-wrap input[name="koden"]{
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 0;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
.wpcf7 input[name="floor-space"],
.wpcf7 input[name="road"]{
        width: 30%;
		margin-right: 0.5em;
		margin-left: 0.5em;
        height: 35px !important;
}
.wpcf7 select{
	padding: 8px 15px;
}
.wpcf7 select[name="contact-time-01-2"],
.wpcf7 select[name="contact-time-02-2"]{
		margin-right: 0.5em;
		margin-left: 0.5em;
}
.wpcf7 select[name="contact-time-01-1"],
.wpcf7 select[name="contact-time-02-1"]{
		margin-right: 0.5em;
}

textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}
/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%;
	height: 80px;
	background: #333333;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
/* チェックボックスを大きくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}
.wpcf7 checkbox{
font-size:2.0rem;
}
.checkbox_area{
	padding: 8px 0;
	text-align: center;
	border: 1px solid #d0d5d8;
}

.checkbox_area input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: #0071BC;
	font-weight: 600;
}
.wpcf7-form p {margin-bottom:20px;}

.wpcf7_subtit{
border-bottom:2px solid #333333;
padding-bottom:8px;
font-size:18px;
line-height: 1.0;
margin-top: 40px;
margin-bottom: 20px;
}
.readonly_wrap{
border-top:1px solid #cccccc;
width: 100%;
}

.readonly_wrap td{
display: block;
border-bottom:1px solid #cccccc;
padding:0.5em 1em;
}
@media print, screen and (min-width : 721px) {
.readonly_wrap td{
display: table-cell;
border-bottom:1px solid #cccccc;
padding:0.5em 1em;
vertical-align: middle;
}
.w20{
width: 20%;
}
}
.readonly_wrap_tit{
background-color: #eaeaea;
white-space: nowrap;
}
.readonly_wrap input{
width: inherit;
}
.readonly_box{
display: flex;
align-items: center;
}

.wpcf_acceptance{
border:1px solid #cccccc;
text-align: center;
padding: 10px;
margin-bottom: 20px;
}
.readonly{
border:none!important;
}
.hasDatepicker{
	width: 100%!important;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 0;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
.cf7-calculated-name{
display: inline!important;
padding:0.25em 0.5em;
background-color: #7c4f91;
color: #ffffff;
margin-left: 0.5em;
margin-right: 0.5em;
}
/*フッタ グーグルマップ*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media print, screen and (min-width : 721px) {
.ggmap_box {
width:100%;
height: 400px!important;
}
.ggmap {
position: relative;
padding-bottom: 0;
padding-top: 0;
height: 400px!important;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 400px!important;
}	
}

        /*商品一覧-ここから*/
        .product_list {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .product_list article {
            display: flex;
            flex-direction: column;
            width: 269px;
            height: 360px;
        }

        .product_list .image_wrap {
            width: 100%;
        }

        .product_list .img {
            width: 100%;
        }

        .product_list .content {
            width: 100%;
            text-align: center;
        }

        .product_list .content .title {
            margin: 20px 0px;
        }

        .product_list .link_button {
            width: 100%;
            margin: 0px;
            padding: 0px;
        }

        .product_list .link_button a {
            width: 200px;
            margin: 0px;
            padding: 0px;

        }



        @media only screen and (max-width: 750px) {

            .product_list {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
            }

            .product_list article {
                display: flex;
                flex-direction: column;
                width: 48%;
                height: calc( 100% / 3.65 );
            }

            .product_list .image_wrap {
                width: 100%;
            }

            .product_list .img {
                width: 100%;
            }

            .product_list .content {
                width: 100%;
                text-align: center;
            }

            .product_list .content .title {
                margin: 20px 0px;
            }

            .product_list .link_button {
                width: 100%;
                margin: 0px;
                padding: 0px;
            }

            .product_list .link_button a {
                width: 100%;
                min-width: 100%!important;
                margin: 0px;
                padding: 0px;

            }

        }

        /*ここまで*/