@charset "utf-8";
/* CSS Document */
.clearfix::after{
	clear:both;
	content:".";
	visibility:hidden;
	display:block;
	height:0;
}
/*IEで画面の読み込み時にtransitionが動作するバグの解決*/
.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
/*ヘッダー固定*/
#header {
	transition: all 0.5s;
	border-bottom: 1px solid rgba(226,225,223,1)!important;
}
/*ページタイトル*/
#page_title{
	background-image: url(../img/page_bg2.jpg);
}
.page_title_inner{
	height:32vh;
}
.page_title_inner h2{
	top: 34%;
	left: 0;
	/*transform: translate(-50%,-50%);*/
}
#page_title h2::before{
	content: "";
	display:inline-block;
	width:70px;
	height:1px;
	background-color: #b08d4f;
	position: absolute;
	left:0;
	top:50%;
}
/*タイトルのアニメーションのcss*/
#page_title h2.anime-container{
    opacity: 0;
    transition: transform 1.5s .2s ease,opacity 1.5s .2s;
	transform: translate(-30px,0px);
}
/*アニメーションするプロパティの設定*/
#page_title h2.anime-container.active{
    opacity: 1;
	transform: translate(-0px,0px);
}
/*　パンくずリスト　*/
#pan{
	background-color:rgba(234,234,234,0.5);
	padding:8px 10px;
	margin-bottom:50px;
}
#pan .topicpath{
	max-width: 1200px;
	margin:auto;
}
#pan .topicpath  li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
}
#pan .topicpath  li:before {
	/* liの前に記号追加 */
	content: " > ";
	font-size: 14px;
	color:rgba(78,78,78,0.7);
	padding:0 5px;
}
#pan .topicpath  li:first-child:before {
	 /* 最初のliだけcontentを消す */
	 content:"";
}
#pan .topicpath  li a{
	color:rgba(78,78,78,0.7);
    transition: color 0.3s;
}
#pan .topicpath  li a:hover{
	color:#F7CE86;
}
/* IE対処 */
@media screen\0 {
  .selector {
    property: value;}
#pan{
	padding:8px 10px 3px;
}
#page_title h2::before{
	top:40%;
}
}
/*about*/
.cate{
	margin-bottom:180px; 
}
.cate:last-of-type{
	margin-bottom: 0px;
	border-bottom: none;
}
.cate .cate_txt2{
    border: 1px solid rgba(164,129,79,1);
    padding: 3%;
    position: relative;
	margin-bottom: 50px;
}
@media screen\0 {
  .selector {
    property: value;
  }
	.cate .cate_txt2{
    padding: 3%;
	}
}
.cate .cate_txt2:after {
    border: 1px solid  rgba(164,129,79,0.3);
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.cate .cate_txt2::before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(../img/about_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	position: absolute;
	left: 50%;
	top:0;
	transform: translate(-50%,-50%);
}
.box_title1{
	position: relative;
	margin-left: 20px;
	padding-left:60px;
	margin-top:70px;
}
.box_title1::before {
    content: '';
    display: inline-block;
    width: 45px;
    height: 45px;
    background-image: url(../img/menu_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	position: absolute;
	left:0px;
}
.box_item.name:after {
    border-bottom: 1px solid  rgba(164,129,79,0.3);
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
/*open_box*/
.box_item open{
	position: relative;
}
.box_title2{
	min-height: 20px;
	position: relative;
	cursor: pointer;
}
.box_title2::before,
.box_title2::after{
	content: "";
	background-color: #4e4e4e;
	position: absolute;
	display: block;
	border-radius: 3px;
	width: 15px;
	height: 1px;
	right: 0;
	top: 50%;
}
.box_title2::after{
	transform: rotate(90deg);
	transition: all 0.3s;
}
.box_title2.on_click::after{
	transform: rotate(0deg);
	transition: all 0.3s;
}
.box_title2:empty{
	display: block;
}
.box_txt3{
	display: none;
}
.box_title1:empty,.box_title2:empty,.box_title2:empty::before,.box_title2:empty::after{
	display:none;
}
/* IE対処 */
@media screen\0 {
  .selector {
    property: value;}
#cate_list li a{
	padding: 10px 10px 5px;
}
.box_title1{
	padding-bottom: 5px;
}
.box_title1::before {
	top:6px;
}
}
.cate a{
	color:#b08d4f;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header.is-fixed {
	display:block;
}
.logo img{
	width:100%!important;
}
/*　パンくずリスト　*/
#pan{
	padding:5px 20px;
	margin-bottom:20px;
}
#pan .topicpath  li:before {
	/* liの前に記号追加 */
	content: " > ";
	font-size: 14px;
	padding:0 5px;
}
/*ページタイトル*/
.page_title_inner{
	height:15vh;
}
.page_title_inner h2{
	top: 30%;
	left: 0;
}
/*about*/
.cate{
	margin-bottom: 80px;
}
.cate .cate_txt2::before {
    width: 30px;
    height: 30px;
    background-image: url(../img/about_icon.png);
}
.box_title1 {
    padding-left: 50px;
}
.box_title1::before {
    width: 35px;
    height: 35px;
    background-image: url(../img/menu_icon.png);
	top:13px;
}
.box_title2::before,
.box_title2::after{
	content: "";
	background-color: #4e4e4e;
	position: absolute;
	display: block;
	border-radius: 3px;
	width: 15px;
	height: 1px;
	right: 0;
	top: 10px;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
/*　パンくずリスト　*/
#pan{
	padding:0px 15px 1px;
	margin-bottom:10px;
}
#pan .topicpath  li:before {
	/* liの前に記号追加 */
	content: " > ";
	font-size: 10px;
	padding:0 5px;
}
/*ページタイトル*/
#page_title{
	background-image: url(../img/page_bg2_sp.jpg);
	background-position:top 0px right -70px;
}
#page_title h2::before{
	content: "";
	display:inline-block;
	width:70px;
	height:1px;
	background-color: #b08d4f;
	position: absolute;
	left:0;
	top:50%;
}
.page_title_inner{
	height:0vh;
	padding: 55px 0;
}
.page_title_inner h2{
	top: 30%;
	left: 0;
}
#page_title h2::before{
	width:30px;
}
/*about*/
.cate{
	margin-bottom: 60px;
}
.cate .cate_txt2 {
    padding: 5%;
}
.cate .cate_txt2::before {
    width: 20px;
    height: 20px;
    background-image: url(../img/about_icon.png);
}
.box_title1{
	position: relative;
	margin-left: 0px;
	padding-left:40px;
	margin-top: 50px;
}
.box_title1::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(../img/menu_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	position: absolute;
	left:0px;
	top:11px;
}

}