@charset "utf-8";

/* commmon */


body {
    font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:25px;
	font-size:16px;
	color:#333;
}

h2{font-size:22px; font-weight:300; border-bottom:2px solid #E2231A; padding-bottom:10px; margin-bottom:20px;}
h3{font-size:18px; font-weight:300; border-left:9px solid #666; padding:1px 0 1px 8px; margin-bottom:20px;}
h4{font-size:19px; font-weight:300;}
h5{font-size:19px; font-weight:700;}
p{margin-bottom:12px;}


ul,li{list-style: none;}
a{text-decoration: none;}
.inner{width:1060px; padding:0 20px; margin:0 auto; box-sizing: border-box; overflow: hidden;}
.article_l{float: left; margin-right:20px;}
.article_r{overflow:hidden;}
.article_wrapper{overflow:hidden;}
.center{text-align: center;}

.btn{
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:400;
	padding:5px 24px;
	margin-top:px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;}

.btn:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;}

/* header */

header .btn{width:120px;text-align: center;}
header .inner{margin:5px auto 3px;}
.header_wrapper{border-bottom:1px solid #E2231A;box-shadow: 0px 9px 3px -7px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 6px 3px -4.5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 6px 3px 0px rgba(0,0,0,0.2);}

.header_l{float:left;}
.header_r{float:right; overflow: hidden; padding-top:13px;}
.header_r .btn{border:2px solid #fff;}
.nav{width:1020px; margin:0 auto;}
.nav{padding:1px 0 2px;}
.nav>li{display: inline-block;border-right:1px solid #ccc;}
.nav>li:first-child{border-left:1px solid #ccc;}
.nav li a{color:#333; position: relative; padding-left:5px;}
.nav li a:hover{text-decoration: underline;}
.nav_wrapper{background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #ededed 64%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 62%,#ededed 64%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 62%,#ededed 64%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.dropmenu{*zoom: 1;list-style-type: none;width: 1020px;margin: 0px auto 0px;padding: 0;}
.dropmenu:before, .dropmenu:after{content: "";display: table;}
.dropmenu:after{clear: both;}
.dropmenu li{position: relative;width: 23%;float: left;margin: 0;padding: 0;text-align: center;}
.dropmenu li a{display: block;margin: 0;padding: 12px 18px 12px;font-size: 14px;line-height: 1;text-decoration: none;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	cursor:pointer;
	color:#666666;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;}


.dropmenu li ul{list-style: none;position: absolute;z-index: 9999;top: 100%;left: 0;margin: 0;padding: 0;}
.dropmenu li ul li{width: 100%;}
.dropmenu li ul li a{padding: 13px 15px;border-top: 1px solid #ccc;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	text-align: left;}

.dropmenu li a:hover,.dropmenu li:hover > a{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;}

#fade li ul{visibility:hidden; opacity:0; transition:0s;}
#fade li:hover ul{visibility: visible;opacity: 1;}
#fade li ul li a{visibility: hidden;opacity: 0;transition: .5s;}
#fade li:hover ul li a{visibility: visible;opacity: 1;}

nav{display: none;}
nav .dropmenu >li a{box-sizing: border-box; padding:12.2px 15px;}
nav .dropmenu >li:first-child{width:80px;}
nav .dropmenu >li:first-child a{padding:12.2px 10px;}
nav .dropmenu >li:nth-child(2){width:100px;}
nav .dropmenu >li:nth-child(2) a{padding:12.2px 10px;}
nav .dropmenu >li:last-child,nav .dropmenu >li:nth-child(5){border:none;}
nav .dropmenu >li:last-child{width:10.8%;}
nav .dropmenu >li:last-child a{
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	color:#ffffff;
	text-shadow:0px 1px 0px #cc9f52;
	border-radius: 5px;
	padding:18px 5px;
	}

nav .dropmenu >li:last-child a:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;}

.clone-nav {position: fixed;top: 0;left: 0;z-index: 2;width: 100%;transition: .3s;transform: translateY(-100%); display: block;}
.is-show {transform: translateY(0);}

.breadcrumb{background: #f0f0f0;}
.breadcrumb ul{width:1020px; margin:0 auto; padding:4px 0;}
.breadcrumb ul li{display:inline-block; font-size:12px;}
.breadcrumb ul li a{color:#646464;}

#index_tab ul li{display: inline-block; background: #E8E8E8; width:20.8%; padding:8px 20px; text-align: center; border:1px solid #949494; border-right:none; border-radius: 3px 3px 0px 0px;}
#index_tab ul li:last-child{border-right:1px solid #949494;}
#index_tab ul li a{color:#707070;}
#index_tab ul li a:hover{text-decoration: underline;}
/* contents */


/* footer */
footer{width:100%; margin:0 auto; text-align: center; background: #CCCCCC; padding:40px 0 0;}
footer ul{background: rgba(255,255,255,1.00); padding:5px 0;}
footer ul li{display: inline-block;}
footer ul li br{display:none;}
footer ul li a{color:#666; text-decoration: none; border-right:1px solid #888; font-size:13px; padding-right:20px; margin-right:20px; font-weight: 400;}
footer ul li a:hover{text-decoration: underline;}
footer ul li:last-child a{border: none;}
.contact{font-size:33px; margin-bottom:25px; color:#5A5A5A; font-weight:600;}
.line{max-width:600px; margin:0 auto; border-bottom: 1px solid #666;}
.tel{color:#5A5A5A;; font-size:20px; margin:15px auto 25px;}
.copyright{font-size:11px; color:#5A5A5A;; padding:10px 0 1px 0;}
footer .btn{margin-bottom:20px; padding:10px 50px; border:2px solid #fff;}

#page-top {position: fixed;bottom: 27px;right: 20px;font-size:25px;line-height:2.3;font-weight:bolder; z-index: 999;}
#page-top a {background: #FF6A00;text-decoration: none;color: #ffffff;width: 60px;height:60px;text-align: center;display: block;border-radius: 100%;}
#page-top a:hover {text-decoration: none;font-weight:bolder;opacity: 0.9;}

@media screen and ( max-width:479px ){

}