@charset "utf-8";
/* CSS Document */
main {
	background: url(../img/bg_patarn.png) repeat;
}
.clearfix:after{
	content:".";
	visibility:hidden;
	display:block;
	height:0;
	clear:both;
}

/*---------------- Color ----------------------*/
.color1 {
	color: #fc6c05;
}
.color2 {
	color: #f98202;
}
.color3 {
	color: #592c17;
}
.color4 {
	color: #555;
}
.color_white {
	color: #fff;
}
.color_black {
	color: #000;
}

/*--------------- bg_Color --------------------*/
.bg_color1 {
	background-color: #fc6c05;
}
.bg_color2 {
	background-color: #f98202;
}
.bg_color3 {
	background-color: #592c17;
}
.bg_color_white {
	background-color: #fff;
}
.bg_color_black {
	background-color: #000;
}

/*--------------- border_Color ----------------*/
.border_color1 {
	border-color: #fc6c05;
}
.border_color2 {
	border-color: #f98202;
}
.border_color3 {
	border-color: #592c17;
}
.border_color4 {
	color: #ccc;
}
.border_color_white {
	border-color: #fff;
}
.border_color_black {
	border-color: #000;
}

/*---------------- font ----------------------*/
.en_title {
	font-family: 'Fredoka One', cursive;
}



/*margin*/
.mg_t-60px {
	margin-top: 60px;
}
.mg_t-70px {
	margin-top: 70px;
}
.mg_t-80px {
	margin-top: 80px;
}
.mg_t-90px {
	margin-top: 90px;
}




/*---------------- header ---------------------*/
#pc_header .logo img {
	width: 200px;
}
#main_menu ul li {
	float: left;
	width: 14.285%;
}
#main_menu ul li:first-child a:hover,
#main_menu ul li:nth-child(4) a:hover,
#main_menu ul li:last-child a:hover {
	background-color: #F4BBBB;
	background-image: url(../img/nav_bg1.gif) ;
	background-repeat: repeat;
}
#main_menu ul li:nth-child(2) a:hover,
#main_menu ul li:nth-child(5) a:hover {
	background-color: #CAE9FF;
	background-image: url(../img/nav_bg2.gif);
	background-repeat: repeat;
}
#main_menu ul li:nth-child(3) a:hover,
#main_menu ul li:nth-child(6) a:hover {
	background-color: #F9F2B3;
	background-image: url(../img/nav_bg3.gif);
	background-repeat: repeat;
}
/*headbar---------------------------------------------*/
#headbar {
	top: 0;
	left: 0;
	z-index: 555;
	background-color: #fc6c05;
}
#headbar ul li {
	float: left;
	width: 14.285%;
}
#headbar ul li a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
#main_contents {
	margin-right: 6.666%;
}
.headbar_logo {
	background: url(../img/nav_bg.png),url(../img/nav_bg.png);
	background-repeat: no-repeat,no-repeat;
	background-position: center left, center right;
}
.headbar_logo img {
	width: 130px;
	background: #fc6c05;
}
#headbar ul li:first-child a:hover,
#headbar ul li:nth-child(4) a:hover,
#headbar ul li:last-child a:hover {
	background-color: #F4BBBB;
	background-image: url(../img/nav_bg1.gif) ;
	background-repeat: repeat;
}
#headbar ul li:nth-child(2) a:hover,
#headbar ul li:nth-child(5) a:hover {
	background-color: #CAE9FF;
	background-image: url(../img/nav_bg2.gif);
	background-repeat: repeat;
}
#headbar ul li:nth-child(3) a:hover,
#headbar ul li:nth-child(6) a:hover {
	background-color: #F9F2B3;
	background-image: url(../img/nav_bg3.gif);
	background-repeat: repeat;
}

/*sp_header-------------------------------------------*/
#sp_header {
	z-index: 999;
	width: 100%;
}
.justify {
	justify-content: space-between;
	align-items: stretch;
}

/*sub_page_title---------------------------------------*/
#sub_page_title {
	background: url(../img/sub_page_bg.jpg) center center / cover no-repeat;
}
#sub_page_title .cm_title {
	display: flex;
	align-items: center;
}
#sub_page_title .cm_title::before,
#sub_page_title .cm_title::after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #fff;
	display: block;
}
#sub_page_title .cm_title::before {
	margin-right: .8em;
}
#sub_page_title .cm_title::after {
	margin-left: .8em;
}

/*pan_list-------------------------------------------------*/
.breadcrumb {
	margin-left:0;
	padding-left:0;
}
.breadcrumb li{
	display:inline;
	list-style: none;
}
.breadcrumb li:after{
	content: '>';
	padding: 0 3px;
	color: #fff;
}
.breadcrumb li:last-child:after{
	content: '';
}
.breadcrumb li a {
	text-decoration: none;
	transition: .5s;
}
.breadcrumb li a:hover {
	opacity: 0.7;
}



/*page-top----------------------------------------------------------------*/
#pageTop {
	position: fixed;
	bottom: 50px;
	right: 40px;
	z-index: 997;
}
#pageTop a {
	display: block;
	z-index: 997;
	padding: 8px 0 0 8px;
	text-align: center;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#pageTop img {
	width: 60px;
	height: 60px
}




/* --------------- タブレット ----------------- */
@media screen and (max-width: 768px){
	#pc_header .logo img {
		width: 100px;
	}
	#headbar {
		display: none;
	}
}


/* ---------------- スマートフォン ------------- */
@media screen and (max-width: 667px){
	#pageTop {
		position: fixed;
		bottom: 5px;
		right: 10px;
		z-index: 1000;
	}
	#pageTop img {
		width: 40px;
		height: 40px;
	}
}


/* --------------------- IE ------------------ */
@media all and (-ms-high-contrast:none) {
	#main_menu ul li a {
		padding: 11px 0 5px;
	}
	#headbar ul li a {
		padding: 11px 0 5px;
	}
}