@charset "UTF-8";
/*============================
 defaultStylesheet-reset
============================*/
body{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	animation-name: fadein;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    background: none !important;
}
@keyframes fadein {
    0% {opacity:0;}
    90% {opacity:0;}
    100% {opacity:1;}
}
#bxSlider .bxslider li{
  display:block !important;
}
#information .link-tel {
    font-weight: normal;
}
#contents_bottom #information .dl-address{
    margin-top: 0;
}
.btn.btn-guide{
  width:auto;
}
#cart_area .cart-trigger a {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}
.icon-cart:before {
    content: "" !important;
    display: inline-block;
    background: url(https://file003.shop-pro.jp/PA01475/117/shop/img/ico_cart01.svg) no-repeat center / contain;
    width: 30px;
    height: 20px;
}
.btn-cart:before{
    content: "" !important;
    display: inline-block;
    width: 30px;
    height: 20px;
  background: url(https://file003.shop-pro.jp/PA01475/117/shop/img/ico_cart02.svg) no-repeat center / contain;
}
.goods-detail .btn-cart {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*============================
 index.css
============================*/
	.wait {
		opacity: 0;
	}

	.play.fadeIn {
		animation: fadeIn 5s ease 0s 1 normal;
		-webkit-animation: fadeIn 5s ease 0s 1 normal;
	}

	@keyframes fadeIn {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	.play.bounceIn{
		animation: bounceIn 2.5s ease 0s 1 normal;
	}

	@keyframes bounceIn {
		0% {
			opacity: 0;
			transform:scale(0,0);
		}
		70% {
			opacity: 0.7;
			transform:scale(1.1,1.1);
		}
		80% {
			opacity: 0.8;
			transform:scale(0.9,0.9);
		}
		100% {
			opacity: 1;
			transform:scale(1,1);
		}
	}

	.play.slideLeft {
		animation: slideLeft 0.75s ease 0s 1 normal;
	}

	@keyframes slideLeft {
		0% {
			opacity: 0;
			transform: translateX(3rem);
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}

		.play.slideLeft2 {
			animation: slideLeft2 0.75s ease 0s 1 normal;
		}

		@keyframes slideLeft2 {
			0% {
				opacity: 0;
				transform: translateX(258px);
			}
			100% {
				opacity: 1;
				transform: translateX(0);
			}
		}

	.play.slideRight {
		animation: slideRight 0.75s ease 0s 1 normal;
	}

	@keyframes slideRight {
		0% {
			opacity: 0;
			transform: translateX(-3rem);
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}

	.play.slideUp {
		animation: slideUp 0.75s ease 0s 1 normal;
	}

	@keyframes slideUp {
		0% {
			opacity: 0;
			transform: translateY(3rem);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.play.slideDown {
		animation: slideDown 0.75s ease 0s 1 normal;
	}

	@keyframes slideDown {
		0% {
			opacity: 0;
			transform: rotateX(60deg);
		}
		70% {
			opacity: 0.7;
			transform: rotateX(-20deg);
		}
		85% {
			opacity: 0.85;
			transform: rotateX(15deg);
		}
		90% {
			opacity: 0.9;
			transform: rotateX(10deg);
		}
		100% {
			opacity: 1;
			transform: rotateX(0);
		}
	}

	.play.slideUpRight {
		animation: slideUpRight 0.75s ease 0s 1 normal;
	}

	@keyframes slideUpRight {
		0% {
			opacity: 0;
			transform: translate(-3rem,3rem);
		}
		100% {
			opacity: 1;
			transform: translate(0,0);
		}
	}

	.play.slideUpLeft {
		animation: slideUpLeft 0.75s ease 0s 1 normal;
	}

	@keyframes slideUpLeft {
		0% {
			opacity: 0;
			transform: translate(3rem,3rem);
		}
		100% {
			opacity: 1;
			transform: translate(0,0);
		}
	}
	/* ->motion */

body{
 color:#5e5e5e;
}

/*============================
 navbar-header
============================*/
.navbar-brand {
 background-size: contain;
 height: 83px;
 width: 250px;
 z-index: 9999;
}
.navbar-brand img{
margin-top: 8px;
}

/* navbar 位置の調整 　*/
#navbar{
margin-top: 20px;
}

/* navbar 全体の背景色とボーダーカラー */
.navbar-default {
background-color: #fff;
border-color:#d3d3d3;
}
/* navbar テキストカラー */
.navbar-default .navbar-nav > li {
padding:.5em 0.75em;
}
.navbar-default .navbar-nav > li > a {
padding: .5em .5em;
color: #5e5e5e;
	line-height: 1;
}
/* navbar hover,focus時のテキストカラー */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #e60012;
background-color: transparent;
border-bottom:solid 1px #e60012;
}
/* navbar active設定時のカラー */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #e60012;
background-color: #c3ede7;
}
/* navbar ドロップダウン(親)のカラー */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color: #e60012;
background-color: #c3ede7;
}
/* navbar ドロップダウン(子)のボックスカラー */
.dropdown-menu {
background-color: #fff;
border:solid 1px #e60012;
-webkit-box-shadow: 0 6px 12px rgba(94,136,129,0.35);
box-shadow: 0 6px 12px rgba(94,136,129,0.35);
}
/* navbar ドロップダウン(子)テキストカラー */
.dropdown-menu>li>a {
color: #5e5e5e;
}
/* navbar ドロップダウン(子)focus,hover時のカラー */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #e60012;
background-color: #fff;
}
/* navbar ドロップダウン(子)内の区切り線(class=”divider”)のカラー */
.dropdown-menu .divider {
background-color: #e60012;
}
/* navbar 画面サイズ767px以下の時のカラー */
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #5e5e5e;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #e60012;
background-color: transparent;
}
/* ドロップダウンactive設定時のカラー */
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #ffb163;
background-color: #d4ede9;
}
}
/* navbar ハンバーガー四角枠 */
.navbar-default .navbar-toggle {
border-color: #e60012;
}
/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
background-color: #e60012;
}
/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #e60012;
}
/* navbar ハンバーガーボタン,タップとホバーした時の四角枠 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
border-color: #fff;
}
/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
background-color: #fff;
}
/* navbar Brandのカラー */
.navbar-default .navbar-brand {
color: #e60012;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color: #e60012;
background-color: transparent;
}

/*============================
 nav ボタン位置
============================*/
@media screen and (min-width:768px){
	.nav li.parent {
		position: relative;
		z-index: 2;
	}
	.nav li.on.parent:hover {
		background: #FFF;
		box-shadow: 0 0.25em 1.5em rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0.25em 1.5em rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0.25em 1.5em rgba(0,0,0,0.08);
	}
	.nav li.parent ul {
		display: none;
		position: absolute;
		top: 3em;
		left: 0;
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 1;
	}
	.nav li.parent ul li {
		padding: .25em 0.75em 0.75em;
		background: #FFF;
		box-shadow: 0 0.25em 1.5em rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0.25em 1.5em rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0.25em 1.5em rgba(0,0,0,0.08);
	}
	.nav li.parent ul li:last-child {
		padding-bottom: 1em;
	}
	.nav li.parent ul li a{
		display: block;
		padding: .5em .5em;
		border-bottom: dotted 1px #736357;
		text-align: center;
		color: #736357;
	}
	.nav li.parent ul li a:hover{
		border-bottom: solid 1px #e60012;
		color: #e60012;
		text-decoration: none;
	}
	.nav li.contact {
	border-bottom: none;
	color:#fff;
	text-align: center;
	margin-left: 10px;
	padding: 0;
	}
	.nav li.contact a{
		display: block;
	width: 155px;
	background-color:#e60012;
	border-bottom: none;
	color:#fff;
	padding: 1em 20px;
	box-sizing: border-box;
	}
	.nav li.contact a:hover{
		border: none;
		background: #be0000;
		color: #FFF;
		transition: .5s;
	}
}
.navbar-toggle{
margin-top:25px;
}
.name{
padding-bottom: 30px;
}

/*============================
 btn
============================*/
.btn{
 width:350px;
 font-size:17px;
}

@media screen and (max-width:767px){
.btn{
 width:275px;
}
	#navbar{
		margin-top: 0;
	}
	.nav li.parent ul {
		display: block!important;
		margin:0.5em 0 0 3.5rem;
		padding: 0;
		list-style: disc;
	}
	.nav li.parent ul li a{
		color: inherit;
	}
	.nav li.parent ul li {
		margin-bottom:0.5em;
	}
	.nav li.parent ul li:last-child {
		margin-bottom:0;
	}
}

.btn a{
 display:block;
 border-radius:4px;
 padding-top:25px;
 padding-bottom:25px;
 text-decoration:none;
 color:#fff;
	font-family: 'Ryumin Regular KL','ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',serif;
 background-color:#e60012;
}

.btn a:hover{
 background:#be0000;
}

/*============================
 pageTop
============================*/
.pageTop{
	margin: 0;
 position:fixed;
 right:5%;
 bottom:5%;
}

.pageTop a{
 display:block;
 width:40px;
 height:40px;
}

.pageTop a:hover{
 cursor:pointer;
 opacity:0.8;
 filter:alpha(opacity=80);
}

/*============================
#footer
============================*/
#footer{
 margin:55px 0 18px;
 border-top:solid 1px #e60012;
 text-align:center;
}

@media screen and (max-width:767px){
#footer{
 margin:33px 0 18px;
}
.f_menu .Logo img{
	margin-left: auto;
  margin-right: auto;
}
}

.f_menu .Logo{
 margin:13px 0 10px;
}

.f_menu .Logo img{
 max-width:200px;
 width:80%;
 height:44px;
}

.f_menu ul{
 display:flex;
 display:-webkit-flex;
 justify-content:center;
 list-style:none;
 margin-bottom:8px;
}

.f_menu ul li{
 margin:0 10px;
}

.f_menu li a{
 font:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
 font-size:13px;
 color:#5e5e5e;
}

.f_menu li a:hover{
 color:#e60012;
}

.f_menu address{
 margin-bottom:7px;
 font-size:13px;
}

.f_menu p{
 font-size:10px;
}

@media screen and (max-width:767px){
.f_menu ul,
.f_menu address{
 display:none;
}
}
@media screen and (max-width:980px){
#information .col-md-6 {
 width: 100%;
  line-height:160%;
    font-size: 14px;
}
}

.shop_only{
  display:none;
}
/**オススメ商品・新着商品・売れ筋商品*/
.shop_prod_list {
    max-width: 1150px;
    margin: 0 auto 30px;
    font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
.shop_prod_list .p_detProTtl2{
    padding-left: 16px;
    padding-right: 16px;
}
.shop_prod_list .col-lg-4{
  width:25%;
    float: none;
    margin-bottom: 15px;
}
.shop_prod_list ul.row {
    display: flex;
    flex-wrap: wrap;
 margin-left:0;
 margin-right:0;
}
.shop_prod_list .col-lg-4 a{
  color:#525263;
    display: block;
}
.mar_b_10{
  margin-bottom:10px;
}
@media screen and (max-width:767px){
.shop_prod_list .col-lg-4{
  width:50%;
}
}

.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  width: 100vw;
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}