@charset "utf-8";

@media (hover: hover) {

/* tel/fax button */
.telfax_btn img:hover                 { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s;}

/* home button */
.home_btn a:hover                     { background:#0d6fb8; color:#fff; transition:.3s;}

/* mail button */
footer .foot_box .mail a:hover        { background:#0d6fb8; color:#fff; transition:.3s; border:solid 2px #0d6fb8;}
.foot_btn01 img:hover                 { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s; opacity: 0.75;}
.foot_btn02 a:hover                   { background:#0d6fb8; color:#fff; transition:.3s;}

#mainbox .main_btn img:hover          { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s; opacity: 0.75;}
#mainbox .top_list img:hover          { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s; opacity: 0.75;}

.underline:hover                      { border-bottom:none; opacity:0.5;}

#page_top img:hover                   { opacity: 0.75; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s;}

header .top_linklist a:hover          { color:#49b290; transition: .2s;}
header .top_linklist a:hover::after   { visibility: visible; bottom: -2px; opacity: 1; transition: .3s;}
header .contact_btn .flex:hover       { transition-duration: 0.3s; transform: translateY(-5px); box-shadow: 0px 0px rgba(204,204,204,1.0);}
header .top_linklist .sen a:hover         { opacity:0.5; transition: .2s;}
header .top_linklist .sen a:hover::after  { visibility:hidden;}

footer .foot_linklist a:hover         { border-bottom:solid 1px #777777; transition:.3s;}

footer .foot_box .mail a:hover img    { color: #0d6fb8; transition:.3s;}

#main .movie_detail a:hover           { transform: scale(1.05); transition:.3s;}

.breadcrumbs p a:hover                { text-decoration:underline;}

#cont01 .flex li:hover img            { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s;}


#cont02 dd a:hover                    { text-decoration:underline;}
#cont02 .detail:hover                 { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s;}


.guid_list .guid01:hover,.guid_list .guid03:hover,.guid_list .guid04:hover,.guid_list .guid05:hover
                                      { transform: scale(1.05); transition:.4s;}
.guid_list .guid01:hover,.guid_list .guid02:hover
                                      { transform: scale(1.05); transition:.4s; z-index: 999;}

.job_head li a:hover                  { transition-duration: 0.3s; transform: translateY(-5px); box-shadow: 0px 0px rgba(204,204,204,1.0);}

.join_head li a:hover                 { transition-duration: 0.3s; transform: translateY(-5px); box-shadow: 0px 0px rgba(204,204,204,1.0);}

.about_head li a:hover                { transition-duration: 0.3s; transform: translateY(-5px); box-shadow: 0px 0px rgba(204,204,204,1.0);}
#about .detail:hover                  { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s;}

.info_head li a:hover                 { transition-duration: 0.3s; transform: translateY(-5px); box-shadow: 0px 0px rgba(204,204,204,1.0);}

.download_box img:hover,.download_btn a:hover,.download_box02 img:hover,.download_btn02 a:hover
                                      { opacity:0.5; transition:.3s;}

#about .sitemap_box a:hover           { opacity:0.5;}

#info .page li a:hover                { background:#e6204d; border:1px solid #e6204d; color:#fff; transition:.3s;}
}


@media (hover: none) {
/* tel/fax button */
.telfax_btn img:active                { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s;}

/* home button */
.home_btn a:active                    { background:#0d6fb8; color:#fff; transition:.3s;}

/* mail button */
footer .foot_box .mail a:active       { background:#0d6fb8; color:#fff; transition:.3s; border:solid 2px #0d6fb8;}
.foot_btn01 img:active                { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s; opacity: 0.75;}
.foot_btn02 a:active                  { background:#0d6fb8; color:#fff; transition:.3s;}


#mainbox .main_btn img:hover          { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s; opacity: 0.75;}
#mainbox .top_list img:active         { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s; opacity: 0.75;}

.underline:active                     { border-bottom:none; opacity:0.5;}

#page_top img:active                  { opacity: 0.75; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s;}

header .top_linklist a:active         { color:#49b290; transition: .2s;}
header .top_linklist a:active::after  { visibility: visible; bottom: -2px; opacity: 1; transition: .3s;}
header .contact_btn .flex:active      { transition-duration: 0.3s; transform: translateY(-5px); box-shadow: 0px 0px rgba(204,204,204,1.0);}
header .top_linklist .sen a:active        { opacity:0.5; transition: .2s;}
header .top_linklist .sen a:active::after { visibility:hidden;}

footer .foot_linklist a:active        { border-bottom:solid 1px #777777; transition:.3s;}

footer .foot_box .mail a:active img   { color: #0d6fb8; transition:.3s;}

#main .movie_detail a:active          { transform: scale(1.05); transition:.3s;}

.breadcrumbs p a:active               { text-decoration:underline;}

#cont01 .flex li:active img           { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s;}


#cont02 dd a:active                   { text-decoration:underline;}
#cont02 .detail:active                { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s;}


.guid_list .guid01:active,.guid_list .guid03:active,.guid_list .guid04:active,.guid_list .guid05:active
                                      { transform: scale(1.05); transition:.4s;}
.guid_list .guid01:active,.guid_list .guid02:active
                                      { transform: scale(1.05); transition:.4s; z-index: 999;}

.job_head li a:active                 { transition-duration: 0.3s; transform: translateY(-5px); box-shadow: 0px 0px rgba(204,204,204,1.0);}

.join_head li a:active                { transition-duration: 0.3s; transform: translateY(-5px); box-shadow: 0px 0px rgba(204,204,204,1.0);}

.about_head li a:active               { transition-duration: 0.3s; transform: translateY(-5px); box-shadow: 0px 0px rgba(204,204,204,1.0);}
#about .detail:active                 { transition-duration: 0.3s; transform: translateY(5px); filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.25)); transition:.3s;}

.info_head li a:active                { transition-duration: 0.3s; transform: translateY(-5px); box-shadow: 0px 0px rgba(204,204,204,1.0);}

.download_box img:active,.download_btn a:active,.download_box02 img:active,.download_btn02 a:active
                                      { opacity:0.5; transition:.3s;}

#about .sitemap_box a:active          { opacity:0.5;}

#info .page li a:active               { background:#e6204d; border:1px solid #e6204d; color:#fff; transition:.3s;}
}