@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------
  各ページ共通
----------------------------------------*/


/*----------------------------------------------------
  Reset
----------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-size:14px; /* 基準のフォントサイズを15pxとする */
	-webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */  
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,header,footer {
	min-height: 0%;
}
@media screen and (min-width: 680px) {
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-size:17px; /* 基準のフォントサイズを15pxとする */
	-webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */  
}
}

li{
	list-style:none;
}
/*----------------------------------------------------
 Clear Float
----------------------------------------*/
.clear {	clear:both;}
.clearfix {	zoom:1;}
.clearfix:after { 
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
	line-height:0;
}
p,td{
	line-height:1.5;
}
/*----------------------------------------------------
 Float
----------------------------------------*/
.left {
	float:left;
}
.right {
	float:right;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
}
.clone-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%);
}
.is-show {
  transform: translateY(0);
}
@media screen and (max-width: 680px) {
.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width: 16.25rem;
  height: 100%;
  color: #222;
  background-color: #fff;
  left:auto;
}
.clone-nav {
	display:none!important;
}

}

/*----------------------------------------------------
 fixed
----------------------------------------*/
.is-fixed li a {
	font-weight:bold;
}
.fixed {
    overflow: auto;
    height: 100%;
}

/*----------------------------------------------------
 fixedNav
----------------------------------------*/
.fixedNav {
	position:fixed;
	right:0;
	top:50px;
	width:10%;
	max-width:90px;
}
.fixedNav li {
	margin-bottom:10px;
}
.fixedNav li a {
	display:block;
}

/*----------------------------------------------------
 contactBtn
----------------------------------------*/
.contactBtn {
	position:fixed;
	right:0;
	top:200px;
	z-index:9990;
}
.contactBtn a {
	display:block;
	width:110px;
}
.contactBtn a:hover {
	background-color:transparent!important;
}
.contactBtn a img {
	width:100%;
	
}

/*----------------------------------------------------
 Alpha
----------------------------------------*/
a:hover img.alpha {
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
/*----------------------------------------------------
 img
----------------------------------------*/
body img{
	width:100%;
	vertical-align: bottom!important;
}
.cover{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	overflow:hidden;
}
/*----------------------------------------------------
 サムネイル
----------------------------------------*/
/* --------  PC用   --------*/
.thumbnail {
	position:relative;
	z-index:650;
	overflow:hidden;
}
.thumbnail img {
	position:absolute;
}

@media screen and (min-width: 680px) {
}
/*----------------------------------------------------
 404
----------------------------------------*/
.not404{
	margin:40px auto;
}
/* --------  PC用   --------*/
@media screen and (min-width: 680px) {
.not404{
	max-width:920px;
}
}
/*----------------------------------------------------
 ボックス
----------------------------------------*/
/* --------  PC用   --------*/
@media screen and (min-width: 680px) {
.w920{
	max-width:920px;
	margin:0 auto;
}
}
/*----------------------------------------------------
 ページトップ
----------------------------------------*/
#page-top {
    position: fixed;
    bottom: 0px;
    right: 10px;
    font-size: 77%;
	margin:0!important;
}
#page-top a {
    text-decoration: none;
    width: 80px;
    text-align: center;
    display: block;
}
#page-top a img {
	vertical-align:bottom;
}
#page-top a:hover {
    text-decoration: none;
}
/*----------------------------------------------------
 a
----------------------------------------*/
a{
	text-decoration:none!important;
	outline:none!important;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	color:#000;
}
a:hover{
	text-decoration:none;
}
/*----------------------------------------------------
 smp
----------------------------------------*/
.sp{
}
.pc{
	display:none;
}
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.iziModal {
	max-width:auto!important;
}

/* --------  PC用   --------*/
@media screen and (min-width: 680px) {
.sp{
	display:none!important;
}
.pc{
	display:block;
}
.iziModal {
	max-width:900px!important;
	width:96%;
}
}
/* 
----------------------------------------*/

body {
	/* 游明朝体 */
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

body .txt {
	padding-bottom:20px;
	line-height:1.8;
}


p {
	/*padding: 0 0 30px 0;*/
}
#wrapper {
	/*min-width:1100px;*/
	margin:0 auto;
}


/* titleName
----------------------------------------*/

/* --------  PC用   --------*/
@media screen and (min-width: 1050px) {
}
/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
h1 {
	font-size:3.35vw;
}
}


/* error
----------------------------------------*/
.sec_error {
	text-align: center;
	padding:30px;s
}
.errorBtn {
	margin-top:20px;
}
.errorBtn a {
	display:inline-block;
	text-align:center;
	padding:8px 40px 8px 40px;
	background-color:#ff6363;
	color:#FFF;
	border-radius:40px;
	background-repeat:no-repeat;
	background-size:40px auto;
	background-position:left 10px center;
}
.errorBtn a:hover {
	background-color: #ff7d63;
}

/* --------  PC用   --------*/
@media screen and (min-width: 680px) {
html {
  height: 100%;
}
body {
  min-height: 100%;
  display: -webkit-box;/*この辺が*/
  display: -webkit-flex;/*Android2.3~とか*/
  display: -ms-flexbox;/*IE9~用*/
  display: flex;/*最新のブラウザのみであればflexだけでもよいかも*/
  flex-direction: column;
  -webkit-flex-direction: column;
}
}

/* pcWidth
----------------------------------------*/
.secBox {
	padding:60px 0;
}
.spWidth {
	padding:0px 2%;
}

@media screen and (min-width: 680px) {
.pcWidth {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0px 20px;
}
.secBox {
	padding:40px 20px;
}
}



/* header
----------------------------------------*/
.hfBox {
	padding:5px 2%;
}
/*-- header - 店名ロゴ --*/
.hfBox h1,
.hfBox .footerLogo {
	width:55%;
}
.hfBox h1 {
	margin-top:5px;
}

@media screen and (min-width: 680px) {
.hfBox {
	padding:15px 0 25px;
}
/*-- header - 店名ロゴ --*/
.hfBox h1,
.hfBox .footerLogo {
	width:25%;
	float:left;
}
.hfBox h1 {
	margin-top:20px;
}
/*-- header - 右側、枠 --*/
.hfBox .hfInfo {
	width:75%;
	box-sizing:border-box;
	padding:10px 0 0 20%;
	float:right;
	display: flex;
	justify-content: flex-end;
}
/*-- header - 店情報 --*/
.hfBox .hfInfo .shop {
	width:38%;
	/*display:inline-block;
	float:left;*/
	padding-top:10px;
}
/*-- header - 電話番号 --*/
.hfBox .hfInfo .shop .tel {
	font-size:26px;
	font-style:italic;
	background-image:url(../img/icon_tel.png);
	background-repeat:no-repeat;
	background-size:30px auto;
	background-position:left center;
	padding:5px 0 5px 35px;
}
/*-- header - 住所 --*/
.hfBox .hfInfo .shop .add {
	font-size:15px;
	text-align:center;
}
/*-- header - 簡易メニュー --*/
.hfBox .hfInfo .lightMenu {
	width:62%;
	float:right;
	box-sizing:border-box;
	padding:0 0 0 10px;
}
/*-- header - 簡易メニュー　個別枠 --*/
.hfBox .hfInfo .lightMenu li  {
	width:33.333%;
	float:left;
	box-sizing:border-box;
	border:solid 1px #FFF;
}
/*-- header - 簡易メニュー　リンク部分 --*/
.hfBox .hfInfo .lightMenu li a {
	display:block;
	background-color:#ff6363;
	color:#FFF;
	box-sizing:border-box;
	font-size:14px;
	text-align:center;
	padding:5px 10px 10px;
}
/*-- header - 簡易メニュー　アイコン画像 --*/
.hfBox .hfInfo .lightMenu li a img {
	width:37%;
	margin:0 auto 10px;
	display:block;
	line-height:0;
}
/*-- header - 簡易メニュー　リンクホバー --*/
.hfBox .hfInfo .lightMenu li a:hover {
	background-color:#ff7d63;
}
}
/* --------  780〜999　テキストサイズ調整   --------*/
@media screen and (min-width:680px) and ( max-width:999px) {
.hfBox .hfInfo .shop .tel {
	font-size:2.5vw;
}
.hfBox .hfInfo .shop .add {
	font-size:1.4vw;
}
.hfBox .hfInfo .lightMenu li a {
	font-size:1.32vw;
}
}






/* mainSlider
----------------------------------------*/
.slick-slide li {
	display:block!important;
}
/*.komaya_top*/ .topSlider {
	padding:10px 0 30px 0;
	border-bottom:solid 1px #dfdfdf;
	margin-bottom:0;
}
/*.komaya_top*/ .slick-dots {
	bottom:5px;
}
/*.komaya_top*/ .slick-dots li button:before {
	font-size:35px;
}
/*.slick-track {
	width:100%!important;
}
.slick-slide.slick-current.slick-active {
	width:100%!important;
}*/

@media screen and (min-width: 680px) {
/*.mainSlider {
	max-height:580px;
}
.mainSlider div div div div li {
	max-height:580px;
}*/

/*.komaya_top*/ .topSlider {
	padding:40px 0 50px 0;
	border-bottom:solid 1px #dfdfdf;
}
/*.komaya_top*/ .slick-dots {
	bottom:15px;
}
/*.komaya_top*/ .slick-dots li button:before {
	font-size:35px;
}
}


/* nav
----------------------------------------*/
.drawer-nav {
	background-image:url(../img/bg_wa01.jpg);
	width:70%;
	z-index:99999;
}
.drawer-nav .menuTitle {
	text-align:center;
	padding:20px 10px;
	border-bottom:solid 1px #CCC;
}
.drawer--right .drawer-nav {
  right: -70%;
}
.drawer--right.drawer-open .drawer-hamburger {
  right: 71%;
}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  background-color: #fff;
}
.drawer-nav .drawer-menu li a {
	display:block;
	padding:20px 15px 20px 25px;
	line-height:1.5;
	font-size:14px;
	border-bottom:solid 1px #CCC;
	background-color:rgba(255,255,255,0.7);
	position:relative;
}
.drawer-nav .drawer-menu li a:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #ff6363;
	position:absolute;
	left:10px;
	top:50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.drawer-nav .drawer-menu .bnr a {
	background-color:#ff6363;
	color:#FFF;
	font-weight:bold;
}
.drawer-nav .drawer-menu .bnr a:before {
	border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 679px) {
.drawer-nav .drawer-menu li a br {
	display:none;
}
}

@media screen and (min-width: 680px) {
.komaya nav {
	background-image:url(../img/bg_wa_blue.jpg);
}
nav ul {
	display:table;
	width:100%;
	/*height:100%;*/
}
/*-- nav - メニュー　リンク枠 --*/
nav ul li {
	display:table-cell;
	white-space: nowrap;
    width: 100px;
	vertical-align:middle;
	padding:5px 0;
	/*height:100%;*/
}
/*-- nav - メニュー　リンク --*/
nav ul li a {
	padding:10px 10px ;
	text-align:center;
	display:block;
	font-size:16px;
	line-height:1.2;
	/*height:100%;*/
	color:#FFF;
}
/*-- nav - メニュー　リンク --*/
/*.clone-nav a {
	font-weight:bold;
}*/

/*-- nav - メニュー　リンクホバー --*/
nav ul li a:hover {
	background-color:rgba(255,125,99,0.9);
	border-radius:100px;
	color:#FFF;
}
/*-- nav - メニュー　リンクホバー（お問い合わせ） --*/
nav ul li:last-child a:hover {
	border-radius:30px;
}
}
/* --------  780〜999　テキストサイズ調整   --------*/
@media screen and (min-width:680px) and ( max-width:999px) {
nav ul li a {
	font-size:1.5vw;
}
}






/* sec-共通
----------------------------------------*/
.sec {
	padding:30px 0 50px;
}
.sec h2 {
	font-size:18px;
	text-align:center;
	margin-bottom:5px;
	letter-spacing:0.1em;
}
.sec h3 {
	font-size:14px;
	text-align:center;
	margin-bottom:50px;
}

@media screen and (min-width: 680px) {
.sec {
	padding:50px 0;
}
.sec h2 {
	font-size:22px;
	text-align:center;
	margin-bottom:10px;
	letter-spacing:0.2em;
}
.sec h3 {
	font-size:17px;
	text-align:center;
	margin-bottom:50px;
}
}



/* sec01
----------------------------------------*/



/*-- sec01 バナー　 --*/
.komaya_top .sec01 .leftBox,
.komaya_top .sec01 .rightBox {
	padding:0 2%;
}
.komaya_top .sec01 .rightBox li {
	margin-bottom:15px;
}
.komaya_top .sec01 .leftBox li {
	width:50%;
	box-sizing:border-box;
	padding:0 5px 15px;
	margin-bottom:0;
	float:left;
}
.komaya_top .sec01 .leftBox li .sp {
	background-color:#fce4e6;
	padding:5px 10px 8px;
}
.komaya_top .sec01 .leftBox li .sp .btn {
	background-color:#f56680;
	padding:3px;
	color:#FFF;
	text-align:center;
	border-radius:20px;
	font-size:11px;
	font-weight:bold;
	margin-top:5px;
}

@media screen and (min-width: 680px) {

.komaya_top .sec01 .leftBox {
	width:22%;
	float:left;
	padding:0;
}
.komaya_top .sec01 .leftBox li {
	margin-bottom:10px;
	width:100%;
	padding:0;
	float:none;
}

.komaya_top .sec01 .rightBox {
	width:77%;
	float:right;
	box-sizing:border-box;
	padding:0 0 0 10px;
}
.komaya_top .sec01 .rightBox li {
	width:50%;
	box-sizing:border-box;
	padding:0 5px 15px;
	margin-bottom:0;
	float:left;
}
.komaya_top .sec01 .rightBox li a {
	display:block;
}

}



/* sec02
----------------------------------------*/
.komaya_top .sec02 h2 {
	border-bottom:solid 1px #dfdfdf;
	margin-bottom:35px;
}
.komaya_top .sec02 h2 span {
	width:50%;
	display:block;
	margin:0 auto 15px;
}
.komaya_top .sec02 .leftBox {
	padding:0 2%;
}
.komaya_top .sec02 .leftBox li {
	margin-bottom:10px;
}
.komaya_top .sec02 .map {
	margin-top:20px;
}
.komaya_top .sec02 .map iframe {
	width:100%;
	height:250px;
}

@media screen and (min-width: 680px) {
.komaya_top .sec02 h2 span {
	width:25%;
	display:block;
	margin:0 auto 15px;
}
.komaya_top .sec02 .leftBox {
	width:55%;
	float:left;
	padding:0;
}
.komaya_top .sec02 .leftBox li {
	margin-bottom:10px;
}
.komaya_top .sec02 .map {
	margin-top:20px;
}
.komaya_top .sec02 .map iframe {
	width:100%;
	height:370px;
}

}
/* --------  780〜999　テキストサイズ調整   --------*/
@media screen and (min-width:680px) and ( max-width:999px) {
.komaya_top .sec02 .leftBox li {
	font-size:1.6vw;
}
}




/* facebook
----------------------------------------*/

.sec02 #facebook {
	margin:30px 2% 0 2%;
}
.sec02 #facebook h3 {
	background-color:#4267b2;
	color:#FFF;
	padding:10px;
	text-align:left;
	margin-bottom:0;
	font-size:17px;
}
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
	border:solid 1px #cfd8eb;
	padding:5px;
	box-sizing:border-box;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
/* --------  PC用   --------*/
@media screen and (min-width: 680px) {
.sec02 #facebook {
	width:42%;
	float:right;
	text-align:center;
	box-sizing:border-box;
	margin:0 0 0 3%;
}
.sec02 #facebook h3 {
	font-size:22px;
	padding:15px 10px;
}
.facebook-wrapper {
	min-height: 435px;
	height: auto !important;
	height: 435px;
}
}




/* 地図右ver
----------------------------------------*/

/*.sec02 #facebook {
	margin:30px 2% 0 2%;
}
.sec02 #facebook h3 {
	background-color:#4267b2;
	color:#FFF;
	padding:10px;
	text-align:left;
	margin-bottom:0;
	font-size:17px;
}
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
	border:solid 1px #cfd8eb;
	padding:5px;
	box-sizing:border-box;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}*/
.sec02 .bnrLeft .bnr {
	margin-top:25px;
}
/* --------  PC用   --------*/
@media screen and (min-width: 680px) {
.sec02 .bnrLeft {
	width:40%!important;
	float:left;
	box-sizing:border-box;
}
.sec02 .mapRight {
	width:57%;
	float:right;
	text-align:center;
	box-sizing:border-box;
	margin:0 0 0 3%;
}
.sec02 #facebook h3 {
	font-size:22px;
	padding:15px 10px;
}
.facebook-wrapper {
	min-height: 435px;
	height: auto !important;
	height: 435px;
}
}


/* バナー2
----------------------------------------*/

.sec02 .bnr02Box {
	margin:40px 2%;
}
.sec02 .bnr02Box li {
	margin-bottom:15px;
}


/* --------  PC用   --------*/
@media screen and (min-width: 680px) {
.sec02 .bnr02Box {
	margin:40px 0;
}
.sec02 .bnr02Box li {
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	float:left;
	box-sizing:border-box;
	padding:0 10px;
	margin-bottom:0;
}

}




/* sec05
----------------------------------------*/
/*-- sec05　お知らせ　背景設定 --*/
.sec05 {
	background-image:url(../img/bg_wa02.jpg);
}
/*-- sec05　お知らせ　枠組 --*/
.sec05 .pcWidth {
	/*background-color:#FFF;*/
	box-sizing:border-box;
	padding:40px 0;
	margin:0 2%;
}
.sec05 .pcWidth .newsBox {
	letter-spacing: -.4em;
	text-align:center;
}
.sec05 .pcWidth .newsBox li {
	width:47%;
	margin:0 1.5%;
	display: inline-block;
    letter-spacing: normal;
	text-align:left;
	vertical-align:top;
}
.sec05 .pcWidth .newsBox li a {
	display:block;
}
.sec05 .pcWidth .newsBox li:nth-child(3),
.sec05 .pcWidth .newsBox li:nth-child(4) {
	display:none;
}
/*.sec05 .pcWidth .newsBox li .pht img {
  border: 1px solid #fbe8b5;
}*/


@media screen and (min-width: 680px) {
/*-- sec05　お知らせ　枠組 --*/
.sec05 .pcWidth {
	padding:50px 0px 40px;
	margin:0 auto;
}
.sec05 .pcWidth .newsBox li {
	width:23%;
	display: inline-block;
	margin:0 1%;
}
.sec05 .pcWidth .newsBox li:nth-child(3),
.sec05 .pcWidth .newsBox li:nth-child(4) {
	display: inline-block;
}
.sec05 .pcWidth .newsBox li p {
	font-size:15px;
}
.sec05 .pcWidth .newsBox li a .pht {
  position: relative;
  display: inline-block;
  border: 5px solid #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .3s;
}
.sec05 .pcWidth .newsBox li a .pht::before,
.sec05 .pcWidth .newsBox li a .pht::after {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: 2;
  content: '';
  transition: all .3s;
}
.sec05 .pcWidth .newsBox li a .pht::before {
  border-top: 2px solid #485a9b;
  border-bottom: 2px solid #485a9b;
  transform: scale(0, 1);
}
.sec05 .pcWidth .newsBox li a .pht::after {
  border-right: 2px solid #485a9b;
  border-left: 2px solid #485a9b;
  transform: scale(1, 0);
}
.sec05 .pcWidth .newsBox li a:hover {
  color: #485a9b;
}
.sec05 .pcWidth .newsBox li a:hover .pht::after,
.sec05 .pcWidth .newsBox li a:hover .pht::before {
  transform: scale(1);
}

}

/* --------  780〜999　テキストサイズ調整   --------*/
@media screen and (min-width:680px) and ( max-width:999px) {
.sec05 .pcWidth {
	/*background-color:#FFF;*/
	box-sizing:border-box;
	padding:0px 2%;
	margin:0;
}
}



/* footer
----------------------------------------*/
/*-- footer フッター --*/
footer {
	padding:30px 0 0;
	background-color:#fcf9f3;
}
footer .rightBox h2 {
	width:60%;
	margin:0 auto 10px;
}

footer .rightBox {
	/*border-left:solid 1px #CCC;*/
	box-sizing:border-box;
	padding:20px 2% 20px ;
}
/*-- header - 店情報 --*/
footer .rightBox .shop {
	/*display:inline-block;*/
	margin:0 auto 20px;
	text-align:center;
}
/*-- header - 電話番号 --*/
footer .rightBox .shop .tel {
	font-style:italic;
	background-image:url(../img/icon_tel.png);
	background-repeat:no-repeat;
	background-size:30px auto;
	background-position:left center;
	padding:8px 0 8px 35px;
	font-size:22px;
	display:inline-block;
}
/*-- header - 住所 --*/
footer .rightBox .shop .add {
	font-size:15px;
}


/*-- コピーライト --*/
.copyright {
	background-color:#1b2754;
	color:#FFF;
	text-align:center;
	padding:5px;
	font-size:15px;
	margin-top:20px;
}

@media screen and (min-width: 680px) {
footer h3 {
	font-size:22px;
	margin-bottom:15px;
}
footer .leftBox {
	width:65%;
	float:left;
	padding:20px 0;
	border-right:solid 1px #CCC;
	box-sizing: border-box;
}
footer .leftBox .menuBox {
	/*width : 33.33333% ;
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;*/
	width: 50%;
	float:left;
}
footer .leftBox .menuBox li  {
	margin-bottom:5px;
}
footer .leftBox .menuBox li a {
	display:inline-block;
	padding:5px ;
	margin-left:13px;
	position:relative;
}
footer .leftBox .menuBox li a:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #ff6363;
	position:absolute;
	top:50%;
	left:-13px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
footer .leftBox .menuBox li a:hover {
	background-color:rgba(255,125,99,0.9);
	border-radius:5px;
	color:#FFF;
}

footer .rightBox {
	width:35%;
	float:left;
	box-sizing:border-box;
	padding:20px 0 20px 50px;
}
footer .rightBox h2 {
	width:80%;
}
/*-- header - 店情報 --*/
footer .rightBox .shop {
	width:80%;
	margin:0 auto;
	/*display:inline-block;*/
	padding-left:5px;
	text-align:left;
}
/*-- header - 電話番号 --*/
footer .rightBox .shop .tel {
	font-style:italic;
	background-image:url(../img/icon_tel.png);
	background-repeat:no-repeat;
	background-size:30px auto;
	background-position:left center;
	padding:8px 0 8px 35px;
	font-size:22px;
}
/*-- header - 住所 --*/
footer .rightBox .shop .add {
	font-size:15px;
}

footer .rightBox .footerBnr {
	width:80%;
	margin:15px auto 0;
}



}
/* --------  780〜999　テキストサイズ調整   --------*/
@media screen and (min-width:680px) and ( max-width:999px) {
footer .rightBox {
	width:35%;
	float:left;
	box-sizing:border-box;
	padding:20px 0 20px 0px;
}
footer .leftBox .menuBox li a {
	font-size:1.5vw;
}
/*-- header - 住所 --*/
footer .rightBox .shop .add {
	font-size:1.5vw;
}
}





/* 駒屋
----------------------------------------*/
.headerKomaya {
	padding:5px 0;
	background-color:#253161;
}
.headerKomaya .headerTitleKomaya {
	width:40%;
	float:left;
}
.headerKomaya .headerTitleKomaya a {
	color:#FFF;
	font-size:15px;
	letter-spacing:0.1em;
	padding:2px 10px;
}
.headerKomaya .headerMenuKomaya {
	width:60%;
	float:left;
	letter-spacing: -.4em;
	text-align:right;
}
.headerKomaya .headerMenuKomaya li {
	display:inline-block;
	letter-spacing: normal;
}
.headerKomaya .headerMenuKomaya a {
	color:#FFF;
	font-size:13px;
	padding:2px 10px;
	line-height:1em;
	border-right:solid 1px #FFF;
}
.headerKomaya a:hover {
	background-color:rgba(255,255,255,0.5);
}




/*　メッセージ　2018.9.21　*/

.message{
	margin:0 2% 50px;
}
.message p{
	font-size:14px;
}
.message .name{
	text-align:right;
	margin-top:15px;
}

@media screen and (min-width: 680px) {
.message{
	margin:0 0 50px;
}

}



.newsLink {
	border:solid 1px #000;
	padding:3px;
	text-align:center;
	width:90%;
	margin:0 auto 45px;
}
.newsLink a {
	display: block;
	border:solid 1px #000;
	padding:10px 15px;
	text-align:center;
	position:relative;
}
.newsLink a:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #000;
	position:absolute;
	right:15px;
	top:50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}


@media screen and (min-width: 680px) {
.newsLink {
	width:100%;
	box-sizing:border-box;
	margin:0 auto 45px;
}
.newsLink a:hover {
	background-color:#ff6e6e;
	color:#FFF;
}
.newsLink a:hover:before {
	border-color: transparent transparent transparent #FFF;
}
}

#news .btn {
	background-color:#ff6e6e;
	display:block;
	width:90%;
	margin:0px auto 20px!important;
	color:#FFF;
	padding:15px 20px;
	font-size:18px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	box-sizing:border-box;
}
#news .btn:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #ffffff;
	position:absolute;
	right:20px;
	top:50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#news .btn:hover {
	background-color:#ff4646;
}
@media screen and (min-width: 680px) {
#news .btn {
	background-color:#ff6e6e;
	display:block;
	width:90%;
	max-width:800px;
	margin:20px auto!important;
	color:#FFF;
	padding:20px;
	font-size:22px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	display:block;
}
}

@media screen and (min-width: 680px) {
a.tel:hover {
	opacity: .7!important;
}
}