@charset "UTF-8";



/* CSS Document */

/*-------------------------------------------*/
/*	初期化
/*-------------------------------------------*/
*        { margin: 0px; padding: 0px; font-size: 100%; }
ul{ list-style: none; }
body,h1, h2, h3, h4, h5,p,
ul, ol, li, dl, dt, dd,
table,
form, input {margin:0;padding:0; }
hr  { display: none; }
th	{ font-weight:lighter; }
img { border: none; vertical-align: bottom; }
/*iphone 用*/
input[type="submit"],input[type="button"]{
-webkit-appearance: none;
}
main{
	margin: 0px !important;
	padding: 0px !important;
}

.menu-padd{margin-top: 30px;}

/*header.header{position: fixed;top:0px;*/

ul#btns{display: flex;}
ul#btns li img{height: 80px !important;}
.header--row-inner .container{
	border: none !important;
	padding: 0px 0px 0px 0px  !important;
	margin: -10px 0 !important;
	
}

/* 見積もり　*/
/*.wq--label:hover{background:#fff !important;}
.wq-Option:hover{background:#fff !important;}
*/

#wq-quantoption-detail-53-63-wrapper{overflow-x: scroll !important;}

.wq--footer{position: relative;}
.wq--footer::after{
    content: '「ごく少人数で祭壇は必要ないかも…」「予算に限りがあり困っている…」など個別にお見積りいたします。';
    position: absolute;
    font-size: 15px;
    line-height: 1.3em;
    top:55px;
    right: 0;
}



/*名称、価格　フォントサイズ*/
.wq--main .wq--name{font-size: 1.1em !important;}

.wq--body .wq--name{font-size: 1.0em !important;}
.wq--body .wq--price{font-size: 1.1em !important;}

/*
.wq--select.wq-is-selected+.wq--label{background:rgba(2,109,7,0.7) !important;}
.wq-is-selected+.wq--label{background:rgba(2,109,7,0.7) !important;}
*　選択時の背景色*/

.wq--body .wq--label{padding: 0 0 15px !important;margin: 0 !important;}

.wq--select.wq-is-selected+.wq--label{background:rgba(142,181,73,1.00) !important;}
.wq-is-selected+.wq--label{background:rgba(142,181,73,1.00)!important;}

.wq-is-selected+.wq--label,
.wq--select.wq-is-selected+.wq--label .wq--name,
.wq--select.wq-is-selected+.wq--label .wq--note{color:#fff !important;}

.wq--price{color:#000 !important;}
.wq-is-selected+.wq--label .wq--price,
.wq-is-selected+.wq--label .wq--note,
.wq--select.wq-is-selected+.wq--label .wq--price {color:#fff !important;}

/*カテゴリー*/
.wq--head{background-color:#F8FBE3 !important;}

.wq--body{display: flex !important;gap:10px !important;}

.wq-belongs-hnavigator{margin: 0 !important;padding: 0 !important;}

/*宗教*/
.wq-belongs-selector-8 .wq--main{margin-top: -20px !important;}

/*宗派*/
.wq-belongs-selector-81 .wq--main{margin-top: -20px !important;}
.wq-belongs-selector-81 .wq--name,
.wq-belongs-selector-81 .wq--note{display: none !important;}
.wq-belongs-selector-81 .wq--media .wq-Image{height: 100px !important;}

/*寺院*/
.wq-belongs-selector-24 .wq--main,/*浄土宗寺院*/
.wq-belongs-selector-84 .wq--main,/*浄土真宗寺院*/
.wq-belongs-selector-89 .wq--main,/*真言宗寺院*/
.wq-belongs-selector-96 .wq--main,/*曹洞宗寺院*/
.wq-belongs-selector-109 .wq--main/*法華宗寺院*/
{margin-top: -20px !important;}

/*葬儀の合計人数*/
.wq-belongs-selector-47 .wq--main{margin-top: -20px !important;}

/*祭壇・プランの選択　別館　仏教　神道*/
.wq--body .wq-belongs-selector-5{width:255px !important;}
.wq--body .wq-belongs-selector-5 .wq--media .wq-Image{width:245px !important;height: 195px !important;}
.wq--body .wq-belongs-selector-5 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}

/*祭壇・プランの選択 別館　カトリック*/
.wq-belongs-selector-131{width:210px !important;}
.wq-belongs-selector-131 .wq--media .wq-Image{width:200px !important;height: 150px !important;}
.wq-belongs-selector-131 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}

/*祭壇・プランの選択 本館　神道*/
.wq-belongs-selector-132{width:210px !important;}
.wq-belongs-selector-132 .wq--media .wq-Image{width:200px !important;height: 150px !important;}
.wq-belongs-selector-132 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}

/*祭壇・プランの選択 本館　カトリック*/
.wq-belongs-selector-133{width:210px !important;}
.wq-belongs-selector-133 .wq--media .wq-Image{width:200px !important;height: 150px !important;}
.wq-belongs-selector-133 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}


/*棺の選択 18*/
.wq-belongs-selector-18{width:210px !important;}
.wq-belongs-selector-18 .wq--media .wq-Image{width:200px !important;height: 120px !important;}
.wq-belongs-selector-18 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}

/*骨壷*/
.wq-belongs-selector-6{width:160px !important;}
.wq-belongs-selector-6 .wq--media .wq-Image{width:150px !important;height: 105px !important;}
.wq-belongs-selector-6 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}
.wq-belongs-selector-6 .wq--main .wq--name,/*仏教、神道骨壷*/
.wq-belongs-selector-80 .wq--main .wq--name/*カトリック骨壷*/{font-size: 14px !important;}

/*画像なしの場合　高さ7px*/
.wq--body .wq-media-empty .wq--media .wq-Image{height: 7px !important;}
.wq--body .wq-media-empty .wq--label{height: 50px !important;}

/*遺影*/
.wq-belongs-selector-135{}
.wq-belongs-selector-135{width:150px !important;}
.wq-belongs-selector-135 .wq--media .wq-Image{width:80px !important;height:100px !important;}
.wq-belongs-selector-135 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}

/*通夜料理*/
.wq-belongs-selector-53{width:180px !important;}
.wq-belongs-selector-53 .wq--media .wq-Image{width:170px !important;height: 150px !important;}
.wq-belongs-selector-53 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}
.wq-belongs-selector-53 .wq--name{font-size: 14px !important;}

/*火葬場料理*/
.wq-belongs-selector-134{width:180px !important;}
.wq-belongs-selector-134 .wq--media .wq-Image{width:170px !important;height: 150px !important;}
.wq-belongs-selector-134 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}
.wq-belongs-selector-134 .wq--name{font-size: 14px !important;}

/*精進料理*/
.wq-belongs-selector-137{width:180px !important;}
.wq-belongs-selector-137 .wq--media .wq-Image{width:170px !important;height: 150px !important;}
.wq-belongs-selector-137 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}
.wq-belongs-selector-137 .wq--name{font-size: 14px !important;}

/*wq-belongs-selector-48 斎場*/
.wq-belongs-selector-48 .wq--main{margin-top: -20px !important;}

.wq--body .wq-belongs-selector-17,
.wq--body .wq-belongs-selector-48{width:255px !important;}
.wq--body .wq-belongs-selector-17 .wq--media .wq-Image,
.wq--body .wq-belongs-selector-48 .wq--media .wq-Image{width:245px !important;height: 195px !important;}

.wq--body .wq-belongs-selector-17 .wq--media .wq-Image img,
.wq--body .wq-belongs-selector-48 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}


/*個数の位置*/
.wq--main .wq--quantity{
    margin-top: 48px;
    margin-right: 5px;
    font-size: 16px !important;
    text-align: center !important;
}

.wq-belongs-selector-116{width:210px !important;}
.wq-belongs-selector-116 .wq--media .wq-Image{width:200px !important;height: 150px !important;}
.wq-belongs-selector-116 .wq--media .wq-Image img{object-fit: cover; width: 100% !important;}

/*会葬品、即日返し*/
.wq-belongs-selector-78,
.wq-belongs-selector-79{width:210px !important;}
.wq-belongs-selector-78 .wq--media .wq-Image,
.wq-belongs-selector-79 .wq--media .wq-Image{width:200px !important;height: 150px !important;}

.wq-belongs-selector-78 .wq--name,
.wq-belongs-selector-79 .wq--name{font-size: 14px !important;letter-spacing:-1px !important;}

/*.wq-belongs-selector-78 .wq--quantity,
.wq-belongs-selector-79 .wq--quantity{
    margin-top: 30px;
    margin-right: 5px;
    font-size: 16px !important;
    text-align: center !important;
}
*/
.wq--body .wq-belongs-selector-2{height:100px !important;}

/*火葬場*/
.wq-belongs-selector-56 .wq--name{display: none !important;visibility: hidden !important;}

/*バスの有無*/
.wq-belongs-selector-60 .wq--main{}

/*見積もり結果表　会場費用　非表示*/
.wq-lct-enabled .wq-for-category{color:#000 !important;font-weight: 500 !important;font-size: 16px !important;}

/*名前   送信する　非表示*/
/*#wq-attr-name-1,*/
.wq-for-submit{display: none !important;}

.wq-for-action .wq--body{display: flex !important;gap:0px !important;justify-content: center !important;}
.wq-InputGroup{width: 350px !important;}

.wq-Attributes .wq-Control .wq--body{display: flex;flex-flow: column !important;}
.wq-Attributes .wq-Control .wq--body .wq--note{margin-top: -10px !important;}

.wq--entries .wq-for-header .wq--prop{font-size: 1.2em !important;}


/*必要ありません*/
label[for="wq-option-detail-78-96"] .wq--name,/*会葬品*/
label[for="wq-option-detail-79-99"] .wq--name,/*即日返し*/
label[for="wq-option-detail-60-85"] .wq--name,/*バス*/
label[for="wq-option-detail-135-221"] .wq--name,/*遺影*/
label[for="wq-option-detail-136-223"] .wq--name/*初七日会場*/{
    font-size: 18px !important;font-weight: 600 !important;line-height: 1.0em !important;
    letter-spacing:1.0px !important;
}

@media only screen and (max-width: 992px) {
	.header--row-inner .container{
	border: none !important;
	padding: 0px 0px 0px 5px  !important;
	margin: -10px 0 !important;	
}
	.no-br br{display: none}
	
}

@media only screen and (max-width: 767px) {
    /*棺の選択 -18*/
    .wq--body .wq-belongs-selector-18{width:210px !important;}
    .wq--body .wq-belongs-selector-18 .wq--media .wq-Image{width:200px !important;height: 150px !important;}
    .wq--body .wq--name{font-size: 0.8em !important;}
    .wq--body .wq--price{font-size: 1.0em !important;}
	.wq--footer::after{
        content: '「ごく少人数で祭壇は必要ないかも…」「予算に限りがあり困っている…」など個別にお見積りいたします。';
        position: absolute;
        font-size: 14px;
        line-height: 1.1em;
        top:55px;
        right: 0;
    }
    /*お名前*/
    #wq-attr-name-1{margin-top: 20px;}
}

#header-grid .hfg_header,
#header-grid .site-header,
nav.nv-navbar .header-main-inner
.header--row-inner .container{
	border: none !important; 
}

a{text-decoration: none !important;}

.clearfix:after { /*float解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	 /*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
 /**/
}

a img.image_hover{
	transition:all 0.5s ease; 
}
a:hover img.image_hover{
	opacity: 0.7;/*要素の透明度*/
	filter: alpha(opacity=70); /*ie6、7*/
	-ms-filter: "alpha(opacity=70)";/*ie8*/
	transition:all 0.5s ease; 
}
a:hover img,
#pagetop img:hover{
	opacity: 0.7;/*要素の透明度*/
	filter: alpha(opacity=70); /*ie6、7*/
	-ms-filter: "alpha(opacity=70)";/*ie8*/
	transition:all 0.5s ease; 
}

.primary-menu-ul > li a{padding-left:40px !important;padding-right: 40px !important;}



.primary-menu-ul > .current-menu-item > a{font-weight: 500;}
.primary-menu-ul > li > ul.sub-menu > li.current-menu-item > a{background-color:rgba(255,255,255,0.8) !important;font-weight: 500;}

@media only screen and (max-width: 1491px) {
	.primary-menu-ul li a{padding-left:33px !important;padding-right: 35px !important;}
}

@media only screen and (max-width: 1265px) {
	.primary-menu-ul li a{padding-left:25px !important;padding-right: 25px !important;}
}

@media only screen and (max-width: 1140px) {
	.primary-menu-ul li a{padding-left:20px !important;padding-right: 20px !important;}
}
@media only screen and (max-width: 1071px) {
	.primary-menu-ul li a{padding-left:15px !important;padding-right: 15px !important;}
}
@media only screen and (max-width: 1001px) {
	.primary-menu-ul li a{padding-left:13px !important;padding-right: 13px !important;}
}
@media only screen and (max-width: 764px) {
	.primary-menu-ul li a{padding-left:5px !important;padding-right: 0px !important;}
	.primary-menu-ul li .sub-menu a{padding-left:15px !important;}
}
/*sidemenu mobi*/
#secondary-menu li.menu-item a{padding: 0px !important; margin-top: 10px !important;}


.icon-bar {
  transition: all .1s ease;
  position: relative;
  display: block;
  border-radius: 2px;
  width: 15px;
  height: 2px;
	background-color: #fff !important;
}
.navbar-toggle-wrapper button.active{border: 0px !important;}
.navbar-toggle {
	border-radius: 5px !important;
	cursor: pointer;
	padding: 15px 15px!important;
	display: flex;
	align-items: center;
	background-color: #30A084 !important;
	border: 0px solid !important;

}
.navbar-toggle:focus {
  outline: 0px solid !important;
}


#logo-toggle-wrap{display: flex;padding:5px 5px 5px 10px;}
#logo-mobi {padding-top:10px}
#logo-mobi img{width: 70%;}

/*mobile menu*/
#secondary-menu li a:hover{background-color: #F2F8FD;}
#secondary-menu li.current_page_item{color:#1c7bd9;font-weight: 600;background-color: #F2F8FD;}

.menu-image-title-after{display: block !important;}
@media only screen and (max-width: 1050px) {
	.menu-image-title-after{font-size:0.9em !important;}
}

.site-title{font-size: 18px !important;color:#3B3B3B !important;font-weight: normal !important;}

@media only screen and (max-width: 764px) {
	.site-title{font-size: 12px !important;}
}

#top-bnr{display: flex;align-items: center;}
#top-bnr div:nth-of-type(1){width:45%;}
#top-bnr div:nth-of-type(2){width:15%;text-align: right;padding-right: 5px;}
#top-bnr div:nth-of-type(3){width:40%;text-align: right;}


@media only screen and (max-width: 1210px) {
	#top-bnr div:nth-of-type(3) ul li:nth-of-type(2){margin-top: -5px;}
}
@media only screen and (max-width: 957px) {
	#top-bnr div:nth-of-type(3) ul li:nth-of-type(2){margin-top: 0px;}
}
@media only screen and (max-width: 607px) {
	#top-bnr div:nth-of-type(2){padding-left: 3px;padding-right: 3px;}
	#top-bnr div:nth-of-type(3) ul{margin-top: -5px !important;}
	#top-bnr div:nth-of-type(3) ul li:nth-of-type(2){margin-top: -5px;}
}

/*side btns*/
#topimg{overflow: visible;position: relative;width: 100%}

#side{
    position: absolute;
    top: 200px;
	right: 0;
}

#side-contcat{
	width: 260px;height: 230px;
	background-color: #fff;
	border-radius: 10px 0px 0px 10px;
}

#side-contcat ul{padding: 20px 0 0 20px;}
#side-contcat ul li{padding-bottom: 10px;}

#estimate{position: fixed;top: 450px;right: 0;}
#estimate img{width: 50px;height: auto;}

#bottom{display: none;}

@media only screen and (max-width: 1335px) {
    #side{
        position: absolute;
        top: 230px;
        right: 0;
    }
    #estimate{position: fixed;top: 480px;right: 0;}
}
@media only screen and (max-width: 1162px) {
    #side{
        position: absolute;
        top: 270px;
        right: 0;
    }
    #estimate{position: fixed;top: 505px;right: 0;}
}
@media only screen and (max-width: 1020px) {
	#side{
     
    }
	
	#side-contcat{
	width: 200px;height: 180px;
	background-color: #fff;
	border-radius: 10px 0px 0px 10px;
}
	#side-contcat ul{padding: 20px 0 0 15px;}
	#side-contcat ul li{padding-bottom: 5px;}
	#side-contcat ul li a img{width:95%;}
    #estimate{position: fixed;top: 455px;right: 0;}
}
@media only screen and (max-width: 960px) {
	#side{
     position: absolute;
    top: 250px;
	right: 0;
    }
    #estimate img{width: 40px;height: auto;}
}

@media only screen and (max-width: 767px) {
	#side{display: none;}
	#bottom{
		display: block;
		position: fixed;
    	bottom: 0px;
		right: 0;
		z-index: 99999;
	}
	#bottom ul{display: flex;padding: 0 0 0 7px;}
	#bottom ul li{padding: 2px;width:33%;text-align: center;}
	#bottom ul li a img{width:100%;}
}

@media only screen and (max-width: 572px) {
	#side{
     position: absolute;
    top: 160px;
	right: 0;
}
    #estimate{position: fixed;top: 310px;right: 0;}
    #estimate img{width: 35px;height: auto;}
}

/*breadcrumbs*/
.breadcrumbs{font-size:1.0em;padding-top: 0;}
.breadcrumbs a{color:#62B18C !important;}
.breadcrumbs a span{text-decoration: underline;}
.breadcrumbs a:hover span{text-decoration: none;}


/*TOP Emergency Information*/
h2.emerg{text-align: center;font-size:1.1em;font-weight: 300;padding: 0;margin: 0}
h2.emerg a{color:#fff;text-decoration: underline !important;}
h2.emerg a:hover{color:#fff;text-decoration: none !important;}
@media only screen and (max-width: 764px) {
	h2.emerg{text-align: center;color: #fff;font-size:0.9em;}
}

/*TOP 新着情報*/
#news-flex{display: flex;flex-wrap: wrap;justify-content: space-around;}
#news-flex .item{padding-bottom: 15px;width: 330px; }
.item .pic{position: relative;}
.item .pic-img {width: 330px; height: 240px;}
.item .pic-img img{width: 330px; height: 240px;object-fit: cover;}
.item .cat{
	position: absolute;
	top:0px;
	left:0px;
	width:100px;
	padding: 4px 0;
	font-weight: 300;
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	text-align: center;
	font-size:0.9em;
}
.item .news-date{color:#909090;font-size:15px;}
.item .news-title{font-size:18px;}
.item .news-title a{color:#3B3B3B;font-weight: 400;}

@media only screen and (max-width: 1339px) {
	#news-flex{}
	#news-flex .item{width:47%;margin: 0 5px;}
	.item .pic-img{width: 100%;height: auto; object-fit: cover;}
}
@media only screen and (max-width: 767px) {
	.item .news-date{font-size:14px;}
	.item .news-title{margin-top: -5px;font-size:15px;line-height: 1.3em}
	
}

.item .news-title-jisseki{font-size:18px;padding: 15px 0 0;}
.item .news-title-jisseki a{color:#3B3B3B;font-weight: 400;}



/*top 施設*/
.saijo{display: flex;flex-wrap: wrap;justify-content: space-around;align-items: flex-end;}
.saijo .saijo-phone{font-size: 20px;font-weight: 400;}
.saijo-detail-g a{
	display:block;border:3px solid #62B18D;color:#62B18D;
	padding:20px;}
.saijo-detail-g a:hover{background-color: #62B18D; border:3px solid #62B18D;color:#FFF;transition:all 0.5s ease; }

.saijo-detail-b a{
	display:block;border:3px solid #4283AA;color:#4283AA;
	padding:20px;}
.saijo-detail-b a:hover{background-color: #4283AA; border:3px solid #4283AA;color:#FFF;transition:all 0.5s ease; }

/*color box*/
.items {
	display: inline-block;
	margin: 10px 20px 10px 0;
}
.items a {
	padding: 10px;
	display: block;
	/*border-radius: 5px;*/
	text-decoration: none;
	color: #fff;
	/*background-color: #286090;*/
	transition: all .3s;
}
.items a:hover {
	opacity: 0.7;
}
.items a img{width: 200px;height: 150px;object-fit: cover;}

	ul#inline-flex{
		margin-left: 0px;
		display: flex; list-style: none;flex-wrap: wrap;
		align-content: space-around;
		}
	ul#inline-flex li{padding: 5px;width:20%}
	ul#inline-flex li a img{}
	ul#inline-flex li a{transition: all .3s}
	ul#inline-flex li a:hover{opacity: 0.7;}
	
	.inline-disp{display: flex;padding:50px;width:900px;}
	.inline-disp div{padding: 10px;width:50%;}
	.inline-disp div.pic img{width: 500px !important; height: auto;}
	.disc h2{font-size:1.2em;}
	.disc h4{font-size:1.1em;}
	@media only screen and (max-width: 840px) {
		ul#inline-flex li{padding: 5px;width:33%}
		.inline-disp div{padding: 10px;width:100%;}
		.inline-disp div.pic{padding: 10px;text-align: center;width: 100%;}
		.inline-disp div.pic img{width: 100%}
		.inline-disp{display: flex;flex-wrap:wrap;width:650px;}
		
	}
	@media only screen and (max-width: 767px) {
		.inline-disp div{padding: 10px;width:100%;}
		.inline-disp div.pic{padding: 10px;text-align: center;width: 100%;}
		.inline-disp div.pic img{width: 70%}
		.inline-disp{display: flex;flex-wrap:wrap;width:550px;}
	}
	
	@media only screen and (max-width: 640px) {
		ul#inline-flex li{padding: 5px;width:50%}
		.inline-disp div.pic{padding: 10px;text-align: center;width: 100%;}
		.inline-disp div.pic img{width: 80%}
		.inline-disp{display: flex;flex-wrap:wrap;width:500px;}
	}
	
	
	@media only screen and (max-width: 500px) {
		.inline-disp div.pic{padding: 10px;text-align: center;width: 100%;}
		.inline-disp div.pic img{width: 100%}
		.inline-disp{display: flex;flex-wrap:wrap;width:400px;}

		
	}
/*--------------------*/


/*自宅葬*/
#funeral{border-left:1px solid #C6C6C6;border-top:1px solid #C6C6C6; }
#funeral th{background-color: #D6D6D6;
	font-size:20px;font-weight: 400;width: 33%;
	text-align: center; border-right:1px solid #C6C6C6;border-bottom:1px solid #C6C6C6;}
#funeral td{background-color: #fff;padding: 20px;
	font-size:18px;
	border-right:1px solid #C6C6C6;border-bottom:1px solid #C6C6C6;}
#funeral td:nth-of-type(1){background-color: #F5F5F5 !important;}


@media only screen and (max-width: 640px) {
	#funeral th{font-size:18px;font-weight: 400;width: 33%;	text-align: center;}
	#funeral td{background-color: #fff;padding: 10px;font-size:16px;}
	.fac tr td{font-size:16px;}
}


/*お急ぎの方へ*/
table{padding: 0 !important; margin: 0 !important;}

.fac tr td{font-size:18px;border-bottom: 1px solid #E0E0E0;}

@media only screen and (max-width: 640px) {
	.fac tr td{font-size:16px;}
}

/*order*/
#order{width: 1100px;margin: 0 auto;}
#order h3{
	font-size: 25px;font-weight: 300;background-color: #F8F7F0;
	text-align: center;padding: 10px 0 ;margin-bottom: 20px;
}

#order .element{padding-bottom: 20px;text-align: center;font-size: 20px;}
#order .element input{margin-right: 10px;padding-right: 20px;transform:scale(1.5);}
#order h4{
	font-size: 20px;font-weight: 300;background-color: #F1F5F2;text-align: center;
	padding: 8px 0 ;margin-bottom: 20px;
}
.product{display: flex;justify-content: space-around;padding-bottom: 50px;}
.product .item{width: 33%;}
.product .item:nth-of-type(1){margin-right: 30px}
.product .item:nth-of-type(2){margin-right: 30px}
.product .item:nth-of-type(3){margin-right: 0px}
.product .pic{padding-bottom: 20px;}
.product .pic img{width: 100%;height:auto;}
.product .txt{height: 90px;}

.product .txt p:nth-of-type(1){font-size: 1.1em;padding: 0 !important;}
.product .txt p:nth-of-type(2){font-size: 0.9em;}

.product .qty{background-color: #62B18D;padding: 15px 0;color: #fff;font-size: 18px;text-align: center;border: none;width: 100%;}

.product .qty.wpcf7c-conf{color: #000 !important;}


#order-wrap{background-color: #F8F7F0;padding: 30px;margin-bottom: 80px;}

.order_div{width: 100%; display: flex}
.order_div div{padding: 20px 20px;}
.order_div div:nth-of-type(1){width: 25%;}
.order_div div:nth-of-type(2){width: 75%;}

@media only screen and (max-width: 1024px) {
	.product .txt{height: 90px;}
	.product .txt p:nth-of-type(1){font-size: 1.0em;padding: 0 !important;line-height: 1.3em;}
	.product .txt p:nth-of-type(2){font-size: 0.8em;line-height: 1.1em;}
	
	#order{width: 100%;margin: 0 auto;}
}
@media only screen and (max-width: 767px) {
	.product .item:nth-of-type(1){margin-right: 10px}
	.product .item:nth-of-type(2){margin-right: 10px}
	.product .item:nth-of-type(3){margin-right: 0px}
	.product .txt{height: 110px;}
	#order-wrap{background-color: #F8F7F0;padding: 10px;margin-bottom: 20px;}
}

@media only screen and (max-width: 600px) {
	#order h3{
	margin-bottom: 0px;
}
	.order_div{width: 100%; display: block}
	.order_div div{padding: 5px 5px;}
	.order_div div:nth-of-type(1){width: 100%;}
	.order_div div:nth-of-type(2){width: 100%;background-color: #fff;}
	
}


/*contact*/
#contact-mail{padding: 30px;
	margin-left: auto;
    margin-right: auto;
    width: 500px; background-color: aqua;
}

.contact_div{width: 100%; display: flex}
.contact_div div{padding: 10px 20px;}
.contact_div div:nth-of-type(1){width: 30%;}
.contact_div div:nth-of-type(2){width: 70%;}
.semi-tt{padding: 10px;background-color: #F5F5F9;margin-bottom: 10px;}

.wpcf7-form-control-wrap.phone-area input{ime-mode: disabled;}
.wpcf7-form-control-wrap.phone-city input{ime-mode: disabled;}
.wpcf7-form-control-wrap.phone-num input{ime-mode: disabled;}

.wpcf7-radio,.wpcf7-checkbox,.wpcf7-acceptance{margin-left:-15px !important;}
.wpcf7 input[type="checkbox"]{color:#000;width: 20px;border:solid 2px #000;}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="select"],#pref,
.wpcf7 input[type="tel"],
.wpcf7 textarea{background-color: #FFFFFF;}
.wpcf7 input[type="text"]#event-title{padding: 10px 0;width: 50%;}
.wpcf7 input:hover[type="text"],
.wpcf7 input:hover[type="email"],
.wpcf7 input:hover[type="tel"],
.wpcf7 textarea:hover{background-color: #F2F2F2;}

.wpcf7 input:focus[type="text"],
.wpcf7 input:focus[type="email"],
.wpcf7 input:focus[type="tel"],
.wpcf7 textarea:focus{
    background-color: #FFFF;
}


.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea{width:100%;}
.wpcf7 input[type="text"].name{width:35%;}
.wpcf7 input[type="tel"].phone{width:12%;}
.wpcf7 input[type="tel"]#zip{width:30%;}
#zip{width:30%;}

.hissu{
	display: inline-block;text-align: center;
	background-color: #D84277;
	color: #ffffff;
	font-size: 10px;
	line-height: 1.5em;
	padding: 3px 0 0;width: 35px;height: 22px;
	margin-left: 10px;
	font-weight: 400;}
.small{font-size:12px;}

#div-submit{
	text-align: center; 
}
input#btn_conf{margin-left: 70px;}

input#btn_send,
input#btn_conf{
	background-color:#3B3B3B !important;
	font-size: 18px;font-weight: 400;
	color:#fff;	
	text-align: center;
	border:solid 2px #0000;
	padding:25px 0;
}

input#btn_send:hover,
input#btn_conf:hover{background-color:#fff !important;border:solid 2px #3B3B3B;color:#000;}
input#btn_back{
	background-color:#A3A3A3 !important;font-size: 18px;margin-left: 0px;margin-right: 20px;border:solid 2px #A3A3A3; border-radius: 0px;color:#505050;padding:0px;padding:25px 0;font-weight: 400;
}

input#btn_back:hover{background-color:#F2F2F2 !important;}

input#btn_conf{width:330px;height: auto; }/*330*/

input#btn_back,
input#btn_send{width:214px;height: auto; }

.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7 .wpcf7-not-valid {
    background: pink !important;
}
.wpcf7 .wpcf7-not-valid:hover,
.wpcf7 .wpcf7-not-valid:focus{
    background: #fff !important;
}
@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 600px) {
	.contact_div{width: 100%; display: block;}
	.contact_div div:nth-of-type(1){width: 100%;background-color: #F5F5F9;}
	.contact_div div:nth-of-type(2){width: 100%;}
	input#btn_back,input#btn_send{margin: 5px;width: 45%}
	input#btn_conf{margin-left: 0px;width: 90%}
	
}


@media screen and (max-width: 501px) {
	.your-appli,.your-soudan{display: block; margin-top: -20px !important;}
	.wpcf7-radio .wpcf7-list-item,.wpcf7-checkbox .wpcf7-list-item  {
    margin-top:0px;
    display: block;
	}
}

@media screen and (max-width: 480px) {
	input#btn_conf{}
}
@media screen and (max-width: 470px) {
	
}
@media screen and (max-width: 450px) {
	input#btn_conf{}
	
}


.wpcf7-select {color: #000;}

#scroll{
	width: 100%;
	height: 300px;
	overflow: scroll;
	border: 1px solid #000;
	padding: 15px;
}
#scroll dl{font-size:14px}
#scroll dl dd{padding-bottom: 10px;}
#scroll dl dd ol > li{padding-left: 5px;margin-left: 20px;}

.wpcf7c-conf {
    background-color: #F5F5F5 !important; /* 背景色 */
    color: black; /* 文字色 */
    border: 1px solid #AEAEAE; /* 周りの線: 太さ　線種 線の色 */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
	color:red;
	text-align: center;
}

/*BLOG関連*/
/*アーカイブ*/
.single-post-container .breadcrumbs{padding-top: 10px;}
.archive-container .row{margin-top:  -30px !important;}

h2.blog-entry-title,
h2.entry-title{line-height: 1.3em !important;font-weight: 400 !important;}

ul.nv-meta-list{display: flex;flex-wrap: wrap !important;}

ul.nv-meta-list li time{color:#fff !important;}
ul.nv-meta-list li a{color:#fff !important;background-color:#000; padding: 3px 15px;border: 1px solid #000;}
ul.nv-meta-list li a:hover{color:#000 !important;background-color:#fff; padding: 3px 15px;border: 1px solid #000;}

.archive ul.nv-meta-list li time,
.archive-container ul.nv-meta-list li time{color:#000 !important;}

.nv-page-title-wrap.nv-big-title .nv-page-title {
 	padding-bottom:0px !important;
	padding-top:10px !important;
	height: 50px;
	padding-left:20px !important;
	margin-bottom: 20px;
	border-bottom-width: 0px !important;
	border-bottom-style: none !important;
	color: #FFF;
	background-color: #005499;
	border-radius:5px;
	background: -moz-linear-gradient(90deg, rgba(0,82,155,1), rgba(71,195,193,1));
	background: -webkit-linear-gradient(90deg, rgba(0,82,155,1), rgba(71,195,193,1));
	background: linear-gradient(to right,  rgba(0,82,155,1)  0%, rgba(71,195,193,1) 90%);	
	
}
.nv-page-title h1{font-size: 1.4em !important;font-weight: 400;}
.nv-title-meta-wrap h1.entry-title{font-weight: 400;}
p.widget-title{
	padding: 10px 0 10px 20px !important;
	line-height: 1.5em;
	color: #FFF;
	background-color: #005499;
	border-radius:5px;
	font-size: 1.2em !important;
	font-weight: 400 !important;
}
.widget_recent_entries ul,
.widget_categories ul{list-style: disc !important;padding-left: 15px;margin-left: 20px;}

/*privacy*/
.privacy dl{font-size:16px;}
.privacy dl dt{padding-bottom: 10px;}
.privacy dl dd{padding-bottom: 20px;}
.privacy dl dd ol{padding-top: 10px;}
.privacy dl dd ol > li{padding-left: 5px;margin-left: 20px;line-height: 1.6em;padding-bottom: 10px;}

@media only screen and (max-width: 764px) {
.privacy dl dd{font-size:14px;}
}


.menu_block{}
.menu_block a{
	display:block;
	border: 5px solid #fff;
	background-color: #fff; 
	padding: 30px; margin: 10px;
}
.menu_block a:hover{
	display:block;
	border: 5px solid #39BC9B;
	background-color: #fff; 
	padding: 30px; margin: 10px;
	color:#39BC9B;
}

table.large{width: 100%}
table.large th{}

table.mid{width: 80%}
table.short{width: 60%}

@media only screen and (max-width: 764px) {
table.mid{width: 100%}
table.short{width: 100%}
}

@media only screen and (max-width: 978px) {
	
.scroll-table{
  	overflow-x: scroll; 
	-webkit-overflow-scrolling: touch; 
  /*white-space: nowrap;*/
	border: solid 1px #ddd;
}
.scroll-table ::-webkit-scrollbar{
  height: 10px;
}
}



.td_center{text-align: center !important;}
sup{font-size:0.8em;}


/*SITEMAP*/
.wsp-pages-list > li > a{display: block;background-color: #F8F7F0;color:#3B3B3B;
	padding: 10px;margin-bottom: 20px;font-weight: 400;font-size: 1.2em;
}
.wsp-pages-list > li > a:hover{color:#41AA7A;}
.wsp-pages-list .page_item_has_children{font-weight: bold;padding: 0 0 20px;}
.wsp-pages-list li > ul.children > li{margin-left: 20px;font-weight:normal;list-style: disc;}
.wsp-pages-list li > ul.children > li >a {display: block;padding: 5px 0;color:#3B3B3B;}
.wsp-pages-list li > ul.children > li >a:hover {color:#41AA7A;}

.wsp-categories-list li{margin-left: 20px;list-style: disc;}
.wsp-categories-list li a {display: block;}


.wsp-posts-list li.wsp-post{margin-left: 20px;list-style: disc;}
.wsp-posts-list li.wsp-post a {display: block;color:#3B3B3B;}
.wsp-posts-list li.wsp-post a:hover {color:#41AA7A;}

h2.wsp-pages-title,h2.wsp-categories-title,h2.wsp-posts-title{font-size: 1.4em;margin-bottom: 10px;}

h2.wsp-pages-title,
h2.wsp-eventinfos-title,
h2.wsp-shopitemss-title,
h2.wsp-exhibitionss-title{display: none;}

.wsp-category-title a{display: block;background-color: #F8F7F0;color:#3B3B3B;
	padding: 10px;margin-bottom: 20px;font-weight: 400;font-size: 1.2em; }
.wsp-category-title a:hover{color:#41AA7A}

.wsp-posts-list{padding-bottom: 20px;}

/*foot-menu*/
#foot-menu h3 a{color: #000;}
#foot-menu h3 a:hover{color: #3375B5;}

/*Footer*/
.p-padding ul{padding-bottom: 10px !important;}
#sns{display: flex;align-items: center;}
#sns div{padding-right: 15px;}

/*other - font*/


ul.dot-pur {
	padding: 0 0 0 1.0em;
}
ul.dot-pur li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
} 
ul.dot-pur li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .15em;	/* アイコンの上側位置調整 */
	left: -1em;	/* アイコンの左側位置調整 */
	color: #875790;	
	font-size:18px;
}

ul.dot-grey {
	padding: 0 0 0 1.0em;
}
ul.dot-grey li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
} 
ul.dot-grey li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .15em;	/* アイコンの上側位置調整 */
	left: -1em;	/* アイコンの左側位置調整 */
	color: #696969;	
	font-size:18px;
}

ul.dot-lgrey {
	margin-top: 0em;
	padding: 0em 0 0 1.0em;
}
ul.dot-lgrey li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
} 
ul.dot-lgrey li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .15em;	/* アイコンの上側位置調整 */
	left: -1em;	/* アイコンの左側位置調整 */
	color: #909090;	
	font-size:18px;
}

ul.dot-blue {
	padding: 0em 0 0 2.0em;
}
ul.dot-blue li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
} 
ul.dot-blue li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .15em;	/* アイコンの上側位置調整 */
	left: -1em;	/* アイコンの左側位置調整 */
	color: #4283AA;	
	font-size:18px;
}

ul.dot-ocher {
	padding: 0em 0 0 2.0em;
}
ul.dot-ocher li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
} 
ul.dot-ocher li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .15em;	/* アイコンの上側位置調整 */
	left: -1em;	/* アイコンの左側位置調整 */
	color: #B19F62;	
	font-size:18px;
}

ul.dot-green {
	padding: 0em 0 0 2.0em;
}
ul.dot-green li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
} 
ul.dot-green li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .15em;	/* アイコンの上側位置調整 */
	left: -1em;	/* アイコンの左側位置調整 */
	color: #62B18D;	
	font-size:18px;
}
.fq{font-size:30px;}
ul.faq{list-style:none;padding: 0em 0 0 2.0em;}

ul.faq li{padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
	}

ul.faq li:before {
	content: "A.";
	position: absolute;
	top: 0.0em;	/* アイコンの上側位置調整 */
	left: -1em;	/* アイコンの左側位置調整 */
	color: #B19F62;	
	font-size:30px;
	}
@media only screen and (max-width: 764px) {
	.fq{font-size:20px;}
	ul.faq li:before {
	font-size:20px;}
}

.link a{text-decoration: underline !important;}
.link a:hover{text-decoration: none !important;}
	

	
	#footer-menu .elementor-icon-list-item a {text-decoration: none !important;}
	#footer-menu .elementor-icon-list-item a:hover{text-decoration: underline !important;}
	
	
p{padding: 0 0 10px !important;margin: 0px !important;}

	.actor-font{font-family: Actor;font-weight: 300;}
	.darky{color: #D69F52;}
	.green{color: #39BC9B;}
	.red-light{color: #D56363;}
	.red{color: #C84A3C !important;}
	.grey{color: #777777;}
	.f12{font-size:12px !important;}
	.f14{font-size:14px !important;}
	.f16{font-size:16px !important;}
	.f18{font-size:18px !important;}
	.f20{font-size:20px !important;}
	.f22{font-size:22px !important;}
	.f25{font-size:25px !important;}
	.f30{font-size:30px !important;}
	.bold{font-weight:bold !important;}
	.normal{font-weight:normal !important;}
	.p20 p{padding-bottom: 20px !important;}

@media only screen and (max-width: 764px) {
.nobr br{display:none;}
}

.map_wrap{
	position:relative;
	width:100%;
	height:0;
	padding-top:75%;
}
.map_wrap iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.v-mid{display: flex;}
.v-mid .s-txt{font-size:0.5em;margin-right: 15px;margin-top: 5px;}