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

* {
margin:0;
padding:0;
}

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

img {vertical-align:bottom;}

li {list-style:none;}

body {
background:#fff;
font-family:"Noto Sans JP", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size:14px;
}

/*---------- Navigation ----------*/

nav a {
color:#000;
text-decoration:none;
}

nav a:link {color:#000;}
nav a:visited {color:#000;}
nav a:hover {color:#888;}

/*---------- Footer ----------*/

footer {
background:#eaeaea;
clear:both;
}

#footer_jumptop {
position:fixed;
bottom:90px;
right:10px;
height:44px;
width:40px;
}

#footer_jumptop a {
background:url(../images/common/jumptop.png) no-repeat;
opacity:0.8;
background-size:40px;
text-indent:-100000px;
display:block;
height:44px;
width:40px;
}

footer .copyright {
background:#231816;
color:#fff;
padding:1em;
text-align:center;
}

footer a {text-decoration:none;}

footer a:link {color:#000;}
footer a:visited {color:#000;}
footer a:hover {color:#666;}

/*============================================================
         For Smartphone
============================================================*/

@media (max-width:640px) {

.movie_list_intro {
margin:50px 0;
}

.movie_list {
margin:50px 0;
}

.movie_list_item {
margin:0 0 1em;
width:100%;
}

.movie_list_item h4 {
padding:0.5em 0 0;
}

.movie_list_item p {
padding:0.5em 0;
}

.movie_list_item iframe {
width:100%;
height:220px;
}

.movie_link_channel {
padding:0 0 3em;
text-align:center;
}

.movie_link_channel a {
background:#f00;
border-radius:3em;
display:inline-block;
color:#fff;
padding:1em;
text-decoration:none;
}

/*---------- Header ----------*/

header {
width:100%;
position:absolute;
left:0;
top:0;
z-index:2;
}

h1 {
float:left;
width:50%;
}

h1 a {
display:inline-block;
margin:10px 0 0 15px;
}

h1 img {width:70%;}

#header_menu {
float:right;
padding:15px 0;
text-align:right;
width:50%;
}

#header_menu ul {display:inline-block;}

#header_menu li {
float:left;
margin:0 1em 0 0;
}

#header_menu input {
display:none;
background:#fff;
border-radius:1em;
border:0;
padding:0.3em 1em;
}

#header_menu .sns_search img,
#header_menu .sns_fb img,
#header_menu .sns_ig img,
#header_menu .sns_mail img {
width:20px;
}

/*---------- Navigation ----------*/

nav {
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.2);
margin:0 auto;
padding:0.7em 0;
width:100%;
position:fixed;
bottom:0;
z-index:10;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}

nav ul {
margin:0 auto;
width:95%;
}

nav li {
float:left;
width:20%;
text-align:center;
font-size:0.8em
}

.nav_miru {width:21%;}

.nav_taberu {width:19%;}

nav li img {height:32px;}

nav a {
display:block;
text-align:center;
}

nav a .text {
display:block;
padding:0.5em 0 0;
}

.nav_miru .letter-spacing {letter-spacing:-0.25em;}


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

.pagenation li {
display:inline-block;
margin:0 0 0 0.5em;
}

.pagenation li:first-child {margin:0;}

.pagenation li a {
color:#000;
text-decoration:none;
display:table-cell;
border:1px #aaa solid;
border-radius:2em;
padding:0.7em;
width:1em;
height:1em;
text-align:center;
vertical-align:middle;
line-height:1em;
}

.pagenation li.active a {
background:#ad9447;
border:1px #ad9447 solid;
color:#fff;
}

/*---------- Slider ----------*/

.swiper-slide img {
height:430px;
width:100%;
object-fit:cover;
}

#slide .slide1 img {object-position:70% top;}

#slide .slide2 img {object-position:70% top;}

#slide .slide3 img {object-position:50% top;}

/*---------- Footer ----------*/

footer {
font-size:0.85em;
margin:2em 0 7em;
width:100%;
}

#footer_content {
margin:0 auto;
padding:1em 0;
width:90%;
}

footer .link {width:100%;}

footer .link ul {
float:left;
width:50%;
}

footer .link li {
list-style:none;
margin:0 0 0 1em;
padding:0.5em 0.5em 0 0;
text-indent:-1em;
}

footer .link li:before {content:"・";}

footer .info {
margin:1em 0 0;
text-align:center;
width:100%;
}

footer .info .logo img {width:45%;}

footer .info .address {margin:1em 0 0;}

footer .info .address li {display:inline-block;}

footer .info .address li:first-child {display:block;}

footer .info .contact {margin:1em auto 0;}

footer .info .contact a {
background:url("../images/common/sns_mail_black.png") no-repeat;
background-size:20px;
background-position:10px 50%;
border:1px #000 solid;
border-radius:0.5em;
color:#000;
display:inline-block;
padding:0.5em 0.5em 0.5em 2.7em;
text-decoration:none;
}

/*---------- Home ----------*/

#home h1 img {width:90%;}

#category {
margin:2em auto;
width:90%;
}

#category li {
position:relative;
float:left;
margin:0 4% 4% 0;
width:48%;
}

#category li:nth-child(2n) {margin:0 0 4% 0;}

#category li:last-child {margin:0;}

#category li:nth-last-child(2) {margin:0 4% 0 0;}

#category li span {
width:100%;
height:150px;
border-radius:20px;
overflow:hidden;
position:relative;
z-index:1;
display:block;
}

#category li span img {
transition:.3s ease-in-put;
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
position:relative;
z-index:0;
height:150px;
width:100%;
object-fit:cover;
}

#category li a:hover span img {
height:150px;
width:100%;
object-fit:cover;
transform:scale(1.1, 1.1);
-webkit-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
}

#category li .cat_title {
color:#fff;
font-size:1.5em;
line-height:1em;
position:absolute;
bottom:0;
padding:0 0 10px;
text-align:center;
text-shadow:0 1px 5px #000;
z-index:5;
width:100%;
}

/*---------- Information ----------*/

#info {
clear:both;
margin:0 auto;
position:relative;
width:90%;
}

#info h2 {
border-top:1px #ddd solid;
padding:1em 0;
text-align:center;
font-weight:normal;
}

#info .title_en {
color:#f00;
position:absolute;
left:0;
top:0.5em;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
}

#info .title_en span {
display:inline-block;
background:#f00;
margin:0 0 0 7px;
height:1px;
width:30px;
vertical-align:middle;
}

#info #tab_menu {margin:0 0 0.5em;}

#info #tab_menu li {
border:0;
float:left;
margin:0 2% 0 0;
width:49%;
text-align:center;
}

#info #tab_menu li:nth-child(2n) {margin:0;}

#info #tab_menu li span {
border-left:1px #f00 solid;
border-right:1px #f00 solid;
display:block;
padding:0.5em 0;
}

#info #tab_menu li.selected {
background:#f00;
color:#fff;
}

#info .list li {
border-top:1px #ddd solid;
padding:1em 0;
}

#info a {
color:#000;
text-decoration:none;
}

#info a .title {
color:#f00;
display:block;
}

/*---------- Facebook ----------*/

#facebook_embed {display:none;}

/*---------- Movie ----------*/

#movie {
clear:both;
margin:2em auto 0;
width:90%;
}

#movie h2 {
color:#f00;
font-size:1em;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
vertical-align:middle;
}

#movie h2 span {
display:inline-block;
background:#f00;
margin:0 0 0 7px;
height:1px;
width:30px;
vertical-align:middle;
}

#movie iframe {
margin:1em 0 0;
height:220px;
width:100%;
}

/*---------- Link ----------*/

#link {
clear:both;
margin:2em auto 0;
width:90%;
}

#link h2 {
font-size:1.3em;
font-weight:400;
border-bottom:1px #ddd solid;
margin:0 0 0.5em;
padding:0 0 0.3em;
text-align:center;
position:relative;
}

#link h2 .red_underline {
border-bottom:1px #f00 solid;
height:1px;
left:0;
right:0;
margin:0 auto;
width:3em;
display:inline-block;
position:absolute;
bottom:-1px;
}

#link li {
float:left;
margin:0 2% 2% 0;
width:49%;
}

#link li:nth-child(2n) {margin:0 0 2% 0;}

#link li img {
border:1px #ddd solid;
width:100%;
}

/*---------- Pamphlet ----------*/

#pamph {
clear:both;
margin:2em auto 0;
width:90%;
}

#pamph h2 {
color:#f00;
font-size:1em;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
vertical-align:middle;
}

#pamph h2 span {
display:inline-block;
background:#f00;
margin:0 0 0 7px;
height:1px;
width:30px;
vertical-align:middle;
}

#pamph ul {margin:1em 0 0;}

#pamph li {
float:left;
margin:0 2% 0 0;
width:49%;
}

#pamph li:nth-child(2n) {margin:0;}

#pamph li img {
border-radius:0.7em;
width:100%;
}

/*---------- Banner ----------*/

#banner {
border-top:2px #000 solid;
clear:both;
margin:1em auto 0;
padding:1em 0 0;
width:90%;
}

#banner li {
float:left;
margin:0 2% 2% 0;
width:49%;
}

#banner li:nth-child(2n) {margin:0 0 2% 0;}

#banner li img {width:100%;}

/*---------- Cateogry Pages ----------*/

body.category #page_header .image img {
height:300px;
width:100%;
object-fit:cover;
}

body.category #page_header {
position:relative;
width:100%;
}

body.category #page_header .title {
color:#fff;
font-size:2.3em;
position:absolute;
left:1em;
bottom:40%;
font-weight:700;
text-shadow:0 1px 5px #000;
}

body.category #content {
margin:1em auto 0;
width:90%;
}

body.category .breadcrumb {
background:#f2f2f2;
padding:0.5em 1em;
}

body.category .breadcrumb li {
font-size:0.8em;
display:inline-block;
margin:0;
}

body.category .breadcrumb li:after {content:" > ";}

body.category .breadcrumb li a {
text-decoration:none;
color:#000;
}

/*---------- Cateogry Index ----------*/

#category_index h1 img {width:75%;}

#category_index #page_header {
position:relative;
width:100%;
}

#category_index #page_header .title {
color:#fff;
font-size:2.3em;
position:absolute;
left:0.7em;
bottom:20%;
font-weight:700;
text-shadow:0 1px 5px #000;
}

#category_index #page_header .image img {width:100%;}

#category_index .breadcrumb {
background:#f2f2f2;
padding:0.5em 1em;
}

#category_index .breadcrumb li {
font-size:0.8em;
display:inline-block;
margin:0;
}

#category_index .breadcrumb li:after {content:" > ";}

#category_index .breadcrumb li a {
text-decoration:none;
color:#000;
}

#category_index .item_list {
margin:2em auto 0;
width:90%;
}

#category_index .item_list .item {
float:left;
margin:0 2% 6% 0;
width:49%;
}

#category_index .item_list .item:nth-child(2n) {margin:0 0 2% 0;}

#category_index .item_list .image {width:100% !important;}

#category_index .item_list .image img {
height:120px;
width:100%;
object-fit:cover;
}

#category_index .item_list a {text-decoration:none;}

#category_index .item_list a:link {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all  0.3s ease;
}

#category_index .item_list a:hover {
opacity:0.7;
text-decoration:none;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all  0.6s ease;
}

#category_index .item_list .name {
font-size:1em;
line-height:1.3em;
padding:0.3em 0 0;
display:inline-block;
color:#000;
text-decoration:none;
}

#category_index .item_list .name a {
color:#000;
text-decoration:none;
}

#category_index .select {display:none;}

/*---------- Detail Pages ----------*/

#detail h1 img {width:75%;}

#detail #page_header {
position:relative;
width:100%;
}

#detail #page_header .title {
color:#fff;
font-size:2.3em;
position:absolute;
/*left:0.7em;*/
padding:0 0.7em;
bottom:20%;
font-weight:700;
text-shadow:0 1px 5px #000;
}

#detail #page_header .image img {
height:200px;
width:100%;
object-fit:cover;
}

#detail .breadcrumb {
background:#f2f2f2;
padding:0.5em 1em;
}

#detail .breadcrumb li {
font-size:0.8em;
display:inline-block;
margin:0;
}

#detail .breadcrumb li:after {content:" > ";}

#detail .breadcrumb li a {
text-decoration:none;
color:#000;
}

#detail #content {
margin:1em 0 0;
width:100%;
}

#detail #content h2 {
background:#ad9447;
color:#fff;
padding:1em;
}

#detail #content .category {
margin:1em auto 0;
width:90%;
}

#detail #content .category a {
margin:0 1em 0 0;
text-decoration:none;
color:#FF4B4B;
}

#detail #content .description {
margin:1em auto 0;
width:90%;
}

#detail #content .description p {margin:1em 0 0;}

#detail #content .image {
margin:1em auto 0;
width:90%;
}

#detail #content .image p {margin:1em 0 0;}

#detail #content .image img {width:100%;}

#detail #content .detail {
margin:1em auto 0;
width:90%;
}

#detail #content .detail table {
border:0;
border-top:1px #ccc solid;
width:100%;
border-collapse:collapse;
}

#detail #content .detail th {
border-bottom:1px #ccc solid;
background:#ebecec;
text-align:left;
font-weight:normal;
padding:0.5em;
width:6em;
}

#detail #content .detail td {
border-bottom:1px #ccc solid;
padding:0.5em;
word-break:break-all;
}

#detail #content .detail .btn_gmap {margin:1em auto 0;}

#detail #content .detail .btn_gmap a {
background:url("../images/common/icon_map.png") no-repeat;
background-size:20px;
background-position:10px 50%;
border:1px #000 solid;
border-radius:0.5em;
color:#000;
display:inline-block;
padding:0.5em 0.5em 0.5em 2.7em;
text-decoration:none;
}

#detail #gmap_embed {display:none;}

#detail .select {display:none;}

.info #page_header .image img {
height:200px !important;
width:100%;
object-fit:cover;
}

.info #content .description {
margin:0 auto;
width:90%;
}

.info .imgAreaR {
margin:2em auto 0;
width:90%;
}

.info .imgAreaR img {width:100%;}

/*---------- Taberu ----------*/

#taberu .intro {
margin:2em auto 0;
width:100%;
}

#taberu .intro ul {
margin:0;
padding:0;
}

#taberu .intro li {
float:left;
margin:0 2% 2% 0;
width:49%;
position:relative;
}

#taberu .intro li:nth-child(2n) {margin:0 0 2% 0;}

#taberu .intro li span {
width:100%;
height:150px;
overflow:hidden;
position:relative;
z-index:1;
display:block;
}

#taberu .intro li span img {
transition:.3s ease-in-put;
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
position:relative;
z-index:0;
height:150px;
width:100%;
object-fit:cover;
}

#taberu .intro li a:hover span img {
height:150px;
width:100%;
object-fit:cover;
transform:scale(1.1, 1.1);
-webkit-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
}

#taberu .intro li .cat_title {
color:#fff;
font-size:1.5em;
line-height:1em;
position:absolute;
bottom:0;
padding:0 0 10px;
text-align:center;
text-shadow:0 1px 5px #000;
z-index:5;
width:100%;
}

#taberu .intro li img {
height:170px;
width:100%;
object-fit:cover;
}

#taberu .intro .text {
margin:1em auto 0;
width:100%;
line-height:1.8em;
}

#taberu .intro .text p {margin:1em 0 0;}

#taberu .intro .text p:first-child {margin:0;}

#taberu .taberu_item {
border-top:1px #ddd solid;
margin:2em 0 0;
padding:2em 0 0;
}

#taberu .taberu_item h2 {
font-size:2em;
font-weight:normal;
}

#taberu .taberu_item .detail {width:100%;}

#taberu .taberu_item .detail p {
margin:1em 0 0;
line-height:1.8em;
}

#taberu .taberu_item .image {
padding:1em 0 0;
width:100%;
}

#taberu .taberu_item .image p {padding:0;}

#taberu .taberu_item .image img {width:100%;}

#taberu .taberu_item .shop_list {
clear:both;
padding:1em 0 0;
}

#taberu .taberu_item .shop_list h3 {color:#f00;}

#taberu .taberu_item .shop_list ul {margin:0.3em 0 0;}

#taberu .taberu_item .shop_list li {padding:0 0 0.3em;}

#taberu .taberu_item .shop_list a {text-decoration:none;}

#taberu .taberu_item .shop_list a:link {color:#000;}
#taberu .taberu_item .shop_list a:visited {color:#000;}
#taberu .taberu_item .shop_list a:hover {color:#f00;}

/*---------- Event ----------*/

#event .intro {
margin:2em auto 0;
width:100%;
}

#event .intro ul {
margin:0;
padding:0;
}

#event .intro li {
float:left;
margin:0 2% 2% 0;
width:49%;
position:relative;
}

#event .intro li:nth-child(2n) {margin:0 0 2% 0;}

#event .intro li span {
width:100%;
height:150px;
overflow:hidden;
position:relative;
z-index:1;
display:block;
}

#event .intro li span img {
transition:.3s ease-in-put;
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
position:relative;
z-index:0;
height:150px;
width:100%;
object-fit:cover;
}

#event .intro li a:hover span img {
height:150px;
width:100%;
object-fit:cover;
transform:scale(1.1, 1.1);
-webkit-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
}

#event .intro li .cat_title {
color:#fff;
font-size:1.5em;
line-height:1em;
position:absolute;
bottom:0;
padding:0 0 10px;
text-align:center;
text-shadow:0 1px 5px #000;
z-index:5;
width:100%;
}

#event .intro li img {
height:170px;
width:100%;
object-fit:cover;
}

#event .intro .text {
margin:1em auto 0;
width:100%;
line-height:1.8em;
}

#event .intro .text p {margin:1em 0 0;}

#event .intro .text p:first-child {margin:0;}

#event .taberu_item {
border-top:1px #ddd solid;
margin:2em 0 0;
padding:2em 0 0;
}

#event .taberu_item h2 {
font-size:2em;
font-weight:normal;
}

#event .taberu_item .detail {width:100%;}

#event .taberu_item .detail p {
margin:1em 0 0;
line-height:1.8em;
}

#event .taberu_item .image {
padding:1em 0 0;
width:100%;
}

#event .taberu_item .image p {padding:0;}

#event .taberu_item .image img {width:100%;}

#osusume {position:relative;}

#osusume h2.title {
font-size:1.5em;
font-weight:500;
line-height:1em;
border-bottom:1px #ddd solid;
margin:1em 0 0.5em;
padding:1em 0 0.3em;
text-align:center;
position:relative;
}

#osusume h2.title .red_underline {
border-bottom:1px #f00 solid;
height:1px;
left:0;
right:0;
margin:0 auto;
width:3em;
display:inline-block;
position:absolute;
bottom:-1px;
}

#osusume .title_en {
color:#f00;
font-size:1em;
font-weight:normal;
position:absolute;
left:0;
top:0;
vertical-align:middle;
}

#osusume #pasta {
border:0;
margin:0;
}

/*---------- Miru ----------*/

#miru .intro {
margin:2em auto 0;
width:100%;
position:relative;
}

#miru .intro h2 {
text-align:center;
font-weight:normal;
padding:1em 0;
}

#miru .intro .title_en {
color:#f00;
font-size:1em;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
position:absolute;
left:0;
top:0;
vertical-align:middle;
}

#miru .intro .title_en span {
display:inline-block;
background:#f00;
margin:0 0 0 7px;
height:1px;
width:30px;
vertical-align:middle;
}

#miru .intro ul {
margin:0;
padding:0;
}

#miru .intro li {
float:left;
margin:0 2% 2% 0;
width:32%;
position:relative;
}

#miru .intro li:nth-child(3n) {margin:0 0 2% 0;}

#miru .intro li a {
display:block;
text-decoration:none;
width:100%;
height:100px;
position:absolute;
left:0;
top:0;
text-align:center;
}

#miru .intro li a:link {
background:rgba(150,150,150,0.8);
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all  0.3s ease;
}

#miru .intro li a:visited {background:rgba(150,150,150,0.8);}

#miru .intro li a:hover {
background:rgba(150,150,150,0);
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all  0.6s ease;
}

#miru .intro li a span.wrap {
font-size:1.1em;
color:#fff;
position:absolute;
left:0;
top:50%;
text-shadow:0 1px 5px #000;
width:100%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

#miru .intro li img {
height:100px;
width:100%;
object-fit:cover;
}

#miru .intro li .line {
display:inline-block;
}

#miru #area {
text-align:center;
margin:2em 0 0;
position:relative;
}

#miru #area h2 {
text-align:center;
font-weight:normal;
padding:1em 0;
}

#miru #area .title_en {
color:#f00;
font-size:1em;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
position:absolute;
left:0;
top:0;
vertical-align:middle;
}

#miru #area .title_en span {
display:inline-block;
background:#f00;
margin:0 0 0 7px;
height:1px;
width:30px;
vertical-align:middle;
}

#miru #area .map {
margin:0 auto;
position:relative;
width:100%;
}

#miru #area .map img {
width:100%;
}

#miru .kankou_item {
margin:3em 0 0;
}

#miru #kankou {
margin:2em 0 0;
}

#miru #kankou h2 {
background:#ad9447;
color:#fff;
padding:0.3em 1em;
font-weight:normal;
}

#miru .kankou_item h2 {
font-size:2em;
font-weight:normal;
}

#miru .kankou_item .detail {width:100%;}

#miru .kankou_item .detail p {
margin:1em 0 0;
line-height:1.8em;
}

#miru .kankou_item .image {
padding:1em 0 0;
width:100%;
}

#miru .kankou_item .image p {padding:0;}

#miru .kankou_item .image img {width:100%;}

#miru .area_list a {
background:#f7e3ab;
box-shadow:0 1px 5px rgba(0,0,0,0.5);
display:inline-block;
font-size:1em;
line-height:1em;
padding:0.7em 0.5em;
text-decoration:none;
color:#000;
}

#miru .area_list .map_area_kurabuchi {
position:absolute;
left:10%;
top:15%;
}

#miru .area_list .map_area_misato {
position:absolute;
left:52%;
top:17%;
}

#miru .area_list .map_area_gunma {
position:absolute;
left:70%;
top:25%;
}

#miru .area_list .map_area_chushin {
position:absolute;
left:77%;
top:45%;
}

#miru .area_list .map_area_shinmachi {
position:absolute;
left:85%;
top:68%;
}

#miru .area_list .map_area_yoshii {
position:absolute;
left:62%;
top:75%;
}

/*---------- Meguru ----------*/

#course .list_pc {display:none;}

#course .item img {width:100%;}

#course .list_sp .item {margin:1em 0 0;}

#course .list_sp .item_title {
color:#f00;
padding:0 0 0.5em;
}

/*---------- Meguru - Detail ----------*/

#meguru_detail #course img {width:100%;}

/*---------- Event ----------*/

#event_intro li a .season {
color:#fff;
font-size:3em !important;
text-align:left;
padding:0 0 10px 10px;
line-height:1em;
position:absolute;
bottom:0;
left:0;
line-height:1em;
width:auto;
z-index:5;
text-shadow:0 1px 5px #000;
}

#event_intro li a .month {
color:#fff;
padding:0 10px 10px 0;
text-align:right;
line-height:1em;
position:absolute;
bottom:0;
right:0;
width:auto;
z-index:5;
text-shadow:0 1px 5px #000;
}

.event #page_header .image img {
height:200px !important;
width:100%;
object-fit:cover;
}

.event_season .item_list .kaisai {
display:block;
color:#ff5f5f;
line-height:1em;
padding:0.5em 0 0;
}

.kaiun_banner img {width:100%;}

.kaiun .contIn {
width:90%;
margin:0 auto;
}


#detail .contIn {
width:90%;
margin:0 auto;
}




#content .recipe_list {
margin:2em auto 0;
width:60%;
}

#content .recipe_list li {
margin:0 0 2em;
text-align:center;
width:100%;
}

#content .recipe_list li:last-child {
margin:0;
}

#content .recipe_list li img {
margin:0 0 1em;
width:100%;
}

}

/*============================================================
           For PC
============================================================*/

@media (min-width:641px) {

.movie_list {
display:flex;
flex-wrap:wrap;
margin:50px 0;
}

.movie_list_item {
margin:0 40px 40px 0;
width:460px;
}

.movie_list_item:nth-child(2n) {
margin:0 0 40px 0;
}


.movie_list_item h4 {
padding:5px 0 0;
}

.movie_list_item p {
padding:5px 0;
}

.movie_list_item iframe {
width:460px;
height:259px;
}

.movie_link_channel {
text-align:center;
}

.movie_link_channel a {
background:#f00;
border-radius:3em;
color:#fff;
padding:1em 3em;
text-decoration:none;
}

header {
width:100%;
position:absolute;
left:0;
top:0;
z-index:2;
padding:20px 0 0;
}

#header_content {
margin:0 auto;
width:960px;
}

h1 {
float:left;
width:240px;
}

h1 a {
display:block;
margin:0 0 0 30px;
}

h1 img {width:200px;}

#gsc {
background:none;
width:200px;
}

#header_menu {
float:right;
text-align:right;
width:720px;
}

#header_menu ul {display:inline-block;}

#header_menu li {
float:left;
margin:0 1em 0 0;
position:relative;
}

#header_menu .sns_fb img,
#header_menu .sns_ig img,
#header_menu .sns_mail img {
width:20px;
}

#header_menu .sns_search .icon {
position:absolute;
right:7px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
width:16px;
}

#header_menu input {
background:#fff;
border-radius:0.5em;
border:0;
padding:0.3em 1em;
}

nav {
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.2);
border-radius:15px 15px 0 0;
margin:0 auto;
padding:1.5em 0;
position:fixed;
bottom:0;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
width:760px;
z-index:10;
}

nav ul {
text-align:center;
width:100%;
}

nav li {
display:inline-block;
margin:0 2em 0 0;
}

nav li:last-child {
margin:0;
}

nav li a {
display:table-cell;
vertical-align:middle;
}

nav li a:hover img {
transform:scale(1.2, 1.2);
-webkit-transform:scale(1.2, 1.2);
-moz-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
}

nav li img {
vertical-align:middle;
height:36px;
transition:.2s ease-in-put;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-o-transition:.2s ease-in-out;
}

nav .text {
font-size:1.2em;
padding:0 0 0 10px;
vertical-align:middle;
}

.nav_miru .letter-spacing {letter-spacing:-0.25em;}

.swiper-slide img {
height:700px;
width:100%;
object-fit:cover;
}

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

.pagenation li {
display:inline-block;
margin:0 0 0 0.5em;
}

.pagenation li:first-child {margin:0;}

.pagenation li a {
color:#000;
text-decoration:none;
display:table-cell;
border:1px #aaa solid;
border-radius:2em;
padding:0.7em;
width:1em;
height:1em;
text-align:center;
vertical-align:middle;
line-height:1em;
}

.pagenation li.active a {
background:#ad9447;
border:1px #ad9447 solid;
color:#fff;
}

/*---------- Slider ----------*/

#slide .slide3 img {object-position:50% 30%;}

/*---------- Footer ----------*/

footer {
font-size:0.85em;
margin:5em 0 7em;
width:100%;
}

#footer_content {
margin:0 auto;
padding:1em 0;
width:960px;
}

#footer_jumptop {
position:fixed;
bottom:20px;
right:20px;
height:55px;
width:60px;
z-index:100;
}

#footer_jumptop a {
background:url(../images/common/jumptop.png) no-repeat;
opacity:0.8;
background-size:40px;
text-indent:-100000px;
display:block;
height:55px;
width:60px;
}

footer .link {
float:right;
width:600px;
}

footer .link ul {
float:left;
width:50%;
}

footer .link li {
list-style:none;
margin:0 0 0 1em;
padding:0.5em 0.5em 0 0;
text-indent:-1em;
}

footer .link li:before {content:"・";}

footer .info {
float:left;
margin:1em 0 0;
text-align:left;
width:360px;
}

footer .info .logo img {width:45%;}

footer .info .address {margin:1em 0 0;}

footer .info .address li {display:inline-block;}

footer .info .address li:first-child {display:block;}

footer .info .contact {margin:1em auto 0;}

footer .info .contact a {
background:url("../images/common/sns_mail_black.png") no-repeat;
background-size:20px;
background-position:10px 50%;
border:1px #000 solid;
border-radius:0.5em;
color:#000;
display:inline-block;
padding:0.5em 0.5em 0.5em 2.7em;
text-decoration:none;
}

/*----------  ----------*/

#category {
margin:35px auto 0;
width:960px;
}

#category ul {
margin:0 0 15px;
}

#category li {
float:left;
margin:0 20px 20px 0;
width:225px;
position:relative;
}

#category li:nth-child(4n) {margin:0 0 2% 0;}

#category li span {
width:225px;
height:170px;
border-radius:20px;
overflow:hidden;
position:relative;
z-index:1;
display:block;
}

#category li span img {
transition:.3s ease-in-put;
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
position:relative;
z-index:0;
height:170px;
width:100%;
object-fit:cover;
}

#category li a:hover span img {
height:170px;
width:100%;
object-fit:cover;
transform:scale(1.1, 1.1);
-webkit-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
}

#category li .cat_title {
color:#fff;
font-size:1.7em;
line-height:1em;
position:absolute;
bottom:0;
padding:0 0 10px;
text-align:center;
text-shadow:0 1px 5px #000;
z-index:5;
width:100%;
}

#info_fb {
clear:both;
margin:0 auto;
width:960px;
}

/*---------- Information ----------*/

#info {
float:left;
margin:0 40px 0 0;
position:relative;
width:620px;
}

#info h2 {
border-top:1px #ddd solid;
padding:1em 0;
text-align:center;
font-weight:normal;
}

#info .title_en {
color:#f00;
position:absolute;
left:0;
top:2em;
vertical-align:middle;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
}

#info .title_en span {
display:inline-block;
background:#f00;
margin:0 0 0 7px;
height:1px;
width:60px;
vertical-align:middle;
}

#info #tab_menu {
margin:0 0 0.5em;
width:100%;
}

#info #tab_menu li {
border:0;
float:left;
margin:0 2% 0 0;
width:49%;
text-align:center;
}

#info #tab_menu li:nth-child(2n) {margin:0;}

#info #tab_menu li span {
border-left:1px #f00 solid;
border-right:1px #f00 solid;
display:block;
padding:0.5em 0;
}

#info #tab_menu li.selected {
background:#f00;
color:#fff;
}

#info .list li {
border-top:1px #ddd solid;
padding:1em 0;
}

#info a {
color:#000;
text-decoration:none;
}

#info a .title {
color:#f00;
display:block;
}

/*---------- Facebook ----------*/

#facebook_embed {
float:right;
width:300px;
}

#facebook_embed h2 {
border-top:1px #ddd solid;
border-bottom:1px #ddd solid;
padding:1em 0;
text-align:center;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
}

/*---------- Movie ----------*/

#movie {
background:url("../images/home/movie_bg.jpg") no-repeat;
background-size:100%;
background-position:center bottom;
background-color:rgba(255,255,255,0.6);
background-blend-mode:lighten;
clear:both;
margin:2em auto 0;
width:100%;
padding:10px 0;
text-align:center;
}

#movie_content {
margin:0 auto;
padding:50px 0;
width:960px;
position:relative;
}

#movie h2 {
color:#f00;
font-size:1em;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
position:absolute;
left:0;
top:0;
padding:10px 0 0;
vertical-align:middle;
}

#movie h2 span {
display:inline-block;
background:#f00;
margin:0 0 0 7px;
height:1px;
width:60px;
vertical-align:middle;
}

#movie iframe {
height:270px;
width:460px;
}

/*---------- Link ----------*/

#link {
clear:both;
margin:2em auto 0;
width:960px;
}

#link h2 {
font-size:1.3em;
font-weight:500;
border-bottom:1px #ddd solid;
margin:0 0 0.5em;
padding:0 0 0.3em;
text-align:center;
position:relative;
}

#link h2 .red_underline {
border-bottom:1px #f00 solid;
height:1px;
left:0;
right:0;
margin:0 auto;
width:3em;
display:inline-block;
position:absolute;
bottom:-1px;
}

#link li {
float:left;
margin:0 2% 2% 0;
width:32%;
}

#link li:nth-child(3n) {margin:0;}

#link li img {
border:1px #ddd solid;
width:100%;
}

/*---------- Pamphlet ----------*/

#pamph {
clear:both;
margin:0 auto;
width:960px;
}

#pamph h2 {
color:#f00;
font-size:1em;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
vertical-align:middle;
}

#pamph h2 span {
display:inline-block;
background:#f00;
margin:0 0 0 7px;
height:1px;
width:60px;
vertical-align:middle;
}

#pamph ul {text-align:center;}

#pamph li {
display:inline-block;
margin:0 2% 0 0;
width:32%;
}

#pamph li:last-child {margin:0;}

#pamph li img {
border-radius:0.7em;
width:100%;
}

/*---------- Banner ----------*/

#banner {
clear:both;
border-top:2px #000 solid;
margin:1em auto 0;
padding:1em 0 0;
width:960px;
}

#banner ul {
text-align:center;
margin:0 auto;
width:960px;
}

#banner li {
display:inline-block;
margin:0 15px 15px 0;
width:305px;
}

#banner li:nth-child(3n) {margin:0 0 15px 0;}

#banner li img {width:100%;}

/*---------- Cateogry Pages ----------*/

body.category #page_header .image img {
height:500px;
width:100%;
object-fit:cover;
}

body.category #page_header {
position:relative;
margin:0 auto;
width:100%;
}

body.category #page_header .title {
color:#fff;
font-size:3.7em;
position:absolute;
left:0;
right:0;
bottom:30%;
font-weight:700;
text-shadow:0 1px 5px #000;
margin:auto;
width:960px;
}

body.category #content {
margin:1em auto 0;
width:960px;
}

body.category .breadcrumb {
background:#f2f2f2;
margin:0 auto;
width:100%;
}

body.category .breadcrumb ul {
padding:0.5em 1em;
margin:0 auto;
width:960px;
}

body.category .breadcrumb li {
font-size:0.8em;
display:inline-block;
margin:0 0 0;
}

body.category .breadcrumb li:after {content:" > ";}

body.category .breadcrumb li a {
text-decoration:none;
color:#000;
}

/*---------- Cateogry Index ----------*/

#category_index h1 img {width:75%;}

#category_index #page_header {
position:relative;
margin:0 auto;
width:100%;
}

#category_index #page_header .title {
color:#fff;
font-size:3em;
position:absolute;
left:0;
right:0;
bottom:30%;
font-weight:700;
text-shadow:0 1px 5px #000;
margin:auto;
width:960px;
}

#category_index #page_header .image img {
height:300px;
width:100%;
object-fit:cover;
}

#category_index .breadcrumb {
background:#f2f2f2;
margin:0 auto;
width:100%;
}

#category_index .breadcrumb ul {
padding:0.5em 1em;
margin:0 auto;
width:960px;
}

#category_index .breadcrumb li {
font-size:0.8em;
display:inline-block;
margin:0 0 0;
}

#category_index .breadcrumb li:after {content:" > ";}

#category_index .breadcrumb li a {
text-decoration:none;
color:#000;
}

#category_index #content {
margin:1em auto 0;
width:960px;
}

#category_index .item_list {margin:3em 0 0;}

#category_index .item_list .item {
float:left;
margin:0 2% 2% 0;
width:32%;
}

#category_index .item_list .item:nth-child(3n) {margin:0 0 2% 0;}

#category_index .item_list .image {width:100% !important;}

#category_index .item_list .image img {
height:200px;
width:100%;
object-fit:cover;
}

#category_index .item_list a {text-decoration:none;}

#category_index .item_list a:link {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all  0.3s ease;
}

#category_index .item_list a:hover {
opacity:0.7;
text-decoration:none;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all  0.6s ease;
}

#category_index .item_list .name {
display:inline-block;
font-size:1.3em;
padding:0.3em 0 0;
color:#000;
text-decoration:none;
}

#detail .select,
#category_index .select {
background:#ddd;
padding:1em;
text-align:center;
}

.menu {
position:relative;
width:630px;
height:40px;
max-width:1000px;
margin:0 auto;
text-align:center;
}

.menu li a {
color:#000;
padding:0.7em 2em;
display:block;
line-height:1em;
text-decoration:none;
}

.menu > li {
float:left;
width:300px;
height:40px;
line-height:40px;
}

.menu > li a {
display:block;
color:#000;
font-size:16px;
}

.menu > li a:hover {color:#999;}

ul.menu__second-level {
visibility:hidden;
opacity:0;
z-index:1;
}


ul.menu__second-level li a {background:#fff;}

ul.menu__second-level li:first-child a {border-radius:1em 1em 0 0;}

ul.menu__second-level li:last-child a {border-radius:0 0 1em 1em;}

.menu > li:hover {
-webkit-transition:all .5s;
transition:all .5s;
}

/* 下矢印 */
.init-bottom:after {
content:'';
display:inline-block;
width:0;
height:0;
margin:0 0 0 15px;
border-top:9.5px solid #000;
border-bottom:6px solid transparent;
border-left:6px solid transparent;
border-right:6px solid transparent;
position:absolute;
top:38%;
right:20px;
}

/* floatクリア */
.menu:before,
.menu:after {
content:" ";
display:table;
}

.menu__single {position:relative;}

.menu__single:first-child {margin:0 30px 0 0;}

.menu__single .title_en {
color:#f00;
font-size:0.9em;
position:absolute;
z-index:5;
top:0;
left:20px;
}

#detail .menu__single a.init-bottom,
#category_index .menu__single a.init-bottom {
background:#fff;
border-radius:2em;
position:relative;
}

.menu:after {clear:both;}

.menu {*zoom:1;}

.menu > li.menu__single {position:relative;}

li.menu__single ul.menu__second-level {
position:absolute;
top:20px;
width:100%;
-webkit-transition:all .2s ease;
transition:all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
top:40px;
visibility:visible;
opacity:1;
}

/*---------- Detail Pages ----------*/

#detail h1 img {width:75%;}

#detail #page_header {
position:relative;
margin:0 auto;
width:100%;
}

#detail #page_header .title {
color:#fff;
font-size:3em;
position:absolute;
left:0;
right:0;
bottom:30%;
font-weight:700;
text-shadow:0 1px 5px #000;
margin:auto;
width:960px;
}

#detail #page_header .image img {
height:300px;
width:100%;
object-fit:cover;
object-position:50% top;
}

#detail .breadcrumb {
background:#f2f2f2;
margin:0 auto;
width:100%;
}

#detail .breadcrumb ul {
padding:0.5em 1em;
margin:0 auto;
width:960px;
}

#detail .breadcrumb li {
font-size:0.8em;
display:inline-block;
margin:0 0 0;
}

#detail .breadcrumb li:after {content:" > ";}

#detail .breadcrumb li a {
text-decoration:none;
color:#000;
}

#detail #content {
margin:1em auto 0;
width:960px;
}

#detail #content h2 {
background:#ad9447;
color:#fff;
margin:2em 0 0;
padding:0.5em 1em;
}

#detail #content .category {
margin:1em 0 0;
}

#detail #content .category a {
margin:0 1em 0 0;
text-decoration:none;
color:#FF4B4B;
}

#detail #content .description {
float:right;
width:500px;
}

#detail #content .description .content {padding:0 0 0 2em;}

#detail #content .description p {margin:1em 0 0;}

#detail #content .image {
float:left;
margin:1em auto 0;
width:460px;
}

#detail #content .image p {margin:1em 0 0;}

#detail #content .image p:first-child {margin:0;}

#detail #content .image img {width:100%;}

#detail #content .detail {
margin:2em 0 0;
float:right;
width:500px;
}

#detail #content .detail .content {padding:0 0 0 2em;}

#detail #content .detail table {
border:0;
border-top:1px #ccc solid;
width:100%;
border-collapse:collapse;
}

#detail #content .detail th {
border-bottom:1px #ccc solid;
background:#ebecec;
text-align:left;
font-weight:normal;
padding:0.5em;
width:6em;
}

#detail #content .detail td {
border-bottom:1px #ccc solid;
padding:0.5em;
word-break:break-all;
}

#detail #content .detail .btn_gmap {display:none;}

#detail #gmap_embed {
clear:both;
margin:3em auto 0;
width:960px;
}

.info #page_header .image img {
height:200px;
width:100%;
object-fit:cover;
}

.info #content .description {
float:left !important;
width:500px;
}

.info .imgAreaR {
float:left;
width:460px;
}

.info .imgAreaR img {width:100%;}

/*---------- Taberu ----------*/

#taberu #page_header .image img {
height:500px;
width:100%;
object-fit:cover;
object-position:50% 70%;
}

#taberu .intro {
margin:4em auto;
width:960px;
}

#taberu .intro ul {
margin:0;
padding:0;
}

#taberu .intro li {
float:left;
margin:0 12px 0 0;
width:231px;
position:relative;
}

#taberu .intro li:nth-child(4n) {margin:0;}

#taberu .intro li span {
width:225px;
height:170px;
overflow:hidden;
position:relative;
z-index:1;
display:block;
}

#taberu .intro li span img {
transition:.3s ease-in-put;
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
position:relative;
z-index:0;
height:170px;
width:100%;
object-fit:cover;
}

#taberu .intro li a:hover span img {
height:170px;
width:100%;
object-fit:cover;
transform:scale(1.1, 1.1);
-webkit-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
}

#taberu .intro li .cat_title {
color:#fff;
font-size:1.7em;
line-height:1em;
position:absolute;
bottom:0;
padding:0 0 10px;
text-align:center;
text-shadow:0 1px 5px #000;
z-index:5;
width:100%;
}

#taberu .intro li a .season {
color:#fff;
position:absolute;
bottom:0;
left:0;
text-align:left;
font-size:3.5em;
line-height:1em;
padding:0 0 10px 10px;
z-index:5;
text-shadow:0 1px 5px #000;
}

#taberu .intro li a .month {
color:#fff;
position:absolute;
bottom:0;
right:0;
text-align:right;
line-height:1em;
padding:0 10px 10px 0;
z-index:5;
text-shadow:0 1px 5px #000;
}

#taberu .intro li img {
height:170px;
width:100%;
object-fit:cover;
}

#taberu .intro .text {
margin:1em auto 0;
width:700px;
line-height:1.8em;
}

#taberu .intro .text p {margin:1em 0 0;}

#taberu .intro .text p:first-child {margin:0;}

#taberu .taberu_item {
border-top:1px #ddd solid;
margin:2em 0 0;
padding:2em 0 0;
}

#taberu .taberu_item h2 {
font-size:2em;
font-weight:normal;
}

#taberu .taberu_item .detail {
float:left;
width:480px;
}

#taberu .taberu_item .detail p {
margin:1em 0 0;
line-height:1.8em;
}

#taberu .taberu_item .image {
float:right;
width:480px;
}

#taberu .taberu_item .image p {padding:0 0 0 20px;}

#taberu .taberu_item .image img {width:100%;}

#taberu .taberu_item .shop_list {
clear:both;
padding:1em 0 0;
}

#taberu .taberu_item .shop_list h3 {color:#f00;}

#taberu .taberu_item .shop_list ul {margin:0.3em 0 0;}

#taberu .taberu_item .shop_list li {
float:left;
padding:0 0 0.3em;
width:25%;
}

#taberu .taberu_item .shop_list a {text-decoration:none;}

#taberu .taberu_item .shop_list a:link {color:#000;}
#taberu .taberu_item .shop_list a:visited {color:#000;}
#taberu .taberu_item .shop_list a:hover {color:#f00;}

/*---------- Event ----------*/

#event .intro {
margin:4em auto;
width:960px;
}

#event .intro ul {
margin:0;
padding:0;
}

#event .intro li {
float:left;
margin:0 12px 0 0;
width:231px;
position:relative;
}

#event .intro li:nth-child(4n) {margin:0;}

#event .intro li span {
width:225px;
height:170px;
overflow:hidden;
position:relative;
z-index:1;
display:block;
}

#event .intro li span img {
transition:.3s ease-in-put;
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
position:relative;
z-index:0;
height:170px;
width:100%;
object-fit:cover;
}

#event .intro li a:hover span img {
height:170px;
width:100%;
object-fit:cover;
transform:scale(1.1, 1.1);
-webkit-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
}

#event .intro li .cat_title {
color:#fff;
font-size:1.7em;
line-height:1em;
position:absolute;
bottom:0;
padding:0 0 10px;
text-align:center;
text-shadow:0 1px 5px #000;
z-index:5;
width:100%;
}

#event .intro li a .season {
color:#fff;
position:absolute;
bottom:0;
left:0;
text-align:left;
font-size:3.5em;
line-height:1em;
padding:0 0 10px 10px;
z-index:5;
text-shadow:0 1px 5px #000;
}

#event .intro li a .month {
color:#fff;
position:absolute;
bottom:0;
right:0;
text-align:right;
font-size:1.5em;
line-height:1em;
padding:0 10px 10px 0;
z-index:5;
text-shadow:0 1px 5px #000;
}

#event .intro li img {
height:170px;
width:100%;
object-fit:cover;
}

#event .taberu_item {
border-top:1px #ddd solid;
margin:2em 0 0;
padding:2em 0 0;
}

#event .taberu_item h2 {
font-size:2em;
font-weight:normal;
}

#event .taberu_item .detail {
float:left;
width:480px;
}

#event .taberu_item .detail p {
margin:1em 0 0;
line-height:1.8em;
}

#event .taberu_item .image {
float:right;
width:480px;
}

#event .taberu_item .image p {padding:0 0 0 20px;}

#event .taberu_item .image img {width:100%;}

#osusume {position:relative;}

#osusume h2.title {
font-size:1.5em;
font-weight:500;
line-height:1em;
border-bottom:1px #ddd solid;
margin:0 0 0.5em;
padding:0 0 0.3em;
text-align:center;
position:relative;
}

#osusume h2.title .red_underline {
border-bottom:1px #f00 solid;
height:1px;
left:0;
right:0;
margin:0 auto;
width:3em;
display:inline-block;
position:absolute;
bottom:-1px;
}

#osusume .title_en {
color:#f00;
font-size:1em;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
position:absolute;
left:0;
top:0;
vertical-align:middle;
}

#osusume #pasta {
border:0;
margin:0;
}

/*---------- Miru ----------*/

#miru .intro {
margin:2em auto 0;
width:960px;
position:relative;
}

#miru .intro h2 {
text-align:center;
font-weight:normal;
}

#miru .intro .title_en {
color:#f00;
font-size:1em;font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
position:absolute;
left:0;
top:0;
vertical-align:middle;
}

#miru .intro .title_en span {
display:inline-block;
background:#f00;
margin:0 0 0 7px;
height:1px;
width:60px;
vertical-align:middle;
}

#miru .intro ul {
margin:20px 0 0;
padding:0;
}

#miru .intro li {
float:left;
margin:0 6px 0 0;
width:132px;
position:relative;
}

#miru .intro li:nth-child(7n) {margin:0;}

#miru .intro li a {
display:block;
height:132px;
text-decoration:none;
width:132px;
position:absolute;
left:0;
top:0;
text-align:center;
}

#miru .intro li a:link {
background:rgba(150,150,150,0.8);
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all  0.3s ease;
}

#miru .intro li a:visited {background:rgba(150,150,150,0.8);}

#miru .intro li a:hover {
background:rgba(150,150,150,0);
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all  0.6s ease;
}

#miru .intro li a span.wrap {
font-size:1.3em;
color:#fff;
display:table-cell;
vertical-align:middle;
text-align:center;
text-shadow:0 1px 5px #000;
height:132px;
width:132px;
}

#miru .intro li img {
height:132px;
width:100%;
object-fit:cover;
}

#miru .intro li .line {display:inline-block;}


#miru #area {
text-align:center;
margin:2em 0 0;
position:relative;
}

#miru #area h2 {
text-align:center;
font-weight:normal;
}

#miru #area .title_en {
color:#f00;
font-size:1em;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
position:absolute;
left:0;
top:0;
vertical-align:middle;
}

#miru #area .title_en span {
display:inline-block;
background:#f00;
margin:0 0 0 7px;
height:1px;
width:60px;
vertical-align:middle;
}

#miru #area .map {
margin:20px auto 0;
position:relative;
width:700px;
}

#miru #area .map img {width:100%;}

#miru #kankou {margin:2em 0 0;}

#miru #kankou h2 {
background:#ad9447;
color:#fff;
padding:0.3em 1em;
font-weight:normal;
}

#miru #kankou .kankou_item {
margin:2em auto 0;
width:860px;
}

#miru #kankou .kankou_item .detail {
float:left;
width:440px;
}

#miru #kankou .kankou_item .detail h3 {
font-size:1.5em;
font-weight:normal;
}

#miru #kankou .kankou_item .detail p {
line-height:1.8em;
margin:1em 0 0;
text-align:justify;
}

#miru #kankou .kankou_item .image {
float:right;
width:420px;
}

#miru #kankou .kankou_item .image p {padding:0 0 0 20px;}

#miru #kankou .kankou_item .image img {width:100%;}

#miru .area_list a {
background:#f7e3ab;
box-shadow:0 1px 5px rgba(0,0,0,0.5);
display:inline-block;
font-size:1.3em;
line-height:1.3em;
padding:0.3em 1em;
text-decoration:none;
color:#000;
}

#miru .area_list .map_area_kurabuchi {
position:absolute;
left:100px;
top:90px;
}

#miru .area_list .map_area_misato {
position:absolute;
left:370px;
top:90px;
}

#miru .area_list .map_area_gunma {
position:absolute;
left:490px;
top:125px;
}

#miru .area_list .map_area_chushin {
position:absolute;
left:550px;
top:220px;
}

#miru .area_list .map_area_shinmachi {
position:absolute;
left:600px;
top:330px;
}

#miru .area_list .map_area_yoshii {
position:absolute;
left:450px;
top:360px;
}

/*---------- Event ----------*/

.event_shortcut {padding:1em;}

.event_shortcut li {
display:inline-block;
margin:0 0 0 1em;
}

.event_shortcut li:first-child {
display:inline-block;
margin:0;
}

.event_shortcut li a {
background:#fff;
padding:0.7em 2em;
border-radius:2em;
text-decoration:none;
color:#000;
}

.event_shortcut li a:link {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all  0.3s ease;
}

.event_shortcut li a:hover {
background:#FFEDED;
color:#f00;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all  0.3s ease;
}

.event_shortcut .active a {color:#f00;}

.event_season .item_list .kaisai {
display:block;
color:#ff5f5f;
line-height:1em;
padding:0.5em 0 0;
}

/*---------- Meguru ----------*/

#course .list_sp {display:none;}

#course .item {
border-bottom:1px #ddd solid;
margin:1em 0 0;
padding:1em 0 0;
}

#course .item:last-child {border:0;}

#course .item img {width:100%;}

/*---------- Meguru - Detail ----------*/

#meguru_detail #course .item img {width:100%;}

/*----------  ----------*/

.kaiun .contLeft {
float:none !important;
margin:0 auto;
width:750px;
}

/*----------  ----------*/

.traffic .contLeft {
float:none !important;
margin:0 auto;
width:750px;
}

#content .recipe_list {
margin:50px 0;
width:100%;
}

#content .recipe_list li {
float:left;
margin:0 5% 10% 0;
text-align:center;
width:30%;
}

#content .recipe_list li:nth-child(3n) {
margin:0 0 10% 0;
}

#content .recipe_list li img {
margin:0 0 1em;
width:100%;
}


}