Showing source for: https://kantei.online/
Duration: 3.425649s
Server: nginx
<!DOCTYPE html>
<html class="pc" lang="ja">
<head>
<meta charset="UTF-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
<meta name="viewport" content="width=device-width">
<title>ブログ | </title>
<meta name="description" content="Just another WordPress site">
<link rel="pingback" href="https://kantei.online/wp/xmlrpc.php">
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title=" » フィード" href="https://kantei.online/feed/" />
<link rel="alternate" type="application/rss+xml" title=" » コメントフィード" href="https://kantei.online/comments/feed/" />
<link rel='stylesheet' id='style-css' href='https://kantei.online/wp/wp-content/themes/kantei-child/style.css?ver=5.5.14' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-css' href='https://kantei.online/wp/wp-includes/css/dist/block-library/style.min.css?ver=5.5.14' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='https://kantei.online/wp/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.2.2' type='text/css' media='all' />
<link rel='stylesheet' id='parent-style-css' href='https://kantei.online/wp/wp-content/themes/kantei/style.css?ver=5.5.14' type='text/css' media='all' />
<script type='text/javascript' src='https://kantei.online/wp/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp' id='jquery-core-js'></script>
<link rel="https://api.w.org/" href="https://kantei.online/wp-json/" />
<link rel="stylesheet" href="https://kantei.online/wp/wp-content/themes/kantei/css/design-plus.css?ver=">
<link rel="stylesheet" href="https://kantei.online/wp/wp-content/themes/kantei/css/sns-botton.css?ver=">
<link rel="stylesheet" media="screen and (max-width:1251px)" href="https://kantei.online/wp/wp-content/themes/kantei/css/responsive.css?ver=">
<link rel="stylesheet" media="screen and (max-width:1251px)" href="https://kantei.online/wp/wp-content/themes/kantei/css/footer-bar.css?ver=">
<script src="https://kantei.online/wp/wp-content/themes/kantei/js/jquery.easing.1.3.js?ver="></script>
<script src="https://kantei.online/wp/wp-content/themes/kantei/js/jscript.js?ver="></script>
<script src="https://kantei.online/wp/wp-content/themes/kantei/js/comment.js?ver="></script>
<link rel="stylesheet" href="https://kantei.online/wp/wp-content/themes/kantei/js/simplebar.css?ver=">
<script src="https://kantei.online/wp/wp-content/themes/kantei/js/simplebar.min.js?ver="></script>
<style type="text/css">
body, input, textarea { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; }
.rich_font, .p-vertical { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; font-weight:500; }
.rich_font_type1 { font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
.rich_font_type2 { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:500; }
.rich_font_type3 { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; font-weight:500; }
#header { background:#ffffff; }
body.home #header.active { background:#ffffff; }
#side_button a { background:#876a20; }
#side_button a:hover { background:#87827f; }
body.home #header_logo .logo a, body.home #global_menu > ul > li > a { color:#ffffff; }
body.home #header_logo .logo a:hover, body.home #global_menu > ul > li > a:hover, #global_menu > ul > li.active > a, #global_menu > ul > li.active_button > a { color:#876a20 !important; }
body.home #header.active #header_logo .logo a, #global_menu > ul > li > a, body.home #header.active #global_menu > ul > li > a { color:#000000; }
#global_menu ul ul a { color:#ffffff; background:#007997; }
#global_menu ul ul a:hover { background:#00a7ce; }
body.home #menu_button span { background:#ffffff; }
#menu_button span { background:#000; }
#menu_button:hover span { background:#876a20 !important; }
#drawer_menu { background:#222222; }
#mobile_menu a, .mobile #lang_button a { color:#ffffff; background:#222222; border-bottom:1px solid #444444; }
#mobile_menu li li a { color:#ffffff; background:#333333; }
#mobile_menu a:hover, #drawer_menu .close_button:hover, #mobile_menu .child_menu_button:hover, .mobile #lang_button a:hover { color:#ffffff; background:#00a7ce; }
#mobile_menu li li a:hover { color:#ffffff; }
.megamenu_service_list { background:#007995; }
.megamenu_service_list .headline { font-size:16px; }
.megamenu_service_list .title { font-size:14px; }
.megamenu_blog_list { background:#007995; }
.megamenu_blog_list .title { font-size:14px; }
#footer_banner .title { font-size:14px; }
#footer .service_list, #footer .service_list a { color:#ffffff; }
#footer_contact .link_button a { color:#ffffff; background:#02a8c6; }
#footer_contact .link_button a:hover { color:#ffffff; background:#007a96; }
#footer_tel .tel_number .icon:before { color:#00a8c8; }
#footer_schedule { font-size:14px; border-color:#05aac9; }
#footer_schedule td { border-color:#05aac9; color:#00a8c8; }
.footer_info { font-size:16px; }
#return_top a:before { color:#ffffff; }
#return_top a { background:#876a20; }
#return_top a:hover { background:#87827f; }
@media screen and (max-width:750px) {
#footer_banner .title { font-size:12px; }
.footer_info { font-size:14px; }
#footer_schedule { font-size:12px; }
}
.author_profile a.avatar img, .animate_image img, .animate_background .image, #recipe_archive .blur_image {
width:100%; height:auto;
-webkit-transition: transform 0.75s ease;
transition: transform 0.75s ease;
}
.author_profile a.avatar:hover img, .animate_image:hover img, .animate_background:hover .image, #recipe_archive a:hover .blur_image {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
a { color:#000; }
a:hover, #header_logo a:hover, #global_menu > ul > li.current-menu-item > a, .megamenu_blog_list a:hover .title, #footer a:hover, #footer_social_link li a:hover:before, #bread_crumb a:hover, #bread_crumb li.home a:hover:after, #bread_crumb, #bread_crumb li.last, #next_prev_post a:hover,
.megamenu_blog_slider a:hover , .megamenu_blog_slider .category a:hover, .megamenu_blog_slider_wrap .carousel_arrow:hover:before, .megamenu_menu_list .carousel_arrow:hover:before, .single_copy_title_url_btn:hover,
.p-dropdown__list li a:hover, .p-dropdown__title:hover, .p-dropdown__title:hover:after, .p-dropdown__title:hover:after, .p-dropdown__list li a:hover, .p-dropdown__list .child_menu_button:hover, .tcdw_search_box_widget .search_area .search_button:hover:before,
#index_news a .date, #index_news_slider a:hover .title, .tcd_category_list a:hover, .tcd_category_list .child_menu_button:hover, .styled_post_list1 a:hover .title,
#post_title_area .post_meta a:hover, #single_author_title_area .author_link li a:hover:before, .author_profile a:hover, .author_profile .author_link li a:hover:before, #post_meta_bottom a:hover, .cardlink_title a:hover, .comment a:hover, .comment_form_wrapper a:hover, #searchform .submit_button:hover:before
{ color: #876a20; }
#comment_tab li.active a, #submit_comment:hover, #cancel_comment_reply a:hover, #wp-calendar #prev a:hover, #wp-calendar #next a:hover, #wp-calendar td a:hover,
#post_pagination p, #post_pagination a:hover, #p_readmore .button:hover, .page_navi a:hover, .page_navi span.current, #post_pagination a:hover,.c-pw__btn:hover, #post_pagination a:hover, #comment_tab li a:hover,
.post_slider_widget .slick-dots button:hover::before, .post_slider_widget .slick-dots .slick-active button::before
{ background-color: #876a20; }
.widget_headline, #comment_textarea textarea:focus, .c-pw__box-input:focus, .page_navi a:hover, .page_navi span.current, #post_pagination p, #post_pagination a:hover
{ border-color: #876a20; }
.post_content a { color:#333333; }
.post_content a:hover { color:#87827f; }
.cat_id_2 a { color:#ffffff !important; background:#02a8c6 !important; }
.cat_id_2 a:hover { color:#ffffff !important; background:#007a96 !important; }
.cat_id_3 a { color:#ffffff !important; background:#02a8c6 !important; }
.cat_id_3 a:hover { color:#ffffff !important; background:#007a96 !important; }
.cat_id_4 a { color:#ffffff !important; background:#02a8c6 !important; }
.cat_id_4 a:hover { color:#ffffff !important; background:#007a96 !important; }
.cat_id_5 a { color:#ffffff !important; background:#02a8c6 !important; }
.cat_id_5 a:hover { color:#ffffff !important; background:#007a96 !important; }
.cat_id_1 a { color:#ffffff !important; background:#02a8c6 !important; }
.cat_id_1 a:hover { color:#ffffff !important; background:#007a96 !important; }
.styled_h2 {
font-size:22px !important; text-align:left; color:#000000; border-top:1px solid #222222;
border-bottom:1px solid #222222;
border-left:0px solid #222222;
border-right:0px solid #222222;
padding:30px 0px 30px 0px !important;
margin:0px 0px 30px !important;
}
.styled_h3 {
font-size:20px !important; text-align:left; color:#000000; border-top:2px solid #222222;
border-bottom:1px solid #dddddd;
border-left:0px solid #dddddd;
border-right:0px solid #dddddd;
padding:30px 0px 30px 20px !important;
margin:0px 0px 30px !important;
}
.styled_h4 {
font-size:18px !important; text-align:left; color:#000000; border-top:0px solid #dddddd;
border-bottom:0px solid #dddddd;
border-left:2px solid #222222;
border-right:0px solid #dddddd;
padding:10px 0px 10px 15px !important;
margin:0px 0px 30px !important;
}
.styled_h5 {
font-size:16px !important; text-align:left; color:#000000; border-top:0px solid #dddddd;
border-bottom:0px solid #dddddd;
border-left:0px solid #dddddd;
border-right:0px solid #dddddd;
padding:15px 15px 15px 15px !important;
margin:0px 0px 30px !important;
}
.q_custom_button1 { background: #535353; color: #ffffff !important; border-color: #535353 !important; }
.q_custom_button1:hover, .q_custom_button1:focus { background: #7d7d7d; color: #ffffff !important; border-color: #7d7d7d !important; }
.q_custom_button2 { background: #535353; color: #ffffff !important; border-color: #535353 !important; }
.q_custom_button2:hover, .q_custom_button2:focus { background: #7d7d7d; color: #ffffff !important; border-color: #7d7d7d !important; }
.q_custom_button3 { background: #535353; color: #ffffff !important; border-color: #535353 !important; }
.q_custom_button3:hover, .q_custom_button3:focus { background: #7d7d7d; color: #ffffff !important; border-color: #7d7d7d !important; }
.speech_balloon_left1 .speach_balloon_text { background-color: #ffdfdf; border-color: #ffdfdf; color: #000000 }
.speech_balloon_left1 .speach_balloon_text::before { border-right-color: #ffdfdf }
.speech_balloon_left1 .speach_balloon_text::after { border-right-color: #ffdfdf }
.speech_balloon_left2 .speach_balloon_text { background-color: #ffffff; border-color: #ff5353; color: #000000 }
.speech_balloon_left2 .speach_balloon_text::before { border-right-color: #ff5353 }
.speech_balloon_left2 .speach_balloon_text::after { border-right-color: #ffffff }
.speech_balloon_right1 .speach_balloon_text { background-color: #ccf4ff; border-color: #ccf4ff; color: #000000 }
.speech_balloon_right1 .speach_balloon_text::before { border-left-color: #ccf4ff }
.speech_balloon_right1 .speach_balloon_text::after { border-left-color: #ccf4ff }
.speech_balloon_right2 .speach_balloon_text { background-color: #ffffff; border-color: #0789b5; color: #000000 }
.speech_balloon_right2 .speach_balloon_text::before { border-left-color: #0789b5 }
.speech_balloon_right2 .speach_balloon_text::after { border-left-color: #ffffff }
.qt_google_map .pb_googlemap_custom-overlay-inner { background:#000000; color:#ffffff; }
.qt_google_map .pb_googlemap_custom-overlay-inner::after { border-color:#000000 transparent transparent transparent; }
</style>
<style id="current-page-style" type="text/css">
#header_slider .item1 .catch { font-size:28px; color:#333333; }
@media screen and (max-width:750px) {
#header_slider .item1 .catch { font-size:20px; }
}
#header_slider .item2 .catch { font-size:28px; color:#ffffff; }
@media screen and (max-width:750px) {
#header_slider .item2 .catch { font-size:20px; }
}
#header_slider .item3 .catch { font-size:28px; color:#ffffff; }
@media screen and (max-width:750px) {
#header_slider .item3 .catch { font-size:20px; }
}
.index_content_slider.num1 .cb_headline { font-size:14px; color:#876a20; }
.index_content_slider.num1 .cb_catch { font-size:38px; }
.index_content_slider.num1 .item .desc { font-size:16px; }
.index_content_slider.num1 .link_button a { color:#ffffff; background:#876a20; }
.index_content_slider.num1 .link_button a:hover { color:#ffffff; background:#87827f; }
@media screen and (max-width:750px) {
.index_content_slider.num1 .cb_headline { font-size:12px; }
.index_content_slider.num1 .cb_catch { font-size:24px; }
.index_content_slider.num1 .item .desc { font-size:14px; }
}
.index_service_list.num2 .cb_headline { font-size:14px; color:#876a20; }
.index_service_list.num2 .cb_catch { font-size:38px; }
.index_service_list.num2 .cb_desc { font-size:16px; }
.index_service_list.num2 .item .title { font-size:22px; }
.index_service_list.num2 .item .desc { font-size:14px; }
.index_service_list.num2 .link_button a { color:#ffffff; background:#876a20; }
.index_service_list.num2 .link_button a:hover { color:#ffffff; background:#87827f; }
@media screen and (max-width:750px) {
.index_service_list.num2 .cb_headline { font-size:12px; }
.index_service_list.num2 .cb_catch { font-size:24px; }
.index_service_list.num2 .cb_desc { font-size:14px; }
.index_service_list.num2 .item .title { font-size:18px; }
.index_service_list.num2 .item .desc { font-size:12px; }
}
.index_message.num3 .cb_headline { font-size:14px; color:#00a6cc; }
.index_message.num3 .cb_catch { font-size:38px; }
.index_message.num3 .content .catch { font-size:22px; color:#876a20; }
.index_message.num3 .content .desc { font-size:16px; }
.index_message.num3 .content .title { font-size:16px; }
.index_message.num3 .content .sub_title { font-size:14px; }
.index_message.num3 .link_button a { color:#ffffff; background:#876a20; }
.index_message.num3 .link_button a:hover { color:#ffffff; background:#87827f; }
@media screen and (max-width:750px) {
.index_message.num3 .cb_headline { font-size:12px; }
.index_message.num3 .cb_catch { font-size:24px; }
.index_message.num3 .content .catch { font-size:18px; }
.index_message.num3 .content .desc { font-size:14px; }
.index_message.num3 .content .title { font-size:14px; }
.index_message.num3 .content .sub_title { font-size:12px; }
}
.index_post_slider.num4 .cb_headline { font-size:14px; color:#876a20; }
.index_post_slider.num4 .cb_catch { font-size:38px; }
.index_post_slider.num4 .item .title { font-size:16px; }
.index_post_slider.num4 .link_button a { color:#ffffff; background:#876a20; }
.index_post_slider.num4 .link_button a:hover { color:#ffffff; background:#87827f; }
@media screen and (max-width:750px) {
.index_post_slider.num4 .cb_headline { font-size:12px; }
.index_post_slider.num4 .cb_catch { font-size:24px; }
.index_post_slider.num4 .item .title { font-size:14px; }
}
#index_box_content .box_item1 .title { color:#ffffff; background:#876a20; }
#index_box_content .box_item1 .title:before { border-color:#ffffff; }
#index_box_content .box_item2 .title { color:#ffffff; background:#87827f; }
#index_box_content .box_item2 .title:before { border-color:#ffffff; }
#index_box_content .box_item3 .title { color:#ffffff; background:#c9a85b; }
#index_box_content .box_item3 .title:before { border-color:#ffffff; }
#index_box_content .title { font-size:18px; }
#index_box_content .desc { font-size:14px; }
@media screen and (max-width:750px) {
#index_box_content .title { font-size:16px; }
#index_box_content .desc { font-size:12px; }
}
#site_loader_overlay.active #site_loader_animation {
opacity:0;
-webkit-transition: all 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s; transition: all 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function($){
$('.megamenu_blog_slider').slick({
infinite: true,
dots: false,
arrows: false,
slidesToShow: 4,
slidesToScroll: 1,
swipeToSlide: true,
touchThreshold: 20,
adaptiveHeight: false,
pauseOnHover: true,
autoplay: false,
fade: false,
easing: 'easeOutExpo',
speed: 700,
autoplaySpeed: 5000
});
$('.megamenu_blog_list .prev_item').on('click', function() {
$(this).closest('.megamenu_blog_list').find('.megamenu_blog_slider').slick('slickPrev');
});
$('.megamenu_blog_list .next_item').on('click', function() {
$(this).closest('.megamenu_blog_list').find('.megamenu_blog_slider').slick('slickNext');
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
var slideWrapper = $('#header_slider'),
iframes = slideWrapper.find('.youtube-player'),
ytPlayers = {},
timers = { slickNext: null };
// YouTube IFrame Player API script load
if ($('#header_slider .youtube-player').length) {
if (!$('script[src="//www.youtube.com/iframe_api"]').length) {
var tag = document.createElement('script');
tag.src = 'https://www.youtube.com/iframe_api';
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
}
}
// YouTube IFrame Player API Ready
window.onYouTubeIframeAPIReady = function(){
slideWrapper.find('.youtube-player').each(function(){
var ytPlayerId = $(this).attr('id');
if (!ytPlayerId) return;
var player = new YT.Player(ytPlayerId, {
events: {
onReady: function(e) {
$('#'+ytPlayerId).css('opacity', 0).css('pointerEvents', 'none');
iframes = slideWrapper.find('.youtube-player');
ytPlayers[ytPlayerId] = player;
ytPlayers[ytPlayerId].mute();
ytPlayers[ytPlayerId].lastStatus = -1;
var item = $('#'+ytPlayerId).closest('.item');
if (item.hasClass('slick-current')) {
playPauseVideo(item, 'play');
}
},
onStateChange: function(e) {
if (e.data === 0) { // ended
$('#'+ytPlayerId).stop().css('opacity', 0);
if (timers.slickNext) {
clearTimeout(timers.slickNext);
timers.slickNext = null;
}
slideWrapper.slick('slickNext');
} else if (e.data === 1) { // play
$('#'+ytPlayerId).not(':animated').css('opacity', 1);
var slide = $(e.target.a).closest('.item');
var slickIndex = slide.attr('data-slick-index') || 0;
clearInterval(timers[slickIndex]);
timers[slickIndex] = setInterval(function(){
var state = ytPlayers[ytPlayerId].getPlayerState();
if (state != 1 && state != 3) {
clearInterval(timers[slickIndex]);
} else if (ytPlayers[ytPlayerId].getDuration() - ytPlayers[ytPlayerId].getCurrentTime() < 1) {
clearInterval(timers[slickIndex]);
if (timers.slickNext) {
clearTimeout(timers.slickNext);
timers.slickNext = null;
}
slideWrapper.slick('slickNext');
}
}, 200);
} else if (e.data === 3) { // buffering
if (ytPlayers[ytPlayerId].lastStatus === -1) {
$('#'+ytPlayerId).delay(100).animate({opacity: 1}, 400);
}
}
ytPlayers[ytPlayerId].lastStatus = e.data;
}
}
});
});
};
// play or puase video
function playPauseVideo(slide, control){
if (!slide) {
slide = slideWrapper.find('.slick-current');
}
if (slide.hasClass('youtube')) {
var ytPlayerId = slide.find('.youtube-player').attr('id');
if (ytPlayerId) {
switch (control) {
case 'play':
if (ytPlayers[ytPlayerId]) {
ytPlayers[ytPlayerId].seekTo(0, true);
ytPlayers[ytPlayerId].playVideo();
}
setTimeout(function(){
slide.closest('.item').find(".catch").addclass('animate');
}, 1000);
break;
case 'pause':
slide.closest('.item').find(".catch").removeClass('animate');
if (ytPlayers[ytPlayerId]) {
ytPlayers[ytPlayerId].pauseVideo();
}
break;
}
}
} else if (slide.hasClass('video')) {
var video = slide.find('video').get(0);
if (video) {
switch (control) {
case 'play':
video.currentTime = 0;
video.play();
setTimeout(function(){
slide.closest('.item').find(".catch").addClass('animate');
}, 1000);
var slickIndex = slide.attr('data-slick-index') || 0;
clearInterval(timers[slickIndex]);
timers[slickIndex] = setInterval(function(){
if (video.paused) {
clearInterval(timers[slickIndex]);
} else if (video.duration - video.currentTime < 2) {
clearInterval(timers[slickIndex]);
if (timers.slickNext) {
clearTimeout(timers.slickNext);
timers.slickNext = null;
}
slideWrapper.slick('slickNext');
setTimeout(function(){
video.currentTime = 0;
}, 2000);
}
}, 200);
break;
case 'pause':
slide.closest('.item').find(".catch").removeClass('animate');
video.pause();
break;
}
}
} else if (slide.hasClass('image_item')) {
switch (control) {
case 'play':
setTimeout(function(){
slide.closest('.item').find(".catch").addClass('animate');
}, 1000);
if (timers.slickNext) {
clearTimeout(timers.slickNext);
timers.slickNext = null;
}
timers.slickNext = setTimeout(function(){
slideWrapper.slick('slickNext');
}, 8000);
break;
case 'pause':
slide.closest('.item').find(".catch").removeClass('animate');
break;
}
}
}
// fix video size
function fix_video_size(object){
var slider_height = $('#header_slider').innerHeight();
var slider_width = slider_height*(16/9);
var win_width = $(window).width();
var win_height = win_width*(9/16);
if(win_width > slider_width) {
object.addClass('type1');
object.removeClass('type2');
object.css({'width': '100%', 'height': win_height});
} else {
object.removeClass('type1');
object.addClass('type2');
object.css({'width':slider_width, 'height':slider_height });
}
}
// Adjust height for mobile device
function adjust_height(){
var winH = $(window).innerHeight();
var winW = $(window).width();
var side_button_height = $("#side_button").height();
var header_message_height = $('#header_message').innerHeight();
if ($('#header_message').css('display') == 'none') {
var header_message_height = '';
}
if(winW < 1251 && winW > 750){
var header_slider_height = '';
var side_button_top_position = 375 - side_button_height / 2 + header_message_height;
} else if(winW < 750) {
var header_slider_height = winH;
var side_button_top_position = 450 - side_button_height / 2 + header_message_height;
} else {
var header_slider_height = '';
var side_button_top_position = 450 - side_button_height / 2 + header_message_height;
if(winH < 900) {
var header_slider_height = winH;
var side_button_top_position = winH / 2 - side_button_height / 2 + header_message_height;
}
}
$('#header_slider').css('height', header_slider_height);
$('#header_slider .item').css('height', header_slider_height);
$("#side_button").css('top', side_button_top_position + 'px');
var side_button_position = $('#side_button').offset();
$(window).scroll(function () {
if($(window).scrollTop() > side_button_position.top - 149) {
$("#side_button").addClass('fixed');
} else {
$("#side_button").removeClass('fixed');
}
});
}
// DOM Ready
$(function() {
slideWrapper.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
if (currentSlide == nextSlide) return;
slick.$slides.eq(nextSlide).addClass('animate');
setTimeout(function(){
playPauseVideo(slick.$slides.eq(currentSlide), 'pause');
}, slick.options.speed);
playPauseVideo(slick.$slides.eq(nextSlide), 'play');
});
slideWrapper.on('afterChange', function(event, slick, currentSlide) {
slick.$slides.not(':eq(' + currentSlide + ')').removeClass('animate first_animate');
});
slideWrapper.on('swipe', function(event, slick, direction){
slideWrapper.slick('setPosition');
});
//start the slider
slideWrapper.slick({
slide: '.item',
infinite: true,
dots: false,
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
swipe: false,
pauseOnFocus: false,
pauseOnHover: false,
autoplay: false,
fade: true,
autoplaySpeed:8000,
speed:1500,
easing: 'easeOutExpo'
});
// initialize / first animate
$('#header').addClass('animate');
adjust_height();
fix_video_size($('.video_wrap'));
$('#header_slider .item1').addClass('animate first_animate');
$('#index_box_content .box_item').addClass('start_animate');
$('#index_box_content .box_item').each(function(){
$(this).on('transitionend webkitTransitionEnd',function(){
$(this).addClass('end_animate');
$(this).removeClass('start_animate');
});
});
$('#index_box_content .box_item:last-child').on('transitionend webkitTransitionEnd',function(){
$('#index_box_content').slick('slickPlay');
});
$('#side_button').addClass('animate');
playPauseVideo($('#header_slider .item1'), 'play');
});
// Resize event
$(window).on('resize', function(){
adjust_height();
fix_video_size($('.video_wrap'));
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('.index_content_slider.num1 .cb_content_slider').slick({
infinite: true,
dots: false,
arrows: false,
slidesToShow: 2,
slidesToScroll: 1,
adaptiveHeight: false,
pauseOnHover: true,
autoplay: true,
fade: false,
easing: 'easeOutExpo',
speed: 700,
autoplaySpeed: 5000,
responsive: [
{
breakpoint: 550,
settings: { slidesToShow: 1 }
}
]
});
$('.index_content_slider .prev_item').on('click', function() {
$(this).closest('.index_content_slider').find('.cb_content_slider').slick('slickPrev');
});
$('.index_content_slider .next_item').on('click', function() {
$(this).closest('.index_content_slider').find('.cb_content_slider').slick('slickNext');
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('.index_post_slider.num4 .post_list').slick({
infinite: true,
dots: false,
arrows: false,
slidesToShow: 3,
slidesToScroll: 1,
adaptiveHeight: false,
pauseOnHover: true,
autoplay: true,
fade: false,
easing: 'easeOutExpo',
speed: 700,
autoplaySpeed: 5000,
responsive: [
{
breakpoint: 750,
settings: { slidesToShow: 2 }
}
]
});
$('.index_post_slider .prev_item').on('click', function() {
$(this).closest('.index_post_slider').find('.post_list').slick('slickPrev');
});
$('.index_post_slider .next_item').on('click', function() {
$(this).closest('.index_post_slider').find('.post_list').slick('slickNext');
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#index_news_slider').slick({
infinite: true,
dots: false,
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
swipeToSlide: false,
adaptiveHeight: false,
pauseOnHover: true,
autoplay: true,
fade: false,
vertical: true,
easing: 'easeOutExpo',
speed: 700,
autoplaySpeed: 5000
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#index_box_content').slick({
infinite: false,
dots: false,
arrows: false,
slidesToShow: 3,
slidesToScroll: 1,
swipeToSlide: true,
adaptiveHeight: false,
pauseOnHover: false,
pauseOnFocus: false,
autoplay: true,
fade: false,
easing: 'easeOutExpo',
speed: 700,
autoplaySpeed: 3000,
responsive: [
{
breakpoint: 950,
settings: { slidesToShow: 2 }
},
{
breakpoint: 650,
settings: { slidesToShow: 1 }
}
]
});
function jumpBack() {
setTimeout(function() {
$('#index_box_content').slick("slickGoTo", 0, false);
}, 3000);
setTimeout(function() {
$('#index_box_content').slick('refresh');
}, 4000);
}
$('#index_box_content').on("afterChange", function(event, slick, currentSlide, nextSlide) {
if (currentSlide === 2) {
jumpBack();
}
});
$('#index_box_content').slick('slickPause');
var winW = $(window).width();
var box_item_num = $('#index_box_content .box_item').length;
$('#index_box_content').addClass('type'+ box_item_num);
if(winW < 750) {
$('#index_box_content .box_item').each(function(){
$(this).off('mouseenter mouseleave');
var box_height = $(this).height() - 60;
$(this).on('click',function() {
if($(this).hasClass('active')){
$(this).css('bottom','0px');
$(this).removeClass('active');
} else {
$(this).addClass('active');
$(this).css({'cssText':'bottom:' + box_height + 'px !important;'});
};
});
});
} else {
$('#index_box_content .box_item').each(function(){
$(this).off('click');
var box_height = $(this).height() - 60;
$(this).hover(
function(){
$(this).css({'cssText':'bottom:' + box_height + 'px !important;'});
},
function(){
$(this).css('bottom','0px');
}
);
});
}
$(window).on('resize', function(){
var winW = $(window).width();
$('#index_box_content').slick('setPosition');
if(winW < 750) {
$('#index_box_content').on('setPosition', function(event, slick){
$('#index_box_content .box_item').each(function(){
$(this).off('mouseenter mouseleave');
var box_height = $(this).height() - 60;
$(this).on('click',function() {
if($(this).hasClass('active')){
$(this).css('bottom','0px');
$(this).removeClass('active');
} else {
$(this).addClass('active');
$(this).css({'cssText':'bottom:' + box_height + 'px !important;'});
};
});
});
});
} else {
$('#index_box_content').on('setPosition', function(event, slick){
$('#index_box_content .box_item').each(function(){
$(this).off('click');
var box_height = $(this).height() - 60;
$(this).hover(
function(){
$(this).css({'cssText':'bottom:' + box_height + 'px !important;'});
},
function(){
$(this).css('bottom','0px');
}
);
});
});
};
});
$(window).on('scroll load', function(i) {
var scTop = $(this).scrollTop();
var scBottom = scTop + $(this).height();
$('.animate_item').each( function(i) {
var thisPos = $(this).offset().top + 100;
if ( thisPos < scBottom ) {
$(this).addClass('active');
}
});
$('.animate_item2').each( function(i) {
var thisPos = $(this).offset().top;
if ( thisPos < scBottom ) {
$(this).addClass('active');
}
});
});
$('.index_free_space.type2').each( function(i) {
var winW = $(window).innerWidth();
$(this).css('width', winW);
});
$(window).on('resize',function(){
$('.index_free_space.type2').each( function(i) {
var winW = $(window).innerWidth();
$(this).css('width', winW);
});
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
var side_button_width = $("#side_button").width();
$("#side_button").css('width',side_button_width + 'px').css('left','calc(100% - 60px)').css('opacity','1');
$("#side_button").hover(function(){
$(this).css('left','calc(100% - ' + side_button_width + 'px)');
}, function(){
$(this).css('left','calc(100% - 60px)');
});
});
</script>
<style type="text/css" id="wp-custom-css">
/************************************
** お問い合わせフォームの入力
************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
width: 100%;
height: 45px;
margin-bottom: 0;
padding: 0 12px;
border: 0;
border-radius: 3px;
background-color: #eff1f5;
box-shadow: none;
color: #5c6b80;
font-size: 1em;
vertical-align: middle;
line-height: 45px;
transition: background-color 0.24s ease-in-out;
}
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5em;
padding: 0.5em;
overflow: auto;
}
@media(max-width:500px) {
.inquiry td,
.inquiry th {
display: block !important;
width: 100% !important;
border-top: none !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important
}
.inquiry tr:first-child th {
border-top: 1px solid #d7d7d7 !important
}
.inquiry .any,
.inquiry .haveto {
font-size: 10px
}
}
.inquiry th {
text-align: left;
font-size: 14px;
color: #444;
padding-right: 5px;
width: 30%;
background: #f7f7f7;
border: solid 1px #d7d7d7
}
.inquiry td {
font-size: 13px;
border: solid 1px #d7d7d7
}
.entry-content .inquiry tr,
.entry-content table {
border: solid 1px #d7d7d7
}
.haveto {
font-size: 7px;
padding: 5px;
background: #c9a85b;
color: #fff;
border-radius: 2px;
margin-right: 5px;
position: relative;
bottom: 1px
}
.any {
font-size: 7px;
padding: 5px;
background: #87827f;
color: #fff;
border-radius: 2px;
margin-right: 5px;
position: relative;
bottom: 1px
}
.verticallist .wpcf7-list-item {
display: block
}
#formbtn {
display: block;
padding: 15px;
width: 350px;
background: #aa7d3a;
color: #fff;
font-size: 18px;
font-weight: 700;
border-radius: 2px;
margin: 25px auto 0
}
#formbtn:hover {
background: #fff;
color: #ef6b82;
border: 2px solid #ef6b82;
}
th {
font-weight: 700;
text-transform: uppercase;
padding: 13px
}
td {
border-top: 1px solid #ededed;
padding: 12px
}
input,
select,
textarea {
border: 1px solid #dfdfdf;
letter-spacing: 1px;
margin: 0;
max-width: 100%;
resize: none
} </style>
</head>
<body id="body" class="home blog elementor-default">
<div id="container">
<header id="header">
<div id="header_logo">
<h2 class="logo">
<a href="https://kantei.online/" title="">
<span class="pc_logo_text" style="font-size:32px;"></span>
<span class="mobile_logo_text" style="font-size:24px;"></span>
</a>
</h2>
</div>
<a id="menu_button" href="#"><span></span><span></span><span></span></a>
<nav id="global_menu">
<ul id="menu-%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc" class="menu"><li id="menu-item-52" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-52 "><a href="https://kantei.online/" aria-current="page">ホーム</a></li>
<li id="menu-item-35" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35 "><a href="#">初めての方へ</a></li>
<li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36 "><a href="#" class="megamenu_button" data-megamenu="js-megamenu36">オンライン鑑定</a></li>
<li id="menu-item-37" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37 "><a href="#" class="megamenu_button" data-megamenu="js-megamenu37">開運セミナー</a></li>
<li id="menu-item-38" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-38 "><a href="#">開運パワースポットツアー</a></li>
<li id="menu-item-53" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-53 "><a href="#">ブログ</a></li>
<li id="menu-item-54" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-54 "><a href="#">お客様の感想</a></li>
<li id="menu-item-56" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-56 "><a href="#">メルマガ登録</a></li>
<li id="menu-item-105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105 "><a href="https://kantei.online/applicationform/">お申込み</a></li>
<li id="menu-item-55" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55 "><a href="#">お問合わせ</a></li>
</ul> </nav>
<div class="megamenu_service_list" id="js-megamenu36">
<div class="megamenu_service_list_inner clearfix">
<h3 class="headline">キャッチフレーズ</h3>
<div class="link_button">
<a href="https://kantei.online/service/">詳細を見る</a>
</div>
<div class="service_list clearfix">
<article class="item">
<a href="https://kantei.online/service/kantei9/">
<img class="image" src="https://kantei.online/wp/wp-content/uploads/2020/09/image_100x100.gif" alt="" title="">
<div class="title_area">
<p class="title"><span>住宅購入日鑑定</span></p>
</div>
</a>
</article>
<article class="item">
<a href="https://kantei.online/service/kantei7/">
<img class="image" src="https://kantei.online/wp/wp-content/uploads/2020/09/image_100x100.gif" alt="" title="">
<div class="title_area">
<p class="title"><span>引越し鑑定(方位+吉日)</span></p>
</div>
</a>
</article>
<article class="item">
<a href="https://kantei.online/service/kantei5/">
<img class="image" src="https://kantei.online/wp/wp-content/uploads/2020/09/image_100x100.gif" alt="" title="">
<div class="title_area">
<p class="title"><span>入籍日鑑定</span></p>
</div>
</a>
</article>
<article class="item">
<a href="https://kantei.online/service/kantei8/">
<img class="image" src="https://kantei.online/wp/wp-content/uploads/2020/09/image_100x100.gif" alt="" title="">
<div class="title_area">
<p class="title"><span>旅行方位鑑定</span></p>
</div>
</a>
</article>
<article class="item">
<a href="https://kantei.online/service/kantei3/">
<img class="image" src="https://kantei.online/wp/wp-content/uploads/2020/09/image_100x100.gif" alt="" title="">
<div class="title_area">
<p class="title"><span>会社設立日鑑定</span></p>
</div>
</a>
</article>
<article class="item">
<a href="https://kantei.online/service/kantei6/">
<img class="image" src="https://kantei.online/wp/wp-content/uploads/2020/09/image_100x100.gif" alt="" title="">
<div class="title_area">
<p class="title"><span>運気鑑定</span></p>
</div>
</a>
</article>
<article class="item">
<a href="https://kantei.online/service/kantei1/">
<img class="image" src="https://kantei.online/wp/wp-content/uploads/2020/09/image_100x100.gif" alt="" title="">
<div class="title_area">
<p class="title"><span>命名鑑定</span></p>
</div>
</a>
</article>
<article class="item">
<a href="https://kantei.online/service/kantei4/">
<img class="image" src="https://kantei.online/wp/wp-content/uploads/2020/09/image_100x100.gif" alt="" title="">
<div class="title_area">
<p class="title"><span>契約日鑑定</span></p>
</div>
</a>
</article>
</div><!-- END .service_list -->
</div>
</div>
<div class="megamenu_blog_list" id="js-megamenu37">
<div class="megamenu_blog_list_inner clearfix">
<div class="megamenu_blog_slider_wrap">
<div class="megamenu_blog_slider">
<article class="item">
<p class="category cat_id_2"><a href="https://kantei.online/category/category1/">カテゴリー1</a></p>
<a class="image_link animate_background" href="https://kantei.online/category1/sample-post5/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
<div class="title_area">
<h4 class="title"><span>ブログサンプル5</span></h4>
</div>
</a>
</article>
<article class="item">
<p class="category cat_id_2"><a href="https://kantei.online/category/category1/">カテゴリー1</a></p>
<a class="image_link animate_background" href="https://kantei.online/category1/sample-post4/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
<div class="title_area">
<h4 class="title"><span>ブログサンプル4</span></h4>
</div>
</a>
</article>
<article class="item">
<p class="category cat_id_2"><a href="https://kantei.online/category/category1/">カテゴリー1</a></p>
<a class="image_link animate_background" href="https://kantei.online/category1/sample-post3/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
<div class="title_area">
<h4 class="title"><span>ブログサンプル3</span></h4>
</div>
</a>
</article>
<article class="item">
<p class="category cat_id_2"><a href="https://kantei.online/category/category1/">カテゴリー1</a></p>
<a class="image_link animate_background" href="https://kantei.online/category1/sample-post2/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
<div class="title_area">
<h4 class="title"><span>ブログサンプル2</span></h4>
</div>
</a>
</article>
<article class="item">
<p class="category cat_id_2"><a href="https://kantei.online/category/category1/">カテゴリー1</a></p>
<a class="image_link animate_background" href="https://kantei.online/category1/sample-post1/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
<div class="title_area">
<h4 class="title"><span>ブログサンプル1</span></h4>
</div>
</a>
</article>
<article class="item">
<p class="category cat_id_1"><a href="https://kantei.online/category/%e6%9c%aa%e5%88%86%e9%a1%9e/">未分類</a></p>
<a class="image_link animate_background" href="https://kantei.online/%e6%9c%aa%e5%88%86%e9%a1%9e/hello-world/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
<div class="title_area">
<h4 class="title"><span>Hello world!</span></h4>
</div>
</a>
</article>
</div><!-- END .megamenu_blog_slider -->
</div><!-- END .megamenu_blog_slider_wrap -->
<div class="carousel_arrow next_item"></div>
<div class="carousel_arrow prev_item"></div>
</div>
</div>
</header>
<div id="side_button" class="right">
</div>
<div id="header_slider">
<div class="item image_item item1 slick-slide animation_type1">
<h3 class="catch rich_font_type3"><span>あなたにとって良い時期、良い日、良い方位を鑑定します</span></h3> <div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/2258229_m.jpg) no-repeat center center; background-size:cover;"></div>
</div><!-- END .item -->
<div class="item image_item item2 slick-slide animation_type1">
<h3 class="catch rich_font_type3"><span>時代の流れに合った的確な鑑定が好評です</span></h3> <div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/slider2.jpg) no-repeat center center; background-size:cover;"></div>
</div><!-- END .item -->
<div class="item image_item item3 slick-slide animation_type1">
<h3 class="catch rich_font_type3"><span>鑑定歴20年以上の鑑定士二人が協働で、あなたの運気を上昇へと導きます</span></h3> <div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/slider3.jpg) no-repeat center center; background-size:cover;"></div>
</div><!-- END .item -->
<div id="index_box_content" class="clearfix">
<div class="box_item box_item1">
<h3 class="title rich_font">オンライン鑑定受付中!</h3>
<div class="desc">
<p>いつでも・どこでもスマートフォンやパソコン、ipadなどからオンラインで鑑定が受けられます。</p>
</div>
<a class="link" href="#">詳細を見る</a>
</div>
<div class="box_item box_item2">
<h3 class="title rich_font">開運セミナー</h3>
<div class="desc">
<p>スマートフォン・パソコン・タブレットなどから、気軽に全世界からご参加いただけます!</p>
</div>
<a class="link" href="#">詳細を見る</a>
</div>
<div class="box_item box_item3">
<h3 class="title rich_font">ご予約は24時間受付中!</h3>
<div class="desc">
<p>日本全国、全世界から24時間いつでもご予約いただけます。</p>
</div>
<a class="link" href="#">詳細を見る</a>
</div>
</div><!-- END #index_box_content -->
</div><!-- END #header_slider -->
<div id="index_news">
<div id="index_news_inner">
<div id="index_news_slider">
<article class="item">
<a href="https://kantei.online/news/sample-news4/" class="clearfix">
<p class="date"><time class="entry-date updated" datetime="2020-09-08T22:38:04+09:00">2020.09.8</time></p>
<h4 class="title"><span>お知らせサンプル4</span></h4>
</a>
</article>
<article class="item">
<a href="https://kantei.online/news/sample-news3/" class="clearfix">
<p class="date"><time class="entry-date updated" datetime="2020-09-08T22:38:03+09:00">2020.09.8</time></p>
<h4 class="title"><span>お知らせサンプル3</span></h4>
</a>
</article>
<article class="item">
<a href="https://kantei.online/news/sample-news2/" class="clearfix">
<p class="date"><time class="entry-date updated" datetime="2020-09-08T22:38:02+09:00">2020.09.8</time></p>
<h4 class="title"><span>お知らせサンプル2</span></h4>
</a>
</article>
<article class="item">
<a href="https://kantei.online/news/sample-news1/" class="clearfix">
<p class="date"><time class="entry-date updated" datetime="2020-09-08T22:38:01+09:00">2020.09.8</time></p>
<h4 class="title"><span>お知らせサンプル1</span></h4>
</a>
</article>
</div>
<a class="archive_link" href="https://kantei.online/news/">お知らせ一覧</a>
</div>
</div>
<div id="index_content_builder">
<div class="index_content_slider cb_contents num1 white" id="cb_content_1">
<div class="cb_contents_inner clearfix">
<h3 class="cb_headline rich_font_type3">運と風水の専門家によるエキスパートな鑑定</h3>
<h4 class="cb_catch rich_font_type3">あなたにとって良い時期、良い日、良い方位を鑑定します。</h4>
<div class="cb_content_slider_wrap">
<div class="cb_content_slider">
<div class="item">
<a class="animate_background clearfix" href="#">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/鑑定.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<div class="desc_area">
<p class="desc"><span>移転、引越しは最大の開運チャンス!<br />
新しいスタートやリスタートにあなたにとって良い方位を鑑定します。</span></p> </div>
</a>
</div>
<div class="item">
<a class="animate_background clearfix" href="#">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/良い時期-1.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<div class="desc_area">
<p class="desc"><span>金運はいつ到来する?結婚運はいつ?<br />あなたにとっての良い時期を鑑定いたします。</span></p> </div>
</a>
</div>
<div class="item">
<a class="animate_background clearfix" href="#">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/会社設立.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<div class="desc_area">
<p class="desc"><span>失敗しない大吉の会社設立日はいつ?<br />住宅購入日はいつ?</span></p> </div>
</a>
</div>
</div>
<div class="carousel_arrow next_item"></div>
<div class="carousel_arrow prev_item"></div>
</div>
<div class="link_button">
<a href="#">お客様の感想</a>
</div>
</div><!-- END .cb_contents_inner -->
</div><!-- END .index_content_slider -->
<div class="index_service_list cb_contents num2 white" id="cb_content_2">
<div class="cb_contents_inner">
<h3 class="cb_headline rich_font_type2">MENU</h3>
<h4 class="cb_catch rich_font_type3">ご提供する各種鑑定</h4>
<p class="cb_desc">お申込み方法は簡単、365日24時間全世界対応にて鑑定を受付しております。<br />
あなたの人生に満開の花を咲かせる上昇ポイントを鑑定してお伝えします。</p>
</div><!-- END .cb_contents_inner -->
<div class="service_list_wrap">
<div class="service_list clearfix">
<article class="item">
<a class="animate_background" href="https://kantei.online/service/kantei9/">
<h3 class="title rich_font_type3"><span>住宅購入日鑑定</span></h3>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/住宅購入日.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<p class="desc"><span>大殺界、天中殺、空亡でも家を購入できます。</span></p>
</a>
</article>
<article class="item">
<a class="animate_background" href="https://kantei.online/service/kantei7/">
<h3 class="title rich_font_type3"><span>引越し鑑定(方位+吉日)</span></h3>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/引越し方位.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<p class="desc"><span>「災い転じて福となす」
引越しは大吉方位へ</span></p>
</a>
</article>
<article class="item">
<a class="animate_background" href="https://kantei.online/service/kantei5/">
<h3 class="title rich_font_type3"><span>入籍日鑑定</span></h3>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/入籍日.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<p class="desc"><span>大殺界、天中殺、空亡でも入籍できます。</span></p>
</a>
</article>
<article class="item">
<a class="animate_background" href="https://kantei.online/service/kantei8/">
<h3 class="title rich_font_type3"><span>旅行方位鑑定</span></h3>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/旅行方位1.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<p class="desc"><span>大吉方位へ旅行して、あなたの運気を上げていきます!</span></p>
</a>
</article>
<article class="item">
<a class="animate_background" href="https://kantei.online/service/kantei3/">
<h3 class="title rich_font_type3"><span>会社設立日鑑定</span></h3>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/240x100-1.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<p class="desc"><span>10年後も生き残る、倒産しない会社を大吉日で設立!</span></p>
</a>
</article>
<article class="item">
<a class="animate_background" href="https://kantei.online/service/kantei6/">
<h3 class="title rich_font_type3"><span>運気鑑定</span></h3>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/240x100.unsei_.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<p class="desc"><span>ここに説明文が入ります。ここに説明文が入ります。ここに説明文が入ります。<br />ここに説明文が入ります。ここに説明文が入ります。</span></p>
</a>
</article>
<article class="item">
<a class="animate_background" href="https://kantei.online/service/kantei1/">
<h3 class="title rich_font_type3"><span>命名鑑定</span></h3>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/240x100.meimei.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<p class="desc"><span>子どもの名前の命名、ビジネスネームの提案など、名前に関するすべての相談が可能です。</span></p>
</a>
</article>
<article class="item">
<a class="animate_background" href="https://kantei.online/service/kantei4/">
<h3 class="title rich_font_type3"><span>契約日鑑定</span></h3>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/240x100.keiyaku.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<p class="desc"><span>ここに説明文が入ります。ここに説明文が入ります。ここに説明文が入ります。<br />ここに説明文が入ります。ここに説明文が入ります。</span></p>
</a>
</article>
<article class="item">
<a class="animate_background" href="https://kantei.online/service/kantei2/">
<h3 class="title rich_font_type3"><span>遠隔風水鑑定</span></h3>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/slider2.jpg) no-repeat center center; background-size:cover;"></div>
</div>
<p class="desc"><span>あなたの住居・会社・オフィスを、特殊な遠隔技術を用いて風水鑑定します。</span></p>
</a>
</article>
</div><!-- END .service_list -->
<div class="link_button">
<a href="https://kantei.online/service/">鑑定について詳しく見る</a>
</div>
<div class="overlay" style="background:rgba(0,0,0,0.3)"></div>
</div><!-- END .service_list_wrap -->
</div><!-- END .index_service_list -->
<div class="index_message cb_contents num3 white" id="cb_content_3">
<div class="cb_contents_inner">
<h3 class="cb_headline rich_font_type2">MESSAGE</h3>
<h4 class="cb_catch rich_font_type3">専門的な鑑定</h4>
<div class="message_area layout_type1">
<div class="content">
<div class="content_inner">
<h3 class="catch rich_font_type2">四柱推命・風水・奇門遁甲・九星気学・紫微斗数・易学を合わせた総合鑑定</h3>
<p class="desc">あなたのご相談内容により、開運占術を掛け合わせた総合鑑定を提供するため、従来からの一般の占い鑑定よりも精度の高い鑑定結果をお伝えすることができます。<br />
複数の占術を組み合せることで、より確実性の高い鑑定結果を導き出すことをモットーとしています。<br />
あなたの悩みに寄り添ったプライベートコンサルプランにも対応しています。</p>
<div class="title_area">
<p class="sub_title">*******</p>
<p class="title rich_font_type2">*******</p>
</div>
</div>
</div>
</div>
<div class="link_button">
<a href="#">詳しく見る</a>
</div>
</div><!-- END .cb_contents_inner -->
</div><!-- END .index_message -->
<div class="index_post_slider cb_contents num4" style="background:#f5f5f5;" id="cb_content_4">
<div class="cb_contents_inner">
<h3 class="cb_headline rich_font_type2">BLOG</h3>
<h4 class="cb_catch rich_font_type3">運と風水の専門家による開運コラム</h4>
<div class="post_list_slider_wrap">
<div class="post_list clearfix">
<article class="item">
<p class="category cat_id_2"><a href="https://kantei.online/category/category1/">カテゴリー1</a></p>
<a class="image_link animate_background clearfix" href="https://kantei.online/category1/sample-post5/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
</a>
<div class="title_area">
<h3 class="title"><a href="https://kantei.online/category1/sample-post5/"><span>ブログサンプル5</span></a></h3>
<p class="date"><time class="entry-date updated" datetime="2020-09-08T22:38:05+09:00">2020.09.08</time></p>
</div>
</article>
<article class="item">
<p class="category cat_id_2"><a href="https://kantei.online/category/category1/">カテゴリー1</a></p>
<a class="image_link animate_background clearfix" href="https://kantei.online/category1/sample-post4/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
</a>
<div class="title_area">
<h3 class="title"><a href="https://kantei.online/category1/sample-post4/"><span>ブログサンプル4</span></a></h3>
<p class="date"><time class="entry-date updated" datetime="2020-09-08T22:38:04+09:00">2020.09.08</time></p>
</div>
</article>
<article class="item">
<p class="category cat_id_2"><a href="https://kantei.online/category/category1/">カテゴリー1</a></p>
<a class="image_link animate_background clearfix" href="https://kantei.online/category1/sample-post3/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
</a>
<div class="title_area">
<h3 class="title"><a href="https://kantei.online/category1/sample-post3/"><span>ブログサンプル3</span></a></h3>
<p class="date"><time class="entry-date updated" datetime="2020-09-08T22:38:03+09:00">2020.09.08</time></p>
</div>
</article>
<article class="item">
<p class="category cat_id_2"><a href="https://kantei.online/category/category1/">カテゴリー1</a></p>
<a class="image_link animate_background clearfix" href="https://kantei.online/category1/sample-post2/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
</a>
<div class="title_area">
<h3 class="title"><a href="https://kantei.online/category1/sample-post2/"><span>ブログサンプル2</span></a></h3>
<p class="date"><time class="entry-date updated" datetime="2020-09-08T22:38:02+09:00">2020.09.08</time></p>
</div>
</article>
<article class="item">
<p class="category cat_id_2"><a href="https://kantei.online/category/category1/">カテゴリー1</a></p>
<a class="image_link animate_background clearfix" href="https://kantei.online/category1/sample-post1/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
</a>
<div class="title_area">
<h3 class="title"><a href="https://kantei.online/category1/sample-post1/"><span>ブログサンプル1</span></a></h3>
<p class="date"><time class="entry-date updated" datetime="2020-09-08T22:38:01+09:00">2020.09.08</time></p>
</div>
</article>
<article class="item">
<p class="category cat_id_1"><a href="https://kantei.online/category/%e6%9c%aa%e5%88%86%e9%a1%9e/">未分類</a></p>
<a class="image_link animate_background clearfix" href="https://kantei.online/%e6%9c%aa%e5%88%86%e9%a1%9e/hello-world/">
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_700x440-400x280.gif) no-repeat center center; background-size:cover;"></div>
</div>
</a>
<div class="title_area">
<h3 class="title"><a href="https://kantei.online/%e6%9c%aa%e5%88%86%e9%a1%9e/hello-world/"><span>Hello world!</span></a></h3>
<p class="date"><time class="entry-date updated" datetime="2020-09-08T22:06:20+09:00">2020.09.08</time></p>
</div>
</article>
</div><!-- END .post_list -->
<div class="carousel_arrow next_item"></div>
<div class="carousel_arrow prev_item"></div>
</div><!-- END .post_list_slider_wrap -->
<div class="link_button">
<a href="https://kantei.online/category1/sample-post5/">ブログ一覧</a>
</div>
</div><!-- END .cb_contents_inner -->
</div><!-- END .index_post_slider -->
</div><!-- END #index_content_builder -->
<footer id="footer">
<div id="footer_banner">
<div class="item">
<a class="animate_background clearfix" href="#">
<p class="title" style="color:#ffffff;">タイトル</p>
<div class="overlay" style="background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%);"></div>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_360x150.gif) no-repeat center center; background-size:cover;"></div>
</div>
</a>
</div>
<div class="item">
<a class="animate_background clearfix" href="#">
<p class="title" style="color:#ffffff;">タイトル</p>
<div class="overlay" style="background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%);"></div>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_360x150.gif) no-repeat center center; background-size:cover;"></div>
</div>
</a>
</div>
<div class="item">
<a class="animate_background clearfix" href="#">
<p class="title" style="color:#ffffff;">タイトル</p>
<div class="overlay" style="background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%);"></div>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_360x150.gif) no-repeat center center; background-size:cover;"></div>
</div>
</a>
</div>
<div class="item">
<a class="animate_background clearfix" href="#">
<p class="title" style="color:#ffffff;">タイトル</p>
<div class="overlay" style="background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%);"></div>
<div class="image_wrap">
<div class="image" style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_360x150.gif) no-repeat center center; background-size:cover;"></div>
</div>
</a>
</div>
</div>
<div id="footer_top">
<div id="footer_inner">
<div id="footer_data" class="position_type1 no_schedule">
<div class="item left position_type1">
<div class="sub_item" id="footer_contact">
<div class="sub_item_inner">
<h3 class="headline rich_font">見出し</h3>
<div class="link_button">
<a href="">ボタン</a>
</div>
</div>
</div>
<div class="sub_item" id="footer_tel">
<h3 class="headline rich_font">見出し</h3>
<div class="number_area">
<p class="tel_number"><span class="icon"></span><span class="number">000-0000-0000</span></p>
<p class="tel_desc">説明文</p>
</div>
</div>
</div><!-- END .item left -->
</div>
</div><!-- END #footer_inner -->
<div id="footer_overlay" style="background:rgba(0,0,0,0.3);"></div>
<div class="footer_bg_image " style="background:url(https://kantei.online/wp/wp-content/uploads/2020/09/image_1450x400.gif) no-repeat center center; background-size:cover;"></div>
</div><!-- END #footer_top -->
<div id="footer_bottom">
<p class="footer_info"></p>
<ul id="footer_sns" class="clearfix">
<li class="rss"><a href="https://kantei.online/feed/" rel="nofollow" target="_blank" title="RSS"><span>RSS</span></a></li> </ul>
</div><!-- END #footer_bottom -->
<div id="footer_menu" class="footer_menu" style="background:#f5f5f5;">
<ul id="menu-%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-1" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-52 "><a href="https://kantei.online/" aria-current="page">ホーム</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35 "><a href="#">初めての方へ</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36 "><a href="#">オンライン鑑定</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37 "><a href="#">開運セミナー</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-38 "><a href="#">開運パワースポットツアー</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-53 "><a href="#">ブログ</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-54 "><a href="#">お客様の感想</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-56 "><a href="#">メルマガ登録</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105 "><a href="https://kantei.online/applicationform/">お申込み</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55 "><a href="#">お問合わせ</a></li>
</ul> </div>
<p id="copyright" style="background:#876a20; color:#ffffff;">Copyright © 2020 運と風水の専門家によるオンライン鑑定. All rights reserved.</p>
</footer>
<div id="return_top">
<a href="#body"><span></span></a>
</div>
</div><!-- #container -->
<div id="drawer_menu">
<nav>
<ul id="mobile_menu" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-52 "><a href="https://kantei.online/" aria-current="page">ホーム</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35 "><a href="#">初めての方へ</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36 "><a href="#" class="megamenu_button" data-megamenu="js-megamenu36">オンライン鑑定</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37 "><a href="#" class="megamenu_button" data-megamenu="js-megamenu37">開運セミナー</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-38 "><a href="#">開運パワースポットツアー</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-53 "><a href="#">ブログ</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-54 "><a href="#">お客様の感想</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-56 "><a href="#">メルマガ登録</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105 "><a href="https://kantei.online/applicationform/">お申込み</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55 "><a href="#">お問合わせ</a></li>
</ul> </nav>
<div id="mobile_banner">
</div><!-- END #header_mobile_banner -->
</div>
<script>
jQuery(document).ready(function($){
$('#page_header').addClass('animate');
});
</script>
<link rel='stylesheet' id='slick-style-css' href='https://kantei.online/wp/wp-content/themes/kantei/js/slick.css?ver=1.0.0' type='text/css' media='all' />
<script type='text/javascript' id='contact-form-7-js-extra'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/kantei.online\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://kantei.online/wp/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.2.2' id='contact-form-7-js'></script>
<script type='text/javascript' src='https://kantei.online/wp/wp-includes/js/wp-embed.min.js?ver=5.5.14' id='wp-embed-js'></script>
<script type='text/javascript' src='https://kantei.online/wp/wp-content/themes/kantei/js/slick.min.js?ver=1.0.0' id='slick-script-js'></script>
</body>
</html>