/*COMMON*/
/*SP*/
/*TABLET*/
/*PC*/
@charset "UTF-8";

/*COMMON*/
#s-navi dt.trigger, .bloglabel, #side .st-aside .menu_underh2, .fat-nav__wrapper{
	background-color:#070d67;
}
.fat-nav__wrapper{
	opacity:0.8;
}
#side .st-aside ul li{
	border:1px solid #070d67;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after{
	background-color:#070d67!important;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before, .page-numbers, .page-numbers a{
	color:#070d67;
}
.slick-prev:before, .slick-next:before{
	color:#070d67!important;
}
.flowwrap, #flowcont{
	border-bottom:2px dotted #070d67;
}
#topscroll, #topscroll .scrolltext{
	color:#ffffff;
}
#topscroll span{
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

/*SP*/
@media print, screen and (max-width: 640px){
#st-menubox{
	/*background-color:#333;*/
}
#st-menubox-custom, .stfooterfixmenu{
	background-color:#070d67;
}
.newsmore, .addcont02bg, .catname, h3.sidetitle, .post-categories a, #page-top a, .flowno{
	background-color:#070d67;	
}
.toph2, #st-page .entry-title, #blogitiran .entry-title, #privacy h2, .updated, .blog_info p, .post p .point-in, h3 .point-in, #page1customcontent h3, #page4customcontent h3, .infosubtitle p, #infocustomcontent h3, #kobetucontent h3, .menu-list, .acordion_tree div.menu ul li a, .titleh2, .freecont_article h3, .flow h2, #infotabletitle, .acordion_tree ul li a, .p3menu1 h3, .p3menu2 h3, .p3menu3 h3, .p3menu h3, .post_box h3, #allcustomcontent h3, #widecont h2, #widecont h3, .tablesubtitle p, #page2customcontent h3, .bloglabel, #allcontent h2{
	color:#070d67;
}
.itiranlist, .post p.point, h3.point, #page1customcontent h3, #page4customcontent h3, #kobetucontent h3, .menu-list, .titleh2, .freecont_article h3, .flow h2, .p3menu1 h3, .p3menu2 h3, .p3menu3 h3, .p3menu h3, #allcontent h3{
	border-bottom:1px solid #070d67;
}
.newpost dd, .informationtable, #page1h3, .allconttable, .page-template-blog-itiran .itiran, #allcontent h2{
	border:1px solid #070d67;
}
#st-menubox-transparent{
	background-color:transparent;
}
.transparentbg{
	animation: t-bg-color 1s forwards;
  	-webkit-animation: t-bg-color 1s forwards;
}
@-webkit-keyframes t-bg-color {
	0% { background-color: transparent; }
	100% { background-color:#070d67; }
}
@keyframes t-bg-color {
	0% { background-color: transparent; }
	100% { background-color:#070d67; }
}
}

/*TABLET*/
@media print, screen and (min-width: 641px) and (max-width: 959px){
#st-menubox{
	/*background-color:#333;*/
}
#st-menubox-custom, .stfooterfixmenu{
	background-color:#070d67;
}
.newsmore, .addcont02bg, .catname, h3.sidetitle, .post-categories a, #page-top a, .flowno{
	background-color:#070d67;	
}
.toph2, #st-page .entry-title, #blogitiran .entry-title, #privacy h2, .updated, .blog_info p, .post p .point-in, h3 .point-in, #page1customcontent h3, #page4customcontent h3, .infosubtitle p, #infocustomcontent h3, #kobetucontent h3, .menu-list, .acordion_tree div.menu ul li a, .titleh2, .freecont_article h3, .flow h2, #infotabletitle, .acordion_tree ul li a, .p3menu1 h3, .p3menu2 h3, .p3menu3 h3, .p3menu h3, .post_box h3, #allcustomcontent h3, #widecont h2, #widecont h3, .tablesubtitle p, #page2customcontent h3, .bloglabel, #allcontent h2{
	color:#070d67;
}
.itiranlist, .post p.point, h3.point, #page1customcontent h3, #page4customcontent h3, #kobetucontent h3, .menu-list, .titleh2, .freecont_article h3, .flow h2, .p3menu1 h3, .p3menu2 h3, .p3menu3 h3, .p3menu h3, #allcontent h2, #allcontent h3{
	border-bottom:1px solid #070d67;
}
.newpost dd, .informationtable, #page1h3, .allconttable{
	border:1px solid #070d67;
}
#st-menubox-transparent{
	background-color:transparent;
}
.transparentbg{
	animation: t-bg-color 1s forwards;
  	-webkit-animation: t-bg-color 1s forwards;
}
@-webkit-keyframes t-bg-color {
	0% { background-color: transparent; }
	100% { background-color:#070d67; }
}
@keyframes t-bg-color {
	0% { background-color: transparent; }
	100% { background-color:#070d67; }
}
}

/*PC*/
@media print, screen and (min-width: 960px){
#st-menubox{
	/*background-color:#333;*/
}
#st-menubox-custom{
	background-color:#070d67;
}
.newsmore, .addcont02bg, .catname, h3.sidetitle, .post-categories a, #page-top a, .flowno{
	background-color:#070d67;	
}
.toph2, #st-page .entry-title, #blogitiran .entry-title, #privacy h2, .updated, .blog_info p, .post p .point-in, h3 .point-in, #page1customcontent h3, #page4customcontent h3, .infosubtitle p, #infocustomcontent h3, #kobetucontent h3, .menu-list, .acordion_tree div.menu ul li a, .titleh2, .freecont_article h3, .flow h2, #infotabletitle, .p3menu1 h3, .p3menu2 h3, .p3menu3 h3, .p3menu h3, .post_box h3, #allcustomcontent h3, #widecont h2, #widecont h3, .tablesubtitle p, #page2customcontent h3, .bloglabel, #allcontent h2{
	color:#070d67;
}
.itiranlist, .post p.point, h3.point, #page1customcontent h3, #page4customcontent h3, #kobetucontent h3, .menu-list, .titleh2, .freecont_article h3, .flow h2, .p3menu1 h3, .p3menu2 h3, .p3menu3 h3, .p3menu h3, #allcontent h2, #allcontent h3{
	border-bottom:1px solid #070d67;
}
.newpost dd, .informationtable, #page1h3, .allconttable{
	border:1px solid #070d67;
}

.transparentbg{
	animation: t-bg-color 1s forwards;
  	-webkit-animation: t-bg-color 1s forwards;
}
@-webkit-keyframes t-bg-color {
	0% { background-color: transparent; }
	100% { background-color:#070d67; }
}
@keyframes t-bg-color {
	0% { background-color: transparent; }
	100% { background-color:#070d67; }
}
.blog2 .kanren dd, .single .kanren dd{
	background-color:rgba(7,13,103,0.5);
}
}

/*COMMON*/
/*SP*/
/*TABLET*/
/*PC*/
@charset "UTF-8";

/*COMMON*/
#s-navi dd.acordion_tree, #s-navi dt.trigger .op, .page-template-blog-itiran .post-categories, #fb{
	background-color:#ffffff;	
}

/*SP*/
@media print, screen and (max-width: 640px){
	.bloglabel, .p3menu1, .p3menu2, .p3menu3, .p3menu{
		background-color:#ffffff;	
	}
}

/*TABLET*/
@media print, screen and (min-width: 641px) and (max-width: 959px){
	.bloglabel, .p3menu1, .p3menu2, .p3menu3, .p3menu{
		background-color:#ffffff;	
	}
}

/*PC*/
@media print, screen and (min-width: 960px){
	.bloglabel, .p3menu1, .p3menu2, .p3menu3, .p3menu{
		background-color:#ffffff;	
	}
}

/*トップページのリンク画像にマウスオーバーした時のアニメーション*/
/*基本ベース*/
.baseanime::before,
.baseanime::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.baseanime{
	display:inline-block;
	vertical-align:bottom;
}
.baseanime,
.baseanime::before,
.baseanime::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.baseanime img{
	width:100%;
}
/*左右に広がる*/
.hoveranime1 {
  position: relative;
  z-index: 2;
  color: #fff;
  line-height: 50px;
}
.hoveranime1:hover {
  background: #d0eaf5;
  background: -moz-linear-gradient(top, #d0eaf5 0%, #dceefd 100%);
  background: -webkit-linear-gradient(top, #d0eaf5 0%, #dceefd 100%);
  background: linear-gradient(to bottom, #d0eaf5 0%,#dceefd 100%);
  background: linear-gradient(90deg, rgba(208,234,245,.9), rgba(220,238,253,.9));
  border-color: #dceefd;
  color: #dceefd;
}
.hoveranime1::before,
.hoveranime1::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.hoveranime1::before {
  right: 0;
}
.hoveranime1::after {
  left: 0;
}
.hoveranime1:hover::before,
.hoveranime1:hover::after {
  width: 0;
  background-color: #dceefd;
}

/*うっすら*/
.hoveranime2 {
  background-color: transparent;
  /*border: 2px solid #fff;*/
  color: #fff;
  line-height: 50px;
}
.hoveranime2:hover {
  background: linear-gradient(90deg, rgba(208,234,245,.5), rgba(220,238,253,.5));
}

/*右上から*/
.hoveranime3 {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.hoveranime3:hover {
  color: #fff;
}
.hoveranime3::after {
  top: -100%;
  left: 100%;
  width: 100%;
  height: 100%;
}
.hoveranime3:hover::after {
  top: 0;
  left: 0;
  background: #d0eaf5;
  background: -moz-linear-gradient(top, #d0eaf5 0%, #dceefd 100%);
  background: -webkit-linear-gradient(top, #d0eaf5 0%, #dceefd 100%);
  background: linear-gradient(to bottom, #d0eaf5 0%,#dceefd 100%);
  background: linear-gradient(90deg, rgba(208,234,245,.9), rgba(220,238,253,.9));
}

/*奥から*/
.hoveranime4 {
  position: relative;
  z-index: 2;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}
.hoveranime4:hover {
  color: #fff;
}
.hoveranime4::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.hoveranime4:hover::after {
  background: linear-gradient(90deg, rgba(208,234,245,.9), rgba(220,238,253,.9));
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*回転*/
.hoveranime5 {
  position: relative;
  z-index: 2;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}
.hoveranime5:hover {
  color: #fff;
}
.hoveranime5::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hoveranime5:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: linear-gradient(90deg, rgba(208,234,245,.9), rgba(220,238,253,.9));
}





.topcontentbg{
	background:url(/wp-content/uploads/bg_sec1.png);	background-repeat: no-repeat;
	/*position:relative;*/
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	height:100%;
	padding: 20px;
}


.about2bg{
	background:url(/wp-content/uploads/bg_sec2.png);	background-repeat: no-repeat;
	/*position:relative;*/
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	height:100%;
	padding: 20px;
}


.box1bg{
	background:url(/wp-content/uploads/bg_news.png);	background-repeat: no-repeat;
	/*position:relative;*/
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	height:100%;
	z-index: 0;
}


.instagrambg{
	background:	background-repeat: no-repeat;
	/*position:relative;*/
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	height:100%;
	padding: 20px;
}


.prpointbg{
	background:url(/wp-content/uploads/bg_sec3.png);	background-repeat: no-repeat;
	/*position:relative;*/
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	height:100%;
	padding: 70px 20px 60px 20px;
}


.appealaddbg{
	background:	background-repeat: no-repeat;
	/*position:relative;*/
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	height:100%;
	padding: 20px;
}


.addcont01bg{
	background:	background-repeat: no-repeat;
	/*position:relative;*/
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	height:100%;
	padding: 20px 0px;
}


.appealadd2bg{
	background:	background-repeat: no-repeat;
	/*position:relative;*/
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	height:100%;
	padding: 20px 0px;
}


.blogbg{
	background:url(/wp-content/uploads/bg_blog.png);	background-repeat: no-repeat;
	/*position:relative;*/
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}


/*COMMON*/
@charset "UTF-8";

/*PC*/
@media screen and (min-width:960px){
.center .header-logo, .transparent .header-logo {
    float: none;
    margin: 0 auto;
    text-align: left;
}
.center header h1, .transparent header h1 {
    margin: 0;
    text-align: left;
}
#accordionmenubox {
    text-align: right;
    position: absolute;
    right: 0px!important;
    top: 20px;
}
}



/*min-width:960px*/
/*max-width:959px*/

@charset "UTF-8";

/*min-width:960px*/
@media screen and (min-width:960px){
#mainimgbg .maintext img {
	display: block;
    margin: 0 auto;
    margin-top: 30px;
}
}
/*max-width:959px*/
@media screen and (max-width:959px){
#mainimgbg .maintext img {
	display: block;
    margin: 0 auto;
    margin-top: -100px;
}
}


/*COMMON*/
@charset "UTF-8";

/*COMMON*/
.kanren .clearfix dd .kanren-t:hover{
	color:#bcdae7!important;
}
.columnmore:hover{
	color:#070d67!important;
	border:1px solid #070d67!important;
	background:#fff!important;
	margin-bottom: 18px;
}
.archive .entry-title{
	color:#070d67!important;
}
footer a:hover{
	color:#727272!important;
}
/*max-width:959px*/

/*min-width:960px*/


/*COMMON*/
/*min-width:960px*/

/*COMMON*/
@charset "UTF-8";
.newsmore{
	color:#fff;
}
.newsmore:hover{
	color:#bcdae7!important;
}
#page-top a{
	color:#fff;
}
#page-top a:hover{
	color:#bcdae7!important;
}
#top-head a, #st-menuwide-accordion .menu li a{color:#ffffff!important;}
#top-head a:hover, #st-menuwide-accordion .menu li a:hover{color:#bcdae7!important;}

/*min-width:960px*/
@media screen and (min-width:960px){
.home #top-head a{
	color:#070d67!important;
}
.home #top-head a:hover{
	color:#7478af!important;
}
.home #top-head .transparentbg a{color:#ffffff!important;}
.home #top-head .transparentbg a:hover{color:#bcdae7!important;}
}