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

/* @@@20170714 イベントニュースカテゴリー非表示 */
.post .category {	display: none;}

/* WEBフォント読み込み */
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../../font/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
    src: url('../../font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../font/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
    url('../../font/NotoSansCJKjp-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../../font/NotoSansCJKjp-Light.eot');
    src: url('../../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansCJKjp-Light.woff') format('woff'),
    url('../../font/NotoSansCJKjp-Light.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../../font/NotoSansCJKjp-DemiLight.eot');
    src: url('../../font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('../../font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../../font/NotoSansCJKjp-Regular.eot');
    src: url('../../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../../font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../../font/NotoSansCJKjp-Medium.eot');
    src: url('../../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../../font/NotoSansCJKjp-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../../font/NotoSansCJKjp-Bold.eot');
    src: url('../../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../../font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../../font/NotoSansCJKjp-Black.eot');
    src: url('../../font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansCJKjp-Black.woff') format('woff'),
    url('../../font/NotoSansCJKjp-Black.ttf')  format('truetype');
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
li.list01 .hvr-bounce-to-top:before {
	background: #e46e5c;
}
li.list02 .hvr-bounce-to-top:before {
	background: #4da7d8;
}
li.list03 .hvr-bounce-to-top:before {
	background: #8fbb41;
}
li.list04 .hvr-bounce-to-top:before {
	background: #298698;
}
li.list05 .hvr-bounce-to-top:before {
	background: #f1bd32;
}
li.list06 .hvr-bounce-to-top:before {
	background: #a989d9;
}
li.list07 .hvr-bounce-to-top:before {
	background: #ec93b6;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* 初期化 */
html {
	-webkit-text-size-adjust: none;
}
* {
	margin:0;
	padding:0;
	border:none;
	vertical-align:baseline;
	font-size:14px;
	font-weight:400;
	font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
}
div, p, a, li {
	line-height:1.5em;
}
a:hover,
a:visited {
	color:#333;
}
body {
	border-top:#e75642 solid 10px;
	border-bottom:#e75642 solid 10px;
	background:#eeeeee;
}
img {
	vertical-align:bottom;
}
header,footer,nav,article,section,aside {
	display: block;
}
ol, ul {
	list-style:none;
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color:#333;
}
.l {
	float:left;
}
.r {
	float:right;
}
.clearbox {
	position: relative;
	margin-bottom: 30px;
}
.clearbox:after {
    content:" ";
    display:block;
    clear:both;
}
.attention {
	color: #e60012;
}

/* ヘッダー */
#header {
	margin-bottom:30px;
	padding-top:15px;
}
#header .logo {
	margin-bottom:15px;
}
/* ヘッダーメニュー */
#header .headermenu {
	text-align:right;
	margin-bottom:15px;
}
#header .headermenu li {
	display:inline;
	border-left:#e75642 solid 4px;
	padding-left:5px;
	margin-right:10px;
}
#header .headermenu li.last {
	margin-right:0;
}
#header .headermenu li:last-child {
	border: none;
}
/* メインメニュー */
#header #mainmenu {
	clear:both;
	background:#fff;
}
#header #mainmenu li {
	font-weight:300;
	text-align:center;
	position:relative;
}
#header #mainmenu li.list01 {
	border-bottom:#e46e5c 5px solid;
}
#header #mainmenu li.list02 {
	border-bottom:#4da7d8 5px solid;
}
#header #mainmenu li.list03 {
	border-bottom:#8fbb41 5px solid;
}
#header #mainmenu li.list04 {
	border-bottom:#298698 5px solid;
}
#header #mainmenu li.list05 {
	border-bottom:#f1bd32 5px solid;
}
#header #mainmenu li.list06 {
	border-bottom:#a989d9 5px solid;
}
#header #mainmenu li.list07 {
	border-bottom:#ec93b6 5px solid;
}
#header #mainmenu li a {
	display:block;
	line-height:1.3em
}
#header #mainmenu li span {
	display:block;
	width:100%;
	overflow:hidden;
	position:absolute;
	top:20%;
}
#header #mainmenu li span img {
	position:relative;
}
#header #mainmenu li span img.hover {
	top:-100%;
}

/* メインコンテンツ */
#main {
	margin-bottom:50px;
}
#main .subhead {
	font-size:110%;
	font-weight:600;
	margin-bottom:10px;
	padding-left:5px;
	border-left:3px solid #e75642;
}

/* サイドバー */
#sidebar {
	margin-bottom:50px;
}
#sidebar .bunner_list li {
	margin-bottom:20px;
	
}
/* フッター */
#footer {
}
#footer .footer_list {
	overflow:hidden;
	margin-bottom:15px;
}
#footer .footer_list li {
	float:left;
	border-left:4px solid #e75642;
	padding-left:5px;
	margin-right:15px;
}
#footer .top_jump {
	position:relative;
}
#footer .top_jump a {
	background:url(../../images/shared/gray_bg.png) repeat;
	color:#fff;
	padding:8px;
	position:absolute;
	right:0;
	top:-4px;
}
#footer .top_jump a img {
	max-width:17px;
	margin-left:5px;
}
#footer .footer_box {
	background:#fff;
}
#footer #footermenu {
	overflow:hidden;
	margin-bottom:30px;
}
#footer #footermenu li a {
	font-weight:500;
	padding-top:10px;
	height:50px;
	display:block;
	text-align:center;
}
#footer #footermenu li.list01 {
	border-bottom:#e46e5c 5px solid;
}
#footer #footermenu li.list02 {
	border-bottom:#4da7d8 5px solid;
}
#footer #footermenu li.list03 {
	border-bottom:#8fbb41 5px solid;
}
#footer #footermenu li.list04 {
	border-bottom:#298698 5px solid;
}
#footer #footermenu li.list05 {
	border-bottom:#f1bd32 5px solid;
}
#footer #footermenu li.list06 {
	border-bottom:#a989d9 5px solid;
}
#footer #footermenu li.list07 {
	border-bottom:#ec93b6 5px solid;
}
#footer .footer_box .footer_bunner_list {
	overflow:hidden;
	margin-bottom:30px;
}
#footer .footer_box .footer_bunner_list li {
	float:left;
	margin-left:3%;
	margin-bottom:10px;
	height:100%;
	width:30%;
}
#footer .footer_box .footer_bunner_list li.last {
	margin-bottom:0;
}
#footer .footer_box .footer_bunner_list li img {
	margin-top:1px;
}
#footer .end_content {
	background:#e75642;
	position:relative;
}
#footer .end_content p {
	color:#FFFFFF;
	text-align:right;
	margin-right:10px;
}
#footer .end_content small {
	color:#FFFFFF;
	position:absolute;
	bottom:10px;
	right:10px;
}

/* smartphone */
#header .headermenu li a,
#footer .footer_list li a {
	font-size:85%;
}
#header #mainmenu li a {
	height:25px;
	font-size:55%;
	padding-top:70%;
}
#footer #footermenu li a {
	font-size:55%;
}
#header #mainmenu li span {
	height:30px;
}
#header #mainmenu li span img {
	max-width:30px;
}
#footer .footer_bunner_list {
	margin-top:15px;
}
#footer .end_content {
	margin-right:3%;
	margin-left:3%;
	margin-bottom:15px;
}
#footer .end_content p {
	font-weight:200;
}
#footer .end_content p.address {
	padding-top:10px;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
#header .headermenu li a,
#footer .footer_list li a {
	font-size:100%;
}
#header #mainmenu li a {
	height:47px;
	font-size:110%;
	padding-top:55%;
}
#footer #footermenu li a {
	font-size:110%;
}
#header #mainmenu li span {
	height:44px;
}
#header #mainmenu li span img {
	max-width:44px;
}
#footer .footer_bunner_list {
	margin-top:0;
}
#sidebar .bunner_list li img {
	max-width:300px;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
#footer .end_content {
	margin-right:15px;
	margin-left:0;
	margin-bottom:0;
}
#sidebar .bunner_list li img {
	max-width:100%;
}
}