@charset "utf-8";
/* CSS Document */

@font-face{ 
font-family: 'antkaku'; /* 自由な名前をつけることができます */
src:url('../fonts/font_1_ant-kaku.eot'); /* IE9以上用 */
src:url('../fonts/font_1_ant-kaku.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
url('../fonts/font_1_ant-kaku.woff') format('woff'), /* モダンブラウザ用 */
url('../fonts/font_1_ant-kaku.ttf') format('truetype'); /* iOS, Android用 */	
}

.WebFontClass {
font-family: 'antkaku';
}

  @font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/NotoSerifCJKjp-Regular.woff) format('opentype');
    font-display: swap;
   }
  /*@font-face {
     font-family: 'Noto Serif Japanese';
     font-style: normal;
     font-weight: 500;
    src: url(/fonts/NotoSerifCJKjp-Medium.woff) format('opentype');
    font-display: swap;
   }
  @font-face {
     font-family: 'Noto Serif Japanese';
     font-style: normal;
     font-weight: 600;
    src: url(/fonts/NotoSerifCJKjp-SemiBold.woff) format('opentype');
    font-display: swap;
   }
  @font-face {
     font-family: 'Noto Serif Japanese';
     font-style: normal;
     font-weight: 700;
    src: url(/fonts/NotoSerifCJKjp-Bold.woff) format('opentype');
    font-display: swap;
   }*/

.wf-notoserifjapanese {
        font-family: "Noto Serif Japanese", serif, san-serif;
	}

body{
	margin:0;
	padding:0;
	overflow-x: hidden !important;
	font-weight:200;
	font-family: 'Noto Sans Japanese', serif;
	font-size:16px;
	}

img{ max-width:100%; filter: contrast(110%); }

.pc-hide{ display:none;}
.sp-hide{ display:inline;}

hr.head-line{
    height: 20px;
    margin: 0 auto 22px;
    padding: 0;
    background-color: #cdd6d7;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, rgb(255, 255, 255) 8px, rgb(255, 255, 255) 16px);
    text-align: center;
}

hr.line01{
	height: 0;
    margin: 2% auto 1%;
    padding: 0;
    border-bottom: solid 1px #000;
    width: 860px;
    text-align: center;
}

hr.line02{
	height: 0;
    margin: 6% auto;
    padding: 0;
    border-bottom: solid 1px #000;
    width: 100%;
    text-align: center;
}

.normal-margin{margin:0 0 60px 0;}
.big-margin{margin:0 0 60px 0;}
.small-margin{margin:0 0 20px 0;}
.normal-txt{ 
    font-size: 1em;
    font-weight: 300;
    color: #fff;
    line-height: 200%;
	letter-spacing:0.1em;
	text-align:center;}
.small-txt{ 
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    line-height: 200%;
	letter-spacing:0.1em;
	text-align:center;}
.normal-txt br{display:inline;}
.normal-txt span{display:inline;}
.normal-box{ text-align:center;}

@media only screen and (max-width : 1024px){ .normal-txt{ font-size:0.95em;} }

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

.pc-hide{ display:inline;}
.sp-hide{ display:none;}

.normal-margin{margin:0 0 6% 0;}
.normal-box{ margin:0 0 6% 0; display:block; text-align:center;}
.big-margin{margin:0 0 10% 0;}
.normal-txt{ display:block; /*margin:0 auto 6%;*/ text-align:left; font-size:1em; line-height: 160%; position:relative;}
.normal-txt span{display:block; margin:0 0 4% 0;}
.normal-txt br{display:none;}

hr.line01{
    width: 90%;
}

}

@media only screen and (max-width : 480px){
.normal-txt{ font-size:0.8em; line-height: 160%; position:relative;}
.small-txt{ font-size:0.6em; line-height: 120%; position:relative;}
}

#wrap {
width:100%;
overflow:hidden;
}


/*-----サイドバー-----*/

#sidebar-nav{}
#sidebar-nav p{ margin: 0 0 15px 0; text-align:right;}
.sidebar-fixed {
	position: fixed !important;
	top: 160px;
	right:20px;
	z-index: 10000;
}

@media only screen and (max-width : 768px){ #sidebar-nav{ display:none;}}

.material-icons{ font-size:inherit !important;}

header.bg-special{ background:#000 !important; }
header{
	background-color: #fff;
    width: 100%;
    margin: 0 auto0;
    padding: 0 0 20px 0;
    text-align: center;
    color: #000;
    font-size: 1.5rem;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    z-index: 1;}
header ul.head-menu-top{ overflow:hidden; margin:0 auto; display: inline-block; }
header ul.head-menu-top li{ display: inline-block; }
header ul.head-menu-top li:after{ content:'｜';}
header ul.head-menu-top li:last-child:after{ content:''; font-family: 'Lato', sans-serif; padding:-10px 0 0 0;}
header ul.head-menu-top li a{ display:inline-block; color: #fff !important; font-family: 'Lato', sans-serif; font-weight:500; letter-spacing:0.1em; }
header ul.head-menu-top li a:hover{ color:#FF0 !important; }
.hoshinzaki-logo{ position:absolute; left:16px !important; top:20px !important; z-index:10;}
.main-sns{ position:absolute; right:16px !important; top:42px !important; z-index:10;}
.main-sns a{ display: inline-block !important;
    margin: 0 10px 0 0;}
.main-sns a:last-child{ margin:0;}
@media only screen and (max-width : 768px){ 
 /*header{ display:none; }*/
 .main-sns{ display:none;}
 .main-menu{ display:none;}
 #pagetop a{ background:none !important; }
 }

footer{ position:relative; z-index:1000 !important;}
footer .foot-logo{
	text-align: center;
	margin: 0 auto;
	padding: 40px 0 0 0;
}
footer .foot-logo img{ /*width:300px;*/}
footer ul.foot-menu{ overflow:hidden; margin:0 auto; text-align: center; padding:15px 0 20px; font-family: 'Lato', sans-serif; }
footer ul.foot-menu li{ display: inline-block; }
footer ul.foot-menu li:after{ content:'｜'; padding:0 10px;}
footer ul.foot-menu li:last-child:after{ content:''; font-family: 'Lato', sans-serif; padding:-10px 0 0 0;}
footer ul.foot-menu li a{ display:inline-block; color:#000 !important; letter-spacing:0.1em; font-size:1.4rem; font-weight: 600; }
footer ul.foot-menu li a:hover{
	color: #cdd6d7 !important;
}

@media only screen and (max-width : 768px){
	
footer .foot-logo { padding: 20px 0 20px 0; }
	
}


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

footer ul.foot-menu{ width: 94%;
    font-size: 12px;}

}

#pagetop { background-color:#CDD6D7;}
#pagetop a{
	color: #fff !important;
	width: 100%;
	text-align: center;
	display: block;
	padding: 5px 0 0 0;
	/*background-image: url(../img/common/copyright.png);
	background-repeat: no-repeat;
	background-position: 15px center;*/
}
.pagetop-icon{ font-size:3rem !important; font-weight:200;}

.fixed{
  position: fixed;
  top: 0px;
  z-index: 9999;
}

a.is-hover-effect img{
-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    }
	
a.is-zoomup{
	display:inline-block;
	padding: 30px;
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
a.is-zoomup:hover{
	display:inline-block;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

/*-----ドロップダウンメニュー-----*/

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin:0 auto;
  /*width: 960px;*/
  display: inline-block;
  text-align:center;
  font-family: 'Lato', sans-serif; font-weight:500; letter-spacing:0.1em;
  /*margin: 5px auto 30px;
  padding: 0;*/
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  /*width:14%;
  width: 20%;*/
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a:after{ content:'｜'; padding: 0 10px;}
.dropmenu li a:hover:after{ color:#000;}
.dropmenu li a{
  display: block;
  margin: 0;
  font-weight: 600;
  /*padding: 15px 0 11px;
  background: #8a9b0f;*/
  color: #000;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li a:hover{ color: #cdd6d7;}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 24px 0 0 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
	font-family: 'Noto Sans Japanese', serif;
	padding: 13px 15px;
    border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
    background: rgba(255, 255, 255, 0.95);
    color: #000;
    text-align: center;
    white-space: nowrap;
}
.dropmenu li ul li a:hover{ background-color:#000; color:#fff;}
.dropmenu li ul li:last-child{ border-bottom:solid 1px #000;}
.dropmenu li ul li a:after{ content:'';}

.dropmenu li:hover > a{
  /*background: #6e7c0c;*/
}
.dropmenu li a:hover{
  /*background: #616d0b;*/
}
.dropmenu li a.menu-none:after{ content:'';}