@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Poppins);
@import url(init.css);
body{
  position:relative;
  background:#fff;
  -webkit-text-size-adjust:100%;
  margin-top:158px;
/*overflow: scroll;*/

/*-webkit-overflow-scrolling: touch;*/
}
::-moz-selection{
  background:#b2d7fe
}
.text-white{
	color:#fff;
}
a{
  color:#82a6c9;
  text-decoration:underline;
  transition:.3s;
  -webkit-transition:.3s
}
.noT a:hover{
  text-decoration:none;
}
.category-28 .noT a:hover{
  text-decoration:none;
  color:#2e3c52;
}
.caption{
  color:#999;
  font-size:83.4%
}
.cap{
  color:#999;
  font-size:83.4%;
  padding-top:5px
}
.formText{
  padding:3px 2px;
  border:#ccc solid 1px
}
img{
  max-width:100%;
  height:auto
}
.sp,.sp_cont{
  display:none!important
}
.spnav{
  display:none
}
#page_top{
  background-color: #173c5f;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 200;
}
#page_top::before {
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  content: "\f106";
  font-weight: 900;
  font-size: 2rem;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.colona {
  font-size: 12px!important;
  color: #d4c69a!important;
  padding-top: 5px!important;
}/*　フッターの営業時間変更中　のCSS　*/
.sp-header-logo-area{
	display:none;
}
.footer-menu-sp{
  display:none;
}
.sub-menu-bar{
  display: none;
}
.sub-menu-bar.active{
  position:absolute;
  top:135px;
  left:0;
  z-index:10;
  display: block;
  width:100%;
  padding:30px 0;
  background:rgba(23,60,95,0.5);
}
.sub-menu-bar.active .hover-movie{
  display: flex;
  justify-content: space-around;
  font-size:18px;
}
.sub-menu-bar.active a{
  color: #fff;
  text-decoration:none;
}
.sub-menu-bar.active a:hover{
  text-decoration:underline;
}
.header-tel{
  color:#d4c69a!important;
  display: inline-block;
  font-size: 2.5rem;
  text-decoration: none;
}
.header-tel img{
  width:40px!important;
  height:40px!important;
  padding-top:10px;
}
.header-tel span{
  font-size: .6rem;
}
@media only screen and (max-width:425px){
  .header-tel{
    font-size: 1rem;
  }
}
@media only screen and (max-width:640px){
  .sp{
    display:block!important
  }
  .sp_cont{
    display:inline-block!important
  }
  .pc{
    display:none!important
  }
  .sub-header{
    position:absolute;
    top:15px;
    right:70px;
    z-index:1000;
  }

  #gNav .submenu il{
    display:block;
  }
  .footer-menu-box{
    display:none;
  }
  #page_top{
    bottom:100px;
  }
}
@media only #pagenation ul and (min-width:639px){
  .fade:hover,.fadeArea a:hover{
    opacity:.7
  }
}
#wrapper{
  color:#666;
  font-family:Poppins;
  font-size:12px;
  line-height:1.5;
  text-align:left
}
.nomal{
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif
}
.wrap{
  position:relative;
  max-width:940px;
  margin-right:auto;
  margin-left:auto;
  padding-left:12px;
  padding-right:12px
}
.sub-header{
  max-width:940px;
  margin:0 auto;
  text-align: right;
  padding:10px 0 0 0;
    font-size: 14px;
}
.sub-header a{
  color:#fff;
}
.sub-header a:not(:last-of-type){
  margin-right:3px;
	margin-bottom:3px;
	margin-left:5px;
}
.sub-header a:last-of-type{
  margin-top:3px;
}
.sub-header img{
  width: auto;
  height:15px;
  padding-right:5px;
}
.header-style{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background:#182a44;
  transition:.4s;
  -webkit-transition:.4s;
  z-index:100
}
.header-style-staff{
  top:0
}
#header.open{
  top:0;
/*   background:rgba(24,42,68,.25) */
}
.header-style a{
  display:inline-block
}
#siteLogo{
  padding:0 0 24px
}
@media only screen and (max-width:640px){
  .header-style{
    top:0;
    background:#182a44
  }
  .cpnav{
    display:none
  }
  .spnav{
    display:none
  }
  .header-style .wrap{
    padding:0
  }
  #siteLogo{
    padding:15px 12px 10px;
    background:#182a44
  }
  #siteLogo img{
    height:35px;
	width:auto;
  }
  #spMenu{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:70px;
    cursor:pointer;
    z-index:5
  }
#siteLogo .sp-header-logo-area{
	position:absolute;
	top:26px;
	right:60px;
	display:block;
}
#siteLogo .sp-header-logo-area img{
	height:18px;
	width:auto;
	margin-right:10px;
}
  .openMenu span,.openMenu:after,.openMenu:before{
    position:absolute;
    top:33px;
    left:20px;
    display:block;
    content:'';
    width:30px;
    height:3px;
    background-color:#fff;
    border-radius:5px;
    transition:.2s;
    -webkit-transition:.2s
  }
  .closeMenu:after,.closeMenu:before{
    position:absolute;
    left:20px;
    display:block;
    background-image:url(../images/menuclosebtn.png);
    color:#fff;
    width:30px;
    height:3px;
    font-weight:lighter;
    font-size:41px
  }
  .closeMenu{
    position:absolute;
    right:-15px!important;
    top:17px!important;
    display:block;
    background:url(../images/menuclosebtn.png) no-repeat
  }
	.closeMenu p{
		display: none;
	}
  .openMenu:before{
    margin-top:-12px
  }
	.openMenu p{
		color:#fff;
		font-size: .7rem;
		text-align: center;
		padding-top:3px;
	}
  .openMenu:after{
    margin-top:9px
  }
  .openMenu span{
    margin-top:-1px
  }
}
#gNav{
  font-size:15px
  ;position:absolute;
  right:0;
  top:26px
}
#gNav li{
  position:relative;
  display:inline-block;
  text-align:center;
  padding-bottom:50px;
  line-height: 14px;
  letter-spacing: 1.2px;
  font-size: 14px;
}
#gNav li a{
  padding:4px 6px;
  text-decoration:none;
  color:#fff;
}

#gNav li .navhover,#gNav li .addhover{
  display:none
}
#gNav li:hover .nohover{
  opacity: .5
}#gNav li:hover .navhover{
  display:block;
  font-size:12px
}
#gNav li .nav-child{
  display:none;
}
#gNav li:hover .nav-child{
  display: block;
  background-color:#173c5f;
  color:#fff;
  position:absolute;
  top:25px;
  left:0;
  width:80px;
  padding:5px 0;
  font-size: 12px;
}
#gNav li:hover .nav-child a:hover{
  opacity:.5;
}
#gNav li .active,#gNav li a:hover{
  padding-bottom:0px;
  white-space: nowrap;
}
#gNav li a span{
  font-size:8px;
  white-space: nowrap;
}
#gNav .headertelbtn {
  text-align: center;

}
#gNav .headertelbtn a {
  padding: 10px 30px;
  font-size: 16px;
  display: inline-block;
  text-decoration: none;
  transition: .5s;
  font-family: yu-mincho-pr6,sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 24px 0;
  border: 1px solid #173c5f;
}
#gNav .headertelbtn a:hover {
  background-color: #173c5f;
}
#gNav .headertelbtn a::before {
  content: "";
  display: inline-block;
  background-image: url(../images/new/mobilemap.png);
  width: 16px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  margin-right: 5px;
  transition: .5s;
}
#gNav .headertelbtn a:hover::before {
  content: "";
  display: inline-block;
  background-image: url(../images/new/mphone.png);
}
#gNav .headertelbtn span {
  margin-left: 20px;
  text-align: center;
  color: #173c5f!important;
  font-size: 120%!important;
  font-weight: 700!important;
}
#gNav .headertelbtn span:hover {
  color: #fff!important;
}
.nav_menu {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 3em;
  max-width:140%;
  min-height: 0;
  height: 0;
  z-index: 3;
  transition: min-height 0.5s;
display: block;
  background-color: #182a44;
	color: #fff;
	display: block;
	text-align: left;

}
.nav_menu > li{
	padding:0!important;
	line-height: inherit!important;
}
.nav_menu > li > a {
	font-size: .6rem!important;
	line-height:.6rem;
	width:auto!important;
	white-space: nowrap;
	line-height: 1.75;
	padding:10px 0!important;
	display: block;
	padding:4px 6px!important;

}
.nav_menu > li > a:hover {
	  opacity: .5;
		white-space:normal;
}
#gNav .nav_menu.active {
	  height:auto;
	  border:solid 1px #fff;
	white-space:normal;
}
.add-sub-menu .arrow{
	position: relative;
}
.add-sub-menu .arrow::after{
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: '\f107';
	font-weight: 900;
	bottom:-7px;
	right:0;
	left:0;
	font-size: .3rem;
}
.head-sub {
  color: #182a44;
  padding: 10px 10px 0!important;
  display: none;
}
/*
.cpnav li:nth-child(1) a{
  width:36px
}
.cpnav li:nth-child(2) a{
  width:64px
}
.cpnav li:nth-child(3) a{
  width:50px
}
.cpnav li:nth-child(4) a{
  width:50px
}
.cpnav li:nth-child(5) a{
  width:45px
}
.cpnav li:nth-child(6) a{
  width:60px
}
.cpnav li:nth-child(7) a{
  width:60px
}
.cpnav li:nth-child(8) a{
  width:75px
}
.cpnav li:nth-child(9) a{
  width:75px
}
.cpnav li:nth-child(10) a{
  width:75px
}
.cpnav li:nth-child(11) a{
  width:75px
}
*/


@media only screen and (max-width:800px){
  #gNav li{
    margin-left:15px
  }
}
@media only screen and (max-width:730px){
  #gNav li img{
    height:28px;
    width:auto
  }
  .head-sub {
    font-size: 12px;
  }
}
@media only screen and (max-width:640px){
	.accordion-container .accordion-title {
	  position: relative;
	  cursor: pointer;
	}
	.accordion-container .accordion-title::after {
		position: absolute;
		margin:auto;
		top:0;
		bottom:0;
		right: 25px;
		transition: all .3s ease-in-out;
		font-family: 'Font Awesome 5 Free';
	 	content: '\f107';
	 	font-weight: 900;
		color: #182a44;
		line-height: 2.3em;
	}
	.accordion-title.open:after {
	  content: '\f106';
	}
	#gNav.spnav .accordion-content{
		display: none;
		padding:0 5px 5px;
		margin-bottom:0;
	}
	#gNav.spnav .accordion-content li a{
		border:none;
		font-size: 13px;
		padding:5px 0 5px 30px;
	}
	#gNav.spnav .accordion-content li{
		border-bottom:none!important;
	}
    #gNav.spnav li a.realranking span{
        margin-left: 30px;
    }

  #gNav{
    overflow:hidden;
    position:fixed;
    right:0;
    top:76px;
    width:100%;
    height:87%;
    background-color:rgba(255,254,254,.9);
    -webkit-overflow-scrolling:touch;
    display:none;
    z-index:10;
	  overflow: scroll;
  }
  #gNav ul{
    padding:38px 12px 15px;
    margin-bottom:19px;
    width:38%;
    float:left
  }
  #gNav.spnav ul{
    padding:12px;
    width:auto;
    margin-bottom:0;
    float:none;
	  overflow-y: scroll;
	  margin-bottom:30px;
  }
	.nav-header{
		background: #182a44;
		padding: 30px 12px 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap:wrap;
		flex-direction:column;
	}
	.nav-header a:first-child{
		width: 100%;
		text-align:center;
		padding-bottom:15px;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.nav-header .text-white{
		padding-left:10px;
	}
	.nav-header .text{
		color:#fff;
		width:100%;
		text-align:center;
	}
	.nav-header a{
		display: block;
		color:#ffffff;
		text-decoration:none;
		padding-bottom:10px;
	}
	.nav-header a img{
		vertical-align: baseline;
		padding-right:10px;
	}
  #gNav.spnav li{
    float:none;
    margin-left:0;
    margin-bottom:0;
    display:block;
    text-align:left;
    border-bottom:1px solid #182a44;
    padding-bottom:0;
  }
  #gNav.spnav li a{
    padding:10px;
    line-height:1.5;
	  position: relative;
  }
  #gNav.spnav li a.spnav-top{
    padding-top:0;
	  font-size:20px;
  }
    #gNav.spnav li a i{
        width: 25px;
        text-align: center;
        padding-right: 5px;
    }
    #gNav.spnav li a i img{
        height: auto;
        width: inherit;
        vertical-align: middle;
    }
  #gNav li{
    float:none;
    margin-left:17px;
    margin-bottom:32px;
    text-align: center;
  }
  #gNav li a{
    position:relative;
    color:#182a44;
    font-size:16px;
  }
  #gNav li .active,#gNav li a:hover {
    white-space: pre-wrap;
  }
  #gNav li img{
    height:24px
  }
/*
  #gNav li .active,#gNav li a:hover{
    padding-bottom:0;
    border-bottom:0
  }
*/
  #gNav .close{
    padding-bottom:30px;
    text-align:center;
    cursor:pointer
  }
  #gNav .close img{
    width:35px
  }
}
#breadcrumb{
  background:#f7f7f7;
  padding:7px 206px 7px
}
#breadcrumb span{
  color:#222
}
#breadcrumb span a{
  color:#fff;
  position:relative;
  display:inline-block;
  text-decoration:none
}
#breadcrumb span a:hover::after{
  opacity:0;
  bottom:0;
  visibility:visible
}
#breadcrumb span a::after{
  background:#fff
}
#breadcrumb span a:hover{
  color:#71a7cc
}
#instaList{
  width:788px;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto
}
@media only screen and (max-width:640px){
  #instaList{
    width:93%
  }
  #breadcrumb{
    padding:7px 8px 7px
  }
}
#container{
  position:relative;
  z-index:1;
}
#pageTitle{
  height:150px;
  text-indent:inherit;
  background-repeat:no-repeat;
  background-position:center center
}
#pageTitle.notFound{
  background-image:url(/images/blog/head_bg.jpg)
}
.pTitle{
  text-align:center;
  padding-top:60px;
  font-size:35px;
  color:#fff;
  padding-bottom:0;
  letter-spacing:4px;
  font-weight:700
}
.Titleunderline{
  width:41px;
  border:2px solid #fff;
  margin-top:4px;
  margin-bottom:49px
}
@media only screen and (max-width:640px){
  #footer dd a img{
    width:40px;
	  padding-bottom:15px;
  }
  .pTitle{
    padding-top:20px;
    line-height:1.5;
  }
  #pageTitle{
    height:100px;
    background-size:cover
  }
  .footer-menu.sp {
    height: 280px;
  }
  .footer-menu-sp{
    display: block;
    position:fixed;
    bottom:0;
    background-color: rgba(146,1,1,1);
    z-index:1000;
    width:100%;
    padding:16px 10px 0;
    box-sizing: border-box;
  }
  .footer-menu-sp .rec-link {
    display: block;
    padding: 0 0 3vw;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    font-family: yu-mincho-pr6, sans-serif;
  }
  .footer-menu-box{
    display: flex;
    justify-content: space-around;
    font-size:16px;
  }
  .footer-menu-box img{
    width:30%;
  }
  .footer-menu-box a{
    font-size:13px;
    letter-spacing:0.08em;
    color:#fff;
    text-decoration:none;
    line-height:1.8;
  }
  .footer-menu-box i {
    font-size:22px;
    color:#fff;
  }
}
@media only screen and (max-width:320px){
	.sub-header a:not(:last-of-type){
		margin-right: 2px;
	}
	.sub-header{
		right: 50px;
	}
  #footer .footer-tel{
    padding-left:20px;
  }
  .foo-menu{
    width:22%!important;
  }
  .foo-menu:nth-child(2){
    width:30%!important;
  }
}
#notfound{
  font-size:20px;
  line-height:1.7
}
#footer{
  padding:30px 0 20px;
  text-align:center;
  background:#0b121e;
  background-size:auto 100%;
  color:#fff
}
#footer .wrap{
  width:800px
}
#footer .wrap:after{
  content:"";
  display:table;
  clear:both
}
#footer h3{
  font-family:'Fjalla One','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  text-align:left;
  margin-bottom:10px;
  font-size:25px;
  color:#fff;
  line-height:2em;
  text-shadow:0 0 20px #fff
}
#footer .footer-teikyuu{
	padding-top:5px;
	display:block;
}
.foot-sitemap{
  width:50%;
  float:left
}
.foot-sitemap:after{
  content:"";
  display:table;
  clear:both
}
#foot-sitemap{
  padding:30px 0 50px;
  text-align:left
}
#foot-sitemap .menu-foot-sitemap-1-container,#foot-sitemap .menu-foot-sitemap-2-container{
  width:50%;
  float:left
}
#foot-sitemap ul.menu{
  font-size:14px
}
#foot-sitemap ul.menu li{
  padding:8px 0
}
#footer small{
  letter-spacing:1px
}
#foot-sitemap ul.menu li a{
  color:#fff;
  position:relative;
  display:inline-block;
  text-decoration:none
}
#foot-sitemap ul.menu li a::after{
  position:absolute;
  bottom:2px;
  left:0;
  content:'';
  width:100%;
  height:1px;
  background:#182a44;
  opacity:1;
  transition:.3s;
  bottom:-4px
}
#foot-sitemap ul.menu li a:hover::after{
  opacity:0;
  bottom:0;
  visibility:visible
}
#foot-sitemap ul.menu li a::after{
  background:#fff
}
#foot-sitemap ul.menu li a:hover{
  color:#71a7cc
}
.fot-icon-wrap{
    background-color:#fff;
}
.fot-icon{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 800px;
    padding: 10px 0;
}
.fot-icon img{
    width: auto;
	height:26px;
    padding: 10px 10px 5px 10px;
}
.fot-icon a:hover{
    opacity: 0.3;
}
.foot-info{
  float:left;
  width:35%;
  text-align:left
}
.foot-info dl{
  font-size:14px;
  color:#fff
}
.foot-info dl dt{
  font-size:20px;
  font-weight:700;
  margin-bottom:20px
}
.foot-info dl dd{
  line-height:1.4em;
  font-size:12px
}
.foot-info dl dd p{
  letter-spacing:1px;
  margin:11px 0 19px 0
}
.foot-info dl dd a{
  color:#fff;
  font-size:18px;
  text-decoration:none;
  letter-spacing:1px
}
.pageline{
  border:.5px solid #c2bf71;
  margin-bottom:10px;
  margin-top:6px
}
.foot-info dd img{
  padding-right:5px
}
.foo-menu{
  float:left;
  width:20.33%;
  padding:0 10px;
  border-left:1px solid #fff
}
.footer-mainmenu a{
  font-family:'ヒラギノ角ゴ Pro W3';
  font-size:10px
}
.footer-menu:after{
  content:"";
  display:table;
  clear:both
}
.footer-mainmenu li a{
  color:#fff;
  text-decoration:none;
  font-size:12px;
}
.footer-mainmenu li{
  padding-bottom:14px
}
.footer-submenu{
  margin-left:17px;
  margin-top:5px;
  border-left:.5px solid #212d42
}
.footer-submenu li{
  padding-bottom:0!important;
  white-space: nowrap;
}
.footer-submenu a{
  padding-left:17px
}
.lastcol{
  width:14.33%
}
@media only screen and (max-width:640px){
  #footer{
    padding:0 0 30px;
    text-align:center
  }
  .footer-menu{
    margin:auto;
    width:100%
  }
  .footer-mainmenu a{
    font-size:12px!important
  }
  #footer img{
    max-width:80px
  }
  #footer h3{
    text-align:center
  }
  #footer .wrap{
    width:80%
  }
  .foot-sitemap{
    margin-bottom:40px
  }
  .foot-info,.foot-sitemap{
    width:100%;
    float:none
  }
  #foot-sitemap{
    padding-bottom:30px
  }
  .foot-info dl{
    text-align:center
  }
  .foot-info dl dd{
    line-height:2.4em;
    letter-spacing:2px
  }
  .foot-info dl dt{
    text-align:center
  }
  .foo-menu{
    width:24.33%;
    margin-top:24px;
  }
  .spfooterPhone{
    position:absolute;
    right:75%;
    width:31px
  }
}
.cmsList01Wrap{
  max-width:800px;
  margin:0 auto;
  padding-left:12px;
  padding-right:12px
}
.cmsList01{
  margin:-25px 0 0 -25px
}
.cmsList01 li{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  float:left;
  width:50%;
  height: 190px;
  padding:25px 0 0 25px;
	  overflow:hidden;
}
.cmsList01 li a{
  position:relative;
  background:#fff;
  display:block;
  padding:8px;
  color:#2e3c52;
  border:#e3ebf3 solid 1px;
  text-decoration:none;
  box-shadow:1px 1px 10px -3px #cbcbcb;
  -moz-box-shadow:1px 1px 10px -3px #cbcbcb;
  -webkit-box-shadow:1px 1px 10px -3px #cbcbcb
}
.cmsList01 li a:after{
  display:block;
  clear:both;
  height:0;
  content:''
}
.cmsList01 li a>*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  float:left;
  display:block
}
.cmsList01 li a .image{
  width:36.76%
}
.cmsList01 li a .texts{
  width:63.24%;
  padding-left:15px
}
.cmsList01 li a .texts>span{
  display:block
}
.cmsList01 li a .texts .date{
  font-size:16px;
  font-weight:700;
  color:#71a7cc;
  text-transform:uppercase
}
.cmsList01 li a .texts .name{
  font-size:14px;
  font-weight:700
}
.cmsList01 li a .texts .ttl{
  margin:3px 0 2px;
  font-size:16px;
  font-weight:700;
  line-height:1.3
}
.cmsList01 li a .texts .txt:after{
  display:inline-block;
  content:'';
  height:1em;
  width:70px
}
.cmsList01 li a .texts .btn{
  position:absolute;
  right:8px;
  bottom:8px;
  padding:2px 5px 5px 12px;
  color:#fff;
  font-size:10px;
  background-color:#82a6c9;
  line-height:1
}
.cmsList01 li a .texts .btn:after{
  position:absolute;
  top:50%;
  left:3px;
  display:block;
  content:'';
  margin-top:-4px;
  border-left:#fff solid 6px;
  border-top:transparent solid 3px;
  border-bottom:transparent solid 3px
}
.cmsList01 li a img{
  display:block
}
@media only screen and (max-width:640px){
  .cmsList01 li{
    width:100%;
  }
  .cmsList01 li a{
    background:#fff
  }
  .cmsList01 li a .image{
    width:125px
  }
  .cmsList01 li a .texts{
    float:none;
    width:auto;
    padding-left:0;
    margin-left:137px
  }
  .cmsList01 li a .texts .date{
    font-size:13px;
    line-height:1
  }
  .cmsList01 li a .texts .name{
    font-size:13px
  }
  .cmsList01 li a .texts .ttl{
    font-size:15px
  }
  .cmsList01 li a .texts .txt{
    font-size:14px
  }
  .cmsList01 li a .texts .btn{
    padding:2px 5px 3px 12px
  }
}
.cmsList02{
  margin:-55px 0 0 -10px
}
.cmsList02 li{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  float:left;
  width:33.3333%;
  padding:55px 0 0 10px
}
.cmsList02 li a{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  display:table;
  width:100%;
  color:#2e3c52;
  text-decoration:none
}
.cmsList02 li a>*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  display:table-cell;
  vertical-align:middle
}
.cmsList02 li a .image{
  width:40%
}
.cmsList02 li a .texts{
  width:60%;
  padding-left:10px
}
.cmsList02 li a .texts>span{
  display:block
}
.cmsList02 li a .texts .date{
  font-size:16px;
  font-weight:700;
  color:#71a7cc;
  text-transform:uppercase
}
.cmsList02 li a .texts .name{
  font-size:14px;
  font-weight:700
}
.cmsList02 li a .texts .ttl{
  margin:3px 0 5px;
  font-size:15px;
  font-weight:700;
  line-height:1.3
}
.cmsList02 li a .texts .btn{
  position:relative;
  max-width:50px;
  padding:2px 5px 4px 12px;
  color:#fff;
  font-size:10px;
  background-color:#82a6c9;
  line-height:1
}
.cmsList02 li a .texts .btn:after{
  position:absolute;
  top:50%;
  left:3px;
  display:block;
  content:'';
  margin-top:-4px;
  border-left:#fff solid 6px;
  border-top:transparent solid 3px;
  border-bottom:transparent solid 3px
}
.cmsList02 li a img{
  display:block
}
@media only screen and (max-width:640px){
  .cmsList02{
    margin:0
  }
  .cmsList02 li{
    width:100%;
    padding:0
  }
  .cmsList02 li+li{
    margin-top:10px
  }
  .cmsList02 li a>*{
    vertical-align:bottom
  }
  .cmsList02 li a .image{
    width:147px
  }
  .cmsList02 li a .texts{
    width:auto;
    padding-left:0;
    margin-left:158px
  }
  .cmsList02 li a .texts .date{
    margin-bottom:5px;
    font-size:17px;
    line-height:1
  }
  .cmsList02 li a .texts .name{
    font-size:15px
  }
  .cmsList02 li a .texts .ttl{
    font-size:17px
  }
  .cmsList02 li a .texts .btn{
    padding:2px 5px 3px 12px
  }
}
#pagenation{
  position:relative;
  overflow:hidden;
  width:100%;
  margin-bottom:70px
}
#pagenation ul{
  position:relative;
  float:left
}
#pagenation li{
  position:relative;
  left:-50%;
  float:left
}
#pagenation li a{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  display:block;
  width:auto!important;
  min-width:30px;
  height:30px;
  width:30px;
  font-size:14px;
  margin:2px;
  padding-top:7px;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  line-height:1
}
#pagenation li a span{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  background:#fff
}
#pagenation li a span:after{
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  content:'';
  margin:-8px 0 0 -7px;
  border-top:transparent solid 8px;
  border-bottom:transparent solid 8px
}
#pagenation li a span.prev:after{
  border-right:#82a6c9 solid 14px
}
#pagenation li a span.next:after{
  border-left:#173c5f solid 14px
}
#pagenation li.active_page a{
  background:#2e3c52
}
.noT #pagenation li a:hover{
  background:#2e3c52
}
@media only screen and (max-width:640px){
  body{
    margin-top:77px
  }
  #pagenation{
    margin-bottom:45px;
    text-align:center
  }
  #pagenation li{
    position:relative;
    width:50px;
    height:35px;
    margin:0 20px 0 0;
    display:block;
    display:none
  }
  #pagenation li a{
    position:relative;
    width:50px;
    height:35px;
    margin:0 25px;
    display:block;
    margin:0
  }
  #pagenation li.next,#pagenation li.prev{
    display:inline-block
  }
  #pagenation li a span{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    background:#fff
  }
  #pagenation li a span:before{
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    width:100%;
    color:#2e3c52;
    font-size:10px;
    font-weight:700;
    line-height:1
  }
  #pagenation li a span:after{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display:block;
    content:'';
    margin:0;
    border-top:transparent solid 8px;
    border-bottom:transparent solid 8px
  }
  #pagenation li.prev a span:after{
    border-right:#82a6c9 solid 14px
  }
  #pagenation li.prev a span:before{
    content:'前のページ'
  }
  #pagenation li.next a span:after{
    border-left:#82a6c9 solid 14px
  }
  #pagenation li.next a span:before{
    content:'次のページ'
  }
}
.entryArea{
  max-width:800px;
  margin:50px auto;
  padding:0 15px;
  font-size:22px
}
.entryArea:after{
  display:block;
  clear:both;
  height:0;
  content:""
}
.entryArea .date{
  margin-bottom:15px;
  font-size:40px;
  color:#71a7cc;
  font-weight:700;
  text-align:center;
  text-transform:uppercase
}
.entryArea .date>*{
  display:inline-block;
  vertical-align:middle
}
.entryArea .date small{
  font-size:30px
}
.entryArea .ttl{
  margin-bottom:60px;
  font-size:50px;
  color:#2e3c52;
  font-weight:700;
  text-align:center;
  letter-spacing:0;
  line-height:1.3
}
.entryArea .entryBody{
  line-height:2.2
}
.entryArea h4{
  margin-bottom:5px;
  font-size:133.3%;
  font-weight:700
}
.entryArea h5{
  margin-bottom:5px;
  font-size:108.3%;
  font-weight:700
}
.entryArea p{
  margin-bottom:1.5em
}
.entryArea ol,.entryArea ul{
  margin-bottom:1.5em;
  padding-left:2.5em
}
.entryArea li{
  margin-bottom:.3em
}
.entryArea ul li{
  list-style:disc outside
}
.entryArea ol li{
  list-style:decimal outside
}
.entryArea strong{
  font-weight:700
}
.entryArea em{
  font-style:italic
}
.entryArea blockquote{
  display:block;
  margin:15px 0;
  padding:20px;
  background:#f5f5f5
}
.entryArea blockquote p{
  margin-bottom:0
}
.entryArea .aligncenter{
/*  display:block;*/
  margin:0 auto 3.5em
}
.entryArea>*+.aligncenter{
  margin-top:2.5em
}
.entryArea .alignright{
  float:right;
  margin-left:30px
}
.entryArea .alignleft{
  float:left;
  margin-right:30px
}
.entryArea:last-child{
  margin-bottom:0
}
.entryArea:first-child{
  margin-top:0
}
@media only screen and (max-width:640px){
  .entryArea{
    margin:35px auto;
    font-size:16px
  }
  .entryArea .date{
    margin-bottom:7px;
    font-size:17px
  }
  .entryArea .date small{
    font-size:13px
  }
  .entryArea .ttl{
    margin-bottom:25px;
    font-size:20px
  }
  .entryArea .entryBody{
    line-height:1.75
  }
  .entryArea .aligncenter,.entryArea .alignleft,.entryArea .alignright{
    float:none;
    display:block;
    margin:0 auto 2em
  }
  .entryArea>*+.aligncenter{
    margin-top:1.5em
  }
}
#detailPager{
  position:relative;
  max-width:800px;
  margin:0 auto 70px;
  text-align:center
}
#detailPager>div a{
  position:relative;
  display:block;
  color:#2e3c52;
  padding-top:60px;
  font-size:16px;
  font-weight:700;
  text-decoration:none
}
#detailPager .index{
  position:relative;
  display:inline-block
}
#detailPager .index a:after{
  position:absolute;
  top:0;left:50%;
  display:block;
  content:'';
  width:47px;
  height:47px;
  margin-left:-23px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center top;
  background-image:url(/images/common/icon_index.png)
}
#detailPager .next,#detailPager .prev{
  position:absolute;
  top:0
}
#detailPager .next a:after,#detailPager .prev a:after{
  position:absolute;
  top:5px;
  left:50%;
  display:block;
  content:'';
  margin-left:-16px;
  border-top:transparent solid 18px;
  border-bottom:transparent solid 18px
}
#detailPager .prev{
  left:10px
}
#detailPager .prev a:after{
  border-right:#82a6c9 solid 32px
}
#detailPager .next{
  right:10px
}
#detailPager .next a:after{
  border-left:#82a6c9 solid 32px
}
@media only screen and (max-width:640px){
  #detailPager{
    margin:0 auto 30px
  }
  #detailPager>div a{
    padding-top:27px;font-size:10px
  }
  #detailPager .index a:after{
    width:20px;
    height:20px;
    margin-left:-10px
  }
  #detailPager .next a:after,#detailPager .prev a:after{
    top:3px;
    margin-left:-8px;
    border-top:transparent solid 8px;
    border-bottom:transparent solid 8px
  }
  #detailPager .prev{
    left:10px
  }
  #detailPager .prev a:after{
    border-right:#82a6c9 solid 16px
  }
  #detailPager .next{
    right:10px
  }
  #detailPager .next a:after{
    border-left:#82a6c9 solid 16px
  }
}