@charset "utf-8";
/* ================================
share.css
================================= */

.viewTb { display:none; }
/*
.fmin { font-family:"Hiragino Mincho ProN",Georgia,游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif }

.lato { font-family: 'Lato', sans-serif; }
.roboto { font-family: 'Roboto', sans-serif; }
.notesans { font-family: 'Noto Sans', sans-serif; }
.opensans { font-family: 'Open Sans', sans-serif; }
*/
h1 { font-size:32px; }
h2 { font-size:27px; }
h3 { font-size:24px; }
h4 { font-size:21px; }
h5 { font-size:18px; }

#loadmc { position:fixed; top:0; left:0; width:100%; height:100%; background:url("/images/spacer.gif"); z-index:999999; }
#loadmc .loadobj {  }

.ov { position:absolute!important; top:0; left:0; opacity:0; }

.alink { text-decoration:underline; }
.alink:hover { text-decoration:none; }

.blue { color:#00579e; }

.ltstxt { letter-spacing:0px; margin-left:-5px; }

.bold { font-weight:700!important; }

.stxt12 { font-size:12px; }
.stxt13 { font-size:13px; }
.stxt14 { font-size:14px; }

.font18 { font-size:18px; }
.font16 { font-size:16px; }
.font14 { font-size:14px; line-height:24px; }
.font13 { font-size:13px; line-height:22px; }
.font12 { font-size:12px; line-height:20px; }

.clear_bd { border:none!important; }
.clear_mb { margin-bottom:0!important; }

.mb0 { margin-bottom:0!important; }
.mb30 { margin-bottom:30px!important; }

.t_center { text-align:center; }

.cation { font-size:12px; }

.dropshadow { box-shadow:0px 0px 3px 2px rgba(0,0,0,0.13); }

.hitarea { position:absolute; top:0; left:0; width:100%; height:100%; background:url("/images/spacer.gif"); cursor:pointer; z-index:1; }
.hidden { display:none; }

.icon_ov { position:absolute; top:0; left:0; opacity:0; line-height:0; }
.icon_ov img {  }

.iov { position:absolute; top:0; left:0; opacity:0; line-height:0; }
.iov img { width:100%; }

.flashov { position:absolute; top:0; left:0; line-height:0; -webkit-animation: ani-mouse 1s ease-out infinite; -moz-animation: ani-mouse 1s ease-out infinite; animation: ani-mouse 1s ease-out infinite; }
.flashov img { /*width:100%;*/ }

.nline:hover { text-decoration:none; }
.uline:hover { color:#333; text-decoration:underline; }

.aov { transition:ease-out 0.1s; }
.aov:hover { opacity:.7; }

.scale { display:block; transition:ease-out 0.1s; }
.scale:hover {
    -webkit-transform: scale(.97);
    -moz-transform: scale(.97);
    -o-transform: scale(.97);
    -ms-transform: scale(.97);
    transform: scale(.97);
}

.scaleup { display:block; transition:ease-out 0.1s; }
.scaleup:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.bright { display:block; transition:ease-out 0.1s; }
.bright:hover {
    filter:brightness(85%);
}

a::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
p::selection,
dl dt::selection,
dl dd::selection,
span::selection {
background-color: #bfaea5;
color:#fff;
}
a::-moz-selection,
h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
p::-moz-selection,
dl dt::-moz-selection,
dl dd::-moz-selection,
span::-moz-selection {
background-color: #bfaea5;
color:#fff;
}

.flexbox { 
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap; 
justify-content: space-between;
-webkit-justify-content: space-between;
}

.flexbox2 { 
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap; 
justify-content: space-between;
-webkit-justify-content: space-between;
align-content: flex-start;
}

.flexbox_sp,
.flexbox_all { 
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap; 
justify-content: space-between;
-webkit-justify-content: space-between;
}


.menu-trigger { display:none; }


@media only screen and (max-width: 1400px) {

.hideTb { display:none; }
.viewTb { display:block; }


}


@media only screen and (max-width: 1024px) {
    

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: absolute;
  width: 38px;
  height: 32px;
  top:30px;
  right:48px;
  z-index:100;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #f0830f;
  border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 15px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}



.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-15px) rotate(45deg);
  transform: translateY(-15px) rotate(45deg);
}


}


@media only screen and (max-width: 768px) {

.hideTb { display:none; }
.viewTb { display:none; }

h1 { font-size:26px; line-height:40px; }
h2 { font-size:24px; line-height:36px; }
h3 { font-size:20px; line-height:32px; }
h4 { font-size:18px; line-height:28px; }
h5 { font-size:16px; line-height:26px; }


.scale,
.scaleup { transition:inherit; }
.scale:hover,
.scaleup:hover {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -o-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
}

.bright { transition:inherit; }
.bright:hover {
    filter:inherit;
}

.flexbox,
.flexbox2 { 
display:block;
overflow:inherit;
}

.menu-trigger { 
  width: 28px;
  height: 22px;
  top:17px;
  right:5%;
}

.menu-trigger span:nth-of-type(2) { top:10px; }


.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}


}

@-webkit-keyframes ani-mouse {
    0% {
    opacity: 1;
    }
    50% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
@-moz-keyframes ani-mouse {
    0% {
    opacity: 1;
    }
    50% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
@keyframes ani-mouse {
    0% {
    opacity: 1;
    }
    50% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}