@charset "utf-8";
/*--------------------------------------------------------------------
   base
---------------------------------------------------------------------*/
html, body{height: 100%;}
body{
    background:#fff;
	text-align:center;
	color:#222;
	font-size:15px;
    font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight:400;
}

input{
    font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight:400;
}

html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

.iphone body,
.ipad body,
.ipod body{
	cursor:pointer;
}
a{
	text-decoration: none;
  transition: all 0.8s;
}
a:link{ 
	color:#222;
    text-decoration:none;
    
    }
a:visited{color:#222;}
a:active{color:#222;}
a:hover{color:#666; }

strong{font-weight:bold;}
img{font-size:0; line-height:0;}

.wrapBox{
    width:1080px;
    max-width:100%;
    padding-left:20px;
    padding-right:20px;
    margin:0 auto;
}

.fnt01{font-family: tbudmincho-std, sans-serif;
font-weight: 500;
font-style: normal;
}
.fnt02{font-family: 'Lora', serif;}

/*--------------------------------------------------------------------
   front
---------------------------------------------------------------------*/
#frontImage{
    width:100vw;
    height:100vh;
    position:relative;
}
#frontImage::before{
    content:"";
    display:block;
    background:url(https://tomotoshihoshino.com/wp-content/themes/hoshinoWP-home/common/images/img_index.jpg) center center no-repeat;
    background-size:cover;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:50px;
}
#frontImage div{
    width:286px;
    height:220px;
    position:absolute;
    top:21%;
    left:15%;
    right:0;
    bottom:0;
    margin:0 auto auto 0;    
}
#frontImage div h1{
    width:232px;
    height:133px;
    margin:0 auto;
    background:url(../images/front.svg) left center no-repeat;
    background-size:contain;
    overflow:hidden;
    white-space:nowrap;
    text-indent:101%;
    line-height:0;
    font-size:0.1em;
}
#frontImage div ul{
    width:286px;
    height:46px;
    margin:40px auto 0;
    overflow:hidden;
}
#frontImage div ul li{
    width:46.8%;
    float:left;
}
#frontImage div ul li + li{float:right;}
#frontImage div ul li a,
#frontImage div ul li span{
    display:block;
    width:100%;
    height:44px;
    line-height:44px;
    font-size:0.933em;
    text-align:center;
}

#frontImage div ul li a{ background-color:#fff;}
#frontImage div ul li span{ background-color:#cccccc;}



@media screen and (max-width: 999px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 374px) {
    /*iphone5*/
}

@media screen and (min-width : 1080px){
    .forTB,
	.forSP{display:none;}
	.forPC{display:inherit;}

    .ie8 body{
        min-width:1080px;
        max-width:100%;
        overflow-x:hidden;
    }

}