@charset "UTF-8";

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

PC

==================================================================*/
@media screen and (min-width:1024px) {
header{
width:100%;
height:110px;
background:#FFF;
margin:0;
padding:0;
position:fixed;
top:0;
righ:0;
bottom:auto;
left:0;
z-index:1000;
}
.header_pc{
width:1000px;
margin:0 auto;
}
.header_smp{
display:none;
}
.header_pc .logo_area{
width:180px;
height:auto;
margin-top:15px;
float:left;
}
.header_pc h1{
}
.header_pc .nav_area{
width:820px;
height:auto;
margin-top:15px;
float:left;
}
.header_pc .nav_area div.action{
float:right;
width:670px;
}
.header_pc .nav_area div.action ol{
}
.header_pc .nav_area div.action ol li{
float:left;
margin:0 10px;
}
.header_pc .nav_area div.action ol li#action01{
width:270px;
margin-left:0;
}
.header_pc .nav_area div.action ol li#action02{
width:160px;
}
.header_pc .nav_area div.action ol li#action03{
width:200px;
margin-right:0;
}
/*.header_pc .nav_area div.action ol:after{
content:"";
display:block;
clear:both;
}*/
.header_pc .nav_area div.nav{
float:right;
width:760px;
height:40px;
margin:0px;
position:relative;
padding-top:24px;
}
.header_pc .nav_area div.nav ol{
}
.header_pc .nav_area div.nav ol li{
float:left;
margin:0 10px;
}
.header_pc .nav_area div.nav ol li:last-child{
float:left;
margin:0 0 0 10px;
}
.header_pc .nav_area div.nav ol li img{
height:16px;
width:auto;
}
.header_pc .nav_area div.nav ol li a:hover{
border-bottom:2px solid #C11823;
padding-bottom:10px;
}








}










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

TABLET

==================================================================*/
@media only screen and (min-width:768px) and (max-width:1023px) {
.header_pc{
display:none;
}
.header_smp h1{
width:20%;
height:auto;
margin:10px auto 0 10px;
}
}









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

SMP

==================================================================*/
@media only screen and (min-width:320px) and (max-width:767px) {
.header_pc{
display:none;
}
.header_smp h1{
width:42%;
height:auto;
margin:15px auto 0 10px;
}
}










@media screen and (min-width:1024px) {
.fadein{
opacity:0;
transform:translate(0, 10px);
transition:all 700ms;
}
.fadein.scrollin{
opacity:1;
transform:translate(0, 0);
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.fadein{
opacity:0;
transform:translate(0, 10px);
transition:all 700ms;
}
.fadein.scrollin{
opacity:1;
transform:translate(0, 0);
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
}