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

/* ------------------------ body ------------------------*/
body {
	width:100%;
	margin:0;
	padding:0;
	font-family:メイリオ,Meiryo,'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	font-size:14px;
	line-height:2em;
	background-image:url(../images/all/back.jpg);
}

img {
	margin:0;
	paddin:0;
	border:none;
	line-height:0;
}

a:link,a:hover,a:visited,a:active,a:focus {
	text-decoration:none;
	border:none;
	outline:none;
	color:#330000;
}

.over a img {
	webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all  0.4s ease-in;
}

.over a:hover img {
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.over_down img {
	webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all  0.4s ease-in;
}

.over_down a:hover img {
	webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all  0.4s ease-in;
	-webkit-filter: brightness(0.9);
     -moz-filter: brightness(0.9);
     -o-filter: brightness(0.9);
     -ms-filter: brightness(0.9);
     filter: brightness(0.9);
}

.over_up a:hover img {
	webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all  0.4s ease-in;
	-webkit-filter: brightness(1.3);
     -moz-filter: brightness(1.3);
     -o-filter: brightness(1.3);
     -ms-filter: brightness(1.3);
     filter: brightness(1.3);
}

.over_up img {
	webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all  0.4s ease-in;
}

.plan_up img {
	-webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all  0.4s ease-in;
}

.plan_up a:hover img {
	webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all  0.4s ease-in;
	-webkit-filter: brightness(1.4);
     -moz-filter: brightness(1.4);
     -o-filter: brightness(1.4);
     -ms-filter: brightness(1.4);
     filter: brightness(1.4);
}

.shadow {
	box-shadow:2px 2px 10px #ccc;
	-moz-box-shadow: 2px 2px 5px #000;/* Firefox用 */  
	-webkit-box-shadow: 2px 2px 5px #000;/* Safari,Google Chrome用 */
}

.over-shadow:hover {
	box-shadow:1px 1px 5px #000;
	-moz-box-shadow: 2px 2px 5px #000;/* Firefox用 */  
	-webkit-box-shadow: 2px 2px 5px #000;/* Safari,Google Chrome用 */
}

.over-shadow {
	-webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all  0.4s ease-in;
}

.border {
	border:double 5px rgba(139,69,19,0.5);
	box-sizing: border-box; 
}

.clear:after {
	content: "";
	display: block;
	clear: both;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

.float_clear {
	clear:both;
}

.left {
	text-align:left;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

/* ------------------------ main ------------------------*/
.main {
	width:1200px;
	margin:0 auto;
}

.main:after {
	content: "";
	display: block;
	clear: both;
}

.main-contents {
	width:100%;
	background-image: url(../images/all/line_red2.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	padding-top:20px;
}

.gotop {
	clear:both;
	text-align: center;
}

.plan-banner2 {
	width: 1200px;
	margin:30px auto;
	text-align: center;
	clear: both;
}

/* ------------------------ header ------------------------*/
#header {
	width:100%;
	background:#fff;
}

/* ------------------------ header-sub ------------------------*/
.header-sub {
	width:100%;
	height: 50px;
	background-image: url(../images/all/line_gold.png);
	background-repeat: repeat-x;
}

.menu-sub {
	margin: 0 40px 0 0;
	text-align: right;
}

.menu-sub li {
	display: inline-block;
	list-style: none;
}

/* ------------------------ header movie ------------------------*/
.movie-index {
	width: 1200px;
	height: 500px;
	position: relative;
	top:0;
	left:0;
	z-index: 0;
}

.movie-index1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.movie-index2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.menu-movie {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	margin: 0 40px 0 0;
	padding: 0;
}

.menu-movie li {
	display: inline-block;
	list-style: none;
}
/* ------------------------ header menu ------------------------*/
.header-menu {
	width: 100%;
	height: 380px;
	padding: 20px 0 0;
	background-image: url(../images/all/line_red1.jpg) ;
	background-position: top center;
	background-repeat: repeat-x;
}

.logo-header {
	position: relative;
	top: 20px;
	left: 50px;
	z-index: 4;
	float:left;
}

#navi {
	width:434px;
	min-height:350px;
	padding: 0;
	margin: 0 50px 0 0;
	float:right;
}

#navi li {
	display: inline-block;
	list-style: none;
}

.navi01 a img {
	background-image: url("../images/all/navi_6o.png");
	background-repeat: no-repeat;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi01 a:hover img {
	background-image: url("../images/all/navi_6o.png");
	background-repeat: no-repeat;
	opacity:1.0;
	-webkit-opacity:1.0;
	-moz-opacity:1.0;
	filter: alpha(opacity=1.0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi01  {
	background-image: url("../images/all/navi_6.png");
	background-repeat: no-repeat;
}

.navi02 a img {
	background-image: url("../images/all/navi_5o.png");
	background-repeat: no-repeat;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi02 a:hover img {
	background-image: url("../images/all/navi_5o.png");
	background-repeat: no-repeat;
	opacity:1.0;
	-webkit-opacity:1.0;
	-moz-opacity:1.0;
	filter: alpha(opacity=1.0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi02  {
	background-image: url("../images/all/navi_5.png");
	background-repeat: no-repeat;
}

.navi03 a img {
	background-image: url("../images/all/navi_4o.png");
	background-repeat: no-repeat;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi03 a:hover img {
	background-image: url("../images/all/navi_4o.png");
	background-repeat: no-repeat;
	opacity:1.0;
	-webkit-opacity:1.0;
	-moz-opacity:1.0;
	filter: alpha(opacity=1.0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi03  {
	background-image: url("../images/all/navi_4.png");
	background-repeat: no-repeat;
}

.navi04 a img {
	background-image: url("../images/all/navi_3o.png");
	background-repeat: no-repeat;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi04 a:hover img {
	background-image: url("../images/all/navi_3o.png");
	background-repeat: no-repeat;
	opacity:1.0;
	-webkit-opacity:1.0;
	-moz-opacity:1.0;
	filter: alpha(opacity=1.0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi04  {
	background-image: url("../images/all/navi_3.png");
	background-repeat: no-repeat;
}

.navi05 a img {
	background-image: url("../images/all/navi_2o.png");
	background-repeat: no-repeat;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi05 a:hover img {
	background-image: url("../images/all/navi_2o.png");
	background-repeat: no-repeat;
	opacity:1.0;
	-webkit-opacity:1.0;
	-moz-opacity:1.0;
	filter: alpha(opacity=1.0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi05  {
	background-image: url("../images/all/navi_2.png");
	background-repeat: no-repeat;
}

.navi06 a img {
	background-image: url("../images/all/navi_1o.png");
	background-repeat: no-repeat;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi06 a:hover img {
	background-image: url("../images/all/navi_1o.png");
	background-repeat: no-repeat;
	opacity:1.0;
	-webkit-opacity:1.0;
	-moz-opacity:1.0;
	filter: alpha(opacity=1.0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.navi06  {
	background-image: url(../images/all/navi_1.png);
	background-repeat: no-repeat;
}

/* ------------------------ footer ------------------------*/
.footer {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/all/footer.jpg);
    background-size: cover;
    background-repeat: repeat;
    margin-top: 20px;
    }
    .footer p {
    filter: drop-shadow(1px 0 .2em rgba(194,78,31,1));
    }
    .footer-top,
    .footer-bottom {
    position: absolute;
	width: 100%;
	height: 20px;
	background-position: center top;
	background-repeat: repeat-x;
    z-index: +1;
    }
    .footer-top {
	background-image: url(../images/all/line_red3.jpg);
    top: 0;
    }
    .footer-bottom {
	background-image: url(../images/all/line_red4.jpg);
    bottom: 0;
    }

.footer-inner {
    position: relative;
    display: block;
	width: 1200px;
    height: 100%;
    min-height: 200px;
	margin:0 auto;
    padding: 30px 0;
    box-sizing: border-box;
	background-image: url(../images/all/footer_back.jpg);
    background-repeat: repeat-y;
    overflow: hidden;
    }
.footer-inner::before {
    content: "";
    position: absolute;
    left: 310px;
    bottom: -40px;
    display: block;
    width: 221px;
    aspect-ratio: 1 / 1;
	margin: 0;
    padding: 0;
	background-image: url("../images/all/footer_back_kamon.png");
    background-repeat: no-repeat;
    filter: opacity(.32);
    }

.footer-menu {
    display: block;
    width: 100%;
	margin: 0;
	padding: 0;
    text-align: right;
    }
    .footer-menu li {
	display: inline-block;
	list-style: none;
	font-size:14px;
	color:#fff;
	margin:0;
	padding: 0;
    }
    .footer-menu li:not(:last-child) {
	margin-right: 10px;
    }
    .footer-menu li a {
	color:#fff;
    }
    .footer-menu li a:hover {
	text-decoration: underline;
    }

.footer-info {
    display: block flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
	margin: 10px 0 0 0;
    }
    .infoBox {
    width: calc((100% - 60px) / 4);
    }
    .footer-logo {
	flex-basis: 200px;
    }
    .footer-logo img {
	width: 100%;
    }
    .footer-add {
	margin-top:-5px;
    }
    .footer-add p {
	color:#fff;
	line-height: 160%;
	margin:0;
	padding:0;
    }

    .footer-copy {
	flex-basis: 470px;
	text-align: right;
    }
    .footer-copy p {
	color:#fff;
	line-height: 160%;
	margin:0;
	padding:0;
    }
    .footer-copy a {
	color:#fff;
    }
    .footer-copy a:hover {
	text-decoration: underline;
    }
    .footer-line {
	flex-basis: 136px;
    }
    .footer-line p {
	color: #fff;
	font-size: 14px;
    text-align: center;
    line-height: 100%;
    margin: 7px 0 0 0;
    }
    .footer-line a {
    opacity: 1;
    }
    .footer-line a:hover {
    opacity: .8;
    }
    .footer-line img {
    display: block;
    width: 120px;
    aspect-ratio: 1 / 1;
    margin: auto;
    filter: hue-rotate(-10deg) saturate(1);
    }



/* ------------------------ index ------------------------*/
.index-main {
	width:1200px;
	height:380px;
	margin:0 auto;
	background-image: url(../images/top/main_image.jpg);
}

.index-main:after {
	content: "";
	display: block;
	clear: both;
}

.midashi-1 {
	margin:100px auto 0;
	text-align: center;
}

.read {
	width: 630px;
	padding: 0;
	margin: 0 auto;
}

.index-left {
	width: 850px;
	float:left;
}

.appeal {
	width: 810px;
	height: 400px;
}

.appeal:after {
	content: "";
	display: block;
	clear: both;
}

.appeal1 {
	width: 270px;
	height: 400px;
	background-image:url(../images/top/appeal_1o.jpg);
	float:left;
}

.appeal2 {
	width: 270px;
	height: 400px;
	background-image:url(../images/top/appeal_2o.jpg);
	float:left;
}

.appeal3 {
	width: 270px;
	height: 400px;
	background-image:url(../images/top/appeal_3o.jpg);
	float:left;
}

.planBnr {
    display: block;
    width: 810px;
    padding: 3em 0 0 0;
    text-align: center;
}
.planBnr a.BnrArea {
    display: block;
}
.planBnr a.BnrArea img {
    display: block;
    filter: brightness(100%) grayscale(0%) opacity(100%) saturate(100%) sepia(0%);
    transition: 0.4s;
}
.planBnr a.BnrArea img:hover ,
.planBnr a.BnrArea img:active {
    filter: brightness(98%) grayscale(20%) opacity(90%) saturate(115%) sepia(5%);
    transition: 0.6s;
}
.planBnr a.LinkArea {
    display: inline-block;
    margin: 1em auto 0;
    padding: 1.2em 3em 1.2em 2em;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.1rem;
    line-height: 1rem;
    background: #c58b37;
    border-radius: 5rem;
    transition: 0.4s;
}
.planBnr a.LinkArea span {
    position: relative;
}
.planBnr a.LinkArea span::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0.2rem;
    content: "";
    width: 9px;
    height: 10px;
    background: linear-gradient(to bottom left, transparent 50% , #fff 50%) no-repeat top left / 100% 50%, linear-gradient(to top left,transparent 50%, #fff 50%) no-repeat bottom left / 100% 50%;
    transition: 0.3s;
}
.planBnr a.LinkArea:hover ,
.planBnr a.LinkArea:active {
    background: #dbab65;
    transition: 0.6s;
}
.planBnr a.LinkArea:hover span::after ,
.planBnr a.LinkArea:active span::after {
    margin-left: 0.4rem;
    transition: 0.3s;
}

.plan-rss {
	width: 810px;
	/*height:500px;*/
}

.midashi-2 {
	padding: 0;
	margin-bottom: 0;
}

.plan-text {
	margin-top:-20px;
}

.info-rss {
	width: 810px;
    height: 900px;
    margin-top:30px;
	margin-bottom:60px;
}

.index-plan-banner {
	width:800px;
	height: 150px;
	margin:50px auto;
}

.index-right {
	float:right;
	width:350px;
}

.search {
	width: 280px;
	height: 299px;
	padding:121px 20px 0;
	background-image: url(../images/top/search.png);
	margin:0 auto 50px;
}

.IFbox{
    max-height: 800px;
}

.blog {
	width: 280px;
	height: 296px;
	padding:120px 20px 0;
	background-image: url(../images/top/blog.png);
	margin:0 auto 50px;
}

.kanko-banner {
	width:320px;
	margin:0 auto 20px;
	text-align: center;
}

/* ------------------------ omotenashi ------------------------*/
.omotenashi-main {
	width:1200px;
	height:380px;
	margin:0 auto;
	background-image: url(../images/omotenashi/main_image.jpg);
}

.omotenashi-main:after {
	content: "";
	display: block;
	clear: both;
}

.omotenashi-read1 {
	width: 1200px;
	background-image: url(../images/omotenashi/read1_image.png);
	background-repeat: no-repeat;
	background-position: 0 20px;
}

.omotenashi-read1-inner {
	width: 910px;
	margin-left:290px;
}

.omotenashi-read1-midashi {
	width: 100px;
	float: left;
}

.omotenashi-read1-text {
	width: 230px;
	padding-right:20px;
	margin-top:50px;
	float: left;
}

.omotenashi-read1-movie {
	width: 500px;
	height: 300px;
	padding:20px 25px;
	margin-top:50px;
	float:right;
	background-image: url(../images/omotenashi/movie_back.png);
}

.omotenashi-read1:after {
	content: "";
	display: block;
	clear: both;
}

.omotenashi {
	width: 1200px;
	height: 200px;
	background-image: url(../images/omotenashi/omotenashi.jpg);
	padding-top:600px;
	margin-bottom:30px;
}

.omotenashi {
	content: "";
	display: block;
	clear:both;
}

.wakaokami {
	margin:0 0 0 -30px;
}
.danna{
	margin:-60px 0 0 370px;
}
.okami {
	float:right;
	margin:-100px -25px 0 0 ;
}
.isatsu {
	margin:10px 0 0 100px;
	width:470px;
	border:solid 1px #fff;
	padding:15px 30px;
	color:#fff;
	background-color: rgba(40,40,40,0.7)
}
.aisatsu{
	border:solid 1px #000;
	margin: 0 auto 50px;
    width: 800px;
    padding:15px 30px;
}

.ta-text {
	width: 530px;
	min-height: 300px;
	margin:50px auto 0;
	padding-top:25px;
	padding-left:450px;
	background-image: url(../images/omotenashi/tagoto.jpg);
	background-repeat: no-repeat;
}

.yakei {
	width: 370px;
	height: 370px;
	margin:0 auto 50px;
	padding: 230px 0 0 830px;
	background-image: url(../images/omotenashi/yakei.jpg);
	color:#fff;
}

.yakei-text {
	width:500px;
}

.yakei-text li {
	list-style :none;
}

/*--------------- onsen -----------------------*/
.onsen-main {
	width:1200px;
	height:380px;
	margin:0 auto;
	background-image: url(../images/onsen/main_image.jpg);
}

.onsen-main:after {
	content: "";
	display: block;
	clear: both;
}

.onsen-read1 {
	width: 1200px;
	background-image: url(../images/onsen/read1_image.png);
	background-repeat: no-repeat;
	background-position: 0 20px;
}

.onsen-read1:after {
	content: "";
	display: block;
	clear: both;
}

.onsen {
	width: 1030px;
	height: 390px;
	margin:0 auto 50px;
	padding:210px 0 0 170px;
	background-image: url(../images/onsen/onsen.jpg);
	color:#fff;
}

.onsen-text {
	width:660px;
	margin:0 auto;
	padding:0 20px;
}

.onsen2 {
	width: 1200px;
	height: 800px;
	margin:0 auto 30px;
	background-image: url(../images/onsen/onsen2c.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	color:#fff;
}

.onsen2:after {
	content: "";
	display: block;
	clear: both;
}

.onsen2a {
	width:450px;
	height:350px;
	float:left;
	background-image: url(../images/onsen/onsen2a.jpg);
	text-align: center;
	padding-top:50px;
}

.onsen2b {
	width:200px;
	height:350px;
	float:right;
	background-image: url(../images/onsen/onsen2b.jpg);
	padding:50px 10px 0 240px;
}

.onsen2d {
	width:350px;
	height:150px;
	float:left;
	background-image: url(../images/onsen/onsen2d.jpg);
	padding:250px 0 0 100px;
}

.onsen2e {
	width:450px;
	height:400px;
	float:right;
	background-image: url(../images/onsen/onsen2e.jpg);
}

.yubana {
	text-align: center;
	padding-bottom:10px;
}

.senshitsu {
	margin:200px 0 0 30px;
}

.senshitsu th {
	width:70px;
	text-align: left;
}

.senshitsu td {
	width:250px;
}

/*-------------------------- ryori ----------------------*/
.ryori-main {
	width:1200px;
	height:380px;
	margin:0 auto;
	background-image: url(../images/ryori/main_image.jpg);
}

.ryori-main:after {
	content: "";
	display: block;
	clear: both;
}

.ryori-read1 {
	width: 1200px;
	background-image: url(../images/ryori/read1_image.png);
	background-repeat: no-repeat;
	background-position: 0 20px;
}

.ryori-read1:after {
	content: "";
	display: block;
	clear: both;
}

.slider {
	margin:25px auto 70px;
}

.ryori1 {
	width: 1200px;
	height:450px;
	background-image: url(../images/ryori/ryori1o.jpg);
	background-repeat: no-repeat;
	margin-bottom:100px;
}

.ryori1 img {
	webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all  0.4s ease-in;
}

.ryori1:hover img {
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.ryori2 {
	width: 1200px;
	height:450px;
	background-image: url(../images/ryori/ryori2o.jpg);
	background-repeat: no-repeat;
	margin-bottom:100px;
}

.ryori2 img {
	webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all  0.4s ease-in;
}

.ryori2:hover img {
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.ryori3 {
	width: 1200px;
	height:450px;
	background-image: url(../images/ryori/ryori3o.jpg);
	background-repeat: no-repeat;
	margin-bottom:100px;
}

.ryori3 img {
	webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all  0.4s ease-in;
}

.ryori3:hover img {
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.betsu {
	width:470px;
	height: 380px;
	background-image: url(../images/ryori/betsu_back.png);
	background-repeat: no-repeat;
	padding-left:730px;
	padding-top:20px;
}

.choshoku {
	margin:80px auto 70px;
}

.choshoku:after {
	content: "";
	display: block;
	clear:both;
}

.choshoku-left {
	width:230px;
	float:left;
	margin-left:20px;
}

.choshoku-text {
	width:100px;
	float:left;
}

.choshoku-right {
	width: 500px;
	float:right;
	background-image: url(../images/ryori/choshoku_back.png);
	background-repeat: no-repeat;
	padding:20px 380px 20px 20px;
	margin-right:50px;
}

.cafe {
	width: 300px;
	min-height:210px;
	margin:0 auto 80px;
	padding:40px 350px 0;
	background-image: url(../images/ryori/cafe.jpg);
	background-repeat: no-repeat;
}

.ryori-atogaki {
	width:1200px;
}

.ryori-atogaki img {
	margin:0 50px;
}

.ryori-atogaki-text {
	width:900px;
	margin:0 auto 80px;
}

/*-------------------------- kannai ----------------------*/
.kannai-main {
	width:1200px;
	height:380px;
	margin:0 auto;
	background-image: url(../images/kannai/main_image.jpg);
}

.kannai-main:after {
	content: "";
	display: block;
	clear: both;
}

.kannai-read1 {
	width: 1200px;
	background-image: url(../images/kannai/read1_image.png);
	background-repeat: no-repeat;
	background-position: 0 20px;
}

.kannai-read1:after {
	content: "";
	display: block;
	clear: both;
}

.kannai1 {
    width: 100%;
    aspect-ratio: 1200 / 600;
	background-image: url(../images/kannai/kannai1.jpg);
	background-repeat: no-repeat;
	color:#fff;
    position: relative;
}
.kannai1 .referralText {
	width: 480px;

    position: absolute;
    top: 190px;
    left: 90px;
}

.kannai2 {
    width: 100%;
    aspect-ratio: 1200 / 600;
	background-image: url(../images/kannai/kannai2.jpg);
	background-repeat: no-repeat;
	color:#fff;
    position: relative;
}
.kannai2 .referralText {
	width: 480px;

    position: absolute;
    top: 190px;
    left: 300px;
}

.kannai3 {
    width: 100%;
    aspect-ratio: 1200 / 600;
	background-image: url(../images/kannai/kannai3.jpg);
	background-repeat: no-repeat;
	color:#fff;
    position: relative;
}
.kannai3 .referralText {
	width: 400px;

    position: absolute;
    top: 330px;
    right: 140px;
}

.kannai4 {
    width: 100%;
    aspect-ratio: 1200 / 600;
	background-image: url(../images/kannai/kannai4.jpg);
	background-repeat: no-repeat;
	color:#fff;
    margin-bottom: 100px;
    position: relative;
}
.kannai4 .referralText {
	width: 600px;

    position: absolute;
    top: 420px;
    left: 50%;
    transform: translateX(-50%);
}

.kannai5 {
    width: 100%;
    aspect-ratio: 1200 / 600;
    background-image: url(../images/kannai/kannai4.jpg);
    background-repeat: no-repeat;
    margin-bottom: 100px;
    color: rgb(255, 255, 255);
}
.kannai5 .referralText {
	width: 200px;

    position: absolute;
    top: 350px;
    left: 50%;
    transform: translateX(-50%);
}

.referralText p {
    filter: drop-shadow(0 0 1rem #000000) drop-shadow(0 0 0.2rem #000000);
    letter-spacing: 0.08rem;
}

.kannai6 {
	width: 1200px;
	background-image: url(../images/kannai/kannai6.png);
	background-repeat: no-repeat;
	padding-top:300px;
	margin-bottom:100px;
}

.kannai6 p {
	width:600px;
	margin:0 auto;
}

.kannai_annai {
	width:730px;
	margin:0 auto;
}

.kannai-sub {
	width:1050px;
	margin:50px auto 100px;
}

.kannai-sub:after {
	content: "";
	display: block;
	clear:both;
}

/*-------------------------- info ----------------------*/
.info-main {
	width:1200px;
	height:380px;
	margin:0 auto;
	background-image: url(../images/info/main_image.jpg);
}

.info-main:after {
	content: "";
	display: block;
	clear: both;
}

.info {
	width:1200px;
	min-height:500px;
	background:#fff;
	text-align: center;
	font-size:1.2em;
	margin:100px auto;
	padding-top:50px;
}

/*-------------------------- gourmet ----------------------*/
.gourmet-main {
	width:1200px;
	height:380px;
	margin:0 auto;
	background-image: url(../images/gourmet/main_image.jpg);
}

.gourmet-main:after {
	content: "";
	display: block;
	clear: both;
}

.gourmet-read1 {
	width: 1200px;
	min-height:340px;
	background-image: url(../images/gourmet/read1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:60px 0 0 20px;
}

.gourmet-text {
	width:640px;
	padding:0 10px;
}

.gourmet1 {
	width:450px;
	height:350px;
	background-image: url(../images/gourmet/gourmet1.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding:50px 50px 0 700px;
	margin-top:20px;
}

.fontlarge{
	font-size:30px;
	font-weight:bold;
	padding:0;
	margin:0;}


.gourmet2 {
	width:550px;
	height:350px;
	background-image: url(../images/gourmet/gourmet2.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding:50px 600px 0 50px;
	margin-top:20px;
}

.gourmet3 {
	width:450px;
	height:350px;
	background-image: url(../images/gourmet/gourmet3.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding:50px 50px 0 700px;
	margin-top:20px;
}

.gourmet-blog {
	width:650px;
	margin:0 auto 100px;
}

.gourmet-blog p {
	width:400px;
	padding:50px 0 0 48px;
	float:right;
}

.gourmet-blog:after {
	content: "";
	display: block;
	clear: both;
}

/*-------------------------- yoyaku ----------------------*/
.yoyaku-main {
	width:1200px;
	height:380px;
	margin:0 auto;
	background-image: url(../images/yoyaku/main_image.jpg);
}

.yoyaku-main:after {
	content: "";
	display: block;
	clear: both;
}

.yoyaku-read1 {
	width: 800px;
	background-image: url(../images/yoyaku/read1.png);
	background-repeat: no-repeat;
	background-position: 0 20px;
	min-height:400px;
	padding-left:400px;
}

.yoyaku-read1 p {
	width:600px;
	margin:-70px 0 0 25px;
}

.yoyaku-plan {
	width: 100%;
	height:390px;/* 元のサイズ 250px */
	background:#fff;
	text-align: center;
	padding:100px 0;
	margin-top:50px;
}

.yoyaku-ryokin {
	margin-top:80px;
}

.hyo {
	width:1000px;
	margin:0 auto;
	background-image: url(../images/yoyaku/hyo_img.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.hyo {
	content: "";
	display: block;
	clear: both;
}

.ryokin-table {
	width:550px;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-collapse:collapse;
}

.ryokin-table td {
	width:200px;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	padding:10px;
}

.c {
	background: #f4e0b1;
}

.kodomo {
	width:300px;
	float:left;
	padding-bottom: 100px;
}

.sonota {
	width:400px;
	float:right;
}

/* ------------------------ access ------------------------*/
.access-main {
	width:1200px;
	height:380px;
	margin:0 auto;
	background-image: url(../images/access/main_image.jpg);
}

.map-midashi {
	width:1000px;
	margin:100px auto 50px;
}

.map {
	width:1000px;
	height:500px;
	margin:0 auto 70px;
	padding:20px;
	background-image: url(../images/access/map_back.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.access {
	width: 100%;
	background:#fff;
	margin:0 auto;
	padding:30px 0;
	margin-bottom:70px;
}

.access-contents {
	width:960px;
	margin:0 auto 40px;
	border-bottom:double 5px #000;
	padding:30px 0;
}

.access-contents p {
	margin:0 0 20px 10px;
}

.access-contents p span {
	display: inline-block;
	padding:5px 10px;
	margin:10px auto;
	border:solid 1px #000;
	background-image:url(../images/all/back.jpg);
}

/* ------------------------ rss ------------------------*/
.mini {
	width:770px;
	clear:both;
	margin-bottom:15px;
	border-bottom:dashed 1px #330000;
}

.mini a {
	color:#336600;
}

.mini a:hover {
	text-decoration:underline;
}


.mini h2 {
	margin-top:0;
	margin-right:5px;
	line-height:1.4em;
	font-size:21px;
	font-weight:bold
}

.miniright {
	float:right;
	width:540px;
	margin-right:10px;
}

.miniright p {
	margin-top:0;
}

.minileft {
	float:left;
	width:200px;
	height:150px;
	overflow:hidden;
}

/*----------- comming soon -------------------*/
.comming_soon a img {
	background-image: url("../images/all/comming_soon.png");
	background-repeat: no-repeat;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.comming_soon a:hover img {
	background-image: url("../images/all/comming_soon.png");
	background-repeat: no-repeat;
	opacity:1.0;
	-webkit-opacity:1.0;
	-moz-opacity:1.0;
	filter: alpha(opacity=1.0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.comming_soon  {
	background-image: url("../images/all/menu_sub3.png");
	background-repeat: no-repeat;
}

/*-------------------------- rss -----------------------------------*/
.mini {
	width:800px;
	height:200px;
	clear:both;
	border-bottom:dashed 1px #000;
	margin:20px 0 0;
}

.mini a {
	color:#A60000;
}

.mini a:hover {
	text-decoration:underline;
}


.mini h2 {
	margin-top:0;
	margin-right:5px;
	margin-bottom:15px;
	line-height:1.8em;
	font-size:1.1em;
	font-weight:bold
}

.miniright {
	float:left;
	width:480px;
	margin-left:10px;
}

.miniright p {
	margin-top:0;
}

.minileft {
	float:right;
	width:270px;
	height:170px;
	overflow:hidden;
	padding-bottom:10px;
}

.blog_info {
	width:260px;
	height:240px;
	padding:10px 10px;
	border-bottom:1px dashed #ccc;
	margin:0 auto;
	height:25px;
	line-height:30px;
	overflow:hidden;
}

/*-------------------------- english -----------------------------------*/

.e-header {
	width:1200px;
	min-height:450px;
	margin:0 auto;
	background-image:url(../images/english/header.jpg);
	background-repeat:no-repeat;
}

.e-header-menu {
	width: 100%;
	height: 450px;
	padding: 20px 0 0;
	background-image: url(../images/all/line_red1.jpg) ;
	background-position: top center;
	background-repeat: repeat-x;
}

.e-read {
	margin:10px 0 0 0;
	width:550px;
}

.e-right {
	width:850px;
	float:right;
}

.e-left {
	width:850px;
	float:left;
}

.e-contents {
	width:430px;
	float:left;
	margin-right:25px;
	padding:0 30px;
}
	

.e-1 {
	width:1200px;
	margin:30px auto 0;
	background-image: url(../images/english/e-1.png) ;
	background-position: 0 100px;
	background-repeat: no-repeat;
}

.e-1b {
	clear:both;
	padding-top:20px;
	width:1200px;
	min-height:400px;
	background-image: url(../images/english/e-1b.png) ;
	background-position: center center;
	background-repeat: no-repeat;
}

.e-1b div {
	width:510px;
	margin:50px 0 0 520px;
	color:#fff;
}

.e-2 {
	width:1200px;
	margin:30px auto 0;
	background-image: url(../images/english/e-2.png) ;
	background-position: 900px 100px;
	background-repeat: no-repeat;
}

.e-contents2 {
	width:400px;
	height:250px;
	background-image: url(../images/english/e-contents2.png) ;
	background-position: center center;
	background-repeat: no-repeat;
	float:left;
	margin:0 0 0 25px;
	padding:20px 30px;
}

.e-contents3 {
	width:400px;
	height:250px;
	background-image: url(../images/english/e-contents2.png) ;
	background-position: center center;
	background-repeat: no-repeat;
	float:left;
	margin:0 25px 0 25px;
	padding:20px 30px;
}

.e-contents2-text {
	width:330px;
	float:left;
	margin-left:20px;
}

.mt-20 {
	margin-top:-20px;
}

.e-contents3-text {
	width:315px;
	float:left;
	margin-left:20px;
}

.e-onsen {
	clear:both;
	text-align:center;
}

.e-onsen img {
	margin:100px 40px 0;
}

.e-onsen2 {
	width:60%;
	margin:0 auto;
}

.e-3 {
	width:1200px;
	margin:30px auto 0;
	margin:30px auto 0;
	background-image: url(../images/english/e-3.png) ;
	background-position: 0 100px;
	background-repeat: no-repeat;
}

.e-3-midashi {
	clear:both;
	padding-top:100px;
}

.e-ryori {
	width:1140px;
	margin:0 auto;
}

.e-ryori div {
	width:300px;
	float:left;
	margin:0 40px;
}

.e-ryori2 {
	width:1140px;
	margin:0 auto;
}

.e-ryori2 p {
	margin-top:50px;
	margin-bottom:10px;
}

.e-ryori2 div {
	width:300px;
	float:left;
	margin:0 40px;
}

.e-4 {
	width:1200px;
	margin:30px auto 0;
	background-image: url(../images/english/e-4.png) ;
	background-position: 900px 100px;
	background-repeat: no-repeat;
}

.e-kannai {
	width:1000px;
	margin:0 auto;
	clear:both;
}

.e-kannai div {
	width:400px;
	float:left;
	margin:0 50px 30px;
}

.e-kannai p {
	margin-top:100px;
	margin-bottom:10px;
}

.e-kannai2 {
	width:1000px;
	margin:0 auto;
	clear:both;
}

.e-kannai2 div {
	width:400px;
	float:left;
	margin:0 50px;
}

.e-kannai3 {
	clear:both;
	width:800px;
	margin:0 auto;
	padding-top:50px;
}

.e-5 {
	width:1200px;
	margin:30px auto 0;
	background-image: url(../images/english/e-5.png) ;
	background-position: 0 100px;
	background-repeat: no-repeat;
}

.e-contents4 {
	width:650px;
	height:250px;
	float:right;
	margin:0 50px 0 0;
	padding:20px 30px;
}

.e-contents4b {
	width:600px;
	float:right;
	margin:-100px 50px 0 0;
}


.e-contents5 {
	width:250px;
}

.e-contents6 {
	clear:both;
	width:1200px;
	margin:50px 0 0 0;
}

.e-contents6b {
	width:600px;
	float:left;
	margin-top:70px;
}

.e-contents6-text {
	width:250px;
	float:right;
	margin:0 35px 0 15px;
}

.e-6 {
	width:1200px;
	min-height:500px;
	margin:30px auto 0;
	background-image: url(../images/english/e-6.png) ;
	background-position: 900px 100px;
	background-repeat: no-repeat;
}

.e-contents7 {
	float:left;
	margin-left:25px;
}

.e-contents7-text {
	width:300px;
	float:right;
}

.e-contents7-text ul {
	padding:0;
	font-weight:bold;
}

.e-contents7-text ul li {
	margin-bottom:20px;
}
	
.e-table {
	width:460px;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-collapse:collapse;
}

.e-table td {
	width:230px;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	padding:10px;
}

.e-access {
	width:1000px;
	margin:80px auto 0;
	clear:both;
	padding-top:-50px;
}

.margin50 {
	margin:70px auto 50px;
}

.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt190 { margin-top:190px; }

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }

.e-6-right {
	width:1200px;
	min-height:500px;
	margin:30px auto 0;
	background-image: url(../images/english/e-6-right.png) ;
	background-position: 0 100px;
	background-repeat: no-repeat;
}

.e-text {
	font-style:italic;
	font-weight:bold;
}


.footer.en { }
    .footer.en .footer-add {
	flex-basis: 400px;
    }
    .footer.en .footer-copy {
	flex-basis: 1;
	text-align: right;
    }