@charset "utf-8";
/* CSS Document */
body{
	background-color: #ffffff;
	color: #3f3f3f;
}
.st0{fill:#FFFFFF;}
#wrap{
}
/*font_color*/
.txt_nomal{
	color: #3f3f3f;
}
.txt_white{
	color:white;
}
.txt_color1{
	color: #818a79;
}
.txt_color2{
	color: #666;
}
.txt_color3{
	color: #3f3f3f; 
}
/*back_color*/
.bg_color1{
	background-color: #818a79;
}
.bg_color2{
	background-color: #f8f3ef;
}
.bg_color3{
	background-color: #3f3f3f;
}
.bg_white{
	background-color: #ffffff;
}
/*border_color*/
.border_color1{
	border-color: #ccc!important;
}
.border_color2{
	border-color: #818a79!important;
}
.border_color3{
	border-color: #3f3f3f!important;
}
.border_color4{
	border-color: #ffffff!important;
}

.pager li.on_page{
	border-color: #818a79!important;
}

/*pager*/
.pager li a{
}
/* cate_list */
.cate_list{
	background-color: #f8f3ef;
}

/*page_top*/
#page-top a{
	background-color: #818a79;
	border-color: #fff;
}

.cate_list ul li a{
	color: #ffffff;
}

/*ページ共通部分*/
#fakeloader{
	background-color: #818a79;
}
header #header{
	background-color: #ffffff;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: #818a79;
}
#page_title::after{
	background-color: #818a79;
}
#info::after,#info::before{
	background-color: #ffffff;
}
/*index.html*/
#main_img #catch{
	border-color: #818a79;
	background-color: rgba(255,255,255,0.8);
}
.swiper-button-prev,.swiper-button-next{
	background-color: rgba(255,255,255,0.5);
	color: #3f3f3f;
}
#menu_box .box a > div{
	background-color: rgba(255,255,255,0.8);
}
#menu_box .box a > div > div::after{
	background-color: #818a79;
}
/*top_cms*/
.page2_cms {
	border-color: #818a79;
}
/*page4.html*/
#page4 .box .box_title1::before,#page4 .box .box_title1::after,.page4_cms .box .box_title1::before,.page4_cms .box .box_title1::after{
	background-color: #3f3f3f;
}
/*page5.html*/
#page5 .cate .box_wrap .box figure{
	background-color: #000;
}
/*page8.html*/
/*page10.html*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 780px){
}
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 700px){
}
