@charset "UTF-8";
/*header*/
#link{color:#ffffff; text-align: right;font-size: 1.0rem;}
header a{color:#ffffff;}
header h2{text-align: center; color: #ffffff;line-height: 60px;}
.yellow{color: #EB9720;}
.green{color: #609816;}
.blue{color: #309CB4;}
.red{color: #C72200;}
#slide .swiper-pagination-bullet-active {background: #ffffff;}
#slide .swiper-pagination-bullet-active-prev{background: #ffffff;}
#slide .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
    opacity: .2;
}
/*footer*/
#footer{background: #ff0000;clear: both; color: #ffffff;padding: 10px 0;font-size: 1.2rem;}
#footer a{ color: #ffffff;}
#footer a:hover{text-decoration: underline;}
#page-top {position: fixed;bottom: 80px;right: 20px;}
#page-top a { background: #ffffff;border: 2px solid #ebeae6;width: 50px; height: 50px;text-align: center;display: block;}
#page-top img{position: absolute; top:50%;left:50%; margin-left: -14px; margin-top: -7px;}
#page-top a:hover {text-decoration: none;background: #ebeae6;}
.leftbox{width: 48%;float: left;margin-right: 2%;}
.rightbox{width: 48%;float: left;margin-left: 2%;}

#contactus {position: fixed;top: 250px;right: 0px;}
/*pankuzu*/
.pankuzu{max-width:1000px;margin:10px auto;font-size: 1.3rem;border-bottom: 1px solid #EEEEEE;padding-bottom: 5px;}
.pankuzu a{}
/*pankuzu_arrow*/
.pankuzu_arrow{
  position: relative;
  display: inline-block;
  padding-left: 8px;
}
.pankuzu_arrow::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FF0100;
  border-right: solid 2px #FF0100;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}

.reg_size{font-size:0.5em;}

/*200203_details_button*/
.details_button{border:3px solid #f2f2f2;border-radius:40px;width: 70%;margin: 10px auto;font-size: 0.9em;display:block;text-align: center;}
.details_button:hover{background-color:#656464;color:#fff;}
.sp{display:none;}


/* 1000以上*/
@media screen and (min-width: 1000px) {
/*header*/
.sp{display: none;}
#top{min-width:1000px;}
.container{width:1000px;margin: 50px auto 0 auto;}
.wrap01{width: 1000px; margin: auto;}
#redwrap{background: #ff0000;height: 60px;}
header{background: #000;position: relative;}
.toggleWrap ul{width: 1000px;}
/*navi*/
.toggleWrap{width:100%;}
.toggleWrap ul{height: 60px; margin:0 auto ; position: relative;left: 190px;}
.toggleWrap ul li a{width: 13.5%;float: left; display: block;color: #ffffff;line-height: 60px; text-align: center;}
.toggleWrap ul li a:hover {background: #a4000b;}
.toggleWrap{min-width:1000px;}
#logo{background: #ff0000;position: absolute;top: 0;left: 50%;padding: 40px 0 20px 0;text-align: center;width: 190px;margin-left: -500px;}
#logo img{width: 140px;}
#link{line-height: 30px;}
.toggleWrap  ul li a{font-size: 1.4rem;}
#slide {background: #EFEFEF;height: 350px; text-align: center;position: relative;}
#slide .swiper-container {width: 1000px;}
#slide 	.swiper-pagination{z-index: 999999;position: absolute;bottom: -5px}
#copyright{float: right; color: #ffffff;font-size: 1.0rem;}
/*footer*/
#footer{margin-top: 50px;}

.breadcrumbs {width: 1000px;padding: 10px 0;margin: 0 auto;line-height:90%;overflow: auto;}
.breadcrumbs li+li {background: url(../image/breadcrumbs_icon.png) left center no-repeat;padding: 0 0 0 1.5em;}
.breadcrumbs ul:before, .breadcrumbs ul:after {content: "";display: table;}
.breadcrumbs ul:after {clear: both;}
.breadcrumbs li a:hover {text-decoration: underline;}
.breadcrumbs ul{height: 0px;margin: 0 0;position: relative;left: 0px;}
.breadcrumbs li {float: left;margin: 0 1em 0 0;font-size:1.1rem;}
.breadcrumbs li a {color: #666;text-decoration: none;}
}

/* 999以下共通*/
@media screen and (max-width: 999px) {
#top,nav{min-width:90%;}
.wrap01{width: 90%; margin: auto;}
.container {width: 90%;margin: 30px auto;}
nav ul {width: 90%;margin: 0 auto;}
#redwrap{background: #ff0000;height: 60px;}
header{background: #ff0000;position: relative;}
#logo{position: absolute;top: 15px;left: 50%;padding:0;text-align: center;width: 190px;margin-left: -50%;}
#logo img{width: 140px;}
#link{line-height: 50px;}
#link span{display: none;}
#redwrap h2{font-size: 2.0rem;letter-spacing: 0;}
#redwrap{background: #ff0000;height: 1px;}

.breadcrumbs {width: 90%;padding: 10px 0;margin: 0 auto;line-height:90%;overflow: auto;}
.breadcrumbs li+li {background: url(../image/breadcrumbs_icon.png) left center no-repeat;padding: 0 0 0 1.5em;}
.breadcrumbs ul:before, .breadcrumbs ul:after {content: "";display: table;}
.breadcrumbs ul:after {clear: both;}
.breadcrumbs li a:hover {text-decoration: underline;}
.breadcrumbs ul{height: 0px;margin: 0 0;position: relative;left: 0px;}
.breadcrumbs li {float: left;margin: 0 1em 0 0;font-size:1.1rem;}
.breadcrumbs li a {color: #666;text-decoration: none;}
}

/* 768-999の間*/
@media print, screen and (min-width: 768px) and (max-width: 999px) {
.pankuzu{max-width:90%;margin:10px auto;}
/*header{background: #000;position: relative;}
nav{width:100%;}
nav ul{height: 60px; margin:0 auto ; position: relative;left: 118px;}
nav ul li a{width: 12.5%;float: left; display: block;color: #ffffff;line-height: 60px; text-align: center;}
nav ul{width: 90%;}
nav ul li a{font-size: 1.1rem;letter-spacing: 0;}
nav ul li a:hover {background: #a4000b;}
#logo{background: #ff0000;position: absolute;top: 0;left: 50%;padding: 40px 0 10px 0;text-align: center;width: 190px;margin-left: -50%;}
#logo img{width: 140px;}*/
#slide 	.swiper-pagination{z-index: 999999;position: absolute;bottom: -5px}
#copyright{float: right; color: #ffffff;font-size: 1.0rem;}
/*footer*/
#footer{margin-top: 50px;}
#contactus{bottom: 0px;left: auto;top:auto;right:auto;}
.pc{display:none;}
.sp{display::fixed}
}
/* 767以下共通*/
@media screen and (max-width: 767px) {
#top{min-width:90%;}
.wrap01{width: 90%; margin: auto;}
.container {width: 90%;margin: 30px auto;}
#copyright{text-align: center;margin-top: 10px;border-top: 1px solid #ffffff;padding-top: 10px; color: #ffffff;font-size: 1.0rem;}
/*footer*/
#footer{margin-top: 30px;}
.leftbox,.rightbox{width:100%;float:none;margin-right:0;margin-left:0; }
.breadcrumbs {padding: 1% 0;margin: 0 auto;line-height:1.5;overflow: auto;background: #ebebeb;width:100%}
.breadcrumbs li+li {background: url(../image/breadcrumbs_icon.png) left center no-repeat;padding: 0 0 0 1.5em;}
.breadcrumbs ul:before, .breadcrumbs ul:after {content: "";display: table;}
.breadcrumbs ul:after {clear: both;}
.breadcrumbs li a:hover {text-decoration: underline;}
.breadcrumbs ul{width: 90%;margin: 0 auto;}
.breadcrumbs li {float: left;margin: 0 1em 0 0;font-size: 1.0rem;}
.breadcrumbs li a {color: #666;text-decoration: none;}
#h2ttl h2{background-color: rgba(255,255,255,0.7);width: 100%;padding-left: 6%;}
#contactus{bottom: 0px;left: auto;top:auto;right:auto;}
.pc{display:none;}
.sp{display::fixed}
}