@charset "UTF-8";
/* CSS Document */
.font_001{
font-family: vdl-logojrblack, sans-serif;
font-weight: 900;
font-style: normal;
}
.font_002{
font-family: vdl-logona, sans-serif;
font-weight: 400;
font-style: normal;
}
#main_tit{
    width: 150px;
    height: 500px;
    position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9999;
}
#main_tit:before{
	content: " ";
	background: url("images/icon_main_001.png") no-repeat 50% 50%;
	background-size: 120px auto;
	position: absolute;
	bottom:-50px;
	left: -90px;
	margin: auto;
	width: 120px;
	height: 150px;
	animation: ani_main_01 2s ease-in-out infinite;
}
#main_tit:after{
	content: " ";
	background: url("images/icon_main_002.png") no-repeat 50% 50%;
	background-size: 120px auto;
	position: absolute;
	bottom:-45px;
	right: -90px;
	margin: auto;
	width: 140px;
	height: 200px;
	visibility:visible;
	animation: ani_main_02 2s ease-in-out infinite;
}

@media screen and (max-width: 480px) {
#main_tit {
    width: 30vw;
    height: auto;	
}
#main_tit:before {
    background-size: 20vw auto;
    bottom: -50px;
    left: -14vw;
    margin: auto;
    width: 22vw;
    height: 22vw;
}
#main_tit:after {
    background-size: 20vw auto;
    bottom: -45px;
    right: -14vw;
    margin: auto;
    width: 22vw;
    height: 26vw;
}
}
@media screen and (max-width: 413px) {
#main_tit {
    top: 40px;
}
}

/********************************************************
 main_img
********************************************************/
#main_img_area{
    width: 100%;
    height: 700px;
    position: relative;
    background-size: cover;
	overflow: hidden;
}
#main_img_area .img_001{
    position: absolute;
    top: 0;
    bottom: 100px;
    left: 0;
    right: 0;
    margin: auto;
    width: 455px;
    height: 126px;
}
#main_img_area .img_002{
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 455px;
    height: 20px;
}
#main_img_area .img_001{
    transition: 3s ease ;
    transform: translate3d(0,20px,0);
	opacity:0;
}
#main_img_area .img_002{
    transition: 3s ease 0.8s;
    transform: translate3d(0,20px,0);
	opacity:0;
}
#main_img_area .js_intro.active.img_001,
#main_img_area .js_intro.active.img_002{
    transform: translate3d(0,0,0);
	opacity:1 !important;
}
@media screen and (max-width: 480px) {
#main_img_area {
    height: 685px;
}
}
@media screen and (max-width: 413px) {
#main_img_area {
    height: 615px;
}
}
@media screen and (max-width: 374px) {
#main_img_area {
    height: 540px;
}
}


/********************************************************
 gallery
********************************************************/
.gallery-cell {
    width: 100%;
    height: 100%;
    height: 100vh;
    position: relative;
    background-size: cover;
}
.gallery-cell a {
	color: #fff;
	text-declaration: none;
}
.gallery-cell.bg_001{
	background:url(images/bg_main_001.jpg) no-repeat 50% 50% #fff;
	background-size:cover;
}
.gallery-cell.bg_002{
	background:url(images/bg_main_002.jpg) no-repeat 50% 50% #fff;
	background-size:cover;
}
.gallery-cell.bg_003{
	background:url(images/bg_main_005.jpg) no-repeat 50% 50% #fff;
	background-size:cover;
}
.gallery-cell.bg_004{
	background:url(images/bg_main_003.jpg) no-repeat 50% 50% #fff;
	background-size:cover;
}
.gallery .tit_001{
	width: 450px;
    height: 174px;
	position:absolute;
	top:0;
    bottom: 50px;
    left: 0;
	right:0;
    margin: auto;
	z-index:99;
}

/* Fade CSS */

.flickity-slider {
	transform: none !important;
}

.gallery-cell{
	left: 0 !important;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
.gallery-cell.is-selected {
	transition: opacity 1s ease-in-out;
	opacity: 1;
	z-index: 999;
}

@media screen and (max-width: 768px) {
.gallery-cell {
    height: 100%;
}
}

@media screen and (max-width: 480px) {
.gallery-cell.bg_001{
	background:url(images/bg_main_011.jpg) no-repeat 50% 50% #fff;
	background-size:cover;
}
.gallery-cell.bg_002{
	background:url(images/bg_main_012.jpg) no-repeat 50% 50% #fff;
	background-size:cover;
}
.gallery-cell.bg_003{
	background:url(images/bg_main_013.jpg) no-repeat 50% 50% #fff;
	background-size:cover;
}
.gallery-cell.bg_004{
	background:url(images/bg_main_014.jpg) no-repeat 50% 50% #fff;
	background-size:cover;
}
}


/********************************************************
 inner_001
********************************************************/
.inner_001 { width: 1000px; margin: 0 auto; position: relative; overflow: hidden; }
@media screen and (max-width: 1024px) {
.inner_001 { width: 94%; }
}
/********************************************************
 header_001
********************************************************/
#header_001 { position: relative;margin-top: -100px; width: 100%; height: 200px; z-index: 9999; background: url("images/bg_nav_011.png") repeat-x top center; background-size: 200px auto; }
#header_area_001 { position: relative; width: 1000px; margin: 0 auto; z-index: 10; }
#header_tit_001 { width: 250px; height: auto; position: absolute ; top:-30px; left: 0; right: 0; margin: auto; }
#header_001 .header_nav_001 { display: block; font-size: 14px; font-weight: 600; padding: 70px 0 0; }
#header_001 .header_nav_001.left_001{ float: left;}
#header_001 .header_nav_001.right_001{ float: right;}
#header_001 .header_nav_001 ul{ margin: auto;}
#header_001 .header_nav_001 ul li { float: left; position: relative;width: 190px; text-align: center; }
#header_001 .header_nav_001 ul li.icon_001 a p {padding: 0 6px 2px;}
#header_001 .header_nav_001 ul li.icon_001 a { background: url("images/icon_nav_001.png") no-repeat top center;background-size: 75px auto;}
#header_001 .header_nav_001 ul li.icon_002 a { background: url("images/icon_nav_002.png") no-repeat top center;background-size: 75px auto;}
#header_001 .header_nav_001 ul li.icon_003 a { background: url("images/icon_nav_003.png") no-repeat top center;background-size: 75px auto;}
#header_001 .header_nav_001 ul li.icon_004 a { background: url("images/icon_nav_004.png") no-repeat top center;background-size: 75px auto;}
.hekisoba #header_001 .header_nav_001 ul li.icon_001 a,
#header_001 .header_nav_001 ul li.icon_001 a:hover { background: url("images/icon_nav_021.png") no-repeat top center;background-size: 75px auto;}
.category-event #header_001 .header_nav_001 ul li.icon_002 a,
#header_001 .header_nav_001 ul li.icon_002 a:hover { background: url("images/icon_nav_022.png") no-repeat top center;background-size: 75px auto;}
.category-shop #header_001 .header_nav_001 ul li.icon_003 a,
#header_001 .header_nav_001 ul li.icon_003 a:hover { background: url("images/icon_nav_023.png") no-repeat top center;background-size: 75px auto;}
.support #header_001 .header_nav_001 ul li.icon_004 a,
#header_001 .header_nav_001 ul li.icon_004 a:hover { background: url("images/icon_nav_024.png") no-repeat top center;background-size: 75px auto;}
#header_001 .header_nav_001 ul li a { display: block; cursor: pointer; padding: 75px 0 0; color: #333; font-weight: 300; }
#header_001 .header_nav_001 ul li a p{ display: inline-block; padding: 0 6px 2px;-moz-transition:0.3s linear;-webkit-transition:0.3s linear;-o-transition:0.3s linear;-ms-transition:0.3s linear;}
.hekisoba #header_001 .header_nav_001 ul li.icon_001 a p,
.category-event #header_001 .header_nav_001 ul li.icon_002 a p,
.category-shop #header_001 .header_nav_001 ul li.icon_003 a p,
.support #header_001 .header_nav_001 ul li.icon_004 a p,
#header_001 .header_nav_001 ul li a:hover p,
#header_001 .header_nav_001 ul li a.active p { background: #009d46; border-radius: 20px; color: #fff;}
#header_001 #header_nav_001 ul li > a.dropdown_toggle { position: relative; }
#header_001 #header_nav_001 ul li ul.dropdown_menu { visibility: hidden; opacity: 0; }
#header_001 #header_nav_001 ul li ul.dropdown_menu { position: absolute; top: 20px; width: 200%; background: #fff; -webkit-transition: all .2s ease; transition: all .2s ease; }
#header_001 #header_nav_001 ul li:hover ul.dropdown_menu { top: 80px; visibility: visible; opacity: 1; }
#header_001 #header_nav_001 ul li ul.dropdown_menu li { display: block; width: 100%; border-top: #ccc dashed 1px; }
#header_001 #header_nav_001 ul li:hover ul.dropdown_menu li a { color: #1a1a1a; box-sizing: border-box; }
#header_001 #header_nav_001 ul li:hover ul.dropdown_menu li a:hover { color: #e47f5a; }
#header_001 #header_menu { display: none; }
#header_fixed_box.fixed{background: #241302;}
#header_001 #header_fixed_box.fixed .header_nav_001 {padding: 10px 0;}
#header_fixed_box.fixed #header_tit_001 {width: 80px;top: 6px;}
#header_001 #header_fixed_box.fixed .header_nav_001 ul li a { color: #fff; padding: 36px 0 0;}
#header_001 #header_fixed_box.fixed .header_nav_001 ul li{ width: 220px}
#header_001 #header_fixed_box.fixed .header_nav_001 ul li.icon_001 a { background: url("images/icon_nav_011.png") no-repeat top center;background-size: 40px auto;}
.hekisoba #header_001 #header_fixed_box.fixed .header_nav_001 ul li.icon_001 a { background: url("images/icon_nav_021.png") no-repeat top center;background-size: 40px auto;}
#header_001 #header_fixed_box.fixed .header_nav_001 ul li.icon_002 a { background: url("images/icon_nav_012.png") no-repeat top center;background-size: 40px auto;}
.category-event #header_001 #header_fixed_box.fixed .header_nav_001 ul li.icon_002 a{ background: url("images/icon_nav_022.png") no-repeat top center;background-size: 40px auto;}
#header_001 #header_fixed_box.fixed .header_nav_001 ul li.icon_003 a { background: url("images/icon_nav_013.png") no-repeat top center;background-size: 40px auto;}
.category-shop #header_001 #header_fixed_box.fixed .header_nav_001 ul li.icon_003 a{ background: url("images/icon_nav_023.png") no-repeat top center;background-size: 40px auto;}
#header_001 #header_fixed_box.fixed .header_nav_001 ul li.icon_004 a { background: url("images/icon_nav_014.png") no-repeat top center;background-size: 40px auto;}
.support #header_001 #header_fixed_box.fixed .header_nav_001 ul li.icon_004 a { background: url("images/icon_nav_024.png") no-repeat top center;background-size: 40px auto;}
#header_search {
	position: absolute;
	top: 22px;
	left: 0;
	letter-spacing: -.4em;
}
#header_search #search_input_txt {
	padding:0 6px 2px;
	border:#eee solid 1px;
	width:215px;
	height: 34px;
	font-size: 14px;
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
}
#search_submit {
	background:#dfdfdf;
	border:none;
	width:48px;
	height: 32px;
	cursor: pointer;
	font-size:14px;
	border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	box-shadow:0 2px 0 rgba(0,0,0,0.4);
	margin:-2px 0 0;
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
}
#search_submit:hover {
	box-shadow:0 0 0 rgba(0,0,0,0);
	margin:2px 0 -2px;
}
.site-header {
    padding-top: 80px;
}
.home.page:not(.page-template-template-homepage) .site-header {
    margin-bottom: 0 !important;
}
#sub #header_sub_001{
	background: url("images/bg_main_001.jpg") no-repeat 50% 50%;
	background-size: cover;
	padding: 60px 0 0;
}
#sub #header_001 {
	margin-top: 0;
}

@media screen and (min-width: 1024px) {
.fadeOutUp{-webkit-animation-name:fadeOutUp2 !important;animation-name:fadeOutUp2 !important;}
}

@media screen and (max-width: 1024px) {
#header_001 .header_nav_001{ float:left;width: 40%; }
#header_area_001 {
    width: 100%;
}
#header_001 .header_nav_001 ul li {
    width: 50%;
}

}

@media screen and (max-width: 100px) {
#header_area_001 { width: 94%; margin: auto; }
#header_001 #header_fixed_box { width: 100%; }
#header_001 #header_tit_001 { position: absolute; top: 0; left: 0; right: 0; width: 200px; float: none; margin: auto; }

#header_001 #header_menu { display: block;
    width: 26px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
    z-index: 9999; }
#header_001 #header_menu a,
#header_001 #header_menu a span { display: inline-block; transition: all .6s; box-sizing: border-box; }
#header_001 #header_menu a { cursor: pointer; position: relative; width: 26px; height: 24px; }
#header_001 #header_menu a.active { position: fixed; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
#header_001 #header_menu a span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #1a1a1a; border-radius: 2px; }
#header_001 #header_menu a span:nth-of-type(1) { top: 0; }
#header_001 #header_menu a span:nth-of-type(2) { top: 11px; }
#header_001 #header_menu a span:nth-of-type(3) { bottom: 0; }
#header_001 #header_menu a.active span:nth-of-type(1) { -webkit-transform: translateY(11px) rotate(-45deg); transform: translateY(11px) rotate(-45deg); }
#header_001 #header_menu a.active span:nth-of-type(2) { opacity: 0; }
#header_menu a.active span:nth-of-type(3) { -webkit-transform: translateY(-11px) rotate(45deg); transform: translateY(-11px) rotate(45deg); }
#header_001 #header_nav_001.open { display: block !important; visibility: visible; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); zoom: 1; z-index: 9998; }
#header_001 #header_nav_001 { display: none !important; position: fixed; display: table; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(228,127,90,.9); visibility: hidden; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); overflow-y: scroll; }
#header_001 #header_nav_001 ul { width: 94%; margin: auto; overflow: scroll; padding: 100px 0; }
#header_001 #header_nav_001 ul li { float: none; margin: 0 auto 8px; }
#header_001 #header_nav_001 ul li a { display: block; position: relative; width: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 8px 0; float: none; text-align: center; color: #1a1a1a; background: #fff; border: #fff solid 1px; line-height: 36px; box-sizing: border-box; }
#header_001 #header_nav_001 ul li a:before { font-family: 'Font Awesome 5 Free';content:"\f054"; position: absolute; top: 8px; right: 10px; }
#header_001 #header_nav_001 ul li.close_nav { background: rgba(228,127,90,1); color: #fff; border: #fff solid 1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 8px 0; float: none; text-align: center; }
#header_001 #header_nav_001 ul li ul.dropdown_menu { visibility: visible; opacity: 1; position: relative; top: 0; width: 100%; background: #fff; padding: 0; border-radius: 0 0 3px 3px; }
#header_001 #header_nav_001 ul li:hover ul.dropdown_menu { top: 0; }
#header_001 #header_nav_001 ul ul.dropdown_menu li { margin: 0; }
#header_001 #header_nav_001 ul li > a.dropdown_toggle:first-child { border-radius: 3px 3px 0 0; }
#header_search #search_input_txt {
	width:160px;
}

}

@media screen and (max-width: 1024px) {
#header_001 #header_fixed_box.fixed .header_nav_001 {
    font-size: 11px;
}
#header_001 #header_fixed_box.fixed .header_nav_001 ul li {
    width: 50%;
}
}

@media screen and (max-width: 768px) {
#header_001 #header_menu { right: 10px; }
#header_001 .header_nav_001 ul li a {
    padding: 8vw 0 0 !important;
    background-size: 8vw auto !important;
	font-size: 10px;
}
#header_001 #header_tit_001 {
    width: 27vw;
	top: 0;
}
#header_001{
    height: 25vw;
	padding-bottom: 10px;
}
#header_001 #header_fixed_box.fixed  .header_nav_001 ul li a {
    padding: 38px 0 0 !important;
    background-size: 40px auto !important;
}
#header_001 .header_nav_001 .txt_none{display: none;}
}

@media screen and (max-width: 550px) {
#header_001{
    height: 27vw;
}
}

@media screen and (max-width: 480px) {
#header_001 .header_nav_001 {
    width: 50%;
}
#header_001 {
    background: url(images/bg_nav_011.png) repeat-x top center;
    background-size: 150px auto;
	margin-top: -75px;
	height: 120px;
}
#header_001 .header_nav_001 {
    padding: 55px 0 0;
}
#header_001 #header_tit_001 {
    width: 45vw;
	top: -26vw;
}
#header_fixed_box.fixed #header_tit_001{
	display: none;
}
#header_001 .header_nav_001 ul li.icon_001{
	letter-spacing: -0.15em;
}
#sub #header_sub_001 {
    background: url(images/bg_main_001.jpg) no-repeat 50% 50%;
    background-size: 120% auto;
    padding: 105px 0 0;
}

}
@media screen and (max-width: 413px) {
#header_001 {
    margin-top: -65px;
}
}
@media screen and (max-width: 374px) {
#header_001 {
    margin-top: -55px;
}
}


/********************************************************
 human_comment_001
********************************************************/
#human_comment_001{
	position: absolute;
	top: 520px;
	right: 100px;
	z-index: 999;
}
#human_comment_001 ol{
	overflow: hidden;
}
#human_comment_001 ol li{
	float: left;
	width: 150px;
}
#human_comment_001 ol li.ani_main_03 a{
	display: block;
	animation: ani_main_03 2s ease-in-out infinite;
}
#human_comment_001 ol li.ani_main_04 a{
	display: block;
	animation: ani_main_04 2s ease-in-out infinite;
}
#human_comment_001 ol li.ani_main_03 a:hover,
#human_comment_001 ol li.ani_main_04 a:hover{
	animation: none;
	transform:translateY( -8px);
}
@keyframes ani_main_01 {
0% { transform:translateY(  0px); }
12.5% { transform:translateY( -8px); }
25% { transform:translateY(  0px); }
100% { transform:translateY(  0px); }
}
@keyframes ani_main_02 {
0% { transform:translateY(  0px); }
25% { transform:translateY(  0px); }
37.5% { transform:translateY( -8px); }
50% { transform:translateY(  0px); }
100% { transform:translateY(  0px); }
}
@keyframes ani_main_03 {
0% { transform:translateY(  0px); }
50% { transform:translateY(  0px); }
62.5% { transform:translateY( -8px); }
75% { transform:translateY(  0px); }
100% { transform:translateY(  0px); }
}
@keyframes ani_main_04 {
0% { transform:translateY(  0px); }
75% { transform:translateY(  0px); }
87.5% { transform:translateY(-8px); }
100% { transform:translateY(  0px); }
}
.lity{
	z-index: 9999 !important;
}
.popup{
	width: 480px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	margin: auto;
	padding: 20px;
	background: url("images/bg_content_001.png") 50% 50% repeat;
	background-size: 50% auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.popup .tit{
	font-size: 24px;
	margin: 0 0 20px;
}
.popup p{
	margin: 0 0 10px;
}
#negita .popup .name{
	text-align: right;
	font-weight: bold;
	background: url(images/img_negita_002.png) no-repeat bottom right;
	background-size: 100px auto;
	padding: 70px 110px 0 0;
}
#oomura .popup .name{
	text-align: right;
	font-weight: bold;
	background: url(images/img_oomura_001.png) no-repeat bottom right;
	background-size: 100px auto;
	padding: 70px 110px 0 0;
}
@media screen and (max-width: 1024px) {
#human_comment_001{
	position: absolute;
	top: 540px;
	right: 10px;
	z-index: 999;
}
#human_comment_001 ol li{
	float: left;
	width: 120px;
}
}
@media screen and (max-width: 768px) {
#human_comment_001{
	width: 100%;
	right: 0px;
}
#human_comment_001 ol li:last-child {
	float: right;
}
.popup{
	width: 90%;
}
.lity-container{
    overflow-y: scroll;
    padding: 20px 0;
}

}
@media screen and (max-width: 480px) {
#human_comment_001 ol li {
    width: 26vw;
}
#human_comment_001 {
    top: 555px;
}
}
@media screen and (max-width: 413px) {
#human_comment_001 {
    top: 500px;
}
}
@media screen and (max-width: 374px) {
#human_comment_001 {
    top: 445px;
}
}




/********************************************************
 wrap_001
********************************************************/
.wrap_001{
	background: url("images/bg_content_001.png") 50% 50% repeat;
	padding: 0 0 100px;
}

/********************************************************
 top_area_001
********************************************************/
.top_event_area{
	margin: 0 0 15px;
}
.top_event_area .box{
	overflow: hidden;
	border-radius: 10px;
	margin: 0 0 15px;
	padding: 8px 0 0;
}
.top_event_area .box a{
	display: block;
	color: #333;
	background: #fff;
	border:#333 solid 8px;
	border-radius: 10px;
	padding: 15px;
	margin: -8px 0 8px; 
	box-shadow: 0 8px 0 rgba(0,0,0,.3);
	position: relative;
}
.top_event_area .box a:hover{
	margin: 0;
}
.top_event_area .box .img{
	width: 275px;
	float: left;
	position: relative;
}
.top_event_area .box .img img{
	width: 100%;
	height: auto;
}
.top_event_area .box .img .cat{
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background: #e8881d;
	padding: 6px 10px;
	line-height: 1;
	display: inline-block;
}
.top_event_area .box .txt{
	margin: 0 0 0 295px;
}
.top_event_area .box .txt .data{
	font-size: 56px;
	display: inline-block;
	line-height: 1;
}
.top_event_area .box .txt .data span{
	font-size: 30px;
}
.top_event_area .box .txt .tit{
	font-size: 56px;
	line-height: 1.2;
}
.top_event_area .box .txt .des{
	width: 450px;
}
.top_event_area .box .txt .btn{
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #fff;
	background: #333;
	padding: 6px 38px 6px 16px;
	border-radius: 5px;
}
.top_event_area .box a:hover .txt .btn{
	background: #009d46;
}
.top_event_area .box .txt .btn:before{
	content: " ";
	background: url("images/icon_arrow_002.png") no-repeat 50% 50%;
	background-size: 20px auto; 
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 10px;
	right: 15px;
	animation: ani_x_01 1s ease-in-out infinite;
}
@keyframes ani_x_01 {
0% { transform:translateX( 0px); }
50% { transform:translateX( 5px); }
100% { transform:translateX( 0px); }
}

@media screen and (max-width: 1024px) {
.top_event_area .box .txt .btn{
	position: relative;
    bottom: 0;
    right: 0;
    float: right;
}
.top_event_area .box .txt .data {
    font-size: 34px;
}
.top_event_area .box .txt .data span {
    font-size: 22px;
}
.top_event_area .box .txt .des{
	width: 100%;
	margin: 0 0 10px;
}

}
@media screen and (max-width: 768px) {
.top_event_area .box .img {
    width: 100%;
    float: none;
    margin: 0 auto 20px;
}
.top_event_area .box .txt {
    margin: 0;
}
}
@media screen and (max-width: 480px) {
.top_event_area .box .txt .data {
    font-size: 24px;
}
.top_event_area .box .txt .data span {
    font-size: 18px;
}
.top_event_area .box .txt .tit {
    font-size: 26px;
	line-height: 1.4;
}
}


/********************************************************
 top_area_002
********************************************************/
#top_area_002 .tit{
	color: #333;
	font-size: 60px;
	transform: scale(1,1.5);
	margin: 0 0 20px;
	text-align: center;
}
#top_area_002 .tit span{
	font-size: 30px;
}
#top_area_002 .btn_area{
	overflow: hidden;
	margin: 0 0 15px;
}
#top_area_002 .btn_area .box{
	float: left;
	width: 49.5%;
	margin: 8px 1% 10px 0;
	position: relative;
	border-radius: 10px;
}
#top_area_002 .btn_area .box a{
	display: block;
	position: relative;
	border-radius: 10px;
	margin: -8px 0 8px;
	box-shadow: 0 8px 0 rgba(0,0,0,.3);
}
#top_area_002 .btn_area .box a:hover{
	margin: 0;
	box-shadow: 0 0;
}
#top_area_002 .btn_area .box img{
	border-radius: 10px;
	margin-bottom: 0;
}
#top_area_002 .btn_area .box:nth-child(2n){
	float: left;
	margin: 8px 0 10px;
}
#top_area_002 .btn_area .box .btn{
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	width: 60px;
	height: 60px;
	border-radius:0 0 10px 0;
}
#top_area_002 .btn_area .box .btn:before{
	content: " ";
	background: url("images/icon_arrow_001.png") no-repeat 50% 50%;
	background-size: 30px auto; 
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
#top_area_002 .btn_area .box:nth-child(1) .btn:before{
	animation: ani_x_02 2s ease-in-out infinite;
}
#top_area_002 .btn_area .box:nth-child(2) .btn:before{
	animation: ani_x_03 2s ease-in-out infinite;
}
#top_area_002 .btn_area .box:nth-child(3) .btn:before{
	animation: ani_x_04 2s ease-in-out infinite;
}
#top_area_002 .btn_area .box:nth-child(4) .btn:before{
	animation: ani_x_05 2s ease-in-out infinite;
}
@keyframes ani_x_02 {
0% { transform:translateX(  0px); }
12.5% { transform:translateX( 5px); }
25% { transform:translateX(  0px); }
100% { transform:translateX(  0px); }
}
@keyframes ani_x_03 {
0% { transform:translateX(  0px); }
25% { transform:translateX(  0px); }
37.5% { transform:translateX( 5px); }
50% { transform:translateX(  0px); }
100% { transform:translateX(  0px); }
}
@keyframes ani_x_04 {
0% { transform:translateX(  0px); }
50% { transform:translateX(  0px); }
62.5% { transform:translateX( 5px); }
75% { transform:translateX(  0px); }
100% { transform:translateX(  0px); }
}
@keyframes ani_x_05 {
0% { transform:translateX(  0px); }
75% { transform:translateX(  0px); }
87.5% { transform:translateX(5px); }
100% { transform:translateX(  0px); }
}

@media screen and (max-width: 1024px) {
#top_area_002 .tit {
    font-size: 5.5vw;
    padding: 20px 0;
	line-height: 1;
}
}
@media screen and (max-width: 768px) {
#top_area_002 .tit {
    font-size: 10vw;
    padding: 40px 0;
}
}
@media screen and (max-width: 480px) {
#top_area_002 .tit {
    font-size: 9.5vw;
    padding: 20px 0;
}
#top_area_002 .btn_area .box,
#top_area_002 .btn_area .box:nth-child(2n){
    float: none;
    width: 100%;
    margin: 8px 0 15px;
}

}


/********************************************************
 top_area_003
********************************************************/
#top_area_003 .tit{
	color: #333;
	font-size: 60px;
	transform: scale(1,1.5);
	margin: 0 0 20px;
	text-align: center;
}

.loop_area {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    overflow: hidden;
	margin-bottom: 20px;
}
.loop_area ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .loop_area li {
    display: inline-block;
    width: 1000px;
    margin: 0 25px 0 0;
    list-style: none;
    text-align: center;
  }

  .loop_area li a {
    display: block;
	font-size: 14px;
	color: #333;
  }

  .loop_area li img {
    display: block;
    width: 100%;
    height: auto;
	border: #333 solid 6px;
	border-radius: 10px;
  }

  .loop_area li a:hover {
    opacity: .7;
  }

  .loop_area ul:first-child {
    -webkit-animation: loop 100s -50s linear infinite;
    animation: loop 100s -50s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .loop_area ul + ul {
    -webkit-animation: loop2 100s  linear infinite;
    animation: loop2 100s linear infinite;
  }

  .loop_area:hover ul {
    animation-play-state: paused;
  }

@-webkit-keyframes loop{
0%{
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
@keyframes loop {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes loop2 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

  @keyframes loop2 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }
#top_area_003 .btn{
	margin: 8px 0 20px;
}
#top_area_003 .btn a{
	display: block;
	color: #fff;
	background: #333;
	text-align: center;
	padding: 15px 20px;
	border-radius: 5px;
	font-size: 30px;
	box-shadow: 0 8px 0 rgba(0,0,0,.3);
	margin: -8px 0 8px;
	position: relative;
}
#top_area_003 .btn a:hover{
	background: #009d46;
	box-shadow: 0 0;
	margin: 0;
}
#top_area_003 .btn a:before{
	content: " ";
	background: url("images/icon_arrow_002.png") no-repeat 50% 50%;
	background-size: 30px auto; 
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	right: 30px;
	animation: ani_x_01 1s ease-in-out infinite;
}
@media screen and (max-width: 1024px) {
#top_area_003 .tit{
	font-size: 6vw;
}

}
@media screen and (max-width: 768px) {
#top_area_003 .tit {
    font-size: 7vw;
    line-height: 1;
    margin: 0 0 30px;
}
.loop_area ul{
	width: 200%;
}
#top_area_003 .btn a{
	font-size: 4vw;
}
}
@media screen and (max-width: 480px) {
.loop_area ul{
	width: 250%;
}
#top_area_003 .btn a:before{
	right: 15px;
}
}




/********************************************************
 hekinan_001
********************************************************/
#hekinan_001{position: relative;margin-top: -50px;padding-top: 50px; width: 100%; height: auto; z-index: 999; background: url("images/bg_under_011.png") repeat-x top center; background-size: 200px auto;}
#hekinan_area_001{background: url("images/bg_content_002.png") repeat top center;}
#hekinan_001 .inner_001{overflow:visible;}
#hekinan_001 .map_001{ float: left; width: 333px; margin-top: -95px;}
#hekinan_001 .map_001 .tit{text-align: center; color: #333; font-size:65px; line-height: 1;}
#hekinan_001 .map_001 .tit span{font-size:25px; letter-spacing: 0.2em;}
#hekinan_001 .txt_001{ float: left; width: 395px;height: 280px; font-size: 25px; line-height: 1.4; margin: 30px 0 0; -webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
#hekinan_001 .img_001{ float: right; width: 240px; margin-top: -45px;}
#hekinan_001 .img_001 .tit{text-align: center; color: #333; font-size:44px; line-height: 1;}
#hekinan_001 .img_001 .tit span{font-size:22px;}

@media screen and (max-width: 1024px) {
#hekinan_001 .txt_001 {
    width: 41vw;
}
#hekinan_001 .map_001 {
    width: 29vw;
}
#hekinan_001 .img_001 {
    width: 20vw;
}
#hekinan_001 .txt_001 {
    font-size: 2.5vw;
    height: 26vw;
}
#hekinan_001 .img_001 .tit {
    font-size: 3.7vw;
}
#hekinan_001 .img_001 .tit span {
    font-size: 1.8vw;
}

}

@media screen and (max-width: 768px) {
#hekinan_001{
	height: auto;
}
#hekinan_area_001{
	padding: 10px 0 0;
}
#hekinan_001 .map_001{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px;
	float: none;
}
#hekinan_001 .txt_001 {
	float: none;
    width: 100%;
	webkit-writing-mode: rl-tb;-ms-writing-mode: rl-tb;writing-mode: rl-tb;
}
#hekinan_001 .txt_001 {
    font-size: 18px;
    height: auto;
	margin: 0 0 20px;
}
#hekinan_001 .img_001{
    width: 50%;
    margin: 0 auto 40px;
	float: none;
}
#hekinan_001 .img_001 .tit{font-size:44px;}
#hekinan_001 .img_001 .tit span{font-size:22px;}


}

@media screen and (max-width: 480px) {
#hekinan_001 {
    background: url(images/bg_under_011.png) repeat-x top center;
    background-size: 50px auto;
}
#hekinan_area_001 {
    background: url(images/bg_content_002.png) repeat top center;
    background-size: 200px auto;
}
#hekinan_001 .map_001,
#hekinan_001 .img_001 {
    width: 80%;
}
}

/********************************************************
 footer
********************************************************/
#footer {clear: both;}
#footer .footer_area{background: #241302; padding: 30px 0;}
#footer .footer_area .logo{ 
	width: 240px;margin: 0 auto 30px;
}
#footer .footer_area .box{
	text-align: center;
}
#footer .footer_area .box ul{
	letter-spacing: -.4em;
}
#footer .footer_area .box ul li{
	display: inline-block;
	letter-spacing: normal;
	width: 200px;
	font-size: 14px;
	line-height: 1.3;
	border-left: #ccc solid 1px;
}
#footer .footer_area .box ul li:last-child{
	border-right: #ccc solid 1px;
}
#footer .footer_area .box ul li a{
	display: block;
	color: #fff;
	padding: 20px 0;
}
#footer .footer_area .box ul li a:hover{ color: #241302; background: #fff;}
#footer .footer_area .box ul li .fab{font-size:30px; margin: 0 0 10px;}
#footer .footer_nav{text-align: center; padding: 30px 0;}
#footer .footer_nav ul { letter-spacing: -.4em;}
#footer .footer_nav ul li{ display: inline-block; letter-spacing: normal;}
#footer .footer_nav ul li a{ display: block; color: #241302; background: #fff; border: #fff solid 1px; padding: 6px 15px; margin: 0 3px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#footer .footer_nav ul li a:hover{ color: #fff; background: #241302;}
#footer .footer_nav ul li a:before{content:"\f105";font-weight: 900;font-family:"Font Awesome 5 Free";margin: 0 5px 0 0;}


#footer .footer_btn .btn{
	margin: 8px 0 20px;
}
#footer .footer_btn .btn a{
	display: block;
	color: #fff;
	background: #009d46;
	text-align: center;
	padding: 15px 20px;
	border-radius: 5px;
	font-size: 30px;
	box-shadow: 0 8px 0 rgba(0,0,0,.3);
	margin: -8px 0 8px;
	position: relative;
}
#footer .footer_btn .btn a:hover{
	background: #333;
	box-shadow: 0 0;
	margin: 0;
}
#footer .footer_btn .btn a:before{
	content: " ";
	background: url("images/icon_arrow_002.png") no-repeat 50% 50%;
	background-size: 30px auto; 
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	right: 30px;
	animation: ani_x_01 1s ease-in-out infinite;
}
#footer .footer_address{
	text-align: center;
	padding: 30px 0;
}

@media screen and (max-width: 1024px) {
#footer .footer_area .box ul li{
	width: 30%;
}

}
@media screen and (max-width: 768px) {
#footer .footer_btn .btn a{
	font-size: 5vw;
}
}
@media screen and (max-width: 480px) {
#footer .footer_area .box ul li{
	font-size: 12px;
}
#footer .footer_nav {
    padding: 0 0 30px;
}
#footer .footer_nav ul li{
	width: 50%;
	font-size: 13px;
}
#footer .footer_nav .inner_001{
	width: 100%;
}
#footer .footer_nav ul li a {
    display: block;
    color: #241302;
    background: #fff;
    border-right: #241302 solid 1px;
    border-bottom: #241302 solid 1px;
	padding: 15px 5px;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	box-sizing: border-box;
}
#footer .footer_nav ul li:nth-child(2n) a {
    border-right: none;
}
#footer .footer_nav ul li:last-child a {
    border-right: none;
}
#footer .footer_address {
    padding: 10px 0 100px;
	font-size: 2vw;
}
#footer .footer_btn .btn a:before{
	right: 15px;
}

}
@media screen and (max-width: 374px) {
#footer .footer_area .box ul li{
	font-size: 10px;
}
#footer .footer_nav ul li:nth-child(2) a {
	letter-spacing: -0.15em;
}

}


/********************************************************
 breadcrumb_area_001
********************************************************/
#breadcrumb_area_001 { padding: 5px 10px; width: 100%; font-size: 12px; overflow: hidden; color: #333;}
#breadcrumb_area_001 ul { display: -ms-flexbox; display: -webkit-flex; display: flex; overflow-x: scroll; }
#breadcrumb_area_001 ul li { display: block; white-space: nowrap; }
#breadcrumb_area_001 li { float: left; }
#breadcrumb_area_001 li a { display: block; padding: 0 3px 0 0; margin: 0; text-decoration: none; color: #333; }
#breadcrumb_area_001 li a span { position: relative; z-index: 9999; }
#breadcrumb_area_001 li a:hover { text-decoration: underline; }
#breadcrumb_area_001 li a:after { content: ">"; margin: 0 3px 0 8px; }


/********************************************************
 site_column_002
********************************************************/
.site_column_002{
    width: calc(100% - 320px);
    float: left;
    margin-right: 0;
}
.side_column_002 {
    width: 300px;
    float: right;
    margin-right: 0;
}

@media screen and (max-width: 960px) {
.site_column_002,
.side_column_002{
    width: 100%;
    float: none;
    margin-right: 0;
}
}


/********************************************************
 post_area
********************************************************/
.post_area,
#kanren_area,
.support_area{
	box-sizing: border-box;
    background: #fff;
    border: #333 solid 8px;
    border-radius: 10px;
    padding: 15px;
	margin: 0 0 28px;
    box-shadow: 0 8px 0 rgba(0,0,0,.3);
    position: relative;
}

/********************************************************
 editor
********************************************************/
h1.entry-title,h1.product_title,.page-title{
	font-size: 30px;
}
.post_area{
	width:100%;
}
.post_content{
	overflow:hidden;
	margin:0 0 20px;
}
.post_content .tit {
    font-size: 30px;
    line-height: 1.3;
    font-weight: normal;
    border-bottom: #333 solid 3px;
    margin: 0;
    padding: 0 0 6px;
}
.post_area .tit a{
	color:#333;
	text-decoration:none;
	-moz-transition:0.3s linear;
	-webkit-transition:0.3s linear;
 	-o-transition:0.3s linear;
 	-ms-transition:0.3s linear;
}
.post_area .tit a:hover{
	color:#777;
}
.post_box{
	background:#f7f7f7;
	padding:3px 10px;
	overflow:hidden;
}
.post_cat{
	float:right;
	font-size:0.8em;
	margin:3px 0 0 20px;
}
.post_data{
	font-size:0.8em;
	float:right;
	margin:3px 0 0;	
}
.post_data ul{
    overflow: hidden;
	margin: 0;
}
.post_txt p{
	margin:0 0 60px;
}
.post_txt img{
	margin-bottom:20px;
}
.post_txt{
	overflow:hidden;
	padding:0;
	margin:0 0 80px;
}
.post_txt a{
	color:#03f;
}
.post_area .box_001{
	margin: 0 0 60px;
}
.post_txt a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-moz-transition:0.3s linear;
	-webkit-transition:0.3s linear;
 	-o-transition:0.3s linear;
 	-ms-transition:0.3s linear;
}
.post_txt a.more-link{
	display:block;
	border:#ccc solid 1px;
	float:right;
	padding:10px 20px;
	font-size:0.8em;
	text-decoration:none;
	color:#111;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.post_txt a.more-link:hover{
	background:#ccc;
	color:#fff;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-moz-transition:0s linear;
	-webkit-transition:0s linear;
 	-o-transition:0s linear;
 	-ms-transition:0s linear;
}
.post_area.archive a{
    text-decoration: none;
	display: block;
}
.post_area.archive{
	margin: -8px 0 36px;
}
.post_area.archive:hover{
	margin: 0 0 28px;
	box-shadow:none;
}

.post_area.archive .post_box{
    width: 240px;
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
    position: relative;
}
.post_area.archive .post_box img{
	display: block;
    width: 240px;
    height: 180px;
    object-fit: cover;
	transition: all 0.3s linear;
}
.post_area.archive a:hover .post_box img{
	-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 9999;
    transition: all 0.6s linear;
}
.post_area.archive .post_cat{
	display:inline-block;
    background: #333;
    padding: 6px 8px;
    margin: 0;
    line-height: 1;
    color: #fff;
    font-size: 0.8em;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}
.post_area.archive .post_txt{
    margin: 0 0 0 240px;
    color: #111;
}
.post_area.archive .title{
    font-size: 28px;
    line-height: 1.2;
    padding: 0 0 7px;
    margin: 0 0 3px;
    border-bottom: #ccc solid 1px;
}
.post_area.archive .post_data{
    margin: 0 0 5px;
    color: #777;
}
.post_area.archive .post_txt p{
    clear: both;
    color: #777;
    font-size: 0.8em;
    margin: 0 0 15px;
}
.post_area.archive .more-link{
	display:block;
	border:#333 solid 1px;
	float:right;
	padding:8px 20px;
	font-size:0.7em;
	text-decoration:none;
    color: #fff;
	background: #333;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-transition:0.3s linear;
	-webkit-transition:0.3s linear;
 	-o-transition:0.3s linear;
 	-ms-transition:0.3s linear;
}
.post_area.archive a:hover .more-link{
	border:#009d46 solid 1px;
	background:#009d46;
}
.hentry .entry-header {
    margin-bottom: 10px;
}

@media only screen and (max-width:768px){
.post_area.archive .post_box{
    width: 180px;
    margin: 0 15px 0 0;
    float: left;
    position: relative;
}
.post_area.archive .post_txt{
    margin: 0 0 0 200px;
    color: #111;
}
}

@media only screen and (max-width:480px){
.post_area.archive .post_box {
    width: 100%;
    margin: 0 0 15px;
    float: none;
}
.post_area.archive .post_txt {
    margin: 0;
}
.post_area.archive .post_box img {
    width: 100%;
    height: auto;
}
.post_area .entry-header h1{
	font-size: 30px;
}
.footer_navi ul li{
	width: 50%;
	margin: 0;
	padding: 10px 5px;
}

}


/********************************************************
 sub_main_001
********************************************************/
#sub_main_001{
	text-align: center;
	margin: 20px 0 30px;
}
#sub_main_001 .tit{
	font-size: 40px;
	line-height: 1.3;
	margin: 0 0 10px;
}
#sub_main_001 .txt{
	margin: auto;
	padding: 15px;
	background: rgba(255,255,255,.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/********************************************************
 entry
********************************************************/
.entry-post{
	color: #333;
}
.entry-post table {
	border-collapse:  collapse; 
}
.entry-post table th {
    background-color: #f8f8f8;
	border: #ccc solid 1px;
	padding: 10px;
}
.entry-post table td {
    background-color: #fff;
	border: #ccc solid 1px;
	padding: 10px;
}
.entry-post .post_data ul li{
    float: left;
    margin: 0 0 0 20px;
	list-style: none !important;
	color: #777;
}
.entry-post{ clear: both;overflow:hidden;padding:0;margin:0 0 20px;}
.entry-post p{ margin-bottom:36px; }
.entry-post img{ margin-bottom:36px; }
.entry-post .post_area.archive .post_box img{ margin-bottom:0; }
.entry-post h2{ color:#333;font-size:22px;line-height:1.4;background: #f7f7f7;padding: 15px 20px;border-radius: 5px; margin-bottom: 10px;}
.entry-post h3{  color:#333;font-size:20px;line-height:1.4; padding-left: 16px; border-left:#f6b667 solid 2px; margin-bottom: 10px;}
.entry-post h4{ font-size:20px;padding:0 0 0 15px;border-left:#777 solid 3px; margin-bottom: 10px;}
.entry-post h5,.entry-post h6{font-size:18px;margin:0 0 10px;}
.entry-post ul { margin: 0 0 0 30px;}
.entry-post ul li { list-style:disc !important;}
.entry-post ol { margin: 0 0 0 30px;}
.entry-post ol li{ list-style: decimal !important; }
@media only screen and (max-width:768px){
.entry-post .post_data ul li{
    float: none;
}
}


/********************************************************
 page_area
********************************************************/
.page_area .entry-post .tit_001{
	font-size: 60px;
	text-align: center;
	padding: 0;
	background: none;
}
.page_area .entry-post .tit_001 span{
	font-size: 20px;
}
.page_area .support_area{
	padding: 15px 15px 140px;
	margin: 0 0 80px;
	background: url("images/thankyou.png") no-repeat right bottom #fff;
	background-size: 300px auto;
}
.page_area .support_area ul{
	overflow: hidden;
	margin: 0;
}
.page_area .support_area ul li{
	width: 33.333333%;
	float: left;
	list-style: none !important;
	padding: 5px;
}
.page_area .support_area ul li a{
	color: #333;
}
.page_area .support_area ul li a:hover{
	color: #009d46;
	text-decoration: underline;
}
.page_area .support_area ul li a[target="_blank"]::after{
	font-size: 12px;
}
.page_area .tit_002{
	font-size: 40px;
	text-align: center;
	margin: 40px 0 30px;
	background: none;
}
.page_area .introduce_area{
	margin: 0 0 60px;
}
.page_area .introduce_area .box_001{
	overflow: hidden;
	margin: 0 0 60px;
}
.page_area .introduce_area .box_001 .img{
	float: left;
	width: 360px;
}
.page_area .introduce_area .box_001 .txt{
	margin: 0 0 0 440px;
}
.page_area .entry-post .introduce_area .btn_001 ol{
	margin: 0;
	text-align: center;
	overflow: hidden;
}
.page_area .entry-post .introduce_area .btn_001 ol li{
	width: 32%;
	margin: 0 2% 10px 0; 
	float: left;
	list-style: none !important;
}
.page_area .entry-post .introduce_area .btn_001 ol li:last-child{
	width: 32%;
	margin: 0 0 10px; 
}
.page_area .entry-post .introduce_area .btn_001 ol li a{
	display: block;
	background: #fff;
	color: #333;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.page_area .entry-post .introduce_area .btn_001 ol li a:hover{
	background: #333;
	color: #fff;
}


@media only screen and (max-width:1024px){
.page_area .support_area ul li{
	width: 50%;
}
}
@media only screen and (max-width:768px){
.page_area .introduce_area .box_001 .img{
	float: none;
	width: 100%;
}
.page_area .introduce_area .box_001 .txt{
	margin: 0;
}
.page_area .entry-post .introduce_area .btn_001 ol li,
.page_area .entry-post .introduce_area .btn_001 ol li:last-child{
	width: 100%;
	margin: 0 0 10px; 
	float: none;
}
}

@media only screen and (max-width:480px){
.page_area .support_area ul li{
	width: 100%;
}
.page_area .entry-post .tit_001{
	font-size: 40px;
}
.page_area .entry-post .tit_001 span{
	font-size: 18px;
}

}

@media only screen and (max-width:374px){
.page_area .support_area {
    background: url(images/thankyou.png) no-repeat right bottom #fff;
    background-size: 250px auto;
}
}



/********************************************************
 shop
********************************************************/
.shop_thu_001 img{
	width: 100%;
	height: auto;
}
.shop_table_001{
	width: 100%;
	margin: 0 0 20px;
}
.shop_googlemap_001 {
height: 0;
overflow: hidden;
padding-bottom: 70%;
position: relative;
}
.shop_googlemap_001 iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.category-shop .post_area.archive .title{
	border-bottom:none;
}


/********************************************************
 event
********************************************************/
.event_midashi{
	text-align: center;
	margin: 0 0 10px;
	font-size: 20px;
}
.post_area.archive.event_new .post_cat{
    background: #e8881d;
}
.post_area.archive.event_old{
    border: #777 solid 8px;
}
.post_area.archive.event_old .post_cat{
    background: #777;
}
.post_area.archive.event_old .more-link{
	background: #777;
	border: #777 solid 1px;
}


/********************************************************
 pagenavi
********************************************************/
.wp-pagenavi{
    clear: both;
    overflow: hidden;
	font-size:13px;
	letter-spacing: -.4em;
	text-align: center;
}
.wp-pagenavi .current {
    color: #333;
    display: inline-block;
	letter-spacing: normal;
	margin: 0 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.wp-pagenavi a,
.wp-pagenavi span{
    text-decoration: none;
    padding: 12px 20px;
    display: inline-block;
	letter-spacing: normal;
	margin: 0 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.wp-pagenavi a,
.wp-pagenavi span{
	color:#333;
	border:#eee solid 1px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
    background:#333;
    color: #fff;
}
.wp-pagenavi .previouspostslink:before{
	font-family: 'Font Awesome 5 Free';
	content:"\f104";
	margin:0 8px 0 0;
}
.wp-pagenavi .nextpostslink:after{
	font-family: 'Font Awesome 5 Free';
	content:"\f105";
	margin:0 0 0 8px;
}


/********************************************************
 sns_btn
********************************************************/
#sns_btn_area{
	clear: both;
}
#sns_btn_area h3{
	text-align: center;
	position: relative;
}
#sns_btn_area h3:before{
    content: "＼";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 200px;
    margin: auto;
    width: 34px;
    height: 34px;
    font-size: 24px;
    visibility: visible;
}
#sns_btn_area h3:after{
    content: "／";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 200px;
    right: 0;
    margin: auto;
    width: 34px;
    height: 34px;
    font-size: 24px;
    visibility:visible;
}
#sns_btn ul{
    letter-spacing: -.4em;
	margin: 0;
}
#sns_btn ul li{
    display: inline-block;
    letter-spacing: normal;
    width: 32.666666%;
    margin: 0 1% 10px 0;
    vertical-align: top;
}
#sns_btn ul li:nth-child(3n){
    margin: 0 0 10px;
}
#sns_btn ul li a{
    display: block;
    text-align: center;
    color: #fff;
    padding: 15px 5px;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#sns_btn ul li a span{
    font-size: 11px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
}
#sns_btn ul li a .fab{
    vertical-align: middle;
}
#sns_btn ul li a .sns_btn_count{
    margin: auto;
    font-size: 14px;
    width: 100%;
    height: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
}
#sns_btn ul li.twitter a{
    background: #55acee;
    box-shadow: 0 3px #2795e9;
}
#sns_btn ul li.facebook a{
    background: #3b5998;
    box-shadow: 0 3px #2d4373;
}
#sns_btn ul li.hatebu a{
    background: #2c6ebd;
    box-shadow: 0 3px #225694;
}
#sns_btn ul li.pocket a{
    background: #ee4056;
    box-shadow: 0 3px #e6152f;
}
#sns_btn ul li.line a{
    background: #00c300;
    box-shadow: 0 3px #009d00;
}
#sns_btn ul li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold;
}
.insta_btn2{
  color: #FFF;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  height: 34px;
  width: 160px;
  text-align: center;
  font-size: 13px;
  line-height: 34px;/*高さと合わせる*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden;
  text-decoration:none;
}

.insta_btn2:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{
  font-size: 24px;
  position: relative;
  top: 4px;
}
.insta_btn2 span {
  display:inline-block;
  position: relative;
}


/********************************************************
 fb_btn
********************************************************/
#fb_btn{
	overflow: hidden;
	margin:0 0 20px;
	background:#f7f7f7;
}
#fb_btn .img{
	float:left;
	width:420px;
	height:240px;
	overflow:hidden;
	text-align:center;
	position:relative;
}
#fb_btn .img img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
#fb_btn .txt{
	margin:0 0 0 420px;
	padding:31px 15px 0;
	text-align:center;
}
#fb_btn .txt p.tit{
	color:#333;
	font-size:14px;
	margin:0 0 10px;
}
#fb_btn .txt p{
	color:#777;
	font-size:0.8em;
	margin:10px 0 0;
}
@media screen and (max-width: 1024px) {
#fb_btn{
	width:420px;
	margin:0 auto 10px;
}
#fb_btn .img{
	float:none;
	width:420px;
	height:auto;
}
#fb_btn .img img{
	position: relative;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
#fb_btn .txt{
	margin: 0;
	padding:15px 20px;
}
}
@media screen and (max-width: 480px) {
#fb_btn .img,
#fb_btn {
    width: 100%;
}
}


/********************************************************
 関連記事
********************************************************/
#kanren_area h3{
	background: #f7f7f7;
	padding: 10px 15px;
}
.yarpp-related{
	margin: 0 0 10px;
}
.yarpp-thumbnails-horizontal{
    letter-spacing: -.4em;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    width: 32%;
    margin: 0 1% 15px 0;
    vertical-align: top;
    display: inline-block;
    letter-spacing: normal;
    line-height: 1.3;
}
.yarpp-thumbnail > img,
.yarpp-thumbnail-default {
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    border: #ccc solid 1px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    font-size: 14px !important;
    max-height: 4em;
    margin: 0;
    width: 92%;
    overflow: hidden;
    font-weight: normal !important;
    text-decoration: underline !important;
    color: #03c;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(3n) {
    margin: 0 0 15px;
}
.yarpp-thumbnails-horizontal p{
    letter-spacing: normal;
}

@media screen and (max-width: 480px) {
.yarpp-thumbnails-horizontal .yarpp-thumbnail,
.yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(3n){
    width: 49%;
    margin: 0 2% 15px 0;
    line-height: 1;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(2n) {
    width: 49%;
    margin: 0 0 15px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    font-size: 12px !important;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
    margin: 0 0 3px;
}
}


/********************************************************
 aside
********************************************************/
.widget .widget-title, .widget .widgettitle {
	display: block;
    letter-spacing: 0;
    border: none;
	font-size: 15px;
    padding: 8px 15px;
    margin-bottom: 10px;
    font-weight: 700;
	background: rgba(255,255,255,0.5);
	border-radius: 5px;
}
.widget_categories ul li a{
	color: #333;
}
.widget_categories ul li a:hover{
	color: #777;
}
.widget_categories ul {
	margin: 0 0 20px;
}
.widget_categories ul li::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f105";
	color: #333;
	margin: 0 5px 0 0;
}
.widget_archive ul li, .widget_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li, .widget_links ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_product_categories ul li, .widget_recent_comments ul li, .widget_recent_entries ul li {
    list-style: none;
    margin-bottom: 10px;
    line-height: 1.41575em;
	padding: 0 0 0 15px;
}
.widget_categories ul.children{
	margin-top: 5px;
}

.youtube{position:relative;width:100%;padding-top:56.25%}.youtube iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}