@charset "UTF-8";
/* CSS Document */


/* tab */

.tab_item {
	font-size: 18px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 300;
	border-radius: 0px;
	padding: 6px 0px;
	width: 245px;
	height: 60px;
	display: flex;
  justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #603813;
	margin: 0px 10px;
	float: left;
	cursor: default;
}

.tab_item01 {
	margin-left: 30px;
}

.tab_item02 {
	margin-right: 30px;
}

.tab .tab_item:hover {
  opacity: 1;
}

.tab input:checked + .tab_item {
  opacity: 0.5;
}

.tab input[name="tab_item"] {
  display: none;
}


/* contents01 */

.contents01-wrap {
	width: 1100px;
}

.contents01 {
	display: none;/*はじめは非表示*/
	clear: both;
  overflow: hidden;
	padding-top: 50px;
}

#g01:checked ~ #g01,
#g02:checked ~ #g02,
#g03:checked ~ #g03, 
#g04:checked ~ #g04 {
  display: block;
}

/*
@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
*/

.contents01 .box-in {
	display: flex;
  justify-content: center;
flex-wrap: wrap;
}

.contents01 .box {
	width: 490px;
	margin: 0 30px;
	margin-bottom: 40px;
	text-align: left;
	border-bottom-style : solid;
border-bottom-color : rgba(0, 0, 0, 0.1);
border-bottom-width : 1px;
	padding-bottom: 20px;
}

.contents01 ul.scroll-fade-row2, .contents01 .box-in > .bxslider {
	display: none;
}

.contents01 .box ul {
	display: flex;
  justify-content: flex-start;
}

.contents01 .box li {
	display: block;
	margin-right: 10px;
}

.contents01 .box li:first-child, .contents01 .box li:nth-child(3) {
	display: none;
}

.contents01 .box li a {
	font-size: 14px;
color: #666;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 300;
	display: block;
	cursor: default;
}


.contents01 h3 {
	margin-bottom: 15px;
	width: 100%;
	overflow: hidden;
	
}

.contents01 h3 img {
	border-radius: 10px;
	width: 490px;
height: 368px;
	object-fit: cover;
}

.contents01 h3 a:hover {
	opacity: 0.75;
}

.contents01 h4 {
	font-size: 20px;
	letter-spacing: 0.15em;
	line-height: 1.2;
	color: #4d4d4d;
	font-weight: 200;
	margin-bottom: 10px;
}

.contents01 p {
	letter-spacing: 0.05em;
	line-height: 1.8;
	color: #333333;
}

.contents01 p a {
	color: #76b202;
}

.contents01 p a:hover {
	color: #603813;
}


/* ページャー */
.pager{
	width: 100%;
	padding-top: 30px;
	text-align: center;
}
 
a.page-numbers,
.pager .current{
	color: #FFF;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 16px;
	font-weight: normal;
	width: 30px;
	height: 30px;
	padding-top: 4px;
	border-radius: 50%;
	background-color: #603813;
	display: inline-block;
	vertical-align: top;
	line-height: 1.2;
 }
 
.pager .current{
	opacity:0.5;
 }
 
.pager a:hover{
	opacity:0.5;
 }
 
 .pager a.prev {
	 color: #603813;
	 background-color: rgba(255,255,255,0);
 }
 
 .pager a.next {
	 color: #603813;
	  background-color: rgba(255,255,255,0);
 }




.sp-view {
    display: none;
}

html, body {
    height: 100%;
}