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

.top_wrap {
	max-width: 900px;
	margin: 0 auto;
}
.navbar {
	background: #ffa599;
}
.icon-down-circle:before {
	content: '\e803';
	color: #fff;
}
.gnav_list span {
	color: #fff;
1
}
.top_bg_wrap {
	max-width: 1300px;
}
.top_bg {
	background : -webkit-linear-gradient(90deg, rgba(255, 192, 153, 1) 0%, rgba(255, 165, 153, 1) 89.83%);
	background : -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0, rgba(255, 192, 153, 1) ), color-stop(0.8983, rgba(255, 165, 153, 1) ));
	background : linear-gradient(0deg, rgba(255, 192, 153, 1) 0%, rgba(255, 165, 153, 1) 89.83%);
}
.top_bg_kazari {
	background : url(../images/top_bg_kazari.png) repeat-x center;
	background-size: contain;
	margin-bottom: 60px;
}
.top_btn_hos {
	background: none;
	border: 1px solid #fff;
	transition: none;
}

.top_btn_hos:hover {
	opacity: 1;
	box-shadow:0px 0px 0px 2px #fff inset;
	
}
.btn_menu {
	color: #fff;
}
.navbar-nav > li > .dropdown-menu {
	border-radius: 4px;
}
.navbar-nav > li > .dropdown-menu::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 12px solid #fff;
	position: absolute;
	top: -8px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media screen and (max-width:767px) {
.navbar-nav > li > .dropdown-menu::before {
	display: none;
}
.navbar-nav > li > .dropdown-menu {
	border-radius: 0px;
}
}
.top_heading_style1 {
	max-width: 550px;
	margin: 0 auto;
	text-align: center;
	font-size: 23px;
	line-height: 1.2em;
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 2px solid #533;
	position: relative;
}

@media screen and (max-width:500px) {
.top_heading_style1 {
	font-size: 20px;
}
}
.top_heading_style1 span {
	display: block;
	margin: 0 auto;
	width: calc(100% - 50px);
}
.top_heading_style1::after, .top_heading_style1::before {
	content: "";
	display: block;
	width: 30px;
	height: 27px;
	position: absolute;
	bottom: -2px;
	background: url(../images/top_h1_bg_left.png);
	background-size: 30px 27px;
}
.top_heading_style1::before {
	background: url(../images/top_h1_bg_right.png);
	background-size: 30px 27px;
	right: 0;
}
.top_heading_style2 {
	color: #fff;
	font-size: 21px;
	padding: 10px;
	line-height: 1.2em;
	text-align: center;
	border-radius: 23px;
	background : -webkit-linear-gradient(90deg, rgba(255, 186, 149, 1) 15.74%, rgba(255, 164, 153, 1) 89.83%);
	background : -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0.1574, rgba(255, 186, 149, 1) ), color-stop(0.8983, rgba(255, 164, 153, 1) ));
	background : linear-gradient(0deg, rgba(255, 186, 149, 1) 15.74%, rgba(255, 164, 153, 1) 89.83%);
	position: relative;
	margin: 50px 0 20px;
}

@media screen and (max-width:450px) {
	.top_heading_style2 {
		border-radius: 4px;}
	
}
.top_heading_style2::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 12px solid #ffba95;
	position: absolute;
	left: 50%;
	bottom: -9px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.top_category_nav {
	padding-left: 110px;
}
.top_category_icon1 {
	background: url(../images/icon_top_category1.png) no-repeat 0px center;
	background-size: 102px 167px;
}
.top_category_icon2 {
	background: url(../images/icon_top_category2.png) no-repeat 0px center;
	background-size: 102px 167px;
}
.top_category_icon3 {
	background: url(../images/icon_top_category3.png) no-repeat 0px center;
	background-size: 102px 167px;
}
.top_category_nav li {
	border-radius: 4px;
	background: #fff5f0;
}


.top_category_nav a:hover{
	box-shadow:0px 0px 0px 2px #ffa599 inset;
}


.top_category_nav a {
	padding: 18px 25px 18px 20px;
	display: block;	
	margin-bottom: 12px;
	border-radius: 4px;
	position: relative;
}


.top_category_list_img1 {
	background: url(../images/article_1_thum.png) no-repeat left center;
	background-size: 118px 81px;
}

.top_category_list_img2 {
	background: url(../images/article_2_thum.png) no-repeat left center;
	background-size: 118px 81px;
}

.top_category_list_img3 {
	background: url(../images/article_3_thum.png) no-repeat left center;
	background-size: 118px 81px;
}


.top_category_list_img4 {
	background: url(../images/article_4_thum.png) no-repeat left center;
	background-size: 118px 81px;
}


.top_category_list_img5 {
	background: url(../images/article_5_thum.png) no-repeat left center;
	background-size: 118px 81px;
}


.top_category_list_img6 {
	background: url(../images/article_6_thum.png) no-repeat left center;
	background-size: 118px 81px;
}


.top_category_list_img7 {
	background: url(../images/article_7_thum.png) no-repeat left center;
	background-size: 118px 81px;
}


.top_category_list_img8 {
	background: url(../images/article_8_thum.png) no-repeat left center;
	background-size: 118px 81px;
}


.top_category_nav dl {
	padding-left: 112px;
}
.top_category_nav dt {
	font-size: 17px;
	margin-bottom: 7px;
}
.top_category_nav dd {
	margin-left: 21px;
	color: #988;
}
.top_category_nav .icon-right-open-big {
	color: #ffa599;
	font-size: 1.3em;
}
.top_category_nav .icon-right-open-big::before {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translatey(-50%);
}

@media screen and (max-width:767px) {
.top_category_nav {
	padding-left: 0px;
}
.top_category_icon1 {
	background: none;
	background-size: 80px 131px;
}
.top_category_icon2 {
	background: none;
	background-size: 80px 131px;
}
.top_category_icon3 {
	background: none;
	background-size: 80px 131px;
}
.top_heading_style2 {
	font-size: 19px;
	padding: 16px;
}
.top_category_nav dt {
	font-size: 15px;
	margin-bottom: 7px;
}
.top_category_nav dd {
	margin-left: 0px;
	color: #988;
}
}

@media screen and (max-width:500px) {
.top_category_list_img1,.top_category_list_img2,.top_category_list_img3,.top_category_list_img4,.top_category_list_img5,.top_category_list_img6,.top_category_list_img7,.top_category_list_img8 {
	background-position:15px 15px;
	background-size: 118px 81px;
}
.top_category_nav dl {
	padding-left: 0px;
	padding-top: 90px;
}
}

.kyousan {
	margin-bottom:170px;
}

.kyousan h2 {
	font-size: 17px;
	text-align :center;
}

.kyousan h2::before,.kyousan h2::after {
	content: "";
	display: inline-block;
	width: 60px;
	height: 1px;
	vertical-align: middle;
	background: #533;
	margin:0 10px;
}



.kyousan ul {text-align: center;}

.kyousan li {
	display: inline-block;
	width: 24.5%;
	
}

.kyousan a {
	display: block;
	font-size:12px;
	padding: 0 5px;
	line-height:1.3em;
}


.kyousan a:hover {
	opacity: 0.7;
}

@media screen and (max-width:767px) {
	.kyousan li {
	width: 32%;
	
}
	
	@media screen and (max-width:500px) {
			.kyousan li {
				width: 49%;}
	
}
	}