/*共通-----------------*/
body {
	background-image:url(images/back.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:12px;
	color:#DDDDDD;
	margin:0;
	text-align:center;
    padding:0;
}

table  {
	border:0;
    padding:0;
	margin:0;
	letter-spacing:0;
	background-repeat:no-repeat;
}

td  {
	border:0;
    padding:0;
	margin:0;
	letter-spacing:0;
	background-repeat:no-repeat;
}

br  {
	letter-spacing:0;
	line-height:0;
}

img{
	vertical-align:bottom;
	font-size:0;
	line-height: 0;
    padding:0;
	margin:0;
}



/*テキスト-----------------*/
.textm {
	font-family: "ＭＳ Ｐ明朝", "細明朝体",serif;
	font-size: 14px;
	line-height: 150px;
	color: #333333;
	letter-spacing: 0.25em;
}

.textmenu {
	font-family: "ＭＳ Ｐ明朝",serif;
	font-size: 12px;
	color: #DDDDDD;
	letter-spacing: 0.1em;
}

.copyright {
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 10px;
	color: #886666;
	letter-spacing: 0.1em;

}
.topi {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", serif;
	font-size: 13px;
	line-height: 180%;
	color: #350000;
	letter-spacing: 0.02em;
	font-weight: bold;
}

.topi-s {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", serif;
	font-size: 11.5px;
	line-height: 140%;
	color: #350000;
	letter-spacing: 0.02em;
	font-weight: bold;
}

.topi-ss {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", serif;
	font-size: 11px;
	line-height: 60%;
	color: #350000;
	letter-spacing: 0.10em;
	font-weight: bold;
}

.topi-l {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", serif;
	font-size: 16px;
	line-height: 150%;
	color: #350000;
	letter-spacing: 0.07em;
	font-weight: bold;
}

.text12 {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	letter-spacing: 0.07em;
}

.text14 {
	font-size: 14px;
	line-height: 150%;
	color: #333333;
	letter-spacing: 0.1em;
}

.button {
    text-align: center;
    width:25%;
    background-color: #FFFFFF;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", serif;
	font-size: 14px;
	line-height: 150%;
	color: #350000;
	letter-spacing: 0.07em;
	font-weight: bold;
}

.button-y {
    text-align: center;
    width:25%;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", serif;
	font-size: 14px;
	line-height: 150%;
	color:#FFFF00;
	letter-spacing: 0.07em;
	font-weight: bold;
}

.textoubo-title {
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	font-weight: bold;
}

.textoubo {
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #FFFFFF;
	letter-spacing: 0.03em;
	font-weight: normal;
}

.textoubo-y {
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #FFFF00;
	letter-spacing: 0.03em;
	font-weight: normal;
}

/*リンク-----------------*/

/*リンク-----------------*/
	a:link    {text-decoration:none;color:#ffffff;}
	a:visited {text-decoration:none;color:#ffffff;}
	a:active  {text-decoration:none;color:#ffffff;}
	a:hover   {text-decoration:none;color:#ffffff;}
.topi a:link    {text-decoration:none;color:#350000;}
.topi a:visited {text-decoration:none;color:#350000;}
.topi a:active  {text-decoration:none;color:#350000;}
.topi a:hover   {text-decoration:none;color:#350000;}
.topi-s a:link    {text-decoration:none;color:#350000;}
.topi-s a:visited {text-decoration:none;color:#350000;}
.topi-s a:active  {text-decoration:none;color:#350000;}
.topi-s a:hover   {text-decoration:none;color:#350000;}


.lshadow{
	width:10px;
	height:10px;
	background:url("images/lshadow.png");
	background-repeat:repeat-y;
}
* html .lshadow{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lshadow.png',sizingMethod='scale');
	background:none;
}
.rshadow{
	width:10px;
	height:10px;
	background:url("images/rshadow.png");
	background-repeat:repeat-y;
}
* html .rshadow{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rshadow.png',sizingMethod='scale');
	background:none;
}

.textcoupon {
	font-family: "ＭＳ Ｐ明朝",serif;
	font-size: 12px;
	line-height: 120%;
	color: #DDDDDD;
	letter-spacing: 0.1em;
}

.flash {
    cursor : pointer;
}

.photo-show {
    height: 440px; /*表示したい大きさ*/
    margin: 30px auto; /*縦余白30pxは任意*/
    max-width: 100%;
    position: relative;
    width: 440px; /*表示したい大きさ、height と合わせる*/
}

.photo-show img {
    animation: show 16s infinite;
    -webkit-animation: show 16s infinite;
    border-radius: 50%;
    height: auto;
    max-width: 100%;
    opacity: 0;
    position: absolute; /*画像を全て重ねる*/
}

/*アニメーション*/

@keyframes show {
    0% {opacity:0}
    5% {opacity:1}
    10% {opacity:1}
    20% {opacity:0}
 }

@-webkit-keyframes show {
    0% {opacity:0}
    5% {opacity:1}
    10% {opacity:1}
    20% {opacity:0}
}

/*各画像のアニメーションの開始時間をずらす*/

.photo-show img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.photo-show img:nth-of-type(2) {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

.photo-show img:nth-of-type(3) {
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

.photo-show img:nth-of-type(4) {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}

.photo-show img:nth-of-type(5) {
    animation-delay: 8s;
    -webkit-animation-delay: 8s
}

.photo-show img:nth-of-type(6) {
    animation-delay: 10s;
    -webkit-animation-delay: 10s;
}

.photo-show img:nth-of-type(7) {
    animation-delay: 12s;
    -webkit-animation-delay: 12s;
}
.photo-show img:nth-of-type(8) {
    animation-delay: 14s;
    -webkit-animation-delay: 14s;
}

/*マウスが画像に重なった際、動きを止めて四角くする*/

.photo-show img {
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.photo-show:hover img {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
    border-radius: 0;
}

.bento-bana {
    max-width: 1024px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
}

/* titleバナー 20230510追加 naka */

.title10 {

	height: 70px;
    width: 540px;
    background-color: #006600;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    opacity: 0.9;
}

/* メニュー画像 20251113追加 naka */

img.menu_img {
    margin-bottom: 15px;
}