@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500&display=swap');

body {
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

.container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 980px;
}

.b5{margin-bottom: 5px;}
.w100{width: 100%;}


a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

/* 動く*/
.bururi {
    animation: bururi 5s infinite;
}
@keyframes bururi {
    50% {
        transform: scale(1, 1);
    }
    52% {
        transform: scale(0.98, 0.95)
    }
    54% {
        transform: scale(1, 1);
    }
    56% {
        transform: scale(0.98, 0.95)
    }
    58% {
        transform: scale(1, 1);
    }
    60% {
        transform: scale(0.98, 0.95)
    }
}


/* サイドメニュー */

@media (max-width: 576px) {
.side{
	padding:0 20px;
}
}



/* ヘッダー */
header{
	margin-bottom: 10px;
}

div.logotext{
	background-color: #FF8C00;
	color: #fff;
	font-size: 12px;
}

div.logoimg{
	margin: 0;
    background-color: #FF8C00;
}	


/* ナビ */

.dropdown:hover > .dropdown-menu{
  display: block;
	z-index:99999 !important;
}


.navbar-nav li {
	z-index:99999 !important;
	position: relative;
	padding: 8px;
	display: inline;
	border-left-width: 1px;
	border-left-style: dotted;
    border-left-color: #FF8C00;}

.navbar-nav li a{
	z-index:99999 !important;
	padding: 0px;}

ul.dropdown{
	z-index:99999 !important;
}

.dropdown-menu li {
		z-index:99999 !important;
        float: none;
        padding: 0px;
        display: block;
	font-size: 12px;
        background-color: #FFFFFF;
		z-index:99999 !important;
    }
    
.dropdown-menu li a{
		padding: 5px;
		border-bottom: #FF8C00 dotted 1px; 
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;;
    background-color: #FF8C00 !important;;
}


/* フッター */

div.copy{
	margin: 0 auto;
	text-align: center;
	background: #000;
	padding: 10px;
}

div.copy p{
	color: #FFFFFF;
	font-weight: bold;
}

p.fname{
	font-size: 14px;
}

p.f-ad a{color: #FFFFFF;}


div.mg10{
	margin: 10px 0;
}


/* 文字関連 */

h4{
	background-image:url("../img/h-stripe.png");
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	color:#fff;
}


h5{
	color: #FF8C00;
    font-size: 20px;
    line-height: 20px;
}



div.cap-text{
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 0 30px;
	color: #333;
	line-height: 2.0em;
	font-size: 14px;
}

h2{
	color: #FF8C00;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	border-top: #FF8C00 solid 3px;
}

p.gname{
	font-size: 20px;
	font-weight: bold;
}

/* アクセス・店舗情報 */
.tr{ /* 二つを囲うdiv */
    margin:13px 0 0 0;
}
.th{
    float:left;
    font-weight:bold;
    line-height:1.6;
    margin:0 0 5px 0;
    padding:10px 0 10px 0; 
	background-image:url("../img/h-stripe.png");
    color: #FFF;
}
.th p{
    margin:0;
    padding:0 0 0 10px;
}

.td{
    float:left;
    line-height:1.6;
    margin:0 0 5px 0;
	padding:10px 0 10px 0;
}
.td p{
    margin:0;
    padding:0 0 0 20px;
}



/* 共通ライン */
hr.clear{
    border:0;
    border-bottom:1px dashed #999;
    clear:both;/* floatを使用しているので、ここでクリアする */
}

hr.clearbold{
    border: solid 3px black;
}


/* 店舗一覧用 */
.tr2{ /* 二つを囲うdiv */
    margin: 0 0 5px 0;
}
.th2{
    float:left;
    line-height:1.4;
    margin:0 0 5px 0;
    padding:5px 0; 
	background-image:url("../img/h-stripe.png");
    color: #FFF;
}
.th2 p{
    margin:0;
    padding:0 0 0 5px;
}

.td2{
    float:left;
    line-height:1.4;
    margin:0 0 5px 0;
	padding:5px 0;
}
.td2 p{
    margin:0;
    padding:0 0 0 20px;
}

@media (max-width: 576px) {
.btn{
	font-size: 12px;
}

}





/* よくある質問 */

p.faq{
    margin: 20px;
}


/* フッター */
fname{font-size: 14px;}






.icon-list {
  padding-left: 0;
  list-style: none;
}
.icon-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: .25rem;
}
.icon-list li::before {
  display: block;
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  margin-right: .5rem;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}