@charset "UTF-8";
/* 共通の設定 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}


article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

body {
	line-height: 1.7em;
	font-size: 14px;
	color: #231815;
	width: 100%;/*レスポンシブデザインスタイル対策 */
	margin: 0 auto !important;/*レスポンシブデザインスタイル対策 */
	-webkit-text-size-adjust: none;/*スマホ横文字対策 */
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

nav ul {
	list-style:none;
	
}


blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a:focus{/*firefoxの赤線リンク対策 */
outline:none;
} 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clear{ clear: both; line-height: 0}
	
img { border-style:none; }

a img { border-style:none; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  max-height: 0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
a{
	color: #604c3f;
	text-decoration: none;
}
a:hover{
	color: #CF9C73;
	text-decoration: none;
}
img {
	vertical-align: top;
	height: auto;   /*レスポンシブデザインスタイル対策 */
}

@font-face {
font-family: "anzu";
  src: url(../font/anzu.eot) format("eot"), url(../font/anzu.woff) format("woff");
}
@font-face {
font-family: "kopo";
  src: url(../font/kopo.eot) format("eot"), url(../font/kopo.woff) format("woff");
}

strong{
	font-weight: normal;
}


.left{
	float: left;
}
.right{
	float: right;
}
.top50{
	margin-top: 30px;	
}
.btm20{margin-bottom: 20px;}
.btm80{
	margin-bottom: 80px;	
}
.yellow{
	background-image: url(../images/Unknown-1.jpeg);
	background-repeat: repeat;
}
.dod{
	background-image: url(../images/bg-dotted-gray.jpg);
	background-repeat: repeat;
	overflow: hidden;}
/*************************************************
header
*************************************************/
#header{
	overflow: hidden;	
	margin-top: 15px;	
}
.logo{
	background-image: url(../images/logo.jpg);
	background-position: left 5px;
	background-repeat: no-repeat;
	background-size: auto 60px;
	height: 70px;
}
.logo p{
	padding-left: 80px;
	font-size: 12px;
	letter-spacing: 0.1em;		
}
.tel{
	display: inline-block;
	padding-top: 5px;
}
.time{
	font-size: 14px;
	letter-spacing: 1.2px;
	
}
.number{
	font-size: 25px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 1.3em;
}
.number span{font-size: 16px;}
.mail{
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	background-color: #F34236;
	background-image: url(../images/mail.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: auto 20px;
	width: auto;
	display: inline-block;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 50px;
	padding-right: 10px;
	margin-left: 3px;
	vertical-align: 70%;
	text-align: center;
	line-height: 1.3em;
}
.mail a{
	color: #FFFFFF;	
}
.shop_btn{
	border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #f1a64f;
background-image: url(../images/shop.png);
background-position: 15px center;
background-repeat: no-repeat;
background-size: auto 25px;
	width: auto;
	display: inline-block;
padding: 13px 10px 13px 50px;
margin-left: 10px;
vertical-align: 50%;
}
.shop_btn p{
	text-align: center;
	line-height: 1.3em;
}
.shop_btn a{color: #FFFFFF;	}
.nav-wrap{
	display: none;	
}

/*************************************************
contens
*************************************************/
.inner{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	
}
.inner02{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;	
}
.inner03{
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	position: relative;	
	overflow: hidden;
}

/*************************************************
footer共通
*************************************************/
footer{
	background-image: url(../images/fotter_bk.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.fotter{
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;	
}
.fotter h1{margin-bottom: 20px;}
	
.fotter .box p{letter-spacing: 0.1em;}
.f-info{
	overflow: hidden;
	padding-top: 30px;	
}
.address{
	text-align: center;
	font-size: 12px;
	padding-bottom: 10px;
}
/*TOPGO*/
#page-top {
    position: fixed;
    bottom: 50px;
    right: 30px;
    font-size: 77%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
}
#page-top a:hover {
   
}

/*===============================================
●タブレット.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){

/*header*/		
#header{
	display: none;
}
	
.splogo{
	background-position: 7px 7px;
	background-size: auto 40px;
	height: 50px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}
.splogo p{
	padding-left: 55px;
	font-size: 9px;	
}
.mail{display: none;	
	
	}

	
.sp{
	display: none;
}

/*nabi開閉部分*/
    .nav-wrap{
	box-sizing: border-box;
	position: fixed;
	top: 0;
	width: 100%;
	display: block;
	font-family: "basker";
	font-size: 14px;
	letter-spacing: 0.1em;
	z-index: 999;
	background-color: #FFFFFF;		
    }
    .gnav {
	list-style-type: none;
	background-color: rgba(238,173,83,1);
	width: 100%;
	/*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
	position: absolute;	
	z-index: 99 ;
	text-align: center;
    }

    .gnav li {
	border-bottom: 1px solid #EBEBEB;
	font-family: "kopo";
	letter-spacing: 0.1em;
	font-size: 16px;		
	
    }
	.gnav li:last-child{
		border-bottom:none;
	}

    .gnav li a {
	display: block;
	text-decoration: none;
	/* (44-16)/2=14px */
	padding: .875rem 1rem;
	color: #fff;	
    }

.gnav li a:hover{
	color: #3A3A3A;
}

    /*ハンバーガーボタン*/

    .icon-animation {
      width: 44px;
      height: 30px;
      display: block;
      cursor: pointer;
      float: right;
      position: absolute;
      right: .5rem;
      text-align: center;
      top: .5rem;
    }

    .icon-animation span {
      width: 29px;
      height: 1px;
      display: block;
      background: #000;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -25px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    .icon-animation .top {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
    }

    .icon-animation .bottom {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
    }

    .is-open .middle {
      background: rgba(51, 51, 51, 0);
    }

    .is-open .top {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px);
    }

    .is-open .bottom {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px);
    }
	
	
/*content*/	
.inner{
width: 90%;	
}
.inner02{
width: 100%;	
	overflow: hidden;
}
.inner03{
	width: 100%;	
}

	
/*フッター*/	
.f-info{
	padding-top: 10px;	
}	
.tel{
	display: block;
	padding-top: 5px;
}
.f-info .tel{
	margin-bottom: 15px;	
}	

.number{
	font-size: 25px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 1.3em;
}
.number span{font-size: 16px;}
.mail{
	display: block;
	width: 30%;
	margin-right: auto;
	margin-left: auto;
}
#page-top {
    right: 0px;
}
#page-top img {
    max-width: 65%;
}


}
	


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	
	
/*フッター*/	
.mail{
	width: 50%;
}
.fotter{
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: center;	
}
.fotter h1 img{ max-width: 50%;}
}