/* CSS Document */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;900&display=swap');
/******* general *******/
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,  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;
	line-height: 160%;
	font-family: 'Noto Serif JP', serif;
	font-weight:600;
}
strong{
	font-weight:bolder;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	padding-right:0px;
	padding-left:0px;
}
figcaption{
	font-weight:normal !important;
	padding:0px 0.5rem;
	opacity:0.9;
}
img {
	vertical-align: bottom;
	max-width: 100%;
}

a.navbar-brand,a.news_list,.breadcrumb a, a.post-loop{ 
	color:#272E2D;

}
a{
	color:#442125;
	text-decoration: none;
}
a:hover {
	transition: all 0.5s;
	opacity:0.6;
	color:inherit;
}

a img:hover{
	transition: all 0.3s;
	filter: brightness(110%);
}
a:focus,
button:focus {
	outline: none;
}
html{
	line-height: 1;
	font-size: 16px;
	font-family: kozuka-gothic-pro, sans-serif;font-weight: 400;font-style: normal;
}
h1{
	color:#1B143A;
	font-size:1.75rem;
}
.page-title span{
	line-height: 1 !important;
}
h2{
	font-size:1.5rem;

}

h3{
	font-size:1.5rem;
}

h4{
	font-size:1.25rem;
}
h5{
	font-size:1.35rem;
}
i{
	font-size:18pt;
}

pre{
	font-size:1rem !important;
	overflow:visible !important;
}

span.headline{
	border-left:solid 6px #70A73A;
	line-height: 100%;
}
h1.single_title{
	font-size:1rem;
}
h6{
	font-size:1.1rem;
}
ol,ul {
	list-style: none;
}

.text-gold{
	color:#958058;
}

.text-d-blue{
	color:#1B143A;
}

.bg-d-blue{
	background:#28283C;
}
.bg-grey {
	background-color: #EAE7E5;
}

.bg-gold{
	background-color:#88783C;
}

.main{
	margin-top:72px;
}

main{
	overflow:hidden !important;
}

td:first-child,tr:first-child{
	background-color:#272E2D !important;
	color:white;	
}
td{
	padding:0.75rem 0px;
	border:solid 2px white !important;
}
.iframe{
	max-width:100% !important
}

video{
	min-height:320px;
	max-height:420px;
	background-color:black;
}

@media screen and ( max-width: 812px ) {
	html{
		font-size:15px;
	}

	h1{
		font-size:1.25rem;
	}
	
	h3{
		font-size:1.25rem;
	}
	h4,h5 {
		font-size: 1rem !important;
	}
}

@media screen and ( max-width: 340px ){
	html{
		font-size:14px !important;
	}
}

/******* management bar *******/
.customize-support .header { margin-top: 32px !important; }
.customize-support .header .offcanvas-collapse { margin-top: 0 !important; }
.customize-support .header .offcanvas-collapse.open { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
	.customize-support .header { margin-top: 46px !important; }
}

/******* header style *******/
.header {
	background-color: white;
	box-shadow:0px 0px 5px #432024;
}
.container-fluid{
	padding-left:1.5rem;
	padding-right:1.5rem;
}
.header .container-fluid .row{
	height:90px;
}
.offcanvas-collapse {
    position: fixed;
    top: 0; /* Height of navbar */
    bottom: 0;
    left: 100%;
	width: 100%;
	padding-top: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.9);
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: left, visibility;
}
.offcanvas-collapse.open {
    left: 0;
	visibility: visible;
}
.navbar{

}
.navbar-light .navbar-nav .nav-link{
	color:black;
}

.navbar-nav li{
	display:flex;
	align-items:center;
}

.header_logo{
	height:55px;
}
.header_icon{
	height:30px;
}
.breadcrumb{
	margin-bottom:0px !important;
}

@media (min-width: 992px) {
	.navbar-toggler {
		display: none;
	}
	.offcanvas-collapse {
		position: relative;
		visibility: visible;
		background-color: transparent;
		top: inherit;
		bottom: inherit;
		left: inherit;
		padding-top: 0;
	}

}

/******* トップページ *******/
.home-img {
	width:100vw;
	background-repeat: no-repeat;
	background-position:-100px center;
	background-position:-250px -150px;
	background-image:url(/wp-content/uploads/2022/04/BeStyleWedding-home.jpg);
}

.header-text{
	background-image:url(/wp-content/uploads/2022/04/header_area.svg);
	background-size:contain;
	background-position: -20px center;;
	background-repeat:no-repeat;
	height:30vh;
}

.service-text{
	background-image:url(/wp-content/uploads/2022/04/service_area.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

.service-img{
	width:100vw;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:top;
	background-image:url(/wp-content/uploads/2022/04/service-img.jpg);
}

@media (max-width: 992px) {
.header-text{
		min-height:60vw;
	}
}
@media (min-width: 992px) {
	.home-img {
		height:100vw;
	}
	.service-img{
		height:100vw;
	}
	.header-text{
		height:50vh !important;
	}
	.home-img {
	background-size:cover !important;
	background-position:center !important;
	}
	.pe-50{
	padding-right:calc((100vw - 1000px) / 2) !important;
	}
}
@media (min-width: 768px) {
	.voice:after{
	position:absolute;
	content: "";
    height: 1px;
	background-color: #1B143A;
	top:50%;
	bottom:50%;
	left:calc(50% - 2rem);
	width:4rem;
	}
	.voice-img:after{
		display:none;
	}
}

@media (max-width: 480px) {
	.home-img {
    background-size: 960px;
	}
}

/**page.php**/
.page-title{
	font-family: gioviale, sans-serif;
	font-weight: 400;
	font-size:100pt;
	line-height: 0.45;
	color:#87783c;
	text-transform:capitalize;
}
.text-15{
	font-size:1.5rem;
}
.page-header{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:40% center
}
.page-img{
	background-image:url(/wp-content/uploads/2022/05/page-img.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

@media screen and (min-width:1024px){
.svg_start:before,.svg_end:after,.svg_start2:before{
	max-width:calc((100vw - 1000px) / 2) !important;
	}
}
@media screen and (max-width:768px){
	.page-title{
		font-size:55pt !important;
	}

	.text-15{
	font-size:1.15rem;
}
}

/**single-voice.php**/
.bd-filter{
	backdrop-filter: grayscale(100%);
	background-color: rgba(255,247,242,0.6);

}

/**single.php**/
.single-content p{
overflow: auto;
}

/**bootstrap上書き**/
.mx-225{
	width:225px;
}

.my-200 img{
	object-fit: cover;
	height:240px;
	width:100%;
	object-position:top center;
	max-height:calc(50vw / 3 * 2 )
}

hr{
	height:2px !important;
	opacity:1 !important;
}
.w-100{
	max-width:100% !important;
}
.border-bottom{
	border-width:2px !important;
}
.border-brown{
	border-color:#442125 !important;
}
.lh-extend{
	line-height: 1.9!important;
}
.lh-extend2{
	line-height: 1.5!important;
}
.flex-nowrap::-webkit-scrollbar-thumb{
	background:#442125 !important;
	border-radius: 5px !important;
}

.flex-nowrap::-webkit-scrollbar {
    height: 10px;
}
.row{
	max-width:1000px;
	margin:auto;
	padding:0px;
}
.page{
	max-width:980px;
	margin:auto;
	padding:0px;
}
.max-640{
	max-width:640px;
	margin:auto;
}

@media (max-width: 991px){
	.dropdown-menu{
		border-radius:0px;
		border:none;
		border-left:solid 3px #442125;
	}
}
@media (max-width: 414px){
	.d-xs-block{display:none;
	}
}
/*追跡バナー*/
@media screen and ( min-width: 769px ) {
	.fixed_banner{
		max-width:420px;
		bottom:5px;
		right:15px;
		padding:7.5px;
	}
	.fixed_banner img.sp{
		display:none !important;
	}

}	
@media screen and ( max-width: 768px ) {
	.fixed_banner{
		bottom:0px;
		right:0px;
	}
		.fixed_banner img.pc{
		display:none !important;
	}
}	
.fixed_banner{
	z-index:2;
	position:fixed;
	background-color:white;
	box-shadow:0px 2px 5px rgba(0,0,0,0.6);

}
.fixed_banner a{
	float:left;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.fixed_banner img{
	z-index:1;
	background-color:white;
	object-fit:cover;
	max-height:100%;
	width:auto;
}
label.close{
	z-index:3;
	position: absolute;
	background-color:white;
	font-size:18px;
	right: 0px;
	top: 0px;
	padding:0px 5px ;
}
	
/* checkbox 非表示 */
.add-control .checkbox {
    display: none;
}
 
/* close button's control */
.add-control .action-close #close:checked ~ .close {
    display: none;
}
.add-control .action-close #close:checked ~ .box {
    display: none;
}

@media (min-height: 320px)and (max-height: 468px)  {
	.h-100vh {
		min-height:65vw;
	}
	
}

.h-100vh{
	max-height:calc(100vh - 72px);
	object-fit: cover;
	
}


.btn_gold{
	background-image:url(/wp-content/uploads/2022/04/btn1.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	width: 250px;
	max-width:50vw;
}

.btn_blue{
	background-image:url(/wp-content/uploads/2022/04/btn2.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	width: 190px;
	max-width:60%;
}

.btn_c_gold{
	background-image:url(/wp-content/uploads/2022/04/btn3.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	width: 190px;
	max-width:60%;
}

.mt-n110{
	margin-top:-110px;
}

.news p:nth-child(odd){
	background-color:#EAE7E5;
}

.voice:nth-child(odd) .voice-img{
	order:2;
}
.voice:nth-child(even) .voice-text{
	padding-right:calc((100vw - 1000px) / 2);
	padding-left: 3rem!important;
}

.voice:nth-child(odd) .voice-text{
	padding-left:calc((100vw - 1000px) / 2);
	padding-right: 3rem!important;
}

.svg_center{
    display: flex;
    align-items: center;
	margin:auto;
}
.svg_end{
    display: flex;
	align-items: center;
	justify-content: flex-end;
}
.svg_start{
    display: flex;
	align-items: center;
	
}
.svg_start2{
    display: flex;
	align-items: center;
}

.svg_center:before,
.svg_center:after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #88783C;
}
.svg_start:before,.svg_end:after{
	content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #88783C;
}
.svg_start2:before{
	content: "";
    height: 2px;
    flex-grow: 1;
    background-color:#28283C;
}

.svg_center:before{
    margin-right: 1rem;
}
 
.svg_end:after,.svg_center:after{
    margin-left: 1rem;
}

.svg_start:before,.svg_start2:before{
    margin-right: 1rem;
}

.max-500{
	max-width:500px;
}
.max-680{
	max-width:680px;
}
.voice-img img{
	object-fit: cover;
	height:400px;
	max-height: 60vw;
}

@media screen and ( max-width: 1024px ) {
	.svg_start:before, .svg_end:after,.svg_start2:before{
		max-width: 3rem !important;
		min-width:3rem !important;
	}
}
@media screen and ( max-width: 821px ) {
.svg_start img,.svg_center img,.svg_end img{
	max-height:50px !important;
	}
	.svg_start2 img{
	max-height:42px !important;
	}
	.mt-n110{
	height:160px !important;
	width:160px !important;
	margin-top:-70px;
	}
	.voice:nth-child(even) .voice-text{
	padding-left: 0!important;
	}

.voice:nth-child(odd) .voice-text{
	padding-right: 0!important;
	}
	
}

@media screen and (max-width: 767px ) {
	.voice:nth-child(odd) .voice-img{
	order:0 !important;
	}
	.svg_start2{
	margin-left:-0.5rem;
	}
}

.btn_blue:hover{
	background-image:url(/wp-content/uploads/2022/05/btn4.svg);
	transition: 0.5s ;
	color:white;
}

.btn_c_gold:hover{
	background-image:url(/wp-content/uploads/2022/05/btn5.svg);
	transition: 0.5s ;
	color:white;
}


/**ブロックエディタcss編集**/
@media screen and ( max-width: 540px ) {
	.wp-block-image .alignleft{
		width:100%;
		text-align: center;
	}
}

@media screen and ( min-width: 769px ) {
	.wp-block-image .alignleft{
		padding-right:1rem;
		padding-bottom:1rem;
	}
	main h2{	
		margin-left:-3rem !important;
	}
}

.wp-block-image{margin:0px !important}

main h2{
    display:flex;
	align-items: center;
	margin-left:-1.5rem;
}

main h2:before{
    content: "";
    height: 1px;
	max-width:6vw;
    flex-grow: 1;
    background-color:#1b143a;
}
.about_col4{
	position:relative;
}
.about_col4:after{
	position:absolute;
	content: "";
    height:2rem;
	background-color: #1B143A;
	bottom:-1rem;
	left:50%;
	width:1px;
}

#fancybox-title-over{
	display:none !important;
}

.has-background{
	margin-bottom: 1.25rem;
}
	
/**ultimate block編集**/
.wp-block-ub-content-toggle {
	margin-top:10px !important;
	margin-bottom:10px !important;
}

.is-style-outline>:where(.wp-block-button__link), :where(.wp-block-button__link).is-style-outline{
	padding: 0.25rem 1.333em !important;
}
img.alignleft{
	float:left;
	padding-right:1.25rem;
}
@media screen and (max-width: 768px ) {

	img.alignleft{
		width:100%;
		padding-right:0px;
		padding-bottom:1.25rem;
}
}