/*------------------------------------------------------------
	BODY BASIC
------------------------------------------------------------*/
body{
}

.pconly{ display:none; }
.sponly{ display:block; }


#pheader{
padding:10px 0;
margin:0 auto;
background:#fff;
}

#pheader{
font-size:12px;
font-weight:bold;
text-align:center;
}
.head_catch{
font-size:14px;
font-weight:bold;
text-align:center;
margin-bottom:5px;
}

.sitelogo{
width:250px;
height:44px;
margin:0 auto;
margin-bottom:5px;
}
#pheader p{
margin-bottom:0 !important;
}
#pheader p strong{
color:#000 !important;
}

.fukmov{
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.fukmov iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.lecBtn{
margin-top:20px;
text-align:center;
margin-bottom:0 !important;
}
.lecBtn a{
display:inline-block;
padding:10px 20px;
line-height:20px;
color:#fff;
font-weight:bold;
background:#F57704;
border-radius:20px;
transition:all .1s;
}
.lecBtn a:hover{
color:#fff;
background:#f18e00;
}




/*------------------------------------------------------------
	MARGINS
------------------------------------------------------------*/

.mb0{ margin-bottom:0px !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb90{ margin-bottom:90px !important; }
.mb100{ margin-bottom:100px !important; }

.mt10{ margin-top:10px !important; }

/*------------------------------------------------------------
	LOADING
------------------------------------------------------------*/
#loading {
 width: 100%;
 height: 100%;
 margin: 0;
 background: #fff;
 opacity: 1.0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
}
#loader {
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-15px;
 margin-left:-22.5px;
}

#preloader_1{
    position:relative;
}
#preloader_1 span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#f18e00;
    position:absolute;
    animation: preloader_1 1.5s  infinite ease-in-out;
}
 
#preloader_1 span:nth-child(2){
left:11px;
animation-delay: .2s;
 
}
#preloader_1 span:nth-child(3){
left:22px;
animation-delay: .4s;
}
#preloader_1 span:nth-child(4){
left:33px;
animation-delay: .6s;
}
#preloader_1 span:nth-child(5){
left:44px;
animation-delay: .8s;
}
@keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background:#f18e00;}
    25% {height:30px;transform:translateY(15px);background:#f18e00;}
    50% {height:5px;transform:translateY(0px);background:#f18e00;}
    100% {height:5px;transform:translateY(0px);background:#f18e00;}
}


/*------------------------------------------------------------
	dRAWER MENU
------------------------------------------------------------*/
.spmenulogo{
width:85%;
margin:0 auto;
padding:50px 0 20px;
}

#menubtn{
color:#fff;
display:block;
position:fixed;
top:15px;
right:15px;
width:30px;
height:30px;
z-index:1000000000;
background:url(img/menubtn_o.svg) no-repeat center center;
}

#menubtn.active{
background:url(img/closebtn_wh.svg) no-repeat center center;
}

#menubox{
width:75%;
margin:0 0 0 25%;
position:fixed;
top:0;
left:0;
background-color:rgba(241,142,0,0.95);
display:none;
z-index:10000;
box-sizing:border-box;
height:100vh;
color:#fff;
}

.menubox{
margin-bottom:20px;
padding:10px;
background:#fff;
}

.nav_inner{
height:95%;
overflow-y:auto;
padding-bottom:5%;
width:90%;
margin:0 auto;
-webkit-overflow-scrolling:touch;
}

.spmenuToggle dt{
font-size:14px;
line-height:40px;
border-bottom:1px dotted #fff;
padding-left:10px;
position:relative;
}
.spmenuToggle dt::after{
content:'\f107';
font-family:fontawesome;
position:absolute;
top:0;
right:10px;
}

.spmenuToggle dt.open::after{
content:'\f106';
font-family:fontawesome;
position:absolute;
top:0;
right:10px;
}

.spmenuToggle dt span{
font-size:10px;
display:inline-block;
margin-left:10px;
}

.spmenuToggle dd{
padding-left:10px;
}
.spmenu li{
position:relative;
}
.spmenu li a{
display:block;
padding:10px;
border-bottom:1px dotted #fff;
font-size:14px;
line-height:20px;
color:#fff;
}
.spmenu li a span{
font-size:10px;
display:inline-block;
margin-left:10px;
}
.spmenu li::after{
content:'\f105';
font-family:fontawesome;
position:absolute;
top:50%;
margin-top:-10px;
right:10px;
}

.menutel{
margin-bottom:10px;
}

.menutel a{
display:block;
padding:10px 30px;
border-radius:4px;
border:1px solid #fff;
text-align:center;
color:#fff;
font-size:18px;
line-height:30px;
margin-bottom:15px;
}
.menutel a span{
display:block;
font-size:10px;
line-height:12px;
}

.spsns{
overflow:hidden;
margin-bottom:20px;
}
.spsns li{
display:inline-block;
margin-right:10px;
}
.spsns li:last-child{
margin:0;
}

.spsns li a{
display:inline-block;
width:40px;
height:40px;
text-align:center;
background:#fff;
color:#f18e00;
line-height:40px;
font-size:20px;
border-radius:20px;
}

/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
#footer{
background:#666;
}
#footer_inner{
width:90%;
margin:0 auto;
padding:30px 0;
text-align:center;
color:#fff;
}

.flogo{
width:250px;
height:44px;
margin:0 auto 10px;
}
.fadd{
margin-bottom:10px;
}

.ftel{
font-size:20px;
line-height:30px;
}

.tel_caption{
margin-bottom:20px;
}

.fmenu{
overflow:hidden;
}
.fmenu li{
padding:0 10px;
line-height:30px;
display:block;
color:#fff;
}

.fmenu li:last-child{
}

.fmenu li a{
color:#fff;
}


.copy{
background:#333;
color:#fff;
text-align:center;
font-size:10px;
line-height:18px;
padding:10px 0;
margin:0 !Important;
}

/*------------------------------------------------------------
	GOTOTOP
------------------------------------------------------------*/
.gototop{
position:fixed;
bottom:20px;
right:15px;
cursor:pointer;
width:35px;
height:40px;
z-index:9999999999;
background:url(img/gototop.png) no-repeat left top;
background-size:35px;
text-indent:-9999px;
}



/*------------------------------------------------------------
	FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){

/*------------------------------------------------------------
	BODY BASIC
------------------------------------------------------------*/
body{
}

.pconly{ display:block; }
.sponly{ display:none; }


/*------------------------------------------------------------
	HEADER PAGE
------------------------------------------------------------*/
#pheader{
border-top:4px solid #f18e00;
background:none;
}
#pheader_inner{
width:1000px;
margin:0 auto;
overflow:hidden;
padding:15px 0;
}
.psitelogo{
width:400px;
float:left;
}
.hcatch{
float:left;
margin-left:30px;
width:320px;
text-align:center;
padding-top:10px;
font-size:20px;
line-height:30px;
}

.hcatch span{
display:block;
font-size:14px;
}
.tellogo{
width:210px;
float:right;
text-align:right;
}
.tellogo p{
margin:0 !Important;
}
.harea{
font-size:13px;
line-height:20px;
font-weight:bold;
}

.htel{
font-size:26px;
line-height:30px;
font-weight:900;
}
.hhours{
font-size:13px;
line-height:20px;
font-weight:bold;
color:#666;
}

/*------------------------------------------------------------
	GNAVI
------------------------------------------------------------*/
#gnavi{
background:#F18E00;
}
.gnavi{
width:1000px;
margin:0 auto;
display:table;
table-layout:fixed;
border-right:1px solid #f4a460;
border-left:1px solid #ff7800;
}
.gnavi li{
display:table-cell;
border-right:1px solid #ff7800;
border-left:1px solid #f4a460;
position:relative;
text-align:center;
color:#fff;
font-weight:bold;
font-size:15px;
line-height:25px;
transition:all 0.3s;
}

.gnavi li span{
display:block;
font-size:10px;
line-height:15px;
color:#ffdab9;
}
.gnavi li:hover{
background:#ff7800;
}

.gnavi li a{
padding:15px 0;
text-align:center;
color:#fff;
font-weight:bold;
font-size:15px;
line-height:25px;
display:block;
transition:all 0.3s;
}

.gnavi li a span{
display:block;
font-size:10px;
line-height:15px;
color:#ffdab9;
}

.gnavi li a:hover{
background:#ff7800;
}

.gnavi li ul.sub{
display:none;
position:absolute;
top:70px;
left:-1px;
z-index:9999;
overflow:hidden;
}
.gnavi li ul.sub li{
display:block;
width:180px;
background:rgba(255,255,255,0.95);
border-right:1px solid #f4a460;
border-left:1px solid #f4a460;
border-bottom:1px dotted #f18e00;
position:relative;
overflow:hidden;
}
.gnavi li ul.sub li:last-child{
border-bottom:1px solid #f4a460;
border-radius:0 0 4px 4px;
}
.gnavi li ul.sub li a{
color:#f18e00;
}
.gnavi li ul.sub li a::after{
position:absolute;
top:50%;
margin-top:-12.5px;
content:'\f105';
font-family:fontawesome;
right:10px;
}

.gnavi li ul.sub li a:hover{
background:#f18e00;
color:#fff;
}


/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
#footer{
background:#666;
}
#footer_inner{
width:1000px;
margin:0 auto;
padding:50px 0;
text-align:center;
color:#fff;
}

.flogo{
width:400px;
height:70px;
margin:0 auto 10px;
}
.fadd{
margin-bottom:20px;
}

.ftel{
font-size:30px;
line-height:40px;
}

.tel_caption{
margin-bottom:40px;
}

.fmenu{
overflow:hidden;
}
.fmenu li{
padding:0 20px;
line-height:16px;
border-left:1px solid #fff;
display:inline-block;
color:#fff;
}

.fmenu li:last-child{
border-right:1px solid #fff;
}

.fmenu li a{
color:#fff;
}
.fmenu li a:hover{
border-bottom:1px dotted #fff;
}


.copy{
background:#333;
color:#fff;
text-align:center;
font-size:10px;
line-height:18px;
padding:10px 0;
margin:0 !Important;
}

/*------------------------------------------------------------
	GOTOTOP
------------------------------------------------------------*/
.gototop{
position:fixed;
bottom:0px;
right:25px;
cursor:pointer;
width:60px;
height:80px;
z-index:9999999999;
background:url(img/gototop.png) no-repeat left top;
background-size:60px;
text-indent:-9999px;
display:inline-block;
}


}