@charset "UTF-8";
/*
** import core file
*/
/*
** import core file
*/
/*
**
** 全案件共通化するcss
** 案件個別の共有cssはここには記載せずcontent.scssに記載してください
** 
** animation
** layout
** fluffy
** txt
** display
** click
** wordpress
**
**
*/
/*==================================================

** animation
==================================================*/
.fluffy {
  opacity: 0;
  position: relative; }
  .fluffy-upper {
    bottom: -50px; }
    .fluffy-upper.move {
      opacity: 1;
      bottom: 0;
      transition: all 0.8s; }
  .fluffy-appear {
    opacity: 0; }
    .fluffy-appear.move {
      opacity: 1;
      transition: all 0.8s ease; }
  .fluffy-slidein-l {
    opacity: 0;
    left: -50px; }
    .fluffy-slidein-l.move {
      opacity: 1;
      left: 0;
      transition: all 0.8s; }
  .fluffy-slidein-r {
    opacity: 0;
    right: -50px; }
    .fluffy-slidein-r.move {
      opacity: 1;
      right: 0;
      transition: all 0.8s; }

/*==================================================

** layout
==================================================*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .flex-col {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column; }
  .flex-row-r {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .flex-jcc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .flex-jcsb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .flex-jcfe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .flex-aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .flex-aifs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .flex-aife {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

.float:after {
  clear: both;
  content: '';
  display: block;
  height: 0; }
.float-r {
  float: right; }
.float-l {
  float: left; }

/*==================================================

** txt
==================================================*/
.ctr {
  text-align: center; }
  @media screen and (min-width: 961px) {
    .ctr-pc {
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .ctr-pc-tab {
      text-align: center; } }
  @media screen and (max-width: 960px) and (min-width: 768px) {
    .ctr-tab {
      text-align: center; } }
  @media screen and (max-width: 960px) {
    .ctr-tab-sp {
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .ctr-sp {
      text-align: center; } }

/*==================================================

** display
==================================================*/
.pc,
.pc-tab,
.tab,
.tab-sp,
.sp {
  display: none; }

@media screen and (min-width: 961px) {
  .pc {
    display: inherit; } }
@media screen and (min-width: 768px) {
  .pc-tab {
    display: inherit; } }
@media screen and (max-width: 960px) and (min-width: 768px) {
  .tab {
    display: inherit; } }
@media screen and (max-width: 960px) {
  .tab-sp {
    display: inherit; } }
@media screen and (max-width: 767px) {
  .sp {
    display: inherit; } }
/*==================================================

** click
==================================================*/
@media screen and (min-width: 961px) {
  .clickoff-pc {
    pointer-events: none; } }
@media screen and (min-width: 768px) {
  .clickoff-pc-tab {
    pointer-events: none; } }
@media screen and (max-width: 960px) and (min-width: 768px) {
  .clickoff-tab {
    pointer-events: none; } }
@media screen and (max-width: 960px) {
  .clickoff-tab-sp {
    pointer-events: none; } }
@media screen and (max-width: 767px) {
  .clickoff-sp {
    pointer-events: none; } }

/*==================================================

** wordpress
==================================================*/
/* figure float */
.alignleft {
  float: left;
  display: inline;
  margin-right: 20px; }

.alignright {
  float: right;
  display: inline;
  margin-left: 20px; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* clearfix */
.clear {
  zoom: 1; }

.clear:after {
  clear: both;
  content: '';
  display: block;
  height: 0; }

/*
**
** 案件共有css
** page common
** form common
** cpt common
** 
*/
/*==================================================

** page common
==================================================*/
.main .txtbox > :first-child {
  margin-top: 0; }
.main .scrollbox {
  width: 100%;
  overflow-x: auto; }
  .main .scrollbox > :first-child {
    margin-top: 0; }
  .main .scrollbox table {
    max-width: 100%; }

/*==================================================

** form common
==================================================*/
/*==================================================

** cpt common
==================================================*/
/* pager 
.main {
	.pager {
		ul,ol {
			margin:50px 0 0;
			@include flex;
			li {
				background:none;
				padding:0;
				margin:0;
				position: relative;
				&:before,&:after { content:none; }
				+ li { margin-left:10px; }
			}
		}
		a,span {
			border:1px solid #ccc;
			color:#ccc;
			display:block;
			text-align:center;
		}
		a:hover,
		span {
			background:#ccc;
			color:#fff;
		}
		.current {
			span { background: #f5f5f5; }
		}
		.first,
		.prev,
		.next,
		.last {
			i:before {
				@include icon-free('',1em,900,false,false);
			}
		}
		.first {
			i:before {
				content: '\f100';
			}
		}
		.prev {
			i:before {
				content: '\f104';
			}
		}
		.next {
			i:before {
				content: '\f105';
			}
		}
		.last {
			i:before {
				content:'\f101';
			}
		}
	}
}
*/