/*====================================================================================*/
/* Common
/*====================================================================================*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
:root {
}
html{
	font-size: 62.5%;
}
.pcDisp{
	
}
.mobDisp{
	display: none !important;
}
body{
	margin:0;            /* 余白消去 */
    --key-color: #9facb7;
    background-color: white;

	/* フォント */
    font-family: YuMincho, 'Yu Mincho', serif;
    font-weight: 100;
    font-size: 13px;
    line-height: 2.0em;
    letter-spacing: 0.1em;
    margin: 0;
    text-rendering: optimizeLegibility;
    
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-text-size-adjust:none;
	text-size-adjust:none;
}

/* Layout関連 */
.Clean{
	opacity:0;
}
.AppearClean{
	opacity:1;
}

.hide{
	display:none;
}
.LayoutLeft{
	display:inline-block;
	text-align:left;
}
.LayoutRight{
	display:inline-block;
	text-align:right;
}
.LayoutClear{
    clear:both;
}
.divLink{
	display:inline-block;
	padding:5px 10px;
	background-color:black;
	color:white;
}
/* Animation関連 */
.Delay250ms{
animation-delay: 250ms;
}
.Delay500ms{
animation-delay: 500ms;
}
.Delay750ms{
animation-delay: 750ms;
}
.Delay1000ms{
animation-delay: 1000ms;
}
.Delay1500ms{
animation-delay: 1000ms;
}

.FadeIn{
	opacity:0.0;

	/* animation */	
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.FadeInGray{
	/* animation */	
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.ForceGray{
	background: rgb(187, 187, 187) !important;
    color: white !important;
}
.fadeInSizeUp{
	opacity:0;
	transform: scale(0.8);
	
	/* animation */	
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.FadeInUp{
	opacity:0.0;

	/* animation */	
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;

	/* Layout*/
	-moz-transform   : translateY(30px);
	-webkit-transform: translateY(30px);
	-o-transform     : translateY(30px);
	-ms-transform    : translateY(30px);
	transform        : translateY(30px);


}
.FadeInLeft{
	opacity:0.0;

	/* animation */	
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

	/* Layout*/
	-moz-transform   : translateX(50px);
	-webkit-transform: translateX(50px);
	-o-transform     : translateX(50px);
	-ms-transform    : translateX(50px);
	transform        : translateX(50px);
	

}
.FadeInRight{
	opacity:0.0;

	/* animation */	
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

	/* Layout*/
	-moz-transform   : translateX(-50px);
	-webkit-transform: translateX(-50px);
	-o-transform     : translateX(-50px);
	-ms-transform    : translateX(-50px);
	transform        : translateX(-50px);
}
.FadeInSlideMaskText{
	
	/* Layout */
	width:0%;
	overflow-x:hidden;
	
	/* animation */	
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.SlideMaskText{	
	/* Layout */
	width:0%;
	overflow-x:hidden;
	
	/* animation */	
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}
.animation{
	/* animation */	
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

}
.delay250ms{
	transition-delay: 250ms;
}
.delay500ms{
	transition-delay: 500ms;
}
.delay500ms{
	transition-delay: 750ms;
}
.delay1000ms{
	transition-delay: 1000ms;
}

.ReadMoreVisible {
      opacity: 1;
      animation-duration: 2s;
      animation-name: fade-in;
      -moz-animation-duration: 2s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 2s;
      -webkit-animation-name: fade-in;
}

/* ExtentionButton */
.extensionWrapper{
	cursor:pointer;
	display:none;
}
.extension{
	display:inline-block;
}

/* text underline effect */
a{
	outline: none !important;
	text-decoration: none !important;
}

/* OverLine Effect */
.OverlineEffect{
	position:relative;
}
.OverlineEffect::after {
	color:black;
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.OverlineEffect:hover::after {
　color:black;
  transform: scale(1, 1);
}


/* Graphic */


/* Font */
.fs0{

}
.fs1{
	font-size:0.7em;
	letter-spacing:0.1em;
}
.fs2{
	font-size:0.8em;
	letter-spacing:0.1em;
}
.fs3{
	font-size: 1.3rem;
    font-weight: 500;
	letter-spacing:0.1em;
}
.fs4{
	font-size: 1.5rem;
	letter-spacing:0.1em;
}
.fs5{
	font-size: 1.7rem;
    font-weight: 300;
	letter-spacing:0.1em;
}
.fs6{
	font-size: 2.0rem;
	font-weight: 300;
	letter-spacing:0.1em;
}
.fs7{
	font-size:  1.8rem;
    font-weight: 300;
    letter-spacing:0.2em;
}
.fs8{
	font-size: 2.4rem;
	letter-spacing:0.1em;
}
.fs9{
	font-size: 2.8rem;
	letter-spacing:0.1em;
}
.p{
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
.FontBlack{
	color:black !important;
}
.FontWhite{
	color:white !important;
}
/*====================================================================================*/
/* スマフォ縦表示
/*====================================================================================*/
/* ipad pro? */
@media only screen and (max-width: 1024px) and (orientation:portrait){
body{

}
/* OverLine Effect */
.OverlineEffect{
	position:relative;
}
.OverlineEffect::after {
	display:none;
}
.OverlineEffect:hover::after {
　color:black;
  transform: scale(1, 1);
}
.pcDisp{
	display: none !important;
}
.mobDisp{
	display:block !important;
}
/* Font */


}
/*====================================================================================*/
/* スマフォ　横表示
/*====================================================================================*/
@media only screen and (max-width: 1024px) and (orientation:landscape){
body{

}

/* Font */


}