@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto!important;
  }
}
* {
	font-family: 'Ryumin Regular KL', 'Shippori Mincho', serif;
	color: #57090E;
}
.fw-bold {
	font-family: 'Ryumin Bold KL', 'Shippori Mincho', serif;
}
.btn {
white-space: normal;
}

a {
	color: #333;
}
a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.tel a {
    text-decoration: underline;        
}

@media screen and (max-width: 767.98px) {
		.small-sm {
			font-size: 80%;
	}
}
/* ------------------------------------------
　ナビゲーション下の画像
------------------------------------------ */
.jumbotron-fluid{
    height: 650px;
	border-bottom: #dddddd;
    background: url("../images/zunda-mochiBig2.jpg") no-repeat top left;
    background-size: cover;
	background-color: #ffffff;
    /*border-bottom: #dddddd;
    background: url("../images/zunda-mochi.jpg") no-repeat left top;
    background-size: contain;
	background-color: #57090E;*/
}
@media screen and (min-width:767.99px) and (max-width:991.98px) {
	.jumbotron-fluid{
    height: 550px;
	border-bottom: #dddddd;
    background: url("../images/zunda-mochiBig2.jpg") no-repeat top center;
    background-size: cover;
	background-color: #ffffff;
    /*border-bottom: #dddddd;
    background: url("../images/zunda-mochi.jpg") no-repeat left top;
    background-size: contain;
	background-color: #57090E;*/
}
}
/* md以下の高さ */
@media screen and (min-width:575.99px) and (max-width:767.98px) {
	.jumbotron-fluid {
		height: 450px;
		background: url("../images/zunda-mochiBig2.jpg") no-repeat bottom center;
		background-size: contain;
	}
}
/* md以下の高さ */
@media screen and (max-width:575.98px) {
	.jumbotron-fluid {
		height: 300px;
		background: url("../images/zunda-mochiBig2.jpg") no-repeat bottom center;
		background-size: contain;
	}
}
.jumbotron-fluid .container{
    height: 100%;
	background-color: #b5d334;
}
/* ------------------------------------------
　ナビゲーションバー
---------------------------------------------*/
.mod-navbar {
	position: relative;
	padding: 1rem 0;
}

nav img {
	width: auto;
	min-width: 100px;
	max-width: 140px;
}

/* ------------------------------------------
　カテゴリラベル位置
---------------------------------------------*/
.cate-label {
	top:0.5em;
	left: 1em;
	background: rgba(255, 255, 255, 0.8);
}

/* ------------------------------------------
　フッター
---------------------------------------------*/
/* sns アイコン */
.sns-nav img{
	width: 36px;
}
/* トップへ戻る */
.totop {
	border: 2px solid #57090E;
    top: 0.5rem;
    right: 0;
}

/* ロゴ画像 */
.footer-logo {
	width: 200px;
}

.footer-copyright {
	padding: 10px 0;
	background-color: #f8f9fa;
}
.footer-copyright p, .footer-copyright p a {
	text-decoration: none;
	color: #57090E;
	margin: 0;
}
@media screen and (max-width:575.98px) {
.footer-logo {
	width: 150px;
}
}


/* ------------------------------------------
　見出し
---------------------------------------------*/
.midashi-border {
  border-bottom: solid 3px #b5d334;
  position: relative;
 padding-bottom: 0.25em;
}

.midashi-border:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #57090E;
  bottom: -3px;
  width: 20%;
}

/* ------------------------------------------
　色関係
---------------------------------------------*/
.text-brown {
	color: #57090E;
}
.text-yellowgreen {
	color: #b5d334;
}

/* ------------------------------------------
　お問い合わせフォーム
---------------------------------------------*/
.form-must {
	font-size: .71429rem;
	color: #ffffff;
	background-color: #B70003;
	padding: 0.5em;
	margin-left: 10px;
	border-radius: 2px;
	line-height: 1;
}

/* ------------------------------------------
　プライバシーポリシー
---------------------------------------------*/
.privacy-policy p, .privacy-policy table {
	font-size: 12px;
}

.policy-table {
	margin-left: 3em;
}

.privacy-policy p .setsumei {
	display: block;
	margin-left: 3em;
}

/*.wagashi-pickup {
	opacity: 0.6;
}*/

/* ------------------------------------------
　Google map　レスポンシブ
---------------------------------------------*/
.g-map {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
	
}
.g-map iframe {
position: absolute;
left: 0;
top: 0;
	height: 100%;
width: 100%;

}

#calendar .calander-inner {
	width: 47%;
}

@media screen and (max-width:767.98px) {
	#calendar .calander-inner {
		width: 100%;
	}
	
	#calendar .calander-inner img {
		width: 100%; 
		margin: 0 auto;
	}
}

.calenderBox {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
}
.calenderBox div {
	padding: 0;
	margin: 0;
	height: 80px;
}

.calenderBox a {
	width: 50%;
	display: block;
	margin: 10px auto;
}

@media screen and (max-width: 991.98px) {
	.calenderBox a {
		width: 100%;
	}
}


/* ------------------------------------------
　index.html #index-calender
---------------------------------------------*/
.index-calenderBox {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
}

.index-calenderBox .index-calender-inner a {
	width: 50%;
	display: block;
	margin: 10px auto;
}

.index-calenderBox .index-calender-inner {
	width: 100%;
	margin-bottom: 40px;
}

/* ------------------------------------------
　company.html
---------------------------------------------*/
.companyBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.inner-company {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 30px 10px;
    border-bottom: 0.5px solid #aaa;
    flex-wrap:wrap;
}

.inner-koumoku {
    width: 20%;
    font-weight: bold;
}

.inner-naiyou {
    width: 80%;
}

@media screen and (max-width: 767.98px) {
    .inner-koumoku, .inner-naiyou {
        width: 100%;
    }
    .inner-koumoku {
        margin-bottom: 15px;
}