@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
} 
body {
	font-size: 16px;
	letter-spacing: 1px;
/*	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;*/
	/*font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";*/
	font-family: a-otf-jun-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
}
img{
	vertical-align:bottom;
	width: 100%;
	height: auto;
}
h1,h2,h3,h4,h5{
	font-size:100%;
	font-weight: normal; 
}
ul{
	list-style-type: none;
}
a{
	text-decoration: none;
}
address{
	font-style: normal;
}
#wrap{
}
.width_95per{
	width: 95%;
}
.linkStyle{
	color:#f1b63e;
}
.linkStyle:hover{
	color:#f1b63e;
	opacity: 0.7;
	transition: all 0.5s;
}
@font-face {
font-family: "tomoe";
  src: url("../css/tomoe.ttf") format("ttf"),url("../css/tomoe.woff") format("woff"),url("../css/tomoe.woff2") format("woff2");
}
.tomoe{
	font-family: "tomoe", serif;
}


.banner{
	    width: 90%;
    max-width: 600px;
    margin: auto;
    margin-top: 50px;
}
/*-------------------------------------------------------
					ヘッダー
-------------------------------------------------------*/
header{
}
#header .logo{
	max-width: 400px;
}
#header .header_tel{
	max-width: 250px;	
}
#header .header_tel .tel a{
    padding-bottom: 7px;
}
#header .header_tel .tel img{
	width: 23px;	
	padding-right: 10px;
    padding-bottom: 2px;
}

#header .t_nav_menu ul li img{
	max-width: 80px;
}
/*-------------------------------------------------------
					フッター
-------------------------------------------------------*/
footer .logo2{
	max-width: 330px;
}
.f_nav_menu ul li{
	border-right:1px solid #918566;
}
.f_nav_menu ul li:last-child{
	border-right:none;
}
footer .sns ul li{
	width: 50px;
}
/*top_return*/
#page-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
	z-index: 99;
}
#page-top a img{
	height: 80px;
	width:80px;
}
/*ここからタブレット用（768px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 768px){
header .t_nav_menu ul{
	font-size: -webkit-calc(1rem - 3px);
	font-size: calc(1rem - 3px);	
}
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
	z-index: 99;
}
#page-top a img{
	height: 50px;
	width:50px;
}
}
/*ここからスマホ用（667px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 667px){
#header .header_tel{
	width: auto!important;	
	margin-right: 55px;
}
#header .header_tel .tel a{
	background-color: transparent;
    border: none;		
}
#header .header_tel .tel img {
	width: 38px;
}
#header .header_tel .tel img{
	padding-right: 0px;
    padding-bottom: 0px;
}
#footer{
	margin-bottom: 0px;	
}
footer .map iframe{
	height: 250px;		
}
#copyright{
    margin-top: 0px		
}
}