@charset "utf-8";
a,img,ul,li,table,tr,td,p,h1,h2,h3,h4,h5,h6,ol,div,body,html,dl,dt,dd,h1,h2,h3,h4,h5,h6,hr,iframe,figure,figcaption{padding:0px;margin:0px;border:none;list-style:none;font-weight:inherit;font-size:1em;outline:none}
img{vertical-align:middle;max-width:100%;height:auto;-webkit-backface-visibility:hidden}
a img{border:none}
body{
	overflow-x:hidden;
	position:relative;
	font-size:14px; 
	line-height:1.8; 
	color:#333;
	/*font-family:"游明朝","Yu Mincho","YuMincho","游明朝体","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","serif";*/
	font-family:"Yu Gothic","游ゴシック","YuGothic","游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN","Meiryo","sans-serif";
	font-weight:normal;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
}

body *{box-sizing:border-box}
body *.bs_cb{box-sizing: content-box}


*::before,*::after{box-sizing:border-box}
.bold{font-weight:bold}
.nobold{font-weight:normal}
.mincho{font-family:"游明朝","Yu Mincho","YuMincho","游明朝体","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","serif"}
.gothic{font-family:"Yu Gothic","游ゴシック","YuGothic","游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN","Meiryo","sans-serif"}
.nobel{font-family:"nobel","sans-serif"}

a{text-decoration:none;color:inherit}

body>img,body>iframe{display:none}

.clearfix{zoom:1}
.clearfix:after{content:"";display:block;clear:both;height:0}

.alpha a:hover img{opacity:.7}
.alpha a img{transition:all 0.5s ease-in-out}

.fadeimg_wrap{display:inline-block;position:relative}
.fadeimg_wrap img{transition:all .5s linear}
.fadeimg_wrap img.off{position:relative;z-index:1}

.fadeimg_wrap:hover img.off{opacity:0}
.fadeimg_wrap:hover img.on{opacity:1}

.fadeimg_wrap img.on{position:absolute;top:0;left:0;z-index:2;opacity:0}

.cap_l{	text-align:left;font-size:10px}
.cap_r{	text-align:right;font-size:10px}

.ta_c{text-align:center}
.ta_r{text-align:right}
.ta_l{text-align:left}

body:not(.mobile) a.sp_link{pointer-events:none}

i.iefont {transform: translateY(0.2em);font-style:normal}
.no_iefont>i.iefont{transform:translateY(0)}

.pos_re{position:relative}
.img_cap{background:rgba(0,0,0,.6);font-size:10px;display:block;padding:3px 5px;line-height:1.5;color:#fff;position:absolute;bottom:0;right:0;text-align:right}
.img_cap.white{background:hsla(0,0%,100%,.6);color:#333}

.shiny a {display: inline-block;max-width:100%;position: relative;overflow: hidden;}
.shiny a:before {display: block;position: absolute;z-index: 10;left: -100%;top: 0;content: "";width: 100%;height: 100%;
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
	animation: shiny 4s infinite linear;
}

/*光の起点と終点の指定*/
@keyframes shiny {
	0%   {left: -100%}
	20%  {left: 100%}
	100% {left: 100%}
}



.parallax{}
.fade_up,.fade_down,.fade_left,.fade_right{opacity: 0;transition: .5s all cubic-bezier(0.04, 0.44, 0.49, 0.98);will-change: auto}
.fade_up.paraview,.fade_down.paraview,.fade_left.paraview,.fade_right.paraview{opacity: 1;}
.fade_up    {transform: translateY(50px)}
.fade_down  {transform: translateY(-50px)}
.fade_left  {transform: translateX(50px)}
.fade_right {transform: translateX(-50px)}
.fade_up.paraview    {transform: translateY(0)}
.fade_down.paraview  {transform: translateY(0)}
.fade_left.paraview  {transform: translateX(0)}
.fade_right.paraview {transform: translateX(0)}

@media screen and (            max-width:1280px){.vpc1280{display:none}}
@media not screen, screen and (min-width:1281px){.vsp1280{display:none}}

@media screen and (            max-width:1180px){.vpc1180{display:none}}
@media not screen, screen and (min-width:1181px){.vsp1180{display:none}}

@media screen and (            max-width:1024px){.vpc1024{display:none}}
@media not screen, screen and (min-width:1025px){.vsp1024{display:none}}

@media screen and (            max-width:900px){.vpc900{display:none}}
@media not screen, screen and (min-width:901px){.vsp900{display:none}}

@media screen and (            max-width:800px){.vpc800{display:none}}
@media not screen, screen and (min-width:801px){.vsp800{display:none}}

@media screen and (            max-width:767px){.vpc{display:none}}
@media not screen, screen and (min-width:768px){.vsp{display:none}}

@media screen and (            max-width:640px){.vpc640{display:none}}
@media not screen, screen and (min-width:641px){.vsp640{display:none}}

@media screen and (            max-width:600px){.vpc600{display:none}}
@media not screen, screen and (min-width:601px){.vsp600{display:none}}

@media screen and (            max-width:480px){.vpc480{display:none}}
@media not screen, screen and (min-width:481px){.vsp480{display:none}}

@media screen and (            max-width:460px){.vpc460{display:none}}
@media not screen, screen and (min-width:461px){.vsp460{display:none}}

@media screen and (            max-width:375px){.vpc375{display:none}}
@media not screen, screen and (min-width:376px){.vsp375{display:none}}

@media screen and (            max-width:374px){.vpc374{display:none}}
@media not screen, screen and (min-width:375px){.vsp374{display:none}}