/*
Theme Name: Blueelfin
Template: enfold
Version: 1.0
Author: PhonoKraft,inc
Author URI: https://phono.co.jp
License:
License URI: -
Theme URI:
*/

@charset "UTF-8";
/* @import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css); */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 2019-01-24 17:55:13 */
.html_elegant-blog .avia-content-slider .slide-entry-title {
	padding-top: 15px;
	font-size: 1.0em;
}


div .av_one_half {
	margin-left: 2%;
	width: 49%;
}
div .av_one_third {
	margin-left: 2%;
	width: 32%;
}
div .av_one_fourth {
	margin-left: 2%;
	width: 23.5%;
}

.av-special-heading {
	width: 100%;
	clear: both;
	display: block;
	margin-top: 30px;
	position: relative;
}

.avia-caption-content p {
	margin: 15px 0;
	font-size: 34px;
	line-height: 180%;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.av-main-nav > li > a {
	font-weight: 400;
	letter-spacing: 2px;
}




iframe {border:1px solid #ccc;}
.avia-form-success {
	text-align: left;
	border-style: solid;
	border-width: 1px;
	padding: 20px 15px;
	line-height: 1.4em;
	border-radius: 2px;
	clear: both;
	line-height: 180%;
}


.page-heading-container{display: none;}
/* .author-box {display: none;} */

.entry-content-header .excerpt{display: none;}
.avia-menu {
	border-radius: 0 0 10px 10px;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 0 2rem;
	/* background:linear-gradient(to top, rgba(255,255,255,0), #fff 50%); */
	opacity: 0.8;
}
.avia-menu-text {
	/* font-weight: normal;background-color: rgba(255, 255, 255, 0.8); padding: 0.2rem 0.6rem;border-radius: 4px; */
	}
.av_header_transparency .avia-menu-text {
	/* font-weight: normal;background-color: rgba(255, 255, 255, 0.8); padding: 0.2rem 0.6rem;border-radius: 4px; */
	}

body {
	font-family: "Noto Sans Japanese", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	/*pタグを全体的に justify にする。しかし、subheadingをセンターにした際には justify を centerにしなければならない*/
	/*.avia_textblock {text-align: justify;}*/
	.modern-centered .av-subheading_above p {text-align:center;}

	/*マウス選択した際の色を指定、デフォルトで日本語変換中にフォントカラーが白になって消えてしまう為*/
	::-moz-selection {background: #ebebeb;color: #000;}
	::selection {background: #ebebeb;color: #000;}

	/* /css/grid.css 30行目でスライダーを設置した時に設置したページのテキストが画像がスライドするタイミングで点滅するので position: static; に上書きして回避*/
	/* 古いサファリ（バージョン 6.x.xくらいで起こった現象なので無視した */
	/*.container_wrap {position: static;}*/

	/* /css/grid.css 331行目で各ボックスセルの間隔を width: 6%;をwidth: 2%; に上書きして小さくした*/
	#top .av-flex-placeholder {width: 3%;}

	/* ヘッダに現れるよくわからない小さいアイコンを消す */
	#advanced_menu_toggle {display: none;}
	#advanced_menu_hide {display: none;}

	/* ブログ記事タイトルを調整 */
	.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
    text-align: left;
    /* font-size: 30px; */
    text-transform: none;
    padding: 17px 10px 19px 15px;
    letter-spacing: 1px;
    line-height: 1.3em;
    margin-bottom: -5px;
    font-weight:normal;
    /* color:#ffffff; */
    /* border-bottom:2px solid #F8F8F8; */
    width:100%;
    /* background-color:#89BE49; */
    border-radius: 4px 4px 0 0;
    /* font-family: "Noto Sans Japanese", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
    /* text-shadow: */
    /* -1px -1px 0px #82B445, */
    /* 1px -1px 0px #82B445, */
    /* 1px 1px 0px #82B445, */
    /* -1px 1px 0px #82B445; */
    position: relative;
    z-index: 10;
		}
.post-loop-1 .big-preview {
    position: static;
    z-index: 4;
		}


/* -------------- #top_kv -------------- */

h1 {
  font-family: "Sawarabi Mincho";
	}
h2 {
 font-weight:normal;
/* font-family: kozuka-gothic-pro,sans-serif;*/
  font-family: "Sawarabi Mincho";
	display:inline-block;
/* background-color: rgba( 0, 0, 0, 0.55 ); */
	border-radius: 8px;
	padding:10px 15px 10px 15px;
/*
    text-shadow:
    -1px -1px 0px #252423,
    1px -1px 0px #252423,
    2px 2px 0px #252423,
    -1px 1px 0px #252423;
*/
	}
.avia-caption-content {
    line-height: 1.8em;
}

.avia-caption-title {white-space: nowrap;}
@media only screen and (max-width: 830px) {.avia-caption-title {white-space: normal;}}

.slideshow_align_caption h2 {
		/* font-family: "Noto Sans Japanese", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
		font-family: "Sawarabi Mincho", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		text-shadow:1px 2px 3px rgba(0, 0, 0, 0.7);
		font-weight: bold;
		letter-spacing:2px;
		line-height: 160%;
		/*
		text-shadow:
    -1px -1px 0px #252423,
    1px -1px 0px #252423,
    2px 2px 0px #252423,
		-1px 1px 0px #252423;
		*/
	}
.slideshow_align_caption p {
	text-shadow:1px 1px 3px rgba(34, 34, 34, 1.0);
	}



	/* ブログページアイキャッチ上のマージンを削除 */
.html_elegant-blog .entry-content-wrapper .big-preview.single-big
	{margin-top:0;margin-bottom:10px;}

	/* ブログページに「抜粋（the_excerpt();）」を追加してdivで囲った */
 .excerpt
	{background-color:#FCFCED;margin-bottom:20px;padding: 1px 15px;border:1px solid #EAEAEA;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

	/* キャプションの英字が大文字になってしまうのを回避 */
	.template-page .entry-content-wrapper h2,
	.av_icon_caption
	{text-transform:none;}

	/* strong { font-weight:normal;padding:0 0.4em;} */
	#top .header_color strong, #top .main_color strong, #top .alternate_color strong, #top .footer_color strong, #top .socket_color strong {background-color: none;}
	em {font-size:100%; color:#fff;font-style:normal;background-color:#2C2C2C;padding:0 0.4em;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

	/* タイトルタグ整形 */
	#top #wrap_all .av-inherit-size .av-special-heading-tag{
		font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

	.template-page .entry-content-wrapper .avia_textblock h1,
	.entry-content h1{
		text-transform: none;
		line-height: 180%;
		font-weight:normal;
		text-align: left;
	}
	.template-page .entry-content-wrapper .avia_textblock h2,
	.entry-content h2{
		text-transform: none;
		line-height: 120%;
		margin-top:50px;
		padding:6px 10px ;
		/*border:1px solid #BA4617;*/
		border-left:5px solid #BA4617;
		background-color:#F15A1E;
		 color:#fff;
		font-weight:normal;
	}
	/* .template-page .entry-content-wrapper .avia_textblock h3, */
	/* .entry-content h3, */
	.template-page .entry-content-wrapper .avia_textblock h4,
	.entry-content h4,
	.template-page .entry-content-wrapper .avia_textblock h5,
	.entry-content h5,
	.template-page .entry-content-wrapper .avia_textblock h6,
	.entry-content h6, {
			text-transform: none;
			line-height: 120%;
			margin-top:30px;
			padding:6px 10px;
			border-bottom:1px dotted #E1E1E1;
			border-left:5px solid #ccc;
			font-weight:normal;
	}


	/*スライドショーの英字が大文字になるのをクリアする*/
	div .slideshow_caption h2 {text-transform: none;}

	/*引用文：ボーダーカラーは 「Advanced Styling」で「blockquote」のカラーを設定しないと反映されない*/
	.alternate_color blockquote{font-size:90%;border-left:3px solid #ccc; margin-left:1.2em;color: #666;text-align: justify;}
	.alternate_color blockquote a{color: #666;text-decoration:underline;}

	/*masonryギャラリーのタイトル/キャプションをセンター寄せに*/
	.av-inner-masonry-content-pos {color:#fff;text-align:center;}

	/*IconBoxをセンターにした際に、テキストだけ左寄せに*/
	#top .iconbox_top p{text-align: left;text-align: justify;}
	#top .iconbox_top li{text-align: left;text-align: justify; padding-right:2rem;}
	#top .iconbox_top .f-left li{float:left;}
	/*#top .iconbox_top h3{text-align: left;}*/
	.iconbox_top .iconbox_content {overflow:hidden;}

	.av_icon_caption {font-size: 140%;}
	.main_color .avia-content-slider .slide-image {background-color:transparent;}

	/*プログレスバー：マージン等を調整*/
	.avia-progress-bar .progressbar-title-wrap {padding:0 10px;left:3px;bottom:2px;font-size:80%;letter-spacing:1px;}

	/*料金テーブルの調整*/
	.main_color .pricing-table li.avia-heading-row .pricing-extra {background-color: #8BAA2A;color: #fff;border-color: #E5E5E5;}
	.main_color .pricing-table li.avia-heading-row {background-color: #8BAA2A;color: #fff;border-color: #E5E5E5;}
	.main_color .pricing-table li.avia-pricing-row {background-color: #fff;color: #1a1a1a;border-color: #E5E5E5;}
	.main_color .pricing-table li.avia-pricing-row .pricing-extra {background-color: #f3f3f3;color: #666f;border-color: #E5E5E5;}
	.main_color .pricing-table li.avia-pricing-row {text-align: center;font-size: 180%;line-height: 1em;padding: 25px 12px;font-weight: 600;letter-spacing:1px;}
	.main_color .pricing-table li.avia-button-row {background-color: #f3f3f3;color: #666;border-color: #E5E5E5;}

	/* ヘッダ上：エクストラエリア（PhoneNumber等のエリア）をスクロールしたら消す 等 */
	 #header_meta {z-index: 1;background-color:#000; color:#fff;}
	 .phone-info {font-weight: normal;font-size: 80%;letter-spacing:1px; padding:10px 60px 10px 0;margin:0;}
	 .header-scrolled #header_meta {display:none;}









/*
Desktop Styles [custom.css]
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
	/* Add your Desktop Styles here */

	.av-special-heading-tag {line-height: 160%;}
	.av-subheading_below {line-height: 160%;margin-top: 0.6em;}

	#pc_hidden {display:none;}
	.spbr {display:none;}

	/*.av-magazine-title a {font-size:17px;}*/
	.av-magazine-thumbnail {padding:2px;}
	.av-magazine-entry-big .av-magazine-thumbnail {padding:2px;}
	.av-magazine-content {padding-bottom:10px;}

	.av-catalogue-image {border-radius: 4px;width:200px;}
	/*
	.avia-testimonial-wrapper {margin-top:0;font-size:17px;line-height: 160%;}
	.avia-testimonial-image {}
	.avia-testimonial-image img {border-radius: 4px;}
	*/

	.news-headline {font-weight:normal;}
	.news-thumb  {padding:1px;}
	.news-thumb img {width:40px;height:32px;}
	.entry-content {font-size:17px;}
	.post-meta-infos {font-size:17px;}
	.entry-content-wrapper .post-title {
	font-size: 26px;
	line-height: 1.3em;
	}

	/*詳細ページの幅*/
	.container .av-content-small.units {
	width: 67%;
	}
	/*詳細ページサイドバーのマージン*/
	.sidebar {
	/*padding-top: 18px;*/
	padding-right: 18px;
	padding-left: 18px;
	background-color:#F0F0F0;
	-webkit-border-bottom-right-radius: 18px;
	-moz-border-radius-bottomright: 18px;
	}
	.sidebar  .inner_sidebar {margin:0;}

	#top_4image_links_sp {display:none;}

	/*Form button*/
	#component-search-form label{display:none;}
	#component-search-form .form_element input{float:right;width:100%;}

	/*スライドショーの「Slider Overlay」を調整する*/
	.slider_overlay_norepeat {background-position: 90% 18%;background-size: 30%;background-repeat: no-repeat;background-attachment: fixed;}

	/*ブログ画面、メインカラムのサイズ（必然的にサイドバーのサイズ）*/
	.container .av-content-small.units {width: 74%;}
}










/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

	/*スマホではトップのスライダーを非表示*/
	/*#full_slider_1 {display:none;}*/
	.avia-caption-content {display:none;}

	.av-special-heading-tag {line-height: 160%;}
	.av-subheading_below {line-height: 160%;margin-top: 0.8em;}

	#sp_hidden {display:none;}
	.pcbr {display:none;}

	/*ブログテキストブロック内の<br />を無効化する*/
	.avia_textblock br {display:none;border:10px solid #993300;}

	/*.av-magazine-title a {font-size:17px;}*/
	.av-magazine-thumbnail {padding:1px;}
	.av-magazine-entry-big .av-magazine-thumbnail {padding:1px;}
	.av-magazine-content {padding-bottom:10px;}

	.avia-testimonial-wrapper {margin-top:0;font-size:17px;line-height: 160%;}
	.av-catalogue-image {border-radius: 4px;width:32%;}

	.news-thumb  {padding:0px;}
	.news-thumb img {width:42px;height:34px;}
	.entry-content {font-size:17px;}
	.post-meta-infos {font-size:17px;}
	.entry-content-wrapper .post-title {
	font-size: 24px;
	line-height: 1.3em;
	}


/*スマホ：記事詳細*/
	.template-single-blog .post-entry {
		padding-left:15px;
		padding-right:15px;
		}

/*スマホ：ハンバーガーメニューのみ追従*/
	.responsive #top #header #advanced_menu_toggle {
	position: fixed !important;
	top:40px;
	right:10px;
	}

/*スマホ：ヘッダ全体を追従*/
	/*
	.responsive #top #header {
	position: fixed !important;
	}
	.responsive #top #main {
	padding-top: 60px !important;
	}
	*/

/*スマホ：コンテンツ全体の左右マージンをなくす*/
	.responsive #top #wrap_all .container {
		/* 20151127 */
		width: 94%;
		max-width: 94%;
	}

/*スマホ：コンテンツ全体の左右マージンをなくしたので、フッタだけマージンを足す*/
	#footer{
		/*20151126*/
		padding:15px 10px 30px 10px;
	}

/*スマホ：ブロック下にマージンが出来るのを削除*/
	.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
		/*20151126*/
		margin-bottom: 0px;
	}

/*スマホ：トップの4イメージバナーだけID名を追加して横幅を調整*/
	#top_4image_links_pc {display:none;}
	#top_4image_links_sp .avia-image-container-inner{width:80%;border:5px solid #fff;margin-bottom:20px;}

/*スマホ：Form button*/
.form_element input{float:right;width:100%;}

/*スマホ：スライドショーの「Slider Overlay」を調整する*/
.slider_overlay_norepeat {background-position: 90% 50%;background-size: 30%;background-repeat: no-repeat;}


	/* ヘッダ上：エクストラエリア スマホでは消す */
	#header_meta {display:none;}
}

#three_box p{padding: 0.2rem 1.6rem;}
#three_box p strong{font-family: "Sawarabi Mincho"; font-weight: normal;letter-spacing: 0px;}
.mincho{font-family: "Sawarabi Mincho";line-height: 180%;}
#top .av-catalogue-item {padding: 40px 5px;}
#map_area p {padding: 0;margin: 0;}

/* フォーム周り */
.avia_ajax_form span {display: block; color: #666;}
.avia_ajax_form .av-form-text p {display: block; color: #666; font-size: 0.8rem;margin-top: 0;}
.avia_ajax_form .av-form-text p strong{display: block; font-size: 1.6rem;padding-bottom:0.6rem;margin-top: 2.6rem; border-bottom:1px solid #ebebeb;font-family: "Sawarabi Mincho";}




/* 2018-11-26 13:07:32 */
#top .av-catalogue-item {
	padding: 20px 5px;
}
.av-catalogue-title {
	padding-right: 5px;
	text-transform: uppercase;
}