@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_bg4.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%;
}
}
/*gallery*/
.cate .cate_title{
	margin-bottom: 60px;
	margin-top: 120px;
}
.cate  .cate_title::before {
    display: inline-block;
    content: "";
    width: 40px;
    height: 1px;
    background: #b08d4f;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.box_title1 {
	padding-left: 0;
}
/* IE対処 */
@media screen\0 {
  .selector {
    property: value;}
#cate_list li a{
	padding: 10px 10px 5px;
}
}
/* ---------- タブレット ---------- */
@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;
}
}
/* ---------- スマートフォン ---------- */
@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_bg4_sp.jpg);
	background-position:top 0px right -50px;
}
#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;
}
/*gallery*/
.cate{
	margin-bottom: 60px;
}
.cate:last-of-type{
	margin-bottom: 40px;
}
.cate .cate_title{
	margin-bottom: 30px;
	margin-top: 40px;
}
.cate  .cate_title::before {
    display: inline-block;
    content: "";
    width: 40px;
    height: 1px;
    background: #b08d4f;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
}