@charset "utf-8";

#boxHeader {
  height:120px;
  border-bottom:1px solid #ccc;
}
#headerUp {
  height:30px;
}
#headerUp ul {
  float:right;
  padding:9px 0 0 0;
  list-style:none;
  font-size:12px;
  line-height:14px;
}
#headerUp ul li {
  float:left;
  margin-left:20px;
  list-style:none;
}
#headerUp ul li a {
  display:block;
  padding-left:16px;
  text-decoration:none;
  color:#000;
  background:url("../img/icon_rect_navi.png") no-repeat center left;
}
#headerUp ul li a:hover {
  color:#0085B2;
  background:url("../img/icon_rect_navi_ov.png") no-repeat center left;
}
#headerBottom {
  margin-top:10px;
  height:80px;
}
#headerLogo {
  float:left;
  width:350px;
  height:70px;
  text-indent:-9999px;
  background:url("../img/logo.png") no-repeat top left;
  cursor:pointer;
}
#headerSNS {
  float:right;
  margin-right:20px;
  padding-top:10px;
  width:350px;
  text-align:center;
}
#headerSNS #SNSTitle {
  display:block;
  padding:5px 0 10px;
  font-size:12px;
  line-height:1.0em;
}
#headerSNS #SNSNavi {
  font-size:13px;
}
#headerSNS #SNSNavi ul {
  list-style:none;
}
#headerSNS #SNSNavi ul li {
  float:left;
  margin:0 5px;
  list-style:none;
}
#headerSNS #SNSNavi ul li a {
  display:block;
  padding-left:30px;
  color:#000;
  text-decoration:none;
}
#headerSNS #SNSNavi ul li a:hover {
  text-decoration:underline;
}
#headerSNS #SNSNavi ul li a.btnSNSBlog {
  background:url("../img/icon_sns_blog.png") no-repeat center left;
  background-size:28px 28px;
}
#headerSNS #SNSNavi ul li a.btnSNSInsta {
  background:url("../img/icon_sns_insta.png") no-repeat center left;
  background-size:28px 28px;
}
#headerSNS #SNSNavi ul li a.btnSNSX {
  background:url("../img/icon_sns_x.png") no-repeat center left;
  background-size:28px 28px;
}
#headerTel {
  float:right;
  margin-top:10px;
  width:233px;
  height:50px;
  text-indent:-9999px;
  background:url("../img/tel.png") no-repeat top left;
  background-size:cover;
}


#boxGlobal {
  height:80px;
  border-bottom:5px solid #0085B2;
}
#boxGlobal ul {
  padding:0 20px;
  list-style:none;
}
#boxGlobal ul li {
  float:left;
  list-style:none;
}
#boxGlobal ul li > a {
  display:block;
  width:150px;
  height:80px;
  text-indent:-9999px;
  background-image:url("../img/global.png");
  background-repeat:no-repeat;
}
#boxGlobal ul li a#global1 {
  background-position:0 0;
}
#boxGlobal ul li a#global2 {
  width:170px;
  background-position:-160px 0;
}
#boxGlobal ul li a#global3 {
  background-position:-340px 0;
}
#boxGlobal ul li a#global4 {
  background-position:-500px 0;
}
#boxGlobal ul li a#global5 {
  width:140px;
  background-position:-660px 0;
}
#boxGlobal ul li a#global6 {
  width:170px;
  background-position:-810px 0;
}
#boxGlobal ul li a#global0 {
  width:110px;
  background-position:-990px 0;
}
#boxGlobal ul li a#global1:hover {
  background-position:0 -80px;
}
#boxGlobal ul li a#global2:hover {
  background-position:-160px -80px;
}
#boxGlobal ul li a#global3:hover {
  background-position:-340px -80px;
}
#boxGlobal ul li a#global4:hover {
  background-position:-500px -80px;
}
#boxGlobal ul li a#global5:hover {
  background-position:-660px -80px;
}
#boxGlobal ul li a#global6:hover {
  background-position:-810px -80px;
}
#boxGlobal ul li a#global0:hover {
  background-position:-990px -80px;
}

#boxGlobal ul li a#global1_on {
  background-position:0 -160px;
}
#boxGlobal ul li a#global2_on {
  width:170px;
  background-position:-160px -160px;
}
#boxGlobal ul li a#global3_on {
  background-position:-340px -160px;
}
#boxGlobal ul li a#global4_on {
  background-position:-500px -160px;
}
#boxGlobal ul li a#global5_on {
  width:140px;
  background-position:-660px -160px;
}
#boxGlobal ul li a#global6_on {
  width:170px;
  background-position:-810px -160px;
}


#boxGlobal .dropmenu{
  *zoom: 1;
  padding: 0;
}
/*
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
*/
#boxGlobal .dropmenu > li{
  position: relative;
}
#boxGlobal .dropmenu li a {
}
#boxGlobal .dropmenu li > ul{
  position: absolute;
  z-index: 9999;
  top: 84px;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-left:2px solid #006699;
  border-right:2px solid #006699;
  border-bottom:1px solid #006699;
}
#boxGlobal .dropmenu li ul li{
  width: 100%;
}
#boxGlobal .dropmenu li ul li a {
  padding: 9px 15px;
  height:auto;
  border-bottom: 1px solid #006699;
  background: #0085B2;
  color:#fff;
  font-size:12px;
  text-decoration:none;
  text-align: left;
  text-indent:0;
}
#boxGlobal .dropmenu li ul li a:hover {
  background: #00aacc;
}

#boxGlobal .dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#boxGlobal .dropmenu li:hover ul li{
  overflow: visible;
  height:43px;
}


#boxFooter {
}
#boxFooterMenu {
  padding:30px 0 10px;
  color:#fff;
  background:#0085B2;
}
#boxFooterMenu ul {
  list-style:none;
}
#boxFooterMenu ul li {
  list-style:none;
  font-size:13px;
  line-height:20px;
}
#boxFooterMenu ul li a {
  color:#fff;
  text-decoration:none;
}
#boxFooterMenu ul li a:hover {
  text-decoration:underline;
}
#boxFooterMenu ul li.footerLevel1 {
  float:left;
  padding-right:30px;
}
#boxFooterMenu ul li.footerLevel1 > a {
  display:block;
  padding-bottom:12px;
  font-size:18px;
  font-weight:bold;
}
#boxFooterMenu ul li.footerLevel1 ul {
  padding:0 0 12px 0;
}

#footerLabel {
  float:left;
  width:400px;
}
#boxFooterName {
  padding:20px 0;
  color:#fff;
  font-size:13px;
  line-height:18px;
  background:#003355;
}
#boxFooterName span.name {
  display:block;
  padding-bottom:9px;
  font-size:20px;
  font-weight:bold;
}
#footerSNS {
  float:right;
  margin-right:20px;
  width:500px;
  text-align:center;
}
#footerSNS #SNSNavi {
  float:right;
  font-size:13px;
}
#footerSNS #SNSNavi ul {
  list-style:none;
}
#footerSNS #SNSNavi ul li {
  float:right;
  margin:0 5px;
  list-style:none;
}
#footerSNS #SNSNavi ul li a {
  display:block;
  padding-left:30px;
  height:28px;
  color:#ccc;
  line-height:28px;
  text-decoration:none;
}
#footerSNS #SNSNavi ul li a:hover {
  color:#fff;
  text-decoration:underline;
}
#footerSNS #SNSNavi ul li a.btnSNSBlog {
  background:url("../img/icon_sns_blog_mono.png") no-repeat center left;
  background-size:28px 28px;
}
#footerSNS #SNSNavi ul li a.btnSNSInsta {
  background:url("../img/icon_sns_insta_mono.png") no-repeat center left;
  background-size:28px 28px;
}
#footerSNS #SNSNavi ul li a.btnSNSX {
  background:url("../img/icon_sns_x_mono.png") no-repeat center left;
  background-size:28px 28px;
}
#footerSNS #SNSNavi ul li span {
  font-size:12px;
  color:#ccc;
  line-height:28px;
}


#boxMain {
}

#sp_global,
#sp_header_btn {
  display:none;
}


#btntop {
  display:block;
  position: fixed;
  bottom: -70px;
  right: 10px;
  width:40px;
  height:38px;
  background-image:url("../img/btn_top.png");
  background-repeat:no-repeat;
  background-position:0 0;
  text-indent:-9999px;
  filter:alpha(opacity=70); 
  -moz-opacity: 0.7; 
  opacity: 0.7; 
  z-index:1000;
  cursor:pointer;
}

#btntop:hover {
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;
}

.pc {
  display:block;
}
.sp {
  display:none;
}


/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#boxHeader {
  height:auto;
}
#headerUp {
  display:none;
}
#headerBottom {
  margin-top:0;
  padding:10px;
  height:auto;
}
#headerLogo {
  width:170px;
  height:35px;
  background-size:170px 35px;
}
#headerTel {
  display:none;
}
#boxGlobal {
  display:none;
}
#headerSNS #SNSNavi ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
}
#headerSNS #SNSTitle {
  display:none;
}
#headerSNS #SNSNavi ul li {
  width:28px;
  overflow:hidden;
}
#headerSNS #SNSNavi ul li.title {
  width:8.5em;
}
#headerSNS #SNSNavi ul li a {
}
#headerSNS #SNSNavi ul li a span {
  display:none;
}


#boxFooterMenu {
  display:none;
}
#boxFooterName {
  position:fixed;
  bottom:0;
  padding:0;
  width:100%;
  text-align:center;
}
#boxFooterName span.name {
  display:block;
  padding:12px 0 6px;
  font-size:15px;
  text-align:center;
}
#footerSNS {
  display:none;
}


#sp_header_btn {
  float:right;
  display:block;
  padding:0 7px 0 0;
}

.tcon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 40px;
  background: transparent;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }
  .tcon > * {
    display: block; }
  .tcon:hover, .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }

.tcon-menu__lines {
  display: inline-block;
  height: 5.71429px;
  width: 40px;
  border-radius: 2.85714px;
  transition: 0.3s;
  background: black;
  position: relative; }
  .tcon-menu__lines::before, .tcon-menu__lines::after {
    display: inline-block;
    height: 5.71429px;
    width: 40px;
    border-radius: 2.85714px;
    transition: 0.3s;
    background: black;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 2.85714px center;
    transform-origin: 2.85714px center;
    width: 100%; }
  .tcon-menu__lines::before {
    top: 10px; }
  .tcon-menu__lines::after {
    top: -10px; }
  .tcon-transform .tcon-menu__lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

.tcon-menu--xcross {
  width: auto; }
  .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      width: 40px; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

#sp_global {
  display:none;
  width:100%;
  background:#fff;
}
#sp_global ul {
  padding:5px 13px;
  list-style:none;
}
#sp_global ul li {
  padding-bottom:1px;
  list-style:none;
}
#sp_global ul li a {
  display:block;
  padding:15px 15px;
  font-size:14px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  background:#0085B2;
}
#sp_global ul li a#sp_menu1 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#sp_global ul li a#sp_menu1.on,
#sp_global ul li a#sp_menu2.on,
#sp_global ul li a#sp_menu3.on,
#sp_global ul li a#sp_menu4.on,
#sp_global ul li a#sp_menu5.on,
#sp_global ul li a#sp_menu6.on,
#sp_global ul li a#sp_menu7.on,
#sp_global ul li a#sp_menu8.on {
  background:#f60;
}
#sp_global ul li a#sp_menue {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
/*
  background:#ccc;
*/
}

#sp_global ul li a.sp_menu_sub {
  display:block;
  padding:6px 15px;
  font-size:12px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  background:#666;
}

#sp_tel {
}
#sp_tel a {
  display:block;
  padding:16px 0;
  text-align:center;
  font-size:28px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  background:#0c9;
}

#boxFooterSpace {
  height:50px;
}

.pc {
  display:none;
}
.sp {
  display:block;
}

}