@charset "utf-8";

/* col1_1_type01
-------------------------------------------------------------------*/
.col1_1_type01 .left_area {
	float:left;
	width:50%;
	padding-right:20px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.col1_1_type01 .right_area {
	float:right;
	width:50%;
}
@media screen and (max-width:760px) {
.col1_1_type01 .left_area {
	float:none;
	width:100%;
	padding-right:0px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom:20px;
}
.col1_1_type01 .right_area {
	float:none;
	width:100%;
}
}

/* Column */

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6{}

.col_1-2{},
.col_1-3{}

.col_2-1{},
.col_2-3{}

.col_3-1{},
.col_3-2{}

.col_child{
	float:left;
	box-sizing:border-box;
	padding-left:1%;
	padding-right:1%;
}
.col_child:first-child{
	padding-left:0;
	padding-right:2%;
}
.col_child:last-child{
	padding-left:2%;
	padding-right:0;
}
.col_2 .col_child{ width:50%;}
.col_3 .col_child{ width:33.3%;}
.col_4 .col_child{ width:25%;}
.col_5 .col_child{ width:20%;}
.col_6 .col_child{ width:16.6%;}

.col_1-2 .col_child:nth-child(1){ width:33.3%;}
.col_1-2 .col_child:nth-child(2){ width:66.6%;}

.col_2-1 .col_child:nth-child(1){ width:66.6%;}
.col_2-1 .col_child:nth-child(2){ width:33.3%;}

.col_1-3 .col_child:nth-child(1){ width:25%;}
.col_1-3 .col_child:nth-child(2){ width:75%;}

.col_3-1 .col_child:nth-child(1){ width:75%;}
.col_3-1 .col_child:nth-child(2){ width:25%;}

.col_2-3 .col_child:nth-child(1){ width:40%;}
.col_2-3 .col_child:nth-child(2){ width:60%;}

.col_3-2 .col_child:nth-child(1){ width:60%;}
.col_3-2 .col_child:nth-child(2){ width:40%;}


@media screen and (max-width:760px) {
	.col_1 > .col_child,
	.col_2 > .col_child,
	.col_3 > .col_child,
	.col_4 > .col_child,
	.col_5 > .col_child,
	.col_6 > .col_child,
	.fix.col_1-2 > .col_child,
	.fix.col_1-3 > .col_child,
	.fix.col_2-1 > .col_child,
	.fix.col_2-3 > .col_child,
	.fix.col_3-1 > .col_child,
	.fix.col_3-2 > .col_child{ width:100% ; padding-left:0;padding-right:0;}
	.col_4 .col_child,
	.col_5 .col_child{ 
		width:50%;
	}
	.col_4 .col_child:nth-child(odd),
	.col_5 .col_child:nth-child(odd){ 
		padding-right:1%;
	}	
	.col_4 .col_child:nth-child(even),
	.col_5 .col_child:nth-child(even){ 
		padding-left:1%;
	}	

}







.col_02 .left_area {
	float:left;	
}
.col_02 .right_area {
	float:right;	
}
@media screen and (max-width:760px) {
.col_02 .left_area {
	float:none;	
}
.col_02 .right_area {
	float:none;	
}	
}


/****** ボタン　*****/
.btn_type01 {
	text-align:center;
}
.btn_type01 a {
	display: inline-block;
	text-align:center;
	position:relative;
	background-color:#FB992D;
	border:1px solid #FB992D;
/*	color:#FFF;*/
	color:#333;
	text-decoration:none;
	padding:10px 30px;
	border-radius:3px;
    -webkit-border-radius: 3px;
	transition:all ease 0.3s;
-moz-box-shadow: 0px 0px 37px 3px rgba(0, 0, 0, 0.17);
-webkit-box-shadow: 0px 0px 37px 3px rgba(0, 0, 0, 0.17);
-ms-box-shadow: 0px 0px 37px 3px rgba(0, 0, 0, 0.17);
box-shadow: 0px 0px 37px 3px rgba(0, 0, 0, 0.17);
}
.btn_type01 a span {
	position:relative;
	vertical-align:  middle;
	line-height: 1.4;
}
.btn_type01 a span svg {
	vertical-align: middle;
	padding-right:5px;
	transition:all ease 0.3s;
}
.btn_type01 a span svg g path {transition:all ease 0.3s;}
.btn_type01 a span svg g g polygon {transition:all ease 0.3s;}
.btn_type01 a img {
	width:17px;
	position:absolute;
	vertical-align:middle;
	height:17px;
	left:-10px;
	top:0;
	bottom:0;
	margin:auto;
}
.btn_type01 a img.icon {
    position: relative;
    top: auto;
    left: auto;
    vertical-align: middle;
    margin-left: 4px;
}
.btn_type01 a b{
	background:#fff;
	display:inline-block;
	font-weight:normal;
	font-size:86%;
	margin-left:10px;
	color:#FB992D;
	padding:4px 4px;
	line-height:1;
	transition:all ease 0.3s;	
}
.btn_type01 a:hover,
.btn_type01 a:focus {
	background-color:#FFF;
	color:#FB992D;
}
.btn_type01 a:hover b,
.btn_type01 a:focus b{
	background-color:#FB992D;
	color:#fff;
}
.btn_type01 a:hover span svg g path,
.btn_type01 a:focus span svg g path{
    fill: #FB992D;
}
.btn_type01 a:hover span svg g g polygon,
.btn_type01 a:focus span svg g g polygon{
    fill: #FFF;
}
.btn_type01 a:active {
	position:relative;
	top:3px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-ms-box-shadow:none;
	box-shadow:none;	
}
.btns_wrap > p{
	display:inline-block;
	margin-right:20px;
}
.btns_wrap > p:last-child{
	margin-right:0;
}
.btn_type01.bus_btn{
	position:relative;
	padding-left:140px;
}
.btn_type01.bus_btn a img.bus_icon{
	width:auto;
	height:auto;
	left: -140px;
}


@media screen and (max-width:760px) {
	.btns_wrap > p,
	.btns_wrap > p:last-child{
		display:block;
		margin-right:0;
		margin-bottom:20px;
	} 
	.btns_wrap > p a{
		width: 100%;
		box-sizing: border-box;
	}
	.btn_type01.bus_btn{
		position:relative;
		padding-left:70px;
	}
	.btn_type01.bus_btn a img.bus_icon{
		width:83px;
		left:-70px;
	}
}




.title_01 {
	background: url(../img/common/title_bg_left.png) left center repeat-y , url(../img/common/title_bg_right.png) right center repeat-y;
	text-align: center;
/*	color: #FFFFCA;*/
	color:#664422;
	position: relative;
	/* background-image: url(../img/common/title_bg_left.png); */
}
.title_01:before {
	content:"";
	display: block;
	position:absolute;
	width:100%;
	height:1px;
	background:url(../img/common/title_bg_line.png) repeat-x;
	top:5px;
	z-index:4;
}
.title_01:after {
	content:"";
	display: block;
	position:absolute;
	width:100%;
	height:1px;
	background:url(../img/common/title_bg_line.png) repeat-x;
	bottom:5px;
	z-index:4;
}
.title_01 span {
	display:block;
	margin:0 10px;
	background-color:#6EB92B;
	padding: 15px 0;
	font-size:180%;
	font-weight:bold;
	position:relative;
}
.title_01 .ico_zoobo{
	position:absolute;
	top: -24px;
	left: 10px;
	z-index:5;
	display:none;
}
.title_01 .ico_zoobo.right{
	left: auto;
	right:10px;
}



.title_02 {
	background: url(../img/common/title_bg_left.png) left center repeat-y , url(../img/common/title_bg_right.png) right center repeat-y;
	text-align:center;
	color:#FFF;
}
.title_02 span {
	color: #FFFFCA;
	display:block;
	margin:0 10px;
	background-color:#6EB92B;
	padding:5px 0;
	/*font-size:18px;*/
	font-size:113%;
}
.title_03{
	color:#6DB82B;
	text-align:center;
	padding:15px;
	margin-bottom:25px;
	font-size:150%;
	font-weight:bold;	
	border-bottom:dashed #6EB92B 3px;
}
.title_04{
	color:#3F1000;
	border:#FFEBB7 solid 5px;
	background:#FFEFBF;
	font-size: 150%;
	text-align:center;
	position:relative;
	margin: 30px 2px 40px;
	padding: 5px 10px;
	border-radius:3px;
	box-shadow:0px 0px 3px 3px #ffebb7 inset;
}
.title_04.long{
	font-size: 130%;
}
.title_04 span{
	z-index:3;
	position:relative;
	text-shadow:0px 0px 3px #FFEFBF,0px 0px 4px #FFEFBF,0px 0px 5px #FFEFBF,0px 0px 6px #FFEFBF;
}
.title_04:before,
.title_04:after{
	content:"";
	width:165px;
	height:35px;
	display:inline-block;
	background:url(../img/common/bg_tit_l0.png) no-repeat top left;
	background-size:cover;
	position:absolute;
	top:-20px;
	left:0;
	z-index:1;
}
.title_04:after{
	left:auto;
	top:auto;
	bottom:-20px;
	right:0;
	width:125px;	
	height:35px;
	background:url(../img/common/bg_tit_r0.png) no-repeat bottom right;
	background-size:cover;
	z-index:2;
}
.title_05{
	font-size:157%;
	padding:10px;
	border-bottom: dashed 3px #3B1D15;
	color:#3B1D15;
	margin-bottom:30px;
}
.title_05 img{
	vertical-align:middle;
	margin-right:10px;
}
.title_05 span{
	vertical-align:middle;
}
.title_06{
	font-size:128%;
	padding:3px 10px;
	color:#fff;
	margin-bottom:20px;
	background:#804000;
	text-align:center;
}
.title_06 img{
	vertical-align:middle;
	margin-right:5px;
}
.title_06 span{
	vertical-align:middle;
}
.title_07{
	text-align:center;
	background:url(../img/common/bg_zoobflag.png) no-repeat top center;
	font-weight:bold;
	font-size:228%;
	padding: 10px 0 40px;
	min-height:107px;
	box-sizing:  border-box;
	margin-bottom:20px;
	color:#391D13;
}
.title_07.small{
	font-size:175%;
	padding: 15px 0 35px;
}
.title_08{
	font-size:20px;
	color:#3F1000;
	font-weight:bold;
	background:url(../img/company/bg_wing.gif) left bottom no-repeat;
	line-height:45px;
	padding-bottom:10px;
	padding-left:55px;
	margin-left:40px;
	margin-right:40px;
}

.title_09{
	background:#FFA47D;
/*	color:#fff;*/
	color:#444;
	font-size:142%;
	padding:6px;
	font-weight:bold;
	line-height:40px;
	margin-bottom:20px;
}
.title_09 span{
	vertical-align:middle;
	margin-left:10px;
}
.title_10{
	color:#3F1000;
	font-size:142%;
	padding:0 5px 10px;;
	margin-bottom:30px;
	background:url(../img/common/bg_border_o.gif) repeat-x bottom left;
}
.title_10 span{
	vertical-align:middle;
	display:inline-block;
	line-height:  52px;
	margin-left:  10px;
}
.title_11{
	margin:10px 0 15px 0;
}

.title_11 span{
	width:180px;
	display: inline-block;
	text-align:center;
    font-size: 114%;
    padding: 5px 10px;
    border-radius: 20px;
    color: #fff;
    background: #000000;
}

@media screen and (max-width:760px) {
	.title_01 span {
		margin:0;
		font-size:22px;
		padding: 13px 10px;
	}
	.title_01.zoobo span {
		padding-left: 40px;
	}	
	.title_01 .ico_zoobo{
		width:35px;
		height:auto;
		top: -15px;
		left: 5px;
	}	
	.title_02 span {
		margin:0;
		text-align:left;
		padding:10px 10px;
	}
	.title_04,
	.title_04.long{
		padding: 10px;
		font-size:128%;
	}
	.title_07{
		background-image: url(../img/common/bg_zoobflag_sp.png);
		padding: 2% 0 8%;
		background-size: contain;
		font-size: 180%;
		min-height: 0;
		margin-bottom:20px;
	}
	.title_07.small{
		font-size: 150%;
		padding: 3% 0 9%;
	}
	.title_08{
		font-size:12px;
		margin-left:20px;
		margin-right:20px;
		padding-left:50px;
	}
	.title_09{
		font-size:130%;
		line-height:20px;
		padding:10px;
	}
	.title_09 img{
		width:25px;
		height:auto;
	}
}

.f_red{color:#FF0000;}
.f_gray{ color:#777777;}
.f_or{ color:#FF3300;}
.f_yellow{ color:#FFFF73;}
.f_green{ color:#B3FF99;}
.f_blue{ color:#73FFFF;}
.f_pink{ color:#FFBFFF;}
.f_orange{ color:#FF7F00;}

ul.list_style > li,
.arrow_link a{
	margin-bottom:5px;
	padding-left:25px;
	background:url(../img/common/ico_arrowbox.gif) no-repeat top left;
	background-position:0 4px;
	background-size:14px;
}
ul.list_style > li a,
.arrow_link a{
	color:#0044CC;
}
ol.list_style li{
	margin-left:-1em;
	padding-left:1em;
	margin-bottom:5px;
	text-indent: -1em;
	list-style-position:inside;
}
.table_wrap table{
	width:100%;
	box-sizing:border-box;
	margin-bottom:25px;
}
.table_wrap table th,
.table_wrap table td{
	box-sizing:border-box;
	padding:20px;
	border:solid 1px #ddd;
}
.table_wrap table tr:first-child th{
	background:#eee;
	box-sizing:border-box;
	padding:20px;
	border:solid 1px #ddd;
	font-weight:bold;
}
.table_wrap.type2 table{
	border-collapse:separate;
	border-spacing:2px;
	margin:0 auto;
	max-width:772px;
}
.table_wrap.type2 table thead th{
	background:#804000;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:10px;
	border:none;
	border-bottom:solid #fff 10px;
}
.table_wrap.type2 table tbody th,
.table_wrap.type2 table tr:first-child tbody th{
	color:#333;
	text-align:left;
	padding:4px 0;
	border:none;
	border-bottom:dashed 1px #999;
	font-weight:normal;
	background:none;
}
.table_wrap.type2 table tbody td{
	padding:4px 0;
	border:none;
	border-bottom:dashed 1px #999;
}
.table_wrap.type2 table tbody p{
	padding:10px;
}
.table_wrap.type2 table tbody th p{
	background:#EEEEEE;
}
.table_wrap table caption{
	background:#ddd;
	padding:15px 0;
}
.table_wrap.type3 table th,
.table_wrap.type3 table td{
	padding:10px;
	font-size:90%;
}

.table_wrap.type4 table th,
.table_wrap.type4 table td{
	padding:10px 20px;
	background:#fff;
}
.table_wrap.type4 table thead th{
	text-align:center;
	background:#49A765;
	color:#fff;
	padding:15px 20px;	
}
.table_wrap.type4 table tbody th{
	background:#004000;
	color:#fff;
	padding:15px 20px;
	font-weight:normal;	
}
.table_wrap.scroll {
	padding-bottom:0;
}
.table_wrap.scroll::-webkit-scrollbar {
	height: 10px;
}

.table_wrap.scroll::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #c1c1c1;
}

.table_wrap.scroll::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #666;
}
@media only screen and (max-width: 760px) {
	.table_wrap table{
		font-size:12px;
	}
	.table_wrap table th,
	.table_wrap table tr:first-child th,
	.table_wrap table td{
		padding:10px;
	}
	.table_wrap.type4 {
		margin:0 10px;
	}
	.table_wrap.type4 table th,
	.table_wrap.type4 table td,
	.table_wrap.type4 table thead th,
	.table_wrap.type4 table tbody th{
		padding:10px 10px;
		text-align:left;
	}
	.table_wrap.type4 table thead th{
		padding:15px 10px;
	}		
	.table_wrap.type4 table tbody td{
		width:50%;
	}	
	.table_wrap.scroll{
		overflow-x:auto;
	}
	.table_wrap.scroll table{
		min-width:320px;
	}
}


/**************************************   fat-nav fat-nav fat-nav **********************************************/











a.hamburger {
  display: block;
  width: 64px;
  height: 60px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  text-align:center;
  /* padding: 12px; */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-color: #49A765;
  text-decoration:  none;
  color:#FFF;
  font-size: 14px;
}
.hamburger .hamburger__icon {
  position: relative;
  margin-top: 21px;
  margin-bottom: 7px;
}
.hamburger span {
  font-size: 10px;
  font-weight:bold;
  letter-spacing: -0.2em;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
  display: block;
  width: 25px;
  height: 3px;
  margin: auto;
  background-color: #FFF;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.hamburger__icon:before, .hamburger__icon:after {
  position: absolute;
  content: "";
}
.hamburger__icon:before {
  top: -7px;
}
.hamburger__icon:after {
  top: 7px;
}
.hamburger.active .hamburger__icon {
  background-color: transparent;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
  background-color: #fff;
}
.hamburger.active .hamburger__icon:before {
  -moz-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -webkit-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
.hamburger.active .hamburger__icon:after {
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -webkit-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}
.fat-nav,
.fat-nav2{
  top: 0;
  left: 0;
  z-index: 9999;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.fat-nav__wrapper {
  width: 1100px;
  height: 100%;
  margin:auto;
  position:relative;
  display: table;
  table-layout: fixed;
}
.fat-nav.active,
.fat-nav2.active {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.fat-nav .center_box,
.fat-nav2 .center_box {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.fat-nav ul,
.fat-nav2 ul {
	width:1100px;

}
.fat-nav li,
.fat-nav2 li {
	float:left;
}
/*@media screen and (min-width:1600px) {
.fat-nav li {
	font-size:14px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}*/

}
.fat-nav li dl dt,
.fat-nav2 li dl dt {
	cursor:pointer;
}
.fat-nav li dl dt,
.fat-nav li a.btn,
.fat-nav2 li dl dt,
.fat-nav2 li a.btn {
	display: table;
	width: 200px;
	margin-right:13px;
	margin-bottom:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1px solid #666666;
	text-align:left;
	padding: 0px 10px;
	line-height:1.2;
	height:50px;
	text-decoration: none;
	position:relative;
	transition: border-color 0.5s,color .5s;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	cursor:pointer;
	font-size:16px;
}
.fat-nav li:nth-child(5n) a.btn,
.fat-nav2 li:nth-child(6n) a.btn {
	margin-right:0;	
}

.fat-nav li dl dt span,
.fat-nav li a.btn span,
.fat-nav2 li dl dt span,
.fat-nav2 li a.btn span {
	display: table-cell;
	vertical-align:middle;	
}
.fat-nav li dl dt::before,
.fat-nav li a.btn::before,
.fat-nav2 li dl dt::before,
.fat-nav2 li a.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #666666;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7,1,1);
    transform: scale3d(0.7,1,1);
    -webkit-transition: -webkit-transform 0.5s,opacity .5s;
    transition: transform 0.5s,opacity .5s;
    -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    border-radius: 2px;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.fat-nav li dl dt:hover,
.fat-nav li a.btn:hover,
.fat-nav2 li dl dt:hover,
.fat-nav2 li a.btn:hover {
    color: #fff!important;
    border-color: #666666;
}

.fat-nav li dl dt:hover::before,
.fat-nav li a.btn:hover::before,
.fat-nav2 li dl dt:hover::before,
.fat-nav2 li a.btn:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/**矢印***/
.fat-nav li dl dt span,
.fat-nav2 li dl dt span {
	position:relative;
	padding-right: 10px;
}
.fat-nav li dl dt span::before,
.fat-nav2 li dl dt span::before{
    content: '';
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 3px #666666;
    border-right: solid 3px #666666;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 0;
    top: 15px;
    margin: auto 0;
    transition: all 0.3s ease;
}
.fat-nav li dl dt:hover span::before,
.fat-nav2 li dl dt:hover span::before{
    border-top: solid 3px #FFF;
    border-right: solid 3px #FFF;

}
/*********************************************/
/***　オープン ****/
.fat-nav li dl dt.opened span::before,
.fat-nav2 li dl dt.opened span::before{
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	top: 20px;
}
/************************************************/
.fat-nav li dl,
.fat-nav2 li dl {
	position:relative;
}
.fat-nav li dl dd,
.fat-nav2 li dl dd {
    position: absolute;
    width: 200px;
    background-color: #666666;
    padding: 10px;
    text-align: left;
    z-index: 99999;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    top:50px;
    color:#FFF;
}
.fat-nav li dl dd p:last-child a,
.fat-nav2 li dl dd p:last-child a {
	margin-bottom:0;	
}
.fat-nav li dl dd a,
.fat-nav2 li dl dd a {
	display:block;
	color: #FFF;
	text-decoration:none;
	padding-bottom:5px;
	border-bottom:1px solid #FFF;
	margin-bottom:10px;
	transition: all ease 0.4s;
	font-size:13px;
}
.fat-nav li dl dd a:hover,
.fat-nav2 li dl dd a:hover {
	color:#63f168;
	border-bottom:1px solid #63f168;
}
.fat-nav li dl dd .subttl{
	font-size:14px;
	background:#fff;
	padding:5px;
	text-align:center;
	margin-bottom:10px;
	color:#666666;
	font-weight:bold;
}

@media screen and (max-width:760px) {
	.fat-nav__wrapper,
	.fat-nav__wrapper ul{
	  width: 100%;
	}
	.fat-nav,
	.fat-nav2{
		overflow:hidden;
	}
	.fat-nav__wrapper {
	  display:block;
	  padding-top: 20%;
	  margin-top: 25px;
	}
	.fat-nav .center_box,
	.fat-nav2 .center_box {
	  display: block;
	}	
	.fat-nav__wrapper ul{
		box-sizing:border-box;
		padding:10px;
	}
	.fat-nav__wrapper li{
		display:none;
		width: 100%;
		margin:0 0 5px;
	}
	.fat-nav__wrapper li.sp_on{
		display:block;
	}	
	.fat-nav__wrapper li a.btn,
	.fat-nav__wrapper li.accordion dt{
		width:100%;
		box-sizing:border-box;
		font-size: 13px;
		margin:0;
		padding: 0 10px 0 10px;
		height: 40px;
	}
	.fat-nav__wrapper .center_box > .mb50{
		display:none;
	}
	.fat-nav li dl dd,
	.fat-nav2 li dl dd {
		width: 260px;
	}
	.fat-nav li dl dd a,
	.fat-nav2 li dl dd a {
		font-size:13px;
	}
	.fat-nav.active{
		overflow:auto;
	}
}


/**************************************   pageslide pageslide pageslide **********************************************/










/***左メニュー**/
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 70px;
    height: 100%;
    z-index: 9998;
    -moz-box-shadow: 0px 0px 27px 7px rgba(0, 0, 0, 0.22);
-webkit-box-shadow: 0px 0px 27px 7px rgba(0, 0, 0, 0.22);
-ms-box-shadow: 0px 0px 27px 7px rgba(0, 0, 0, 0.22);
box-shadow: 0px 0px 27px 7px rgba(0, 0, 0, 0.22);
}
.menuimg {
	width:70%;
	height:auto;
}
#side_menu_btn {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 9998;
    text-align: center;
    /* padding: 12px; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-color: #396116;
    text-decoration: none;
    color: #FFF;
}
#side_menu_btn a {
    display: block;
    width: 40px;
    height: 40px;
}
#side_menu_btn a::before{
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 3px #FFFFFF;
    border-right: solid 3px #FFFFFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right:0;
	left:0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.3s ease;
}
#modal::-webkit-scrollbar {
    width: 10px;
}
#modal::-webkit-scrollbar-track {
  border-radius: 15px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
#modal::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 50, .5);
  border-radius: 15px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

#modal {
    background-color: rgba(255,255,255,1);
    height: 100%;
    width: 235px;
    position: relative;
    padding: 0px;
    /* opacity: 0.9; */
    overflow: auto;
	direction:rtl;

}
#modal .inner {
	direction:ltr;
}
#modal .close a {
	display:block;
	height:40px;
	background-color:#528820;
	color:#FFF;
	line-height:40px;
	padding-left:5px;
	text-decoration:none;
	position:relative;
	font-size:16px;
}
#modal .close a span {
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	background-color:#396116;
	right:0;
	top:0;
}
#modal .close a span::before{
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 3px #FFFFFF;
    border-right: solid 3px #FFFFFF;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    right:0;
	left:0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.3s ease;
}
#modal ul {
	padding: 5px;
	padding-top:10px;
	overflow:hidden;
}
#modal ul li a {
	display: table;
	font-size:14px;
	color:#528820;
	text-decoration:none;
	height:40px;
	padding-left:20px;
	width:100%;
	box-sizing:border-box;
	position:relative;
	transition:all ease 0.3s;
}
#modal ul li a span {
	display:table-cell;
	vertical-align: middle;	
}
#modal ul li a::before{
    content: '';
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 2px #52871F;
    border-right: solid 2px #52871F;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
	left:5px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all 0.3s ease;
}
#modal ul li a:hover {
    background-color: #528820;
    color: #FFF;
}
#modal ul li a:hover::before{
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}








/**************************************   lity lity lity **********************************************/






/*! Lity - v2.2.2 - 2017-07-17
* http://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 11000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}

.pager_style{
	text-align:center;
	padding:30px 0 0 0;
}
.pager_style li{
	width:40px;
	border:1px solid #BBBBBB;
	display:inline-block;
	margin:0 0 10px 0;
}
.pager_style li a,
.pager_style li span{
	background:#fff;
	font-size:16px;
	text-decoration:none;
	display:block;
	padding:8px 0;
	transition:0.5s;
}
.pager_style li a:hover{
	background:#6EB92B;
	color:#fff;
}
.pager_style li.on a,
.pager_style li.fs-current a,
.pager_style li.on span{
	background:#6EB92B;
	color:#fff;	
}
.pager_style li.on a{
	color:#fff;
}
.pager_style li.prev{
	margin:0 10px 0 0;
}
.pager_style li.next{
	margin:0 0 0 10px;
}

.pager_style.type2 li{
	width:32px;
	padding:4px 0;
	border:none;
	margin:0 2px 0 0;
}
.pager_style.type2 li a,
.pager_style.type2 li span{
	background:#CCCCCC;
	padding: 4px 0;
}
.pager_style.type2 li a:hover{
	background:#AAAAAA;
	color:#1E1E1E;
}
.pager_style.type2 li.on a,
.pager_style.type2 li.on span{
	background:#AAAAAA;
	color:#1E1E1E;	
}
.pager_style.type2 li.on a{
	color:#1E1E1E;
}
.pager_style.type2 li.prev,
.pager_style.type2 li.next{
	margin:0 2px 0 0;
	width:120px;
	position:relative;
	padding-left:10px;
}
.pager_style.type2 li.next{
	padding-left:0;
	padding-right:10px;
}
.pager_style.type2 li.prev a,
.pager_style.type2 li.next a{
	background:#444444;
	color:#fff;
}
.pager_style.type2 li.next{
	margin:0 0 0 0;
}
.pager_style.type2 li.prev a:before,
.pager_style.type2 li.next a:after{
	content: "";
	width: 0px;
	height: 0;
	border: 16px solid transparent;
	border-right: 14px solid #444444;
	display: inline-block;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -16px;
	z-index:1;
}
.pager_style.type2 li.next a:after{
	border: 16px solid transparent;
	border-left: 14px solid #444444;
	left: auto;
	right: -20px;
}
@media screen and (max-width: 760px) {
	.pager_style li{
		width: 30px;
	}
	.pager_style li a{
		font-size:12px;
		padding:6px 0;
	}
	.pager_style li.prev,
	.pager_style li.next{
		margin:0;
	}
	.pager_style.type2 li{
		width: 30px;
	}
	.pager_style.type2 li a,
	.pager_style.type2 li > span{
		font-size:12px;
		padding:6px 0;
	}	
	.pager_style.type2 li.prev,
	.pager_style.type2 li.next{
		width:80px;
	}
}

.pht_wrap{
	position:relative;
	width:100%;
	height:0;
	padding-bottom:75%;
	box-sizing:border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	background:#CCC;
}
.pht_wrap img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing:border-box;
}
.table_style dl{
	position:relative;
	border-bottom: dashed 1px #ccc;
	padding:2px 0;
}
.table_style dl dt{
	position: absolute;
	top:2px;
	left:0;
	width:135px;
	background:#EEEEEE;
	text-align:center;
	padding: 5px 0;
}
.table_style dl dd{
	padding: 5px 0 5px 150px;
}
.table_style.type2 dl{
	display:table;
	width:100%;
}
.table_style.type2 dl:after{
	display:none;
}
.table_style.type2 dl dt{
	display:table-cell;
	width:280px;
	position:static;
	padding: 5px 10px;	
	vertical-align:middle;
	box-sizing:border-box;
}
.table_style.type2 dl dd{
	vertical-align:middle;
	display:table-cell;
	padding: 5px 10px;	
	box-sizing:border-box;
}
@media only screen and (max-width: 760px) {
	.table_style dl{
		position:relative;
		border-bottom: dashed 1px #ccc;
		padding:2px 0;
	}
	.table_style dl dt{
		position: static;
		top:auto;
		left:auto;
		width:100%;

	}
	.table_style dl dt{
		padding: 8px 0;
	}
	.table_style dl dd{
		padding: 10px 0 10px;
	}
	.table_style.type2 dl{
		display:block;
	}
	.table_style.type2 dl dt,
	.table_style.type2 dl dd{
		display:block;
		width:100%;
	}
	.table_style.type2 dl dd{
		padding: 10px 0 10px;
	}
}

.pc_center { }
.pc_right { }
.sp_center { }
.sp_right { }


@media screen and (min-width:761px) {
	.pc_center { text-align:center !important;}
	.sp_center { text-align:left;}
	.pc_right { text-align:right !important;}	
	.mb20_h{ margin-bottom:20px !important;}
	.mb40_h{ margin-bottom:40px !important;}
	.mb50_h{ margin-bottom:50px !important;}
	.mb60_h{ margin-bottom:60px !important;}
	.mb80_h{ margin-bottom:80px !important;}
}
@media screen and (max-width:760px) {
	.pc_center,
	.pc_righ { text-align:left;}
	.sp_center { text-align:center !important;}
	.sp_right { text-align:right !important;}	
	.mb20_h{ margin-bottom:10px !important;}
	.mb40_h{ margin-bottom:20px !important;}
	.mb50_h{ margin-bottom:25px !important;}
	.mb60_h{ margin-bottom:30px !important;}
	.mb80_h{ margin-bottom:40px !important;}
}

.scale_all{
	width:100%;
	height:auto;
}
.scale_m{
	max-width:100%;
	width:auto;
	height:auto;
}
.m_auto {
	margin-left:auto;
	margin-right:auto;
}

.u_line{
	text-decoration:underline;
}
.friend_detail .fat-nav ul{
	position:relative;
}
.friend_detail .fat-nav li dl{
	position:static;
}
.friend_detail .fat-nav li dl dd{
    position: absolute;
    width: 1085px;
    left:0;
}
.friend_detail .fat-nav li:nth-child(n+7) dl dd{
	top: 115px;
}
.friend_detail .fat-nav li dl dd p{
	display:inline-block;
	margin-right:10px;
}
@media screen and (max-width:760px) {
	.friend_detail .fat-nav li dl{
	}
	.friend_detail .fat-nav .fat-nav__wrapper li{
		width: 50%;
		float:  left;
		position:relative;
		height: 60px;
		margin:  0;
		box-sizing:  border-box;
	}
	.friend_detail .fat-nav .fat-nav__wrapper li dt{
		width: 99%;
		position:absolute;
		top:0;
		left:0;
		margin:  0;
	}
	.friend_detail .fat-nav .fat-nav__wrapper li:nth-child(even) dt{
		left:auto;
		right:0;
	}	
	.friend_detail .fat-nav li dl dd,
	.friend_detail .fat-nav li:nth-child(n+7) dl dd{
		width:200%;
		left:0;
		top:60px;
	}
	.friend_detail .fat-nav li:nth-child(even) dl dd{
		width:200%;
		left:auto;
		right:0;
		top: 60px;
	}	
}

.inner_left{
	text-align:center;
}
.inner_left > .wrap{
	text-align:left;
	display:inline-block;
}

.fix.grid3to2 > *{
	float:left;
	width:32%;
	text-align:center;
	padding:0;
	margin:0;
	margin-right:2%;
}
.fix.grid3to2 > *:nth-child(3n){
	margin-right:0;
}

@media screen and (max-width:760px) {
    .fix.grid3to2 > *,
    .fix.grid3to2 > *:nth-child(3n){
    	width:49%;
    	margin-right:2%;
    }
    .fix.grid3to2 > *:nth-child(2n){
    	margin-right:0%;
    }
}