@charset "UTF-8";
/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;/* max-width: 100%; */}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%;background: #fff;color: #000;padding: 0 10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
body {-webkit-text-size-adjust: none;font-family: "Noto Sans JP","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;background: #fff;color: #000;}
a{-webkit-backface-visibility: hidden;backface-visibility: hidden;color: #000;}a:hover{/* text-decoration: underline; */}

/*************
  top
*************/
.sp{
	display: none!important;
}
.pankuzu {
    background: #000;
    position: relative;
}
.pankuzu ul {
    display: flex;
    font-size: 12px;
    margin: 0 auto;
    padding: 10px 0;
	color: #fff;
}
.pankuzu ul li a {
    position: relative;
    padding-right: 1.6em;
	color: #fff;
}
.pankuzu ul li a::before {
    content: "";
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-color: #fff #fff transparent transparent;
    transform: scale(.5) rotate(45deg);
    position: absolute;
    display: inline-block;
    overflow: hidden;
    right: 3px;
    top: 2px;
    transition: .2s;
}
#wrap{
  background: url(../img_2025/top/05_bg.jpg) center top;
}
#header{
	background:#ffffff;
	height:77px;
	left:0;
	top:0;
	width:100%;
	z-index: 100;
}

.inner{
	width: 960px;
	margin: 0 auto;
}
h2{
	font-size: 2em;
	font-weight: bold;
	margin-top: -2em;
}
h1#logo {
    padding: 10px;
}
#header img{
	display:block;
}
#header h1{
	float:left;
	margin-top: 10px;
}
#header #online {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
#header #guide {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
#header #tel{
	float:right;
	margin-top: 5px;
}
#header #tel a {
    display: block;
    font-size: 14px;
    margin-left: 7px;
    text-decoration: underline;
    cursor: pointer;
}
#header #tel a:hover {
    text-decoration: none;
}
.modal {
    position: fixed;
    z-index: 101;
    background: #fff;
    padding: 2%;
    top: 80px;
    right: 20px;
    border: 1px solid #ccc;
    display: none;
}
.modal ul {
    padding: 10px;
    border: 1px solid;
}
.modal p{
	margin-bottom: 10px;
}
#modal_close_wrap{
	position: absolute;
    top: 20px;
    right: 10px;
	padding: 20px;
	cursor: pointer;
}
#modal_close {
	position: relative;
}
#modal_close::before,#modal_close::after {
	position: absolute;
	content: "";
	display: block;
	width: 2px;
	height: 20px;
	background: #333;
	transform: rotate(45deg);
	top: -10px;
}
#modal_close::after {
	transform: rotate(135deg);
}
#top-nav {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	position: -webkit-sticky; /* safari対応 */
    position: sticky;
    top: 0;
	z-index: 10;
}
#top-nav li {
    text-align: center;
    width: 100%;
    border-right: 1px solid #fff;
}
#top-nav li:last-child{
	border: 0;
}
#top-nav li a {
    color: #fff;
    letter-spacing: 0;
    font-size: 13px;
    position: relative;
    /*background: #9a041f;*/
    background: #1c592f;
    height: 55px;
    line-height:1.2;
    /* padding-bottom: 10px; */
    display: block;
    align-items: center;
    display: flex;
    justify-content: center;
}
#top-nav li:nth-child(3) a{
	font-size: 0.8em;
}
#top-nav li a:hover {
	opacity: 0.9;
}
#top-nav li a span{
	position: relative;
	padding-left: 1em;
}
#top-nav li a span::before {
	display: block;
	content: " ";
    position: absolute;
    left: 0;
	top: 0;
    bottom: 0;
    margin: auto;
    width: 0.6em;
    height: 0.6em;
  border: 2px solid;
  border-color:  transparent transparent #fff #fff;
  transform: rotate(-45deg);
}


#top-main{
	position:relative;
}
#top-main .topscrollConcept {
    position: absolute;
    z-index: 2;
    top: 20%;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
}
#top-main h2{
	margin: 2em 0 0;
}
#top-main .slick-prev{
	left: 15px;
	z-index: 10;
}
#top-main .slick-next{
	right: 15px;
}
#top-main ul{
	width: 500px;
	height: 600px;
	background: rgba(0,0,0,.5);
	margin: 0 0 0 auto;
}
#top-main ul li{
	margin: 0 auto;
	position: relative;
}
#top-main ul li .title{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-top: 10px;
}
#top-main ul li .title span.bold{
	font-size: 110%;
}
#top-main ul li .title strong{
	font-size: 140%;
	margin: .5em .25em 0 0;
}
#top-main ul li .link{
	position: absolute;
	right: 50px;
	bottom: 0;
}

#main-box{
	height: 795px;
	margin-bottom: 1em;
}
h2#main{
	position: absolute;
	z-index: 1;
	text-align: center;
	0: 40px
}
h4.kodawari-h4{
	margin: 3em 0 0;
}
ul.kodawari-ul{
	margin: 2em 0 0;
}
ul.kodawari-ul li{
	float: left;
	width: 235px;
	margin: 0 20px 1em 0;
}
ul.kodawari-ul li:nth-child(4n){
	margin-right: 0;
}
ul.kodawari-ul li .title{
	font-size: 120%;
	font-weight: bold;
}
ul.kodawari-ul li p{
	/* margin-bottom: .5em; */
	min-height: 3em;
}
ul.kodawari-ul li p img{
	max-width: 100%;
	height: auto;
}
#footer-about_wrap{
    margin-bottom: 5em;
	margin-top: 50px;
  padding: 50px 0;
  background: #e8eceb;
}
#footer-about a{
	text-decoration: underline;
}
#footer-about a:hover{
	color: #ccc;
}
#footer-about .float-left,
#footer-about .float-right{
	width: 48%;
}
#footer-about .border {
    border: 1px solid;
    padding: 10px;
}
#footer-about h4{
	font-size: 120%;
	font-weight: bold;
	background: url(../img_2025/common/icon_03.png) no-repeat left top;
	line-height: 20px;
	padding: 0 0 .5em 25px;
	margin: .5em 0;
	border-bottom: 1px solid #fff;
}
#footer-about h5{
	font-size: 110%;
	font-weight: bold;
	color: #ac8f52;
}
#footer-about h5 span.bg-red{
	background: #b0132d;
	color: #fff;
	padding: 2px;
	font-size: 90%;
	margin-left: .5em;
}
#footer-about p:not(:last-child){
	margin-bottom: 1em;
}
#footer-about .bg-gray,#footer-about .bg-white{
	margin-bottom: 1em;
}
#footer-about img.reitou {
    padding: 3px;
    margin-top: -0.4em;
}
#footer-nav{
	width: 100%;
	background: #333;
	padding: 1em 0;
	/* margin: 5em 0 0; */
	text-align: center;
}
#footer-nav li{
	font-size: 90%;
	display: inline-block;
	margin: 0 1em;
	position: relative;
}

#footer-nav li a {
    color: #fff;
}

#footer-nav li:not(:last-child):after{
	content: "|";
	position: absolute;
	right: -1.25em;
	top: 0;
	color:#fff;
}
#footer-about table.post_office {
    width: 100%;
    margin-bottom: 20px;
}
#footer-about table.post_office th, #footer-about table.post_office td {
    border: 1px solid;
    text-align: center;
}
.footer_logo, .footer_tel {
    display: inline-block;
    margin: 5px;
}
#copyright{
	background: #fff;
	color: #000;
	padding: 1em 0;
	text-align: center;
}
#copyright a{
	color: #000;
	text-decoration: underline;
}
#copyright-logo{
	/* width: 655px; */
	font-size: 90%;
}
#pagetop{
	position: absolute;
	right: 0;
	top: 0;
}




/* ==========================================================================
	common
========================================================================== */
.italic {font-style: italic;}
.bold {font-weight: bold;}
.xx-small {font-size: 60%;}
.x-small {font-size: 75%;}
.small {font-size: 88.88%;}
.large {font-size: 120%;}
.x-large {font-size: 150%;}
.xx-large {font-size: 200%;}
.indent {text-indent: 1em;}
ul.indent-list li {text-indent: -1em;margin-left: 1em;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.float-left {float: left;}
.float-right {float: right;}
.clear:after, .clear-left:after, .clear-right:after {display: block; content: "";}
.clear, .clear:after {clear: both;}
.clear-left, .clear-left:after {clear: left;}
.clear-right, .clear-right:after {clear: right;}
.m-500 {margin: 5em!important;}
.mtb-500, .mt-500 {margin-top: 5em!important;}
.mrl-500, .mr-500 {margin-right: 5em!important;}
.mtb-500, .mb-500 {margin-bottom: 5em!important;}
.mrl-500, .ml-500 {margin-left: 5em!important;}
.m-400 {margin: 4em!important;}
.mtb-400, .mt-400 {margin-top: 4em!important;}
.mrl-400, .mr-400 {margin-right: 4em!important;}
.mtb-400, .mb-400 {margin-bottom: 4em!important;}
.mrl-400, .ml-400 {margin-left: 4em!important;}
.m-300 {margin: 3em!important;}
.mtb-300, .mt-300 {margin-top: 3em!important;}
.mrl-300, .mr-300 {margin-right: 3em!important;}
.mtb-300, .mb-300 {margin-bottom: 3em!important;}
.mrl-300, .ml-300 {margin-left: 3em!important;}
.m-200 {margin: 2em!important;}
.mtb-200, .mt-200 {margin-top: 2em!important;}
.mrl-200, .mr-200 {margin-right: 2em!important;}
.mtb-200, .mb-200 {margin-bottom: 2em!important;}
.mrl-200, .ml-200 {margin-left: 2em!important;}
.m-150 {margin: 1.5em!important;}
.mtb-150, .mt-150 {margin-top: 1.5em!important;}
.mrl-150, .mr-150 {margin-right: 1.5em!important;}
.mtb-150, .mb-150 {margin-bottom: 1.5em!important;}
.mrl-150, .ml-150 {margin-left: 1.5em!important;}
.m-100 {margin: 1em!important;}
.mtb-100, .mt-100 {margin-top: 1em!important;}
.mrl-100, .mr-100 {margin-right: 1em!important;}
.mtb-100, .mb-100 {margin-bottom: 1em!important;}
.mrl-100, .ml-100 {margin-left: 1em!important;}
.m-50 {margin: 0.5em!important;}
.mtb-50, .mt-50 {margin-top: 0.5em!important;}
.mrl-50, .mr-50 {margin-right: 0.5em!important;}
.mtb-50, .mb-50 {margin-bottom: 0.5em!important;}
.mrl-50, .ml-50 {margin-left: 0.5em!important;}
.m-0 {margin: 0;}
.mtb-0, .mt-0 {margin-top: 0;}
.mrl-0, .mr-0 {margin-right: 0;}
.mtb-0, .mb-0 {margin-bottom: 0!important;}
.mrl-0, .ml-0 {margin-left: 0;}
.p-500 {padding: 5em!important;}
.ptb-500, .pt-500 {padding-top: 5em!important;}
.prl-500, .pr-500 {padding-right: 5em!important;}
.ptb-500, .pb-500 {padding-bottom: 5em!important;}
.prl-500, .pl-500 {padding-left: 5em!important;}
.p-400 {padding: 4em!important;}
.ptb-400, .pt-400 {padding-top: 4em!important;}
.prl-400, .pr-400 {padding-right: 4em!important;}
.ptb-400, .pb-400 {padding-bottom: 4em!important;}
.prl-400, .pl-400 {padding-left: 4em!important;}
.pb-350 {padding-bottom: 3.5em!important;}
.p-300 {padding: 3em!important;}
.ptb-300, .pt-300 {padding-top: 3em!important;}
.prl-300, .pr-300 {padding-right: 3em!important;}
.ptb-300, .pb-300 {padding-bottom: 3em!important;}
.prl-300, .pl-300 {padding-left: 3em!important;}
.p-200 {padding: 2em!important;}
.ptb-200, .pt-200 {padding-top: 2em!important;}
.prl-200, .pr-200 {padding-right: 2em!important;}
.ptb-200, .pb-200 {padding-bottom: 2em!important;}
.prl-200, .pl-200 {padding-left: 2em!important;}
.p-150 {padding: 1.5em!important;}
.ptb-150, .pt-150 {padding-top: 1.5em!important;}
.prl-150, .pr-150 {padding-right: 1.5em!important;}
.ptb-150, .pb-150 {padding-bottom: 1.5em!important;}
.prl-150, .pl-150 {padding-left: 1.5em!important;}
.p-100 {padding: 1em!important;}
.ptb-100, .pt-100 {padding-top: 1em!important;}
.prl-100, .pr-100 {padding-right: 1em!important;}
.ptb-100, .pb-100 {padding-bottom: 1em!important;}
.prl-100, .pl-100 {padding-left: 1em!important;}
.p-50 {padding: 0.5em!important;}
.ptb-50, .pt-50 {padding-top: 0.5em!important;}
.prl-50, .pr-50 {padding-right: 0.5em!important;}
.ptb-50, .pb-50 {padding-bottom: 0.5em!important;}
.prl-50, .pl-50 {padding-left: 0.5em!important;}
.p-0 {padding: 0!important;}
.ptb-0, .pt-0 {padding-top: 0;}
.prl-0, .pr-0 {padding-right: 0;}
.ptb-0, .pb-0 {padding-bottom: 0;}
.prl-0, .pl-0 {padding-left: 0;}
.hover:hover,a:hover img{opacity: 0.7;filter: alpha(opacity=70);-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-ms-transition: opacity 1s ease-out;transition: opacity 1s ease-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.relative{position: relative}
.under{text-decoration:underline}
.gold{color: #ac8f52}
.bg-gray{background: #333}
.bg-white{background: #fff}
.inline-block{display: inline-block}
.fixed{position: fixed;bottom: 0;left: 0;z-index: 100;}

.present{
	padding: 20px 0 10px;
	background: #e8eceb;
}

.present img{
	display: block;
	width: 890px;
	margin: 0 auto;
}

.matome_sale{
	padding: 20px 0 20px;
}

.matome_sale img{
	display: block;
	width: 890px;
	margin: 0 auto;
}

.kodawari{
	background-color: white;
    text-align: center;
}

.set{
	background-color: #fff;
	width:960px;
	padding:28px 28px;
	margin: 80px auto 0;
	box-shadow: 2px 2px 10px #6a6a6a;
	position: relative;
}

.set-3column{
	display: table;
	margin: 0 auto;
}

.set-3column ul li{
	float:left;
	padding-bottom:20px;
	max-width:286px;

}

.set-3column ul li:first-child{
	margin-right:23px;
}

.set-3column ul li:nth-child(2){
	margin-right:23px;
}

.best-wrapper{
	padding:14px 14px;
}

.lineup ul li{
	float:left;
	padding:1px 1px;
}

.lineup ul li:hover{
	opacity: 0.5;
}

.lineup ul li p{
	width:317px;
	height:100px;
}

.lineup p.ichiran{
	text-align: right;
	color: #000;
	padding-right: 20px;
	margin-top: 35px;
}
.lineup p.ichiran span{
	position: relative;
}
.lineup p.ichiran span::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 13px;
    left: -1em;
	top: 5px;
	bottom: 0;
    margin: auto 0; 
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: transparent transparent #565656 #565656;
    transform: rotate(-135deg);
}

.lineup ul li p a{
    display: block;
    line-height: 100px;
    font-weight: bold;
    font-size: 120%;
    padding-left: 55px;
    color: #fff;
}

::selection {background: #908553; color: #fff;}
::-moz-selection {background: #908553; color: #fff;}

.footerabout_wrap {
    border: 1px solid #000000;
    padding: 12px 19px;
    margin-bottom: 22px;
    background: #fff;
}

.reserve-wrapper{
	height:77px;
	/*background-color: #9B041F;*/
	background-color: #1c592f;
}

.reserve img:first-child {
	float:left;
}

.reserve img:nth-child(2){
	float:right;
    margin-top: -12px;
}

.reserve {
	width:900px ;
	margin:0 auto;
	padding-top: 10px;
}

.select {
    color: #000;
    padding: 0 10px;
    border-radius: 2px;
   	width: 200px;
    padding-left: 10px;
}

select{
	border: 1px solid #000;
}
.set-text2{
	width:439px;
	margin-top: 10px;
}

.set-text2-left{
	width:439px;
	margin-top: 10px;
	margin-left: 15px;
}
.set-text3{
	width:286px;
	margin-top: 10px;
}

.set-text4{
	width:235px;
	margin-top: 10px;
	padding-left: 3px;
}

.desc_content span:first-child {
    white-space: nowrap;
    width: auto;
    padding: 0px 5px 0px 0px;
}

.desc_content span {
    display: table-cell;
	font-size: 14px;
}

.fsize01 {
    font-size: 20px;
    line-height: 1.2em;
	min-height: 2.6em;
}

.desc_ov {
    margin-top: 5px;
}
.set-4column div p:nth-child(3) {
    font-size: 14px;
}
.set-4column ul li div p:nth-child(2) {
    min-height: 7em;
}
.set-4column div p:nth-child(6)  {
    position: absolute;
    bottom: 30px;
}
.set-4column div p:nth-child(6) .fsize01 {
    font-size: 24px;
}
.set-3col div p:nth-child(6) {
    position: absolute;
    bottom: 30px;
}
.set-3col div p:nth-child(6) .fsize01 {
    font-size: 24px;
}

.p-reserve{
	margin-top: 10px;
	color: #9B041F;
	margin-left: 14px;
}

.fsize03 {
    font-size: 18px;
}
span.caution {
    color: red;
    font-weight: bold;
}

/*----------- 20170915 -------------*/

img { max-width:100%; }
.red { color:#9B041F; }
.tc { text-align:center; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.setmb { margin-bottom:25px; }
/*.set-body { margin-bottom: 60px; }*/
.set-3col { display: table; margin: 0 auto;  padding-left: 20px; }
.set-3col ul {
    display: flex;
    flex-wrap: wrap;
}
.set-3col li img {
    width: 286px;
    height: 286px;
    object-fit: cover;
	margin-bottom: 10px;
}
.set-3col li { max-width: calc(100% / 3) ; /*float:left;*/ padding:0 15px 20px 0;padding-bottom: 80px;position: relative;}
.set-3col li:last-child { /*padding:0 0px 20px 0;*/ }
.set-wrapper { margin-bottom: 40px; }
.set-4column li { position: relative; padding-bottom: 80px;}

.icon_link.blank_icon {
    background: url(../img_2025/common/icon_blank.png) no-repeat left center;
}
.icon_link {
    display: inline-block;
    padding-left: 18px;
}
rt { font-size: 10px }
.set-002{
	height: 65px;
	width:515px;
	font-size: 130%;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 16px 0 0 0;
	color: #332f29;
	background-color: #bfbfbf;
	border-radius: 3px;
	font-weight: bold;
}
.set-002:hover{
	background-color: #cbcbcb;
}
.yajirusi{
	padding: 0 0 4px 8px ;
}
.readTxt { font-size: 160%; }

.set-003 {
    width: 1000px;
    margin: 150px auto 0 auto;
    /*display: flex;*/
}
.set-003 a {
	width: 48%;
}
.set-004 {
    margin: 0 0 0 0;
}
.set-005 {
    margin-left: 18px;
}

/*　fixBtm
-----------------------------------------------------------------------------*/
#fixBtm {
	opacity:0;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#9b041f;
	color:#fff;
	font-size:30px;
	border-top: 1px solid #fff;
	z-index:101;
}

#pagetop2 {
    position: fixed;
    bottom: 0px;
    right: 20px;
    display: none;
}

/********締め切り処理*********/
#top-main{
	position: relative;
}
#top-main .cover{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
		z-index: 999;
}
#top-main .cover p{
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	font-size: 30px;
	text-align: center;
	display: block;
	/*width: 550px;*/
	width: 650px;
    height: 200px;
    font-weight: bold;
}

@media screen and (min-width: 481px) and (max-width: 960px){
.pankuzu {
    padding-top: 70px;
}
#header_wrap {
    position: fixed;
    z-index: 3;
    width: 100%;
}
#header {
    background: #ffffff;
    height: 70px;
    left: 0;
    top: 0;
    width: 100%;
    z-index:100;
    position: fixed;
}
#header .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
	width: 96%;
}
#header #online {
    display: none;
}
#header #guide {
    display: none;
}
.navToggle_wrap.sp{
	width: 10%;
}
#header h1{
	width: 65%;
}
#header #tel{
	width: 25%;
}
#header h1,#header #tel {
    float: none;
}
.navToggle_wrap.sp{
    display: block!important;
}
.navToggle {
    float: left;
    position: relative;
    width: 51px;
    height: 51px;
    cursor: pointer;
    background: #666;
    text-align: center;
    margin-top: 10px;
}
.navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 0;
    margin: 0 auto;
    right: 0;
}
.navToggle span:nth-child(1) {
    top: 9px;
}
.navToggle span:nth-child(2) {
    top: 18px;
}
.navToggle span:nth-child(3) {
    top: 27px;
}
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}
.navToggle.active span:nth-child(1) {
    top: 17px;
    left: 6px;
    right: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
#top-nav {
    width: 70%;
	transform: translateY(-100%);
	transition: all 0.6s;
	padding-top: 70px;
	display: block;
	position: fixed;
    z-index: 99;
    background: #fff;
}
#top-nav.active {
	transform: translateY(0%);
}
#top-nav li{
	border-bottom: 1px solid #9a041f;
}
#top-nav li a {
    display: block;
    color: #9a041f;
    font-size: 15px;
    background: #fff;
    padding-left: 3em;
    position: relative;
    min-height: 70px;
    display: flex;
    align-items: center;
}
#top-nav li a::before {
    display: block;
    content: " ";
    position: absolute;
    left: 1em;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 0.6em;
    height: 0.6em;
    border: 2px solid;
    border-color: transparent transparent #9a041f #9a041f;
    transform: rotate(-45deg);
}
#top-nav li a span {
    padding-left: 0;
}
#top-nav li.online,#top-nav li.guide{
   display: block!important;
}
#top-nav li.online a,#top-nav li.guide a{
	/*padding: 10px;*/
	text-align: center;
}
#top-nav li.online a::before,#top-nav li.guide a::before{
	display: none;
}
#top-nav li:last-child {
    border: 0;
}
.inner {
    width: 100%;
    margin: 0 auto;
}
.reserve {
    width: 96%;
}
.set-003 {
    width: 98%;
    display: flex;
}
.set-003 a img {
    width: 100%;
    display: block;
}
.set-3col li {
    max-width: 33%;
}
#footer-about_wrap .inner {
    width: 96%;
}
}
/**20210930追記***/

@media screen and (max-width: 480px){

}
@media screen and (min-width: 481px){
	#top-main .bg_main{
		display: -ms-grid;
    -ms-grid-columns: min-content;
		width: 100%;
		display: block;
		overflow: hidden;
		
	}
	#top-main .bg_main ul{
		display: -ms-grid;
    -ms-grid-columns: min-content;
		
/*		width: 100%;
		display: block;*/
		/*background-image: url(../img_2025/top/main_bg.jpg);
		background-size: auto 100%;
		background-position: center;
		background-repeat: no-repeat;*/
		display: flex;
 		 width: min-content;
 		 animation: 100s linear infinite sliderAnimation;
	}
	#top-main .bg_main li{
		height: 599px;
		  width: 530px;
		  position: relative;
	}
	#top-main .bg_main li img{
		width: 100%;
	}
}

@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}
/***20230922**/
a.footer_btn{
    display: block;
    width: 280px;
    padding: 10px 0;
    text-align: center;
    background-color: #666;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    text-decoration: none!important;
    border-radius: 25px;
    margin-top: 10px;
    transition: .3s;
}
a.footer_btn:hover{
    background-color: #333;
    opacity: 1;
    color: #fff!important;
}

/***20240917**/
span.info.frozen {
    color: #0b58b0;
    border-color: #0b58b0;
    border-radius: 5px;
}
span.info.normalTemp {
    color: #ff8400;
    border-color: #ff8400;
    border-radius: 5px;
}
span.info{
    font-size:13px;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    padding: 1px 18px;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 130%;
}

/***20250917**/
div#matome_wari{
  background-color:#faf5f1;
  margin-top:20px;
  padding:10px 0px 60px;
}
div#matome_wari div.set-3col div.matome p.desc_ov{
  min-height:2em;
}
div#matome_wari div.set-3col div.matome p.desc_content.hozon{
  margin-top:5px;
  margin-bottom:30px;
}
div#matome_wari div.set-3col div.matome p.normal_price{
  position: absolute;
  bottom: 74px;
  line-height: 1;
}
div#matome_wari div.set-3col div.matome p.normal_price:before{
  content:"";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  color: #ff0000;
  top: 20px;
  right: 5em;
  line-height: 1;
  width: 0.5em;
  height: 0.5em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}
div#matome_wari div.set-3col div.matome p.normal_price .small{
  font-size:smaller;
  font-weight:normal;
}
div#matome_wari div.set-3col div.matome p.normal_price .price{
  text-decoration: line-through;
  color:#555555;
  font-weight:bold;
}
div#matome_wari div.set-3col div.matome .fsize01.red{
  color:#e32222;
}
div#matome_wari p.h2_subtext{
  font-weight:normal;
  font-size:1.2em;
  margin-top:1em;
  background:linear-gradient(transparent 70%, #ff6 60%);
  display: inline-block;
}
div#matome_wari p.h2_subtext span{
  font-size:1.1em;
  color:#e32222;
  font-weight: bold;
}
div#matome_wari p.h2_subtext span{
  font-size:1.1em;
  color:#e32222;
  font-weight: bold;
}
div#matome_wari div.caution{
    background-color:#fff;
    padding:0;
    border:1px solid #ee5555;
    font-size:0.9em;
    margin-top:2em;
}
div#matome_wari div.caution .ttl{
    background-color:#ee5555;
    padding:5px 20px;
    color:#fff;
}
div#matome_wari div.caution ol{
    margin:0.5em 1.5em;
    font-size: 1.1em;
}
div#matome_wari div.caution ol>li{
    text-indent: -1.8em;
    padding-left:1.1em;
    margin-bottom:5px;
    
}
div#matome_wari div.caution ol>li>span{
    width: 26px;
    margin-right: 5px;
    background-color: #ee5555;
    color: #fff;
    display: inline-block;
    padding-left: 26px;
    padding-right: 0;
    font-size: 1em;
    text-align: center;
}
div#matome_wari div.caution ol ul{
    padding:0.2em 0.9em;
    font-size:0.9em;
}
div#matome_wari div.caution ol ul>li{
    text-indent: -1em;
    padding-left:1em;
}