/*
 Theme Name:   Enfold Child
 Template:     enfold
*/

/*mainmenu*/
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div{height: fit-content;}
/*all*/
.w800{width:800px;max-width:100%;margin:0 auto;}
span.nowrap{white-space:nowrap;}
span.blog-author {display:none;}
/*woocommerce*/
.form-row.place-order:after {content: "";clear: both;display: block;}
#top .checkout_texta {margin-left:20px;}
/* custom CSS */


/* CSS */
/*4k対応*/
.top_slider{max-height:1200px;}
@media screen and (min-height:1369px){
#top .top_mes {top: -700px !important;}}
body {
    font-family: 'Noto Sans JP',sans-serif !important;
}
.author-box,.blog-author{
display:none;
}
span.nowrap{
	display:inline-block;
}
a:hover {
	text-decoration: none;
}

#top .scroll-down-link {
	bottom: 50px;
	font-size: 200px;
}

.scroll-down-link:before {
	/*content: "↓";*/
}

.header_color .container_wrap_meta {
	background-color: #ffffff;
}

.sub_menu>ul>li>a {
	background-color: #ffec70;
	padding:10px 30px 16px;
	font-size: 16px;
	border-radius:0 0 50% 50%;
	transition:color 0.3s;
}
@media only screen and (max-width:430px) and (min-width:340px){
	.sub_menu>ul>li>a {
	padding:10px 10px;
		border-radius:0 0 50% 50% ;
}
}
@media only screen and (max-width:339.9999px){
	.sub_menu>ul>li>a {
	padding:10px 0;
		border-radius:0 0 50% 50% ;
}
}

.sub_menu li {
	border: none;
	padding: 0px;
}

.sub_menu .material-icons {
  vertical-align: -30%;
	margin-right: 3px;
}

.sub_menu>ul>li:hover>a {
	text-decoration: none;
}

#top #header .av-main-nav > li > a {
	font-size: 18px;
	padding: 0 15px;
}

.material-icons {
  vertical-align: -20%;
}

#top .av_header_transparency #header_meta {
	border: none;
}

.container_wrap {
    position: relative;
    z-index: 100;
}

/* bugar menu*/
.av-burger-overlay {
	top: 110px;
}

#top #av-burger-menu-ul {
	vertical-align: top;
}

.av-burger-overlay-active #top #wrap_all #header #menu-item-search a {
	color: #333333;
}

.av-burger-overlay-active #top #wrap_all .av-hamburger-inner, .av-burger-overlay-active #top #wrap_all .av-hamburger-inner::before, .av-burger-overlay-active #top #wrap_all .av-hamburger-inner::after, .html_av-overlay-side-classic #top div .av-burger-overlay li li .avia-bullet {
	background-color: #333333;
}
/* bugar menu 終わり*/

.top_mes {
	position: absolute;
	height:50vh;
	max-height:1200px;
	top:-55vh;
	left: 10%;
	color: #ffffff;
	font-size: clamp(20px,5vh,72px);
	line-height: 36px;
	text-shadow: 2px 2px 6px #000000;
}

h2.avia-caption-title {
	text-shadow: 2px 2px 6px #000000;
}

.avia-caption-content P {
	text-shadow: 2px 2px 6px #000000;
}

.slideshow_caption {
	width: 100%;
}

.slideshow_align_caption {
    vertical-align: baseline;
    padding-top: 30%;
}

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

.eigyo_tel {
	line-height: 28px;
}

ul.lcp_catlist {
	list-style: none;
}

.lcp_right span.info_title {
	font-weight: bold;
	font-size: 18px;
}
.lcp_right{
	width:80%;
	margin-bottom:2em;
}
.lcp_left{
	width:10%;
	min-width:fit-content;
}

#top #wrap_all h1 {
    background: #510e00;
    color: #ffffff !important;
    padding: 20px;
}

#sub_content h2 {
	background: #510e00;
	color: #ffffff;
	font-size: 28px;
	line-height: 58px;
	padding-left: 15px;
	border-left: 14px double #ffffff;
}

#top #wrap_all .all_colors #sub_content h3 {
	background: -moz-linear-gradient(top, #FFFFFF 50%, #dcdcdc);
background: -webkit-linear-gradient(top, #FFFFFF 50%, #dcdcdc);
background: linear-gradient(to bottom, #FFFFFF 50%, #dcdcdc);
color: #510e00;
font-size: 24px;
font-weight: bold;
line-height: 38px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 4px double #510e00;
border-bottom: 1px solid #510e00;
}

.container span.avia_iconbox_title, .avia_button_icon {
	font-size: 16px;
}

/* 製作の流れ */
.single_toggle span.step {
	background: #512632;
	color:#ffffff;
	padding: 2px 6px;
	margin-right:10px;
}

.s1, .s2, .es1 {
	width: 100%;
}
.es1 {
	text-align: left;
	line-height: 32px;
}

.s2 {
	padding-top: 5px;
	text-align: center;
}

.eigyou-photo {
	width: 100%;
}

.ecover {
	background: #ffffff;
	border: 1px solid #666666;
	border-radius: 5px;
	padding: 3%;
}

.quest {
	background: #f8f8f8;
}

.quest {
		padding: 20px;
	}

.calendar-caption, .holiday-title {
	color: #333;
}

/* キャンドルの種類 */
.k1, .k2 {
	width: 100%;
}

.k2 {
	padding-top: 5px;
}

.avia-caption-content p {
	font-size: 12px;
}

.avia-tooltip {
	display: none !important;
}

.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a {
    opacity: 0.8;
}

/* 製作実績 */
.tel-big {
	margin-top: 10px;
}

.container .tel-big span.avia_iconbox_title, .tel-big .avia_button_icon {
	font-size: 28px;
}

.pro_left, .pro_right{
	float: left;
	width: 50%;
}

.pro_left {
	text-align: center;
}

.pro_right {
	padding-left:2%;
	padding-top: 15%;
}

.pro_cover {
	border: 1px solid #666666;
	border-radius: 5px;
	padding: 2%;
	margin-top: 10px;
}

.p_annai {
	color: #000000;
	font-size: 16pt;
	margin: 20px 0px;
	letter-spacing: 2px;
	line-height: 32px;
}

/* 運営会社について */
table.c-outline tr td {
	font-size: 16px ;
}
table.c-outline {
    border: solid 1px #666;
}

/* お問い合わせ */
#top input[type="text"] {
	display: inline;
}

#top input[type="text"].p-postal-code, #top input[name="tel"] {
	width: auto;
}

#top input[name="company"], #top input[name="name"], #top input[name="kana"], #top input[type="email"] {
	width: 400px;
}

#top input[name="address1"], #top input[name="address2"] {
	max-width: 600px;
}

.contact {
	max-width: 1200px;
	margin: 0 auto;
}

h3.con {
	max-width: 1200px;
	margin: 0 auto;
	color: #666666 !important;
	border-top: 1px solid #a9a9a9 !important;
	border-bottom: 3px solid #510e00 !important;
}

th {
	text-transform: unset;
}

.contact table tr td, .contact table tr th {
	border-color: #a9a9a9;
}

.contact table tr th {
	color: #666666;
	font-size: 16px;
	background-color: #e2d7db;
}

.contact table tr td {
	font-size: 16px;
}

.contact span.must {
	font-size: 13px;
  line-height: 22px;
	text-shadow: 0px 1px 2px #933;
  padding: 3px 5px;
	background: #C00;
	color: #fff;
	border-radius: 4px;
	margin-left: 10px;
	box-shadow: 0px 0px 5px #CCC;
	
}

#top .main_color input[type='text'], #top .main_color textarea, #top .main_color input[type='email'], #top .main_color input[type='tel'] {
	background-color: #ffffff;
}
/*フォーム初期文字色*/
#top ::placeholder{
 color:#aaaaaa;
}
/*ルビを下に振る*/
.ruby1 {
 display: inline;
}
.ruby1 ruby {
 display: table-cell;
}
.ruby1 rt {
 margin-top: -0.2em;
 display: block;
}

/*　ギャラリーコンテナの→　*/
.av-inner-masonry-content-pos{
	transition:0.2s;
}
.av-inner-masonry-content-pos:after {
font-family: 'entypo-fontello';
font-size:6em;
  position: absolute;
  top: 79%;
  right: 8%;
	content: "\E879";
}
.av-inner-masonry-content-pos:hover:after{
position:absolute;
	animation: infinite movearrow2 2.2s;
		  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

/*ボタンリンクの矢印アニメ制御*/
	@keyframes movearrow {
		0% {margin: 0 5px 0 -5px;	}
		50% {margin: 0;	}
		100% {margin: 0 5px 0 -5px;}
	}
	@keyframes movearrow2 {
		0% {margin: 0 15px 0 -15px;	}
		50% {margin: 0;	}
		100% {margin: 0 15px 0 -15px;}
	}
/*0706*/
	#main .entry-content a,#main .avia_textblock a{
		color:#b10e00;
		font-weight:bold;
	} 
table{
	margin:2em 0 3em;
}
td{
	color:#171717;
	padding:1em;
}
@media only screen and (min-width: 769px) {	
	/**/
	.padding1em{
		padding:0 1em 0 2em;
	}
	/* telのリンクを消す 0722*/
	a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
	}	
	/* telの文字を大きくする 0805*/
a[href*="tel:"] >.avia_button_icon, a[href*="tel:"] >.avia_iconbox_title{
	font-size:30px;
	}	
	/* tel押せなさそうな色にする */
	.avia-button-wrap>a[href*="tel:"] {
		background-color: transparent;
			color:#655555 !important;
    border: 0px !important;
width: auto;
}
	
	/*ボタン*/
	.avia-button {
		width: 350px;
		padding-top:19px !important;
		padding-bottom:19px !important;
		color: #512632;
		background-color: #512632;
		cursor: pointer;
		display: block;
		position: relative;
		border-radius:0px !important;
		border: 0px;
		transition:all 0.7s;
	}

	.avia-button-wrap a.avia-button:hover {
		color:#ffffff;
		background-color: #aa3333;
		text-shadow: three;
	}

	.avia-button:hover:after {
		position: absolute;
		transform: translateY(-50%);
		color: #ffffff;
		animation: infinite movearrow 2.2s;
		font-family: 'entypo-fontello';
		content: "\E879";
		font-size: 3em;
		top: 51%;
		right: 5%;
		  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
	}
	.avia-button[href*="#paym"]:hover:after {
    display: none !important;
}


	/*0722*/
	.eigyo_tel {
		line-height: 40px;
		margin-bottom: 10px;
    letter-spacing: 3px;
  }
	
	div.eigyou {
		padding: 30px 20px;
		float: left;
		line-height: 32px;
	}
	
	.eigyou-photo {
		width: 50%;
		float: left;
		padding: 10px 5% 10px 5%;
  }
	
	#eigyo_info .material-icons {
		font-size: 34px;
    line-height: 0.8;
	}
	
	.lcp_left {
		float: left;
		margin-right: 30px;
	}
	
	.lcp_right {
		float: left;
	}
	
	.s1, .s2, .es1, .k1, .k2 {
		float: left;
		width: 50%;
  }
	
	.es1 {
	  padding-left: 20px;
  }
	
	.s2, .k2 {
	 padding: 0px 0px 0px 20px;
	 text-align: left;
  }
	
	.quest, .ecover {
		padding: 20px 30px 20px 30px;
	}
	
	.ecover {
		padding: 20px;
	}
	
	.ecover {
		padding-bottom: 0px;
	}
	
	.avia-caption-content p {
		font-size: 16px;
	}
	
	.pro_cover {
		margin-top: 0px;
		margin-left: 20px;
		padding: 5%;
	}
	
	.pro_right {
		padding-left:5%;
	}
	
	.p_annai {
		font-size: 18pt;
		letter-spacing: 4px;
	}
}


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

	#top .scroll-down-link {
	bottom: 80px;
}
	.responsive #top #wrap_all .container {
		width: 90%;
    max-width: 90%;
  }
	
	.sub_menu li {
	  padding: 0px 1px !important;
  }
	
	.top_mes {
		line-height: 28px;
		bottom:45vh;
		left: 1%;
		font-size: 27px !important;
	}
	
	#sub_content h2 {
		font-size: 22px;
		line-height: 40px;
	}
	
}

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

	.responsive #top #wrap_all #header {
     position: fixed;
  }
	
	.responsive #top #wrap_all #eigyo_info .flex_column {
		margin-bottom: 0px;
	}
	
	.responsive #top #main {
    padding-top: 100px!important;
	}
	
	.contact th, .contact td {
		width: 100%;
		display: block;
		border-left: 1px solid #a9a9a9;
	}
	
	tr:first-child td {
    border-top: none;
	}
	
	#top input[type="text"],#top input[type="email"] {
	width: 100%;
}
	
	#top input[type="text"].p-postal-code {
		width: auto;
	}
	
}
/*電話番号カラム落ち対策*/
.noMobile > a,.noMobile {
    padding:0 !important;
}
li img[src="https://aromamaker.com/wp-content/uploads/2019/07/baseline-phone-24px.png"]{
		transition: all 0.4s ease-in-out;
}
 @media only screen and (min-width:1116px){
	 li img[src="https://aromamaker.com/wp-content/uploads/2019/07/baseline-phone-24px.png"]{
	position:relative;
bottom:10px;
     }
}
 @media only screen and (max-width:1115px) and (min-width:990px){
li img[src="https://aromamaker.com/wp-content/uploads/2019/07/baseline-phone-24px.png"]{
	width:190px;
	position: fixed;
	right:50px;
	left:auto;
	margin:0 auto;
     }
}
 @media only screen and (max-width:989.9999px) and (min-width:630px){
li img[src="https://aromamaker.com/wp-content/uploads/2019/07/baseline-phone-24px.png"]{
	padding-top:15px;
	 }}
/*電話カラム落ちここまで*/
@media only screen and (max-width: 989px) and (min-width: 768px) {	.responsive.html_mobile_menu_tablet #top #wrap_all #header {
		position: fixed;
	}
.sub_menu{ top:0px;}	/*0829*/
	.responsive.html_mobile_menu_tablet.html_header_top #top #main {
    padding-top: 100px!important;
	}
}

.fadeInUp {
	animation-name:  fadeInUp;
	   display: inline-block;
	line-height:1.7em;
}

.anim {
	animation-duration: 2s;
	animation-fill-mode: both;
}


@keyframes fadeInUp {
	0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
	}
	
	100% {
    opacity: 1;
    transform: none;
	}
}


@media only screen and (min-width: 2559px) {

.avia-menu ul li a {
	font-size: 24px !important;
 }
	
	.sub_menu a{
	font-size: 24px !important;
	}

	i.material-icons {
	font-size: 30px;
	}

	.sub_menu .material-icons {
    vertical-align: -25%;
	}
}

/* XO Event Calendar用 */
.dashicons-arrow-left-alt2:before,.dashicons-arrow-right-alt2:before {
	background: #734854;
	color: #ffffff;
	padding: 5px;
}

.xo-event-calendar table.xo-month .month-next {
	right: 4px;
}
.xo-event-calendar table.xo-month .month-header > span {
	font-size: 16px;
}

.main_color table, .main_color tr:nth-child(odd) {
	background-color: #ffffff;
}

.xo-event-calendar {
	max-width: 24rem;
	margin: 0 auto;
}

.xo-event-calendar .month-event,
.xo-event-calendar .month-event-space {
	display: none;
}

.xo-event-calendar table.xo-month .month-dayname td div {
	padding: 0;
	text-align: center;
	font-size: 16px;
}
.xo-event-calendar table.xo-month .month-dayname td div,
.xo-event-calendar table.xo-month .month-week {
	line-height: 2.3em;
	height: 2.7em;
}

.xo-event-calendar table.xo-month thead tr {
	padding: .75em 1em;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

.xo-event-calendar table.xo-month {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
}

.xo-event-calendar table.xo-month th, .xo-event-calendar table.xo-month td, .xo-event-calendar p.holiday-title span {
	border: 1px solid #666;
}

/* XO Event Calendar用 終了 */