/*
CORDING BY akihirohiramoto.jp/
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/
/*透過処理
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
transition:opacity 0.2s linear;
-webkit-transition:opacity 0.2s linear;
-moz-osx-transition:opacity 0.2s linear;
-ms-transition:opacity 0.2s linear;
/*-moz--webkit--o--ms-*/

#header {
display: block;
position:absolute;
top: 0;
left: 0;
z-index: 1000;
margin: 0 auto 0;
width: 100%;
height: auto;
background-color: rgba(0,22,67,1);
text-align: center;
transition: all .3s linear;
filter: alpha(opacity=100); -moz-opacity:1;opacity:1;
}
h1.logo a { /*ロゴタイプ*/
display: inline-block;
background: url("../img/logo-blueloom_header.png") no-repeat center center;
background-size: 146px 36px;
width: 146px;
height: 60px;
filter: alpha(opacity=100); -moz-opacity:1;opacity:1;
text-indent: -90000px;
}
h1.logo a:hover{
filter: alpha(opacity=70); -moz-opacity:.7; opacity:.7;
}
div.icon-email { /*メールアイコン*/
display: block;
position: absolute;
right: 0px;
top: 0;
z-index: 1001;
width: 50px;
height: 60px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
div.icon-email a {
display: block;
width: 50px;
height: 60px;
text-indent: -9000px;
border-bottom: 2px solid rgba(255,255,255,0);
background-image: url("../img/icon-mail_nt.png");
background-repeat: no-repeat;
background-size: 26px;
background-position: center center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
filter: alpha(opacity=70); -moz-opacity:.7;opacity:.7;
/*▼▼FIXEDメニューチラつき対策*/
-webkit-backface-visibility:hidden; 
backface-visibility:hidden;  
overflow: hidden;
transform: translate3d(0, 0, 0); /*iOS等慣性対策表示*/
/*▲▲*/
}
div.icon-email a:hover {
filter: alpha(opacity=100); -moz-opacity:1;opacity:1;
border-bottom: 2px solid rgba(255,255,255,0.6);
}

div.icon-ig { /*インスタグラムアイコン*/
display: block;
position: absolute;
right: 50px;
top: 0;
z-index: 1001;
width: 46px;
height: 60px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
div.icon-ig a {
display: block;
width: 46px;
height: 60px;
text-indent: -9000px;
border-bottom: 2px solid rgba(240,0,0,0);
background-image: url("../sns/img/icon-instagram_w.png");
background-repeat: no-repeat;
background-size: 24px;
background-position: center center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
filter: alpha(opacity=70); -moz-opacity:.7;opacity:.7;
/*▼▼FIXEDメニューチラつき対策*/
-webkit-backface-visibility:hidden; 
backface-visibility:hidden;  
overflow: hidden;
transform: translate3d(0, 0, 0); /*iOS等慣性対策表示*/
/*▲▲*/
}
div.icon-ig a:hover {
filter: alpha(opacity=100); -moz-opacity:1;opacity:1;
border-bottom: 2px solid rgba(211,0,255,0.0);
}

/*▼▼NAVI-INDEX*/
#navi-index { /*初期は非表示*/
display:block;
visibility:visible;
position: absolute;
top:0px;
left: 0;
z-index:900;
padding-top: 60px;
width: 100%;
height: auto;
font-size: 0;
text-align: center;
transition: all .2s linear;
filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
background-image: url("../index/bg-navi-index.png");
background-repeat: repeat-y;
background-position: center center;
background-size: 800px 100px;
}
#navi-index li,
#navi-index.scr-index li {
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

/*▼▼NAVI-INDEX：スクロールで表示*/
#navi-index.scr-index { 
display: block;
visibility: visible;
position: fixed;
top: 0;
left: 0;
z-index: 900;
padding-top: 0px;
width: 100%;
font-size: 0;
text-align: center;
transition: all .2s linear;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
background-color: rgba(0,0,0,0.9);
/*▼▼FIXEDメニューチラつき対策*/
-webkit-backface-visibility:hidden; 
backface-visibility:hidden;  
overflow: hidden;
transform: translate3d(0, 0, 0); /*iOS等慣性対策表示*/
/*▲▲*/
}
#navi-index li a,
#navi-index li.scr-index a { 
display: inline-block;
height: 45px;
line-height: 45px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 0.6em 0;
font-size: 1.2rem;/*14px*/
color: rgba(255,255,255,0.8);
border-bottom: 2px solid rgba(255,255,255,0.0);
}
#navi-index li a:hover,
#navi-index.scr-index li a:hover {
text-decoration: none;
color: rgba(255,255,255,1);
border-bottom: 2px solid rgba(255,255,255,0.4);
}
/*Concept*/
#navi-index.scr-index li.concept a.current{
color: rgba(255,255,255,1);
border-bottom: 2px solid rgba(255,255,255,0.7);
}
/*Mr33*/
#navi-index.scr-index li.mr33 a.current{
color: rgba(255,255,255,1);
border-bottom: 2px solid rgba(255,255,255,0.7);
}
/*参加企業*/
#navi-index.scr-index li.colist a.current{
color: rgba(255,255,255,1);
border-bottom: 2px solid rgba(255,255,255,0.7);
}
/*お問い合わせ*/
#navi-index.scr-index li.contact a.current{
color: rgba(255,255,255,1);
border-bottom: 2px solid rgba(255,255,255,0.7);
font-weight: bolder;
}
/*▼▼NAVI-MR33*/
#navi-mr33 { /*初期非表示*/
display: block;
visibility: visible;
position: fixed;
top: 0;
left: 0;
z-index: 800;
width: 100%;
font-size: 0;
text-align: center;
background-color: rgba(255,255,255,1);
transition: all 0.2s linear;
filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
/*▼▼FIXEDメニューチラつき対策*/
backface-visibility:hidden;  
overflow: hidden;
transform: translate3d(0, 0, 0); /*iOS等慣性対策表示*/
/*▲▲*/
}
/*▼▼NAVI-INDEX：スクロールで表示（NAVI-MR33）*/
#navi-mr33.current {
display:block;
visibility: visible;
position: fixed;
padding-top: 0px;
font-size: 0;
top: 45px;
left: 0;
z-index: 800;
width: 100%;
text-align: center;
background-color: rgba(255,255,255,1);
transition: all 0.2s linear;
filter: alpha(opacity=95); -moz-opacity:.95; opacity:.95;
/*▼▼FIXEDメニューチラつき対策*/
-webkit-backface-visibility:hidden; 
backface-visibility:hidden;  
overflow: hidden;
transform: translate3d(0, 0, 0); /*iOS等慣性対策表示*/
/*▲▲*/
}
#navi-mr33.scr-mr33  { /*スクロールで表示*/
display:block;
visibility: visible;
position: fixed;
padding-top: 0px;
font-size: 0;
top: 0px;
left: 0;
z-index: 800;
width: 100%;
text-align: center;
background-color: rgba(255,255,255,1);
transition: all 0.2s linear;
filter: alpha(opacity=95); -moz-opacity:.95; opacity:.95;
/*▼▼FIXEDメニューチラつき対策*/
-webkit-backface-visibility:hidden; 
backface-visibility:hidden;  
overflow: hidden;
transform: translate3d(0, 0, 0); /*iOS等慣性対策表示*/
/*▲▲*/
}
#navi-mr33 li,
#navi-mr33.scr-mr33 li  {
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#navi-mr33 li a,
#navi-mr33.scr-mr33 li a  {
display: inline-block;
text-indent: -9000px;
width:70px;
height:56px;
background-size: 70px;
background-position: center center;
background-repeat: no-repeat;
border-bottom: 2px solid rgba(0,0,0,0.2);
}
/*尾州*/
#navi-mr33 li a.bishu,
#navi-mr33.scr-mr33 li a.bishu {
background-image: url("../index/menu-mr33-bishu.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#navi-mr33 li a.bishu,
#navi-mr33.scr-mr33 li a.bishu {
background-image: url("../index/menu-mr33-bishu@2x.png");
}
}
#navi-mr33 li a:hover.bishu,
#navi-mr33 li.scr-mr33 a:hover.bishu {
border-bottom: 2px solid rgba(220,0,0,1);
}
/*遠州*/
#navi-mr33 li a.enshu,
#navi-mr33.scr-mr33 li a.enshu {
background-image: url("../index/menu-mr33-enshu.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#navi-mr33 li a.enshu,
#navi-mr33.scr-mr33 li a.enshu {
background-image: url("../index/menu-mr33-enshu@2x.png");
}
}
#navi-mr33 li a:hover.enshu,
#navi-mr33.scr-mr33 li a:hover.enshu {
border-bottom: 2px solid rgba(0,120,20,1);
}
/*播州*/
#navi-mr33 li a.banshu,
#navi-mr33.scr-mr33 li a.banshu {
background-image: url("../index/menu-mr33-banshu.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#navi-mr33 li a.banshu,
#navi-mr33.scr-mr33 li a.banshu {
background-image: url("../index/menu-mr33-banshu@2x.png");
}
}
#navi-mr33 li a:hover.banshu,
#navi-mr33.scr-mr33 li a:hover.banshu {
border-bottom: 2px solid rgba(255,124,0,1);
}
/*児島*/
#navi-mr33 li a.kojima,
#navi-mr33.scr-mr33 li a.kojima {
background-image: url("../index/menu-mr33-kojima.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#navi-mr33 li a.kojima,
#navi-mr33.scr-mr33 li a.kojima {
background-image: url("../index/menu-mr33-kojima@2x.png");
}
}
#navi-mr33 li a:hover.kojima,
#navi-mr33.scr-mr33 li a:hover.kojima {
border-bottom: 2px solid rgba(220,0,150,1);
}

/*▼▼▼JSNG*/
.jsng-head {
position: absolute;
top: 60px;
display:block;
background-color:rgba(255,0,0,0.8);
width:100%;
padding-top: 0px;
text-align: center;
}
.jsng-headspace {
display: block;
padding-top:60px;
margin-bottom: 45px;
width:100%;
background-color:rgba(255,255,255,0);
}
.jsng-head p {
display:inline-block;
font-size: 1.6rem;
line-height: 45px;
height: 45px;
color:rgba(255,255,255,1);
margin-bottom: 0;
}
#js {
display:block;
background:rgba(255,0,0,0.8);
width:100%;
padding: 30px 0;
text-align: center;
}
#js h1 {
font-size:2.4rem;
margin:0 auto 1em;
color:#FFF;
max-width:640px;
width:90%;
}
#js p {
font-size:1.4rem;
line-height: 1.4em;
margin:0 auto;
color:#FFF;
max-width:640px;
width:90%;
text-align:center;
}

/*▼▼▼FOOTER*/
#footer {
text-align: center;
font-size: 0;
}

/*フッターSNS*/
#footer-sns-icon {
margin-bottom: 30px;
margin-top: 30px;
overflow: hidden;
}

.footer-ig a img { /*インスタグラム*/
display: inline-block;
width: auto;
height: 29px;
margin: 4px;
text-align: center;
filter: alpha(opacity=60); -moz-opacity:.6; opacity:.6;
}
.footer-ig a:hover img {
filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;
}

/*フッターメッセージ*/
.footer-msg {
display: inline-block;
padding: 40px 0;
text-align: center;
overflow: hidden;
}
.footer-msg h5 {
display: block;
width:218px;
height: 50px;
margin: 0px auto 20px;
text-indent: -9000px;
}
.footer-msg h5 a {
display: block;
width:218px;
height: 50px;
background-image: url("../img/logo-blueloom_footer.png");
background-size: 218px;
background-repeat: none;
background-position: center center;
filter: alpha(opacity=30); -moz-opacity:.3; opacity:.3;
}
.footer-msg h5 a:hover{
background-image: url("../img/logo-blueloom_footer.png");
filter: alpha(opacity=60); -moz-opacity:.6; opacity:.6;
}
.footer-msg p {
margin: 0 auto;
margin-bottom: 0.5em;
font-size: 1.2rem;
line-height: 1.6em;
text-align: center;
color: #666;
}

/*フッター4製品メニュー*/
#footer-prod-navi {
display: block;
margin: -20px auto 00px;
text-align: center;
border-bottom: 1px solid rgba(0,0,0,.2);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#footer-prod-navi li {
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#footer-prod-navi li a {
display: inline-block;
font-size: 2rem;
padding: 20px 0.5em 20px;
color: rgba(0,0,0,0.4);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
filter: alpha(opacity=1); -moz-opacity:1; opacity:1;
border-bottom: 2px solid rgba(0,0,0,.1);
}
#footer-prod-navi li a:hover {
color: rgba(0,0,0,0.6);
text-decoration: none;
}
#footer-prod-navi li a:hover.bishu {
border-bottom: 2px solid rgba(220,0,0,1);
}
#footer-prod-navi li a:hover.enshu {
border-bottom: 2px solid rgba(0,120,20,1);
}
#footer-prod-navi li a:hover.banshu {
border-bottom: 2px solid rgba(255,124,0,1);
}
#footer-prod-navi li a:hover.kojima {
border-bottom: 2px solid rgba(220,0,150,1);
}

/*フッターリンク（企業情報等）*/
#footer-link {
width:100%;
text-align:center;
padding: 0px 0 0;
}
#footer-link li {
display:inline-block;
padding: 0em 0.5em;
line-height:1em;
font-size:1.2rem;
}
#footer-link li a {
color: #666;
}
#footer-link li a:hover {
color: #666;
text-decoration:underline;
}


/*ページの先頭へ▼▼▼▼ */
#pageup{
background-image:url("../img/arrow_pagetop.png");
display:block;
position:fixed;
bottom:30px;
right:20px;
text-indent:-8000px;
overflow:hidden;
width:72px;
height:72px;
border:1px solid rgba(255,255,255,0.6);
background-position:center center;
background-size:60px;
background-color:rgba(0,0,0,0.9);
z-index:9000;
filter: alpha(opacity=0); -moz-opacity:0.00; opacity:0;
border-radius:50%;
transition:opacity .3s linear;
-webkit-transition:opacity .3s linear;
}
@media screen and (max-width: 960px) {
/*表示領域が以上（min）以下（max）*/
#pageup{
width:60px;
height:60px;
}
}

.scrolled #pageup {
filter: alpha(opacity=70); 
-moz-opacity:0.70;
opacity:0.7;
}
.scrolled #pageup:hover {
filter: alpha(opacity=90); 
-moz-opacity:0.90;
opacity:0.9;
}
/*▲▲▲▲ページの先頭へ */