/*
Theme Name:vogue_tcd051_child
Theme URI:
Description:WordPressテーマ「vogue_tcd051」の子テーマです。
Template:vogue_tcd051
Author:enomoto@enomoto.work
Author URI:https://enomoto.work/
Version:0.0.8
*/
@import url("./style-org.css");
@import url("./style-gallary.css");
/**/

/*-- 見出しサイズ設定 -------------------------------------------*/

.p-entry__body h1 { font-size: 150%; }
/*.p-entry__body h2 { font-size: 140%; }*/
.p-entry__body h2 { font-size: 250%; }
/*.p-entry__body h3 { font-size: 130%; }*/
.p-entry__body h3 { font-size: 200%; }
/*.p-entry__body h4 { font-size: 120%; }*/
.p-entry__body h4 { font-size: 150%; }
.p-entry__body h5 { font-size: 130%; }
.p-entry__body h6 { font-size: 100%; }


/*-- widget area -------------------------------------------*/
.p-widget-area { background: #f6f6f6; margin-bottom: 80px; /*padding: 78px 0 61px;*/padding: 0; }


/*-- page header -------------------------------------------*/
.p-page-header__title { background:rgba(0,0,0,0.5); /*background: #222;*/ color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; justify-content: center; font-size: 28px; line-height: 1.5; width: 500px; height: 100px; border-radius: 10px; margin-bottom: 0; font-weight: 700; }

@media only screen and (max-width: 767px) {
  .p-page-header__title { font-size: 16px !important; width: 200px; height: 48px; }
}


/*-- main image -------------------------------------------*/
.p-main-image { position: relative; width: 100%; /*height: 600px;*/height: 300px; }

/*-- other -------------------------------------------*/

/* テキストボックス */
.att_box { margin: 2em 0 2.5em; padding: 1em 1.2em; line-height: 2.0; border: 1px dotted #cccccc; background: #fcfcfc; box-shadow: 0px 4px 0px 0px #f7f7f7; }

/** margin - 要素の外側の余白 */
.m0 { margin: 0!important; }

/* margin 0px を指定するクラス */
.mt0 { margin-top: 0!important; }

/* margin-top0px を指定するクラス */
.mr0 { margin-right: 0!important; }

/* margin-right0px を指定するクラス*/
.mb0 { margin-bottom: 0!important; }

/* margin-bottom0px を指定するクラス*/
.ml0 { margin-left: 0!important; }

/* margin-left0px を指定するクラス*/
.m5 { margin: 5px !important; }

.mt5 { margin-top: 5px !important; }

.mr5 { margin-right: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.ml5 { margin-left: 5px !important; }

.m10 { margin: 10px !important; }

.mt10 { margin-top: 10px !important; }

.mr10 { margin-right: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.ml10 { margin-left: 10px !important; }

.m15 { margin: 15px !important; }

.mt15 { margin-top: 15px !important; }

.mr15 { margin-right: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.ml15 { margin-left: 15px !important; }

.m20 { margin: 20px !important; }

.mt20 { margin-top: 20px !important; }

.mr20 { margin-right: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.ml20 { margin-left: 20px !important; }

.m25 { margin: 25px !important; }

.mt25 { margin-top: 25px !important; }

.mr25 { margin-right: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.ml25 { margin-left: 25px !important; }

.m30 { margin: 30px !important; }

.mt30 { margin-top: 30px !important; }

.mr30 { margin-right: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.ml30 { margin-left: 30px !important; }

.m35 { margin: 35px !important; }

.mt35 { margin-top: 35px !important; }

.mr35 { margin-right: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.ml35 { margin-left: 35px !important; }

.m40 { margin: 40px !important; }

.mt40 { margin-top: 40px !important; }

.mr40 { margin-right: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.ml40 { margin-left: 40px !important; }

.m45 { margin: 45px !important; }

.mt45 { margin-top: 45px !important; }

.mr45 { margin-right: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.ml45 { margin-left: 45px !important; }

.m50 { margin: 50px !important; }

.mt50 { margin-top: 50px !important; }

.mr50 { margin-right: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.ml50 { margin-left: 50px !important; }

.m55 { margin: 55px !important; }

.mt55 { margin-top: 55px !important; }

.mr55 { margin-right: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.ml55 { margin-left: 55px !important; }

.m60 { margin: 60px !important; }

.mt60 { margin-top: 60px !important; }

.mr60 { margin-right: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.ml60 { margin-left: 60px !important; }

.m65 { margin: 65px !important; }

.mt65 { margin-top: 65px !important; }

.mr65 { margin-right: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.ml65 { margin-left: 65px !important; }

.m70 { margin: 70px !important; }

.mt70 { margin-top: 70px !important; }

.mr70 { margin-right: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.ml70 { margin-left: 70px !important; }

.m75 { margin: 75px !important; }

.mt75 { margin-top: 75px !important; }

.mr75 { margin-right: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.ml75 { margin-left: 75px !important; }

.m80 { margin: 80px !important; }

.mt80 { margin-top: 80px !important; }

.mr80 { margin-right: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.ml80 { margin-left: 80px !important; }

/** padding - 要素の内側の余白 */
.p0 { padding: 0!important; }

.pt0 { padding-top: 0!important; }

.pr0 { padding-right: 0!important; }

.pb0 { padding-bottom: 0!important; }

.pl0 { padding-left: 0!important; }

.p5 { padding: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pr5 { padding-right: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.pl5 { padding-left: 5px !important; }

.p10 { padding: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pr10 { padding-right: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.pl10 { padding-left: 10px !important; }

.p15 { padding: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pr15 { padding-right: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.pl15 { padding-left: 15px !important; }

.p20 { padding: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pr20 { padding-right: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.pl20 { padding-left: 20px !important; }

.p25 { padding: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pr25 { padding-right: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.pl25 { padding-left: 25px !important; }

.p30 { padding: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pr30 { padding-right: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.pl30 { padding-left: 30px !important; }

.p35 { padding: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pr35 { padding-right: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.pl35 { padding-left: 35px !important; }

.p40 { padding: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pr40 { padding-right: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.pl40 { padding-left: 40px !important; }

.p45 { padding: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pr45 { padding-right: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.pl45 { padding-left: 45px !important; }

.p50 { padding: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pr50 { padding-right: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.pl50 { padding-left: 50px !important; }

.p55 { padding: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pr55 { padding-right: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.pl55 { padding-left: 55px !important; }

.p60 { padding: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pr60 { padding-right: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.pl60 { padding-left: 60px !important; }

.p65 { padding: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pr65 { padding-right: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.pl65 { padding-left: 65px !important; }

.p70 { padding: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pr70 { padding-right: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.pl70 { padding-left: 70px !important; }

.p75 { padding: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pr75 { padding-right: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.pl75 { padding-left: 75px !important; }

.p80 { padding: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pr80 { padding-right: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.pl80 { padding-left: 80px !important; }

.pl-1 {
padding-left: 1.0em !important;
}

.ta-c {
	text-align: center;
}
.ta-r {
	text-align: right !important;
}
.ta-l {
	text-align: left;
}

.fs-85 {
	font-size: 85% !important;
}

.fb {
font-weight: bold;
}

.parent {
display: flex;
justify-content: space-between;
}
.fl { float: left;}
.fr { float: right;}

.item-list {
  display: flex;
  justify-content: center; /* 中央寄せ */
}

*, *:before, *:after {
    box-sizing: border-box;
}
.item-list {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.item-list > *{
    width: calc( 33.33333% - 8px ) ;
    margin-right: 12px;
    margin-bottom: 12px;
}
.item-list > *:nth-child(3n){
    margin-right: auto;
}
.item-list > * > *{
    position: relative;
    overflow: hidden
}
@media screen and (max-width: 960px) {
    .item-list > *{
        width: calc( 50% - 6px ) ;
    }
    .item-list > *:nth-child(3n){
        margin-right: 12px;
    }
    .item-list > *:nth-child(2n){
        margin-right: auto;
    }
}
@media screen and (max-width: 580px) {
    .item-list > *{
        width: 100%;
        margin-right: auto;
    }
    .item-list > *:nth-child(3n){
        margin-right: auto;
    }
}

a.btn_03 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 100%;
    /*max-width: 150px;*/
    margin: auto;
    padding: 1rem;
    font-weight: bold;
    border: 2px solid #27acd9;
    color: #27acd9;
    border-radius: 10px;
    transition: 0.5s;
}
a.btn_03:hover {
	color: #fff;
	background: #27acd9;
	text-decoration: none;
}

/*-- lines -------------------------------------------*/

.line1 {
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #999;
}
.line2 {
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #ccc;
}

/*スマホ時のみ電話発信*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

/*----------------------------------------------------
    .res
----------------------------------------------------*/

table.res {
	width: calc(100% - 20px);
	margin: 15px 10px 50px;
	border: none !important;
	color: #333;
	line-height: 1.4em;
}
table.res th {
	padding: 5px 10px;
	width: 30%;
	background: #f4f4f4;
	border: 1px solid #999;
	text-align: left;
}

table.res td {
	padding: 5px 10px;
}

table.res td.style01 {
	width: 40%;
	border: none !important;
}

table.res td.style02 {
	border: none;
	border-right: 1px solid #999;
}
table.res td.style03 {
	padding: 5px 10px;
	border: none;
	border-right: 1px solid #999;
	font-size: 85%;
}

table.res td.solid {
	border-top: 1px solid #999 !important;
}
table.res td.dotted {
	border-top: 1px dotted #ccc !important;
}
table.res tr:last-child td.style01,
table.res tr:last-child td.style02 {
	border-bottom: 1px solid #999 !important;
}

 
@media only screen and (max-width: 767px){
    table.res {
		margin: 10px;
		width: calc(100% - 20px) !important;
		border: 1px solid #999 !important;
	}
    table.res th,
    table.res td {
        width: calc(100% - 20px) !important;
		width: 100%;
        display: block;
		line-height: 1.5em;
    }
	table.res th {
        border: none !important;
		border-top: 1px solid #999 !important;
		border-bottom: 1px solid #999 !important;
    }
    table.res tr:first-child th {
		border-top: 1px solid #999;
	}
	table.res td.style01 {
		width: 100%;
		padding: 5px 5px 0;
		border: none;
	}
	table.res td.style02 {
		width: 100%;
		padding: 0 5px 10px;
		padding-top: 0;
		text-align: right;
		border: none;
	}
	table.res td.style03 {
		width: 100%;
		padding: 5px 10px 10px;
		border: none !important;
	}
	table.res td.solid {
		border-top: none !important;
	}
	table.res td.dotted {
		border-top: none !important;
	}
	table.res tr {
		/*border-top: 1px dotted #999 !important;*/
	}
	table.res tr:first-child th {
		border-top: none !important;
	}
	table.res tr:last-child td.style01,
	table.res tr:last-child td.style02 {
		border-bottom: none !important;
	}
}


/*----------------------------------------------------
    .res02
----------------------------------------------------*/

table.res02 {
	width:100%;
	max-width: 960px;
	margin:50px auto;
}
table.res02 td {
	width: 50%;
}
table.res02 td img {
	width: 100%;
}
 
@media only screen and (max-width: 767px){
    table.res02 {
		width: calc(100% - 20px) !important;
		margin: 50px 10px;
	}
    table.res02 td {
		width:100%;
        display: block;
    }
}

/*----------------------------------------------------
    .res03
----------------------------------------------------*/

    table.res03 {
		width: calc(100% - 20px) !important;
		margin: 10px;
		border: 1px solid #999 !important;
	}
    table.res03 th,
    table.res03 td {
		line-height: 1.5em;
		padding: 5px;
    }
	table.res03 th {
        border: none !important;
		border-top: 1px solid #999 !important;
		border-bottom: 1px solid #999 !important;
    }
	table.res03 th.title {
        padding: 10px 5px;
		font-weight: bold;
		background: #333;
		color: #fff;
    }
    table.res03 tr:first-child th {
		border-top: 1px solid #999;
	}
	table.res03 td.style01 {
		width: 73%;
		border: none;
	}
	table.res03 td.style02 {
		/*width: 50%;*/
    	text-align: right;
    	border: none;
	}
	table.res03 td.style03 {
		width: 100%;
		border: none !important;
		font-size: 85%;
	}
	table.res03 tr:first-child th {
		border-top: none !important;
	}
	table.res03 tr:last-child td.style01,
	table.res03 tr:last-child td.style02 {
		border-bottom: none !important;
	}

@media only screen and (max-width: 1024px){
    table.res03 {
		margin: 10px;
		width: calc(100% - 10px) !important;
		border: 1px solid #999 !important;
	}
    table.res03 th,
    table.res03 td {
        width: calc(100% - 10px) !important;
		width: 100%;
        display: block;
		line-height: 1.5em;
    }
	table.res03 th {
        border: none !important;
		border-top: 1px solid #999 !important;
		border-bottom: 1px solid #999 !important;
    }
    table.res03 tr:first-child th {
		border-top: 1px solid #999;
	}
	table.res03 td.style01 {
		width: 100%;
		padding: 5px 5px 0;
		border: none;
	}
	table.res03 td.style02 {
		width: 100%;
		padding: 0 5px 10px;
		padding-top: 0;
		text-align: right;
		border: none;
	}
	table.res03 td.style03 {
		width: 100%;
		padding: 5px 10px 10px;
		border: none !important;
	}
	table.res03 td.solid {
		border-top: none !important;
	}
	table.res03 td.dotted {
		border-top: none !important;
	}
	table.res03 tr {
		/*border-top: 1px dotted #999 !important;*/
	}
	table.res03 tr:first-child th {
		border-top: none !important;
	}
	table.res03 tr:last-child td.style01,
	table.res03 tr:last-child td.style02 {
		border-bottom: none !important;
	}
}


/*----------------------------------------------------
    .res04
----------------------------------------------------*/

table.res04 {
	width: calc(100% - 20px);
	margin: 0 10px 70px;
	border: none !important;
	color: #333;
	line-height: 1.4em;
}
table.res04 th {
	padding: 5px 10px;
	width: 23%;
	background: #f4f4f4;
	text-align: left;
	border: none !important;
	line-height: 1.5em;
}

table.res04 td {
	padding: 5px 10px;
}

table.res04 td.style01 {
	width: 40%;
	border: none !important;
}

table.res04 td.style02 {
	border: none;
	line-height: 1.5em;
    text-align: right;
}
table.res04 td.style03 {
	padding: 5px 10px;
	border: none;
	font-size: 85%;
}

table.res04 th.solid,
table.res04 td.solid {
	border-bottom: 1px solid #999 !important;
}
table.res04 th.dotted,
table.res04 td.dotted {
	border-bottom: 1px dotted #ccc !important;
}
table.res04 tr:last-child td.style01,
table.res04 tr:last-child td.style02 {
	border-bottom: none !important;
}

 
@media only screen and (max-width: 767px){
    table.res04 {
		margin: 10px 5px;
        width: calc(100% - 10px) !important;
		/*border: 1px solid #999 !important;*/
	}
    table.res04 th,
    table.res04 td {
        /*width: calc(100% - 20px) !important;*/
		width: 100%;
        display: block;
		line-height: 2.0em;
    }
	table.res04 th {
        border: none !important;
		/*border-top: 1px solid #999 !important;*/
		border-bottom: 1px solid #999 !important;
    }
    table.res04 tr:first-child th {
		border-top: 1px solid #999;
	}
	table.res04 td.style01 {
		width: 100%;
		padding: 5px 5px 0 10px;
        border: none !important;
	}
	table.res04 td.style02 {
		width: 100%;
		padding: 0 10px 5px 5px;
		padding-top: 0;
		text-align: right;
		border-bottom: 1px dotted #ccc !important;
	}
	table.res04 td.style03 {
		width: 100%;
		padding: 5px 10px 10px;
		border: none !important;
	}

	table.res04 td.solid {
		border-bottom: none;
	}
	table.res04 th.dotted,
	table.res04 td.dotted {
		border-bottom: none !important;
	}
	table.res03 tr {
		/*border-top: 1px dotted #999 !important;*/
	}
	table.res04 tr:first-child th {
		border-top: none !important;
	}
	table.res04 tr:last-child td.style01,
	table.res04 tr:last-child td.style02 {
		border-bottom: none !important;
	}
}


.inquiry_bn2 {
	position: fixed;
	top: 130px;
	right: 0;
}

.inquiry_bn3 {
	position: fixed;
	top: 320px;
	right: 0;
}

.inquiry_bn4 {
	position: fixed;
	top: 515px;
	right: 0;
}

.inquiry_bn2 img,
.inquiry_bn3 img,
.inquiry_bn4 img {
width: 40px;
z-index: 9999;
}

@media only screen and (max-width: 991px) {
.inquiry_bn2 {top: 170px !important;}
.inquiry_bn3 {top: 325px !important;}
.inquiry_bn4 {top: 480px !important;}
	
.inquiry_bn2 img,
.inquiry_bn3 img,
.inquiry_bn4 img {
width: 35px;
z-index: 9999;
}

}

.pc-block {
display: block;
}
.sp-block {
display: none;
}
@media only screen and (max-width: 767px){
.pc-block {
display: none;
}
.sp-block {
display: block;
}
}