﻿@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea{ margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none; }
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0; outline:none;}
/*==================================================== */
body{-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; line-height:1.8;}
button{font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; cursor:pointer;}

a:link{ color:#0079ea; text-decoration:none;}
a:visited{ color:#0079ea; text-decoration:none;}
a:hover{ color:#0079ea;}
a:active{ color:#0079ea;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clr{clear:both;}
.hide{position:absolute !important; left:-9999px !important; top:-9999px !important;}
.clr{clear:both;}
section {clear:both; zoom:1;}
article:after,
section:after,
.clrFx:after{content:''; clear:both; display:block;}
.transition{-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

img{-ms-interpolation-mode: bicubic;}

/* chrome bug fix*/
*{max-height:999999px;}
*,*::before,*::after {will-change:all;}
textarea,input[type="email"],input[type="password"],input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;}
textarea{resize:vertical;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,1) inset; outline:none;}
input,button{ outline:none;}

/*
	BASE SET
__________________________________________________*/
html,body {margin:0; padding:0;}

body {position:static; overflow:auto; width:auto; *overflow-y:hidden; color:#000; font-size:14px; line-height:1.6;}

#lovre3wrap {margin:0 auto; min-width:1040px; zoom:1; position:relative; overflow:hidden; background:#e7ddca;}

.overSection{margin:0 -200px; zoom:1; position:relative; *overflow-y:hidden; clear:both; padding:0;}
.overSection:after{content:''; clear:both; display:block;}

section,.wrap {width:1000px; margin:0 auto; clear:both; zoom:1; position:relative; z-index:10; padding:0;}
section:after,.wrap:after{content:''; clear:both; display:block;}
article,.wrap {width:1000px; margin:0 auto; clear:both; zoom:1; position:relative; z-index:10; padding:0;}
article:after{content:''; clear:both; display:block;}

#siteHeader {background:#000; z-index:10; position:relative;}
#siteHeader nav {width:1000px; margin:0 auto; height:58px; padding:9px 0; position:relative;}
#siteHeader nav ul {font-size:0; line-height:1; float:left;}
#siteHeader nav ul li {float:left;}
#siteHeader nav ul.gn li + li {padding-left:20px;}
#siteHeader nav ul.gn li a {display:block; height:40px; width:78px; position:relative;}
#siteHeader nav ul.gn li a:after {content:''; background:url(../images/nav.png) left top no-repeat; position:absolute; left:0; top:0; width:78px; height:40px; opacity:1; transition:0.5s;}
#siteHeader nav ul.gn li:nth-child(2) a {width:90px;}
#siteHeader nav ul.gn li:nth-child(2) a:after {background-position:-97px 0; width:90px;}
#siteHeader nav ul.gn li:nth-child(3) a {width:83px;}
#siteHeader nav ul.gn li:nth-child(3) a:after {background-position:-207px 0; width:83px;}
#siteHeader nav ul.gn li:nth-child(4) a {width:122px;}
#siteHeader nav ul.gn li:nth-child(4) a:after {background-position:-310px 0; width:122px;}
#siteHeader nav ul.gn li:nth-child(5) a {width:113px;}
#siteHeader nav ul.gn li:nth-child(5) a:after {background-position:-452px 0; width:113px;}
#siteHeader nav ul.gn li a:hover:after{opacity:0;}
#siteHeader nav ul.gn li a:before {content:''; background:url(../images/nav.png) left -40px no-repeat; position:absolute; left:0; top:0; width:78px; height:40px; opacity:0; transition:0.5s;}
#siteHeader nav ul.gn li:nth-child(2) a:before {background-position:-97px -40px; width:90px;}
#siteHeader nav ul.gn li:nth-child(3) a:before {background-position:-207px -40px; width:83px;}
#siteHeader nav ul.gn li:nth-child(4) a:before {background-position:-310px -40px; width:122px;}
#siteHeader nav ul.gn li:nth-child(5) a:before {background-position:-452px -40px; width:113px;}
#siteHeader nav ul.gn li a:hover:before{opacity:1;}
#siteHeader nav ul.gn li a {display:block; height:40px; width:78px; position:relative;}
#siteHeader nav ul.gn li.active a {background:url(../images/nav.png) left -80px no-repeat;}
#siteHeader nav ul.gn li.active a:before,
#siteHeader nav ul.gn li.active a:after{opacity:0 !important;}
#siteHeader nav ul.gn li:nth-child(2).active a {background:url(../images/nav.png) -97px -80px no-repeat;}
#siteHeader nav ul.gn li:nth-child(3).active a {background:url(../images/nav.png) -207px -80px no-repeat;}
#siteHeader nav ul.gn li:nth-child(4).active a {background:url(../images/nav.png) -310px -80px no-repeat;}
#siteHeader nav ul.gn li:nth-child(5).active a {background:url(../images/nav.png) -452px -80px no-repeat;}
#siteHeader nav ul.gn li span {display:block; height:40px; width:78px; position:relative;}
#siteHeader nav ul.gn li:nth-child(2) span {background:url(../images/nav.png) -97px -120px no-repeat; width:90px;}
#siteHeader nav ul.gn li:nth-child(3) span {background:url(../images/nav.png) -207px -120px no-repeat; width:83px;}
#siteHeader nav ul.gn li:nth-child(4) span {background:url(../images/nav.png) -310px -120px no-repeat; width:122px;}
#siteHeader nav ul.gn li:nth-child(5) span {background:url(../images/nav.png) -452px -120px no-repeat; width:113px;}

#siteHeader p.guidance{float:left; padding-left:20px;}
#siteHeader p.guidance a{display:block; background:url(../images/nav.png) -584px 0 no-repeat; width:287px; height:40px; text-indent:200%; overflow:hidden; white-space:nowrap; position:relative;}
#siteHeader p.guidance a:before{content:'';  background:url(../images/nav.png) -584px -40px no-repeat; width:287px; height:40px; position:absolute; left:0; top:0; opacity:0; transition:0.5s;}
#siteHeader p.guidance a:after {content:'';  background:url(../images/nav.png) -584px -80px no-repeat; width:287px; height:40px; position:absolute; left:0; top:0; opacity:0; transition:0.5s;}
#siteHeader p.guidance a:hover:before {opacity:1;}
#siteHeader p.guidance.active a:after {opacity:1;}
#siteHeader p.guidance.active a:hover:before {opacity:0;}
#siteHeader p.guidance span{display:block; background:url(../images/nav.png) -584px -120px no-repeat; width:287px; height:40px; text-indent:200%; overflow:hidden; white-space:nowrap; position:relative;}
#siteHeader nav ul.sns {position:absolute; right:0; top:13px;}
#siteHeader nav ul.sns li {padding-left:10px;}
#siteHeader nav ul.sns li a{display:block; width:32px; height:32px; position:relative; background:rgba(0,0,0,0); transition:0.5s;}
#siteHeader nav ul.sns li a:before{content:''; background:url(../images/icon_facebook.png) left top no-repeat; width:32px; height:32px; position:absolute; left:0; top:0; transition:0.5s;}
#siteHeader nav ul.sns li a:after {content:''; background:url(../images/icon_facebook_ov.png) left top no-repeat; width:32px; height:32px; position:absolute; left:0; top:0; transition:0.5s; opacity:0;}
#siteHeader nav ul.sns li + li a:before{background:url(../images/icon_twitter.png) left top no-repeat;}
#siteHeader nav ul.sns li + li a:after {background:url(../images/icon_twitter_ov.png) left top no-repeat;}
#siteHeader nav ul.sns li a:hover:after{opacity:1;}

#siteFooter {background:url(../images/footer_bg.jpg) center -4px no-repeat #5f5f5f; border-top:4px solid #000;}
#siteFooter .wrap { min-height:137px; position:relative; padding:50px 0 50px;}
#siteFooter ul.bnrs {font-size:0; line-height:1; padding-bottom:64px;}
#siteFooter ul.bnrs li{display:inline-block; padding:0 0 0 11px;}
#siteFooter ul.bnrs li:nth-child(n+4) {padding-top:12px;}
#siteFooter ul.bnrs li:nth-child(3n+1) {padding-left:0;}
#siteFooter ul.bnrs li a{position:relative; display:block;}
#siteFooter ul.bnrs li a:before{content:''; background:rgba(255,255,255,0.3); opacity:0; width:100%; height:100%; position:absolute; left:0; top:0; transition:0.5s; z-index:10;}
#siteFooter ul.bnrs li a img {position:relative; z-index:0;}
#siteFooter ul.bnrs li a:hover:before{opacity:1;}
#siteFooter .other {font-size:0; line-height:1;}
#siteFooter .other p {margin-bottom:30px;}
#siteFooter .other a{display:block; position:relative;}
#siteFooter .other ul li {float:left;}
#siteFooter .other ul li a:before{content:''; background:url(../../images/portalsite_btn_ov.jpg) left top no-repeat; width:300px; height:140px; position:absolute; left:0; top:0; opacity:0; transition:0.5s;}
#siteFooter .other ul li a:hover:before {opacity:1;}
#siteFooter .other ul li:nth-child(1) {padding-right:10px;}
#siteFooter .other ul li:nth-child(2) {padding-bottom:10px;}
#siteFooter .other ul li:nth-child(2) a:before {background:url(../../images/nesys_btn_ov.jpg) left top no-repeat; width:175px; height:65px;}
#siteFooter .other ul li:nth-child(3) a:before {background:url(../../images/material_btn_ov.jpg) left top no-repeat; width:175px; height:65px;}
#siteFooter .spec {clear:both; zoom:1; background:url(../../images/spec_bg.jpg) left top; height:107px; margin-bottom:0; overflow:hidden; text-align:center; padding-top:23px;}
#siteFooter .spec:after{content:''; display:block;}
#siteFooter .spec dl {display:inline-block; color:#fff; font-size:14px; line-height:30px;}
#siteFooter .spec dt {display:inline-block; color:#a9f857; padding-left:15px;}
#siteFooter .spec dd:before{content:' / ';}
#siteFooter .spec dd {display:inline-block;padding-right:15px;}
#siteFooter p.home {clear:both; zoom:1; height:42px; width:122px; margin:0 auto 0;}
#siteFooter p.home a {width:122px; height:42px; background:url(../images/btn_home.png) left top no-repeat; display:block; text-indent:200%; overflow:hidden; white-space:nowrap; position:relative;}
#siteFooter p.home a:before {content:''; width:122px; height:42px; background:url(../images/btn_home_ov.png) left top no-repeat; position:absolute; left:0; top:0; opacity:0; transition:0.5s;}
#siteFooter p.home a:hover:before{opacity:1;}
#siteFooter p.pageTop {clear:both; zoom:1; height:38px; position:absolute; right:0; bottom:0;}
#siteFooter p.pageTop a {width:175px; height:38px; background:url(../images/btn_pagetop.png) left top no-repeat; display:block; text-indent:200%; overflow:hidden; white-space:nowrap;}
#siteFooter p.pageTop a:before {content:''; width:175px; height:38px; background:url(../images/btn_pagetop_ov.png) left top no-repeat; position:absolute; left:0; top:0; opacity:0; transition:0.5s;}
#siteFooter p.pageTop a:hover:before{opacity:1;}
#siteFooter .categoryList {font-size:0; line-height:1; text-align:center;}
#siteFooter .categoryList li {display:inline-block;}
#siteFooter .categoryList li + li {margin-left:5px;}
#siteFooter .categoryList + p.home {margin-top:50px;}

/* contents */
main {min-width:1000px; padding-bottom:50px; position:relative}
main .head {background:#000; position:relative; margin:0 -30px 30px	;}
main .head span {display:block; color:#fff; min-height:65px; font-size:26px; line-height:36px; font-weight:bold; padding:16px 16px 12px 30px; position:relative; z-index:10;}
main .head:after{content:''; background:url(../images/title_bg.png) left top no-repeat; height:105px; width:1028px; position:absolute; left:-30px; top:-40px;}

/* pageHeader */
main .pageHeader {height:173px; position:relative;}
main .pageHeader p.logo {position:relative; z-index:10;}
main .pageHeader p.logo a{display:block; background:url(../images/second_logo.png) left top no-repeat; position:absolute; right:0; top:6px; width:211px; height:130px; text-indent:100%; overflow:hidden; white-space:nowrap; transition:opacity 0.5s;}
main .pageHeader p.logo a:hover {opacity:0.7;}
main .pageHeader .title {position:relative; z-index:0;}
main .pageHeader .title a{height:173px; background-position:left center; background-repeat:no-repeat; text-indent:200%; overflow:hidden; white-space:nowrap; display:block; transition:opacity 0.5s;}
main .pageHeader .title a:hover{opacity:0.7;}

/* .archiveNav */
main nav.archive {position:relative; clear:both; zoom:1; padding:50px 0 0;}
main .eventsList + nav.archive {padding:50px 0 86px; top:36px;}
main nav.archive ul {font-size:0; line-height:1; text-align:center;}
main nav.archive ul li {display:inline-block;vertical-align: middle;}
main nav.archive ul li.prev {position:absolute; left:0; top:50px;}
main nav.archive ul li.next {position:absolute; right:0; top:50px;}
main nav.archive ul li a{display:block; width:222px; height:42px; background:#000; position:relative;}
main nav.archive ul li.prev a{width:175px;}
main nav.archive ul li.next a{width:175px;}
main nav.archive ul li a:before {content:''; width:222px; height:42px; position:absolute; left:0; top:0; opacity:0; transition:0.5s;}
main nav.archive ul li.eventList a {background-image:url(../images/btn_event_list.png);}
main nav.archive ul li.eventList a:before {background-image:url(../images/btn_event_list_ov.png);}
main nav.archive ul li.infolist a {background-image:url(../images/btn_info_list.png);}
main nav.archive ul li.infolist a:before {background-image:url(../images/btn_info_list_ov.png);}
main nav.archive ul li.collaboList { margin-top:-21px;}
main nav.archive ul li.collaboList a {background-image:url(../images/btn_collabo_info.png); width:445px; height:79px;}
main nav.archive ul li.collaboList a:before {background-image:url(../images/btn_collabo_info_ov.png);width:445px; height:79px;}
main nav.archive ul li.prev a {background-image:url(../images/btn_prev.png);}
main nav.archive ul li.prev a:before {background-image:url(../images/btn_prev_ov.png); width:175px;}
main nav.archive ul li.next a {background-image:url(../images/btn_next.png);}
main nav.archive ul li.next a:before {background-image:url(../images/btn_next_ov.png); width:175px;}
main nav.archive ul li a:hover:before{opacity:1;}

main figure {font-size:0; line-height:1;}

/* infoList */
main .infoList {clear:both; zoom:1;}
main .infoList .item {border-bottom:1px solid #000; margin-bottom:10px;}
main .infoList .item div.note{line-height:26px; font-size:0;}
main .infoList .item div.note p {float:left;}
main .infoList .item div.note p.date {font-size:16px; font-weight:bold; padding:0 0 0 10px;}
main .infoList .item h2 {clear:both; zoom:1; margin-bottom:6px; padding-top:6px;}
main .infoList .item h2 a{color:#000;}
main .infoList .item h2 a:hover {text-decoration:underline;}
/* categoryList */
main .categoryList {margin-bottom:0; clear:both; zoom:1;}
main .categoryList:after{content:''; clear:both; display:block;}
main .categoryList li {float:left; margin:0 3px 3px 0;}
main .categoryList li:nth-child(3),main .categoryList li:nth-child(6),main .categoryList li:nth-child(9) {margin-right:0;}
/* eventsList */
main .eventsList {clear:both; zoom:1;}
main .eventsList:after{content:''; clear:both; display:block;}
main .eventsList .item {float:left; width:326px; margin:0 0 0 11px; display:block; font-size:0; line-height:1; color:#000;}
main .eventsList .item:nth-child(3n+1){clear:both; margin-left:0;}
main .eventsList .item:nth-child(n+4){margin-top:35px;}
main .eventsList .item div.img {position:relative; background:url(../../images/events_item_bg.png) left top no-repeat; background-size:326px auto; margin-bottom:15px; padding:7px; width:326px; height:239px;}
main .eventsList .item div.img p{position:absolute; width:312px; height:225px; background-position:center top; background-repeat:no-repeat; background-size:100% auto; text-indent:200%; white-space:nowrap; font-size:0; line-height:1;}
main .eventsList .item div.img p span{background:url(../images/icon_kaisaichu.png) left top no-repeat; background-size:71px 71px; position:absolute; left:3px; top:3px; display:block; height:71px; width:71px; display:none;}
main .eventsList .item div.img p span span {display:none;}
main .eventsList .item div.img p:after {content:''; background:url(../images/btn_more_ov.png) left top no-repeat; width:88px; height:26px; position:absolute; right:-7px; bottom:-7px; opacity:0; transition:0.5s;}
main .eventsList .item div.img p:before{content:''; background:url(../images/btn_more.png) left top no-repeat; width:88px; height:26px; position:absolute; right:-7px; bottom:-7px; opacity:1; transition:0.5s;}
main .eventsList .item:hover div.img p:after{opacity:1;}
main .eventsList .item h2{font-weight:bold; font-size:18px; line-height:1.4;}
main .eventsList .item h3{font-weight:bold; font-size:18px; line-height:1.4;}
main .eventsList .item h3 + p {font-size:16px; line-height:25px; margin-top:4px;}
main .eventsList .item div.img p em.update {display:inline-block; background:#8cf06c url(../images/icon_pencil.png) 4px 3px no-repeat; width:117px; height:26px; line-height:22px; left:-7px; bottom:-7px; border:2px solid #000; color:#000; font-size:13px; position:absolute; text-indent:0; font-weight:bold; padding-left:28px;}
main .eventsList .item div.img p em.update b{font-size:14px;}

/* footer eventsList */
#siteFooter .eventsList {clear:both; zoom:1; padding-bottom:48px;}
#siteFooter .eventsList:after{content:''; clear:both; display:block;}
#siteFooter .eventsList .item {float:left; width:244px; margin:0 0 0 6px; display:block; font-size:0; line-height:1; color:#fff; transition:opacity 0.5s;}
#siteFooter .eventsList .item:hover{opacity:0.7;}
#siteFooter .eventsList .item div.img {position:relative; background:url(../../images/events_item_bg.png) left top no-repeat; background-size:244px auto; margin-bottom:10px; padding:5px; width:244px; height:179px;}
#siteFooter .eventsList .item div.img p{position:absolute; width:234px; height:168px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:200%; white-space:nowrap;  font-size:0; line-height:1;}
#siteFooter .eventsList .item div.img p span{background:url(../../images/events_item_kaisaichu.png) left top no-repeat; position:absolute; left:3px; top:3px; display:block; height:73px; width:73px;display:none;}
#siteFooter .eventsList .item div.img p span span {display:none;}
#siteFooter .eventsList .item h2,
#siteFooter .eventsList .item h3{font-weight:bold; font-size:14px; line-height:22px; padding:0 5px;}
#siteFooter .eventsList .item h3 + p {display:none;}
#siteFooter .eventsList .item div.img p em.update {display:inline-block; background:#8cf06c url(../images/icon_pencil.png) 4px 3px no-repeat; width:117px; height:26px; line-height:22px; left:-5px; bottom:-5px; border:2px solid #000; color:#000; font-size:13px; position:absolute; text-indent:0; font-weight:bold; padding-left:28px;}
#siteFooter .eventsList .item div.img p em.update b{font-size:14px;}


/* icon */
.icon a{width:118px; display:block; height:26px; background:#000; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap;}
.icon a:after{width:118px; height:26px; content:''; position:absolute; left:0; top:0; transition:0.5s; opacity:1; z-index:0;}
.icon a:before{width:118px; height:26px; content:''; position:absolute; left:0; top:0; transition:0.5s; opacity:1; z-index:10; opacity:0;}
.sizeL .icon a{width:195px; height:43px;}
.sizeL .icon a:after{width:195px; height:43px;}
.sizeL .icon a:before{width:195px; height:43px;}
/*
.icon.news a:after {background:url(../images/icon_news.gif) left top no-repeat; background-size:100% auto;}
.icon.update a:after {background:url(../images/icon_update.gif) left top no-repeat; background-size:100% auto;}
.icon.attention a:after {background:url(../images/icon_attention.gif) left top no-repeat; background-size:100% auto;}
.icon.blog a:after {background:url(../images/icon_blog.gif) left top no-repeat; background-size:100% auto;}
.icon.campaign a:after {background:url(../images/icon_campaign.gif) left top no-repeat; background-size:100% auto;}
.icon.news a:before {background:url(../images/icon_news_ov.gif) left top no-repeat; background-size:100% auto;}
.icon.update a:before {background:url(../images/icon_update_ov.gif) left top no-repeat; background-size:100% auto;}
.icon.attention a:before {background:url(../images/icon_attention_ov.gif) left top no-repeat; background-size:100% auto;}
.icon.blog a:before {background:url(../images/icon_blog_ov.gif) left top no-repeat; background-size:100% auto;}
.icon.campaign a:before {background:url(../images/icon_campaign_ov.gif) left top no-repeat; background-size:100% auto;}
.icon a:hover:before{opacity:1;}
*/


/* loader */
#loader {position:fixed; left:50%; top:50%; background:url(../../images/circle_loader2.png) left top no-repeat; width:128px; height:128px; margin:-64px 0 0 -64px; z-index:1000;}
#loader div{background:url(../../images/circle_loader1.png) left top no-repeat; width:128px; height:128px; transform-origin:center center;}

@-webkit-keyframes rotate1 {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-360deg); } 
}
@-moz-keyframes rotate1 {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(-360deg); } 
}
@-o-keyframes rotate1 {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(-360deg); } 
}
@keyframes rotate1 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); } 
}
#loader div{
  -webkit-animation: rotate1 1.5s infinite linear; /* Safari 4+ */
  -moz-animation:    rotate1 1.5s infinite linear; /* Fx 5+ */
  -o-animation:      rotate1 1.5s infinite linear; /* Opera 12+ */
  animation:         rotate1 1.5s infinite linear; /* IE 10+, Fx 29+ */
}



/* modal */
#modalMask {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.80); z-index:100000; display:none;}
#modalContent {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100001; display:none; cursor:pointer;}
#modalContent div {width:1000px; height:642px; padding:0; position:fixed; left:50%; top:50%; z-index:10; margin-left:-500px; margin-top:-321px; z-index:10; padding:40px 0;}
#modalContent div iframe {width:1000px; height:562px; position:relative;}
#modalContent div.img {width:940px; height:529px; margin-left:-470px; margin-top:-265px;}
#modalContent.min div {width:640px; height:480px;margin-left:-320px; margin-top:-206px; z-index:10; padding:40px 0;}
#modalContent.min div iframe {width:640px; height:360px; position:relative;}
#modalContent .close {position:absolute; right:0; top:10px;}
#modalContent.min div.img {width:640px; height:358px;}
#modalContent.min div.img img {width:100%; height:auto;}
#modalContent .close a{display:block; width:74px; height:17px; overflow:hidden; text-indent:200%; white-space:nowrap; background:url(../images/btn_close.png) left top no-repeat; position:relative;}
#modalContent .close a:before{content:''; background:url(../images/btn_close_ov.png) left top no-repeat; width:74px; height:17px; position:absolute; left:0; top:0; opacity:0; transition:0.5s;}
#modalContent .close a:hover:before{opacity:1;}
#modalContent2 {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100001; display:none; cursor:pointer;}
#modalContent2 div {width:1000px; height:642px; padding:0; position:fixed; left:50%; top:50%; z-index:10; margin-left:-500px; margin-top:-321px; z-index:10; padding:40px 0;}
#modalContent2 div iframe {width:1000px; height:562px; position:relative;}
#modalContent2 div.img {width:940px; height:529px; margin-left:-470px; margin-top:-265px;}
#modalContent2.min div {width:640px; height:480px;margin-left:-320px; margin-top:-206px; z-index:10; padding:40px 0;}
#modalContent2.min div iframe {width:640px; height:360px; position:relative;}
#modalContent2 .close {position:absolute; right:0; top:10px;}
#modalContent2.min div.img {width:640px; height:358px;}
#modalContent2.min div.img img {width:100%; height:auto;}
#modalContent2 .close a{display:block; width:74px; height:17px; overflow:hidden; text-indent:200%; white-space:nowrap; background:url(../images/btn_close.png) left top no-repeat; position:relative;}
#modalContent2 .close a:before{content:''; background:url(../images/btn_close_ov.png) left top no-repeat; width:74px; height:17px; position:absolute; left:0; top:0; opacity:0; transition:0.5s;}
#modalContent2 .close a:hover:before{opacity:1;}

/* square 検索窓 */
.gsc-selected-option-container.gsc-inline-block{white-space:nowrap; height:50px;}
.gsc-selected-option-container{height:33px !important; min-width:80px !important;}
.gsc-selected-option {height:33px !important;}
