@charset "utf-8";
#wrapper #content .rireki01 {
    -webkit-box-shadow: 0px 0px #000000;
    box-shadow: 0px 0px #000000;
    background-color: #F0F3DF;
    text-align: justify;
    padding-top: 8px;
    padding-left: 12px;
    padding-bottom: 8px;
    line-height: 24px;
    border: thin solid #000000;
    padding-right: 5px;
}
.tes01a {
}




@media (max-width: 720px){
body {
    width: 100%;
    margin: 0px;
    /* [disabled]font-size: 74%; */
    /* [disabled]text-align: center; */
}
div a img {




}

img {
max-width: 100%;
height: auto;
width /***/:auto;
}
#main {
	width: 100%;
	padding-top: 12px;
	padding-bottom: 36px;
}
#main p {
	padding-left: 22px;
}
#main p#name {
    padding-left: 190px;
    text-align: left;
}	
.sphead {
	display: none;
}
.logo1 {
	float: left;
}
	ul, ol, dl {
	margin: 0px;
	padding: 0px;
}

header {
	padding: 10px;
}

#nav-drawer {
	position: fixed;
	right: 5px;
	padding: 4px;
	background-color: #FFFCFC;
	display: block;
}
.nav-unshown {
  display:none;
}

#nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}
#nav-content ul li a {
	display: block;
	margin-bottom: 5px;
	position: relative;
}
#nav-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 90%;
	max-width: 200px;
	height: 90%;
	background: #fff;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
	padding-top: 12px;
	padding-left: 12px;
	padding-bottom: 12px;
	text-align: right;
	padding-right: 12px;
}
#nav-input:checked ~ #nav-close {
    display: block;
    opacity: .5;
}
#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#wrapper #menu ul li {
	list-style-type: none;
	display: none;
}
#nav-drawer  li    {
	list-style-type: none;
}
#content #shopBnr .foot {
	/* [disabled]display: none; */
}
p a .sdi {
	display: none;
}
.sdi {
}
.sd01 {
	display: inherit;
}
.if01 iframe {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	border-width: 1px;
	border-style: solid;
}
bl01 {
    margin-top: 25px;
}
.back {
	background-image: url(https://rikyu-gyutan.co.jp/pic-labo/w1.jpg);
	background-size: 100% 100%;
}
.sd02 {
	display: none;
}
.aboutp {
	text-align: left;
}
#content #main #name {
	font-size: small;


}
#content #main .sdp {
	font-size: small;

}
#content #main .sdp.spd2 {
	text-align: left;
}
#main dl dt {



}
#main dl dd {
	text-align: left;
	padding-left: 120px;

}
.img04 {
    width: 100%;
    -webkit-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
}
.rireki03 {
    line-height: 18px;
    margin-bottom: 17px;
    text-indent: -8px;
    margin-right: 10px;
    margin-left: 10px;


}
#footer {
    font-size: 3vw;
    text-align: center;
}
.imgtt {
    width: 40%;
    display: inline;

}
#content #event ul {

}
.top-banner{
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-top: 0px;
    margin-top: 1px;
}
.top-banner li {
    width: calc(100%/3);/*←画像の左右に5pxの余白を入れる場合*/
    box-sizing: border-box;
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}














	}
@media (min-width: 721px){
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scloll;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #501400;
	font-size: 80%;
	line-height: 1.6;
	background-image: url("https://rikyu-gyutan.co.jp/pic-labo/bg.jpg");
	background-repeat: repeat-x;
}
img {
	border-style:none;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#wrapper {
	width: 800px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#head {
	width: 100%;
	height: 35px;
}
#rikyuLogo {
	float: left;
	width: 20%;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#headMenu {
	float: right;
	width: 70%;
	text-align: right;
	padding-top: 15px;
	padding-right: 5px;
}
#menu {
	float: left;
	text-align: right;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
#menu ul {
	width: 200px;
}
#menu ul ul {
	width: 180px;
	padding-left: 20px;
}
#menu ul li {
	list-style-type: none;
	display: inline;
}
#menu ul li a {
    text-decoration: none;
    display: block;
    position: relative;
    margin-bottom: 5px;
}
#content {
	float: right;
	width: 564px;
	padding-top: 12px;
	padding-right: 12px;
}
#main {
	width: 564px;
	padding-top: 12px;
	padding-bottom: 36px;
}
#main p {
	padding-left: 22px;
}
#main p#name {
	padding-left: 240px;
}
#footer {
    clear: both;
    width: 800px;
    height: 20px;
    text-align: center;
    background-image: url(https://rikyu-gyutan.co.jp/pic-labo/Copy.gif);
    margin-bottom: 10px;
}
.hdnone {
}
.info01 {
	/* [disabled]padding-bottom: 10px; */
}
.foot {
    display: none;
}
#rikyuLogo header #nav-drawer {
	display: none;
}
#content #shopBnr .sd01 {
	display: none;
}
.rireki03 {
    border-bottom-width: thin;
    line-height: 18px;
    margin-bottom: 17px;
    text-indent: -8px;
    margin-right: 8px;


}
.sd01 {
	display: none;
}
p a .tes01 {
}

.tes01 {
    /* [disabled]margin-top: 10px; */
    margin-bottom: 10px;
}
.aoim {
    margin-bottom: -6px;
}
.tes01a {
    margin-bottom: 10px;
    margin-top: 10px;
}





	}
.im01 {
}
.sphead {
}
.hdnone {
}
.hdnoe {
}
.info01 {
}
.sdwrap {

}
div a img {
}

.imghoot {
}
.foot {
}
#content #shopBnr .foot {
}
iframe {
	/* [disabled]width:100%; */
	/* [disabled]height: 100%; */
}
.back {
  background-image: url(https://rikyu-gyutan.co.jp/pic-labo/w1.jpg);
}

.im01 {
	float: left;
}
.rireki02 {
    text-align: right;
    margin-right: 10px;
}
.rir01 {
}
.side {
}
.top-banner{
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}
.top-banner li {
	width: calc(100%/3);/*←画像を横に4つ並べる場合*/
	box-sizing:border-box;
}
.top-banner li img {
    max-width: 100%; /*画像のはみだしを防ぐ*/
    height: auto; /*画像の縦横比を維持 */
    /* [disabled]border: 1px solid #ccc; */ /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}