html {
}

body {
margin: 0;
padding: 0;
font-family: "Noto Serif JP", serif;
}

img {
width: 100%;
height: auto;
}

hr {
margin: 15px auto;
border-width: 0;
border-style: dashed;
border-bottom-width: 1px;
}

#home hr {
width: 93%;
}

.item hr {
width: 90%;
}

.jumbotron {
position: relative;
margin: 0;
padding: 0;
border-radius: 0;
height: 300px;
background: radial-gradient(#eee, #bbb);
}

#main-image {
position: absolute;
left: 0;
right: 0;
bottom: -5px;
margin: auto;
width: 17%;
}

.image-logo {
position: absolute;
width: 8%;
}

/* nav */
.navbar {
padding: 4px 0;
}
@media only screen and (max-width : 768px) {
.navbar {
padding: 8px 0;
}
}

.navbar-brand strong {
padding-left: 40px;
letter-spacing: .5em;
}

.navbar-brand span {
font-size: 15px !important;
}

/* nav-link active border-bottom */
.navbar-collapse .nav-link {
padding-right: 50px;
}

.navbar-nav .nav-link {
}

.navbar-dark .navbar-nav .nav-link  {
padding-right: 30px;
}

.navbar-collapse .nav-link:hover,
.navbar-collapse .nav-link:focus {
border-bottom-color: rgba(255, 255, 255, .25);
}

.navbar-collapse .nav-item .active {
}

@media only screen and (max-width : 768px) {
.navbar-collapse .nav-item .active {
background-color: red;
border-radius: 5px;
}
}

.dropdown-menu {
min-width: 6rem;
}

#dropdown-menu-a {
min-width: 8.1rem;
}

#dropdown-menu-b {
min-width: 7.1rem;
}

.round-cap:after {
background-color: greenyellow; /* 線色 */
border-radius: 5px; /* 線幅の半分 */
content: "";
display: block;
height: 10px; /* 線幅 */
width: 10px;
margin: 2px auto 0;
}

.mb-500 {
margin-bottom: 500px !important;
}

.mb-20 {
margin-bottom: 20px !important;
}

/* プレースホルダー */
input::placeholder {
color: #999!important;
}
input::-webkit-input-placeholder {
color: #999!important;
}
input:-ms-input-placeholder {
color: #999!important;
}
input::-moz-placeholder {
color: #999!important;
}

/* プレースホルダー フォーカス時 非表示 */
input:focus::-webkit-input-placeholder {
color: transparent!important;
}
input:focus::-moz-placeholder {
color: transparent!important;
}
input:focus::-ms-input-placeholder {
color: transparent!important;
}
input:focus::placeholder {
color: transparent!important;
}

/* modal-page */
.modal-page {
color: #666;
}

.modal-page img {
height: auto;
}

.modal {
padding-right: 0!important;
}

.modal-title {
margin-left: 1.38em;
}

.modal-body {
margin: 0 auto;
width: 60%;
}

.modal-body img {
}

.modal-body p {
margin: 30px 0;
text-align: left;
text-align: justify;
line-height: 1.9em;
}

.modal-page .btn-secondary {
background-color: #bbb;
border: none;
}

.modal-page li {
text-align: left;
}

.loc-map {
margin: 0 auto;
display: block;
}

.modal-body h4 {
text-align: left;
}

.modal-body b {
text-align: left !important;
font-size: 18px;
display: block;
}

.modal-body img {
margin-bottom: 30px;
}

.item-txt-s-cram {
font-size: small;
letter-spacing: -.1em;
}

.txt-cram {
letter-spacing: -.1em;
}

/* muuri CSS */

@import url(//fonts.googleapis.com/css?family=Montserrat:9000);
*:before, *:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  font-family: Arial, "Hiragino Kaku Gothic Pro W3", Meiryo, sans-serif;
  background-color: #fff;
  color: #999;
  text-align: center;
}
body a, body a:visited {
  color: #999;
  text-decoration: none;
}
body a:hover {
  color: #777;
}

h1 {
  font-size: 36px;
  font-family: "Montserrat", sans-serif;
  color: #53E2E4;
  margin: 10px auto 30px;
}

.filter-controls {
  text-align: center;
    margin-bottom: 22px;
}

.filter-controls .control {
  display: inline-block;
  width: 240px;
  margin: 0 10px;
}

.filter-controls .control * {
  box-sizing: border-box;
}

.filter-controls .control .form-control {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border: 2px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  color: #666;
  font-size: 16px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.filter-controls .control .form-control:focus {
  outline: 0;
  border-color: #0CAAF5;
}

.grid {
  position: relative;
  width: 878px;
  max-width: 100%;
  margin: 0 auto;
}

.item {
  position: absolute;
  width: 99px;
  height: 99px;
  margin: 5px;
  z-index: 1;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
  }

.item.blue .custom-content {
  border-color: #0CAAF5;
  color: #0CAAF5;
}

.item.red .custom-content {
  border-color: #F54487;
  color: #F54487;
}

.item.green .custom-content {
  border-color: #00DE73;
  color: #00DE73;
}

.item.w2 {
  width: 208px;
}

.item.h2 {
  height: 208px;
}

.item-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: table;
}

.custom-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  color: #666;
  border: 2px solid;
  border-radius: 3px;
}

.item.muuri-item-dragging {
  z-index: 3;
  transition: none;
}

.item.muuri-item-releasing {
  z-index: 2;
}

@media (max-width: 877px) {
  .item {
    width: calc(33.33% - 11px);
    height: calc(33.33vw - 11px);
  }
  .item.w2 {
    width: calc(33.33% - 11px);
  }
  .item.h2 {
    height: calc(33.33vw - 11px);
  }
}
@media (max-width: 640px) {
  .item {
    width: calc(50% - 10px);
    height: calc(50vw - 10px);
  }
  .item.w2 {
    width: calc(50% - 10px);
  }
  .item.h2 {
    height: calc(50vw - 10px);
  }
}

/* smartphone */

@media only screen and (max-width : 768px) {
.item {
width: 100%!important;
height: auto!important;
}

.modal {
padding-right: 0!important;
}

.modal-body {
margin: 0 auto;
width: 90%!important;
}

}

/* website */

@media only screen and (min-width : 768px) {

}

/* indexよりコピー */

.filter-controls .control .form-control {
color: #999;
}

.custom-content {
vertical-align: top;
border: none;
box-shadow: 0 20px 20px rgba(0,0,0,.08);
font-family: "Noto Serif JP", serif;
font-size: 1.2em;
border-radius: 10px;
color: #333;
}

.custom-content img {
margin-bottom: 10px;
border-radius: 10px 10px 0 0;
}

.item:not([data-group="home"]) .custom-content img {
}
@media only screen and (max-width : 768px) {
.custom-content {
font-size: 1em;
}

.custom-content img {
}
}

.item {
width: 208px;
height: 174px;
cursor: pointer;
margin-bottom: 15px;
}

.item:not([data-group="home"]) {
}

.item:not([data-group="home"]) { /* ロード時 グループ home属性 以外を隠す */
display: none;
}

.item .custom-content {
border-bottom-color: #888;
}

.item:not([data-group="home"]) .custom-content { /* home属性 以外のボーダーカラー */
border-bottom-color: #ccc;
}

.item hr {
margin: 15px auto 3px;
display: none;
}
 p.tag {
margin-bottom: 0;
}
@media only screen and (max-width : 768px) {
.item hr {
margin: 5px auto;
}
 p.tag {
margin-bottom: 0px;
}
}

.tag {
background-color: #D6000E;
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 3px 7px;
margin: 10px 0 0;
border-radius: 0 0 10px 10px;
}

.item:not([data-group="home"]) .tag { /* home属性以外 */
color: #fff;
}

.item.news[data-group="home"] .tag {
background-color: yellow;
color: #888;
}

.item.attraction[data-group="home"] .tag {
background-color: #ff5964;
}

.item.about .tag {
background-color: #CF7602;
}

.item.about[data-group="home"] .tag {
background-color: #feab3a;
}

.item.event .tag {
background-color: #156049;
}

.item.event[data-group="home"] .tag {
background-color: #28b78d;
}

.modal-dialog {
width: 90%!important;
height: 90%!important;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 90%!important;
max-width: 880px!important;
max-height: 90%!important;
margin: 1.75rem auto;
}
}

.modal-content {
height: 100%;
}
/* リンク親要素に範囲拡大*/
.item {
z-index: 1; /* リンク要素の順序 */
}

.item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent:-999px;
z-index: 2; /* リンク要素の順序 */
}
/* プレースホルダー虫眼鏡 */
input.form-control {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}

.form-control {
font-family: FontAwesome;
}

.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
padding-right: 10px;
padding-left: 0;
}

.reset-field {
text-align: left;
}

#main-banner {
width: 100%;
height: 300px;
margin: 0;
padding: 0;
border: none;
}

.navbar {
margin-top: -10px;
}

.filter-controls .control {
width: 150px;
}

.filter-controls .news-control {
width: 450px;
height: 26px;
}

#news-iframe {
width: 100%;
height: 40px;
margin: 0;
padding: 0;
}
@media only screen and (max-width : 768px) {
.item {
width: 46%!important;
height: auto!important;
}
}

.item-txt-s {
font-size: small
}

.item-txt-fill {
letter-spacing: -2px;
}
@media only screen and (max-width : 768px) {
.filter-controls .news-control {

width: 43%;
}
}

.modal {
height: 85%;
margin: auto;
bottom: 0;
left: 5px;
}

.modal-dialog {
max-width: 680px!important;
}

.custom-content img:not(.home-item-stamp) {
height: auto;
max-height: 104px;
min-height: 104px;
}
@media only screen and (max-width : 768px) {
.custom-content img:not(.home-item-stamp) {
height: auto;
max-height: 81px;
min-height: 81px;
}
}

.custom-content {
}

#main-banner {
background-color: #000;
}
/* homeアイテム表示用 */
#nav-container {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 776px;
margin-top: 80px;
cursor: pointer;
}
@media only screen and (max-width : 768px) {
#nav-container {
height: 1248px;
}
}

/* セレクトメニュー */
select, .ui-btn {
font-size: 1em;
line-height: 1.3;
font-family: sans-serif;
}

.ui-select .ui-btn select {
top: 0;
left: 0;
width: 100%;
min-height: 1.5em;
min-height: 100%;
height: 3em;
max-height: 100%;
outline: 0;
-webkit-border-radius: inherit;
border-radius: inherit;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
filter: Alpha(Opacity=0);
opacity: 0;
z-index: 2;
}

.fixed-footer {
padding: 10px 0;
background-color: #fff;
opacity: .9;
}
@media only screen and (max-width : 768px) {
.fixed-footer {
padding: 20px 0;
background-color: #333;
}

.fixed-footer .text-center,
.fixed-footer a,
.fixed-footer a:hover,
.fixed-footer a:visited {
color: #fff;
}
}

.fixed-footer span {

}

#navbarSupportedContent {
margin: 0 auto;
padding-left: 30px;
}

.navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
}

#navHome img {
padding-right: 0px !important;
width: 20px !important;
position: relative;
bottom: 3px;
}

.grid-wrapper {
margin-left: 7px;
}
@media only screen and (max-width : 768px) {
.item {
margin-left: 6px!important;
}

.grid {
}
}

.filter-controls {
text-align: center;
margin-bottom: 5px;
margin-top: -5px;
}
@media only screen and (max-width : 768px) {
.filter-controls {
margin-bottom: 10px;
margin-top: -10px;
}
}

.filter-controls .control {
margin: 0 5px;
}

.filter-controls .news-control {
}

.ui-select {
}

.news-button {
}

.ui-select {
position: relative;
top: -15px;
}
@media only screen and (max-width : 768px) {
.ui-select {
top: -1px;
}
}

.jumbotron {
padding-top: 67px;
height: auto;
background: #000;
background: #fff;
}
@media only screen and (max-width : 768px) {
.jumbotron {
padding-top: 45px;
}
}

#top-swing {
width: 60%;
position: absolute;
left: 0;
right: 0;
bottom: 10px;
margin: auto;
z-index: 2;
}

#logo00, #logo01, #logo02 {
position: absolute;
top: -6px;
left: 0;
right: 0;
margin: auto;
display: none;
z-index: 2;
}
@media only screen and (max-width : 768px) {
#logo00, #logo01, #logo02 {
top: 0px;
}

.image-logo {
width: 12%;
}
}

#logo00 {
}

#logo01 {
}

#logo02 {
}
@media only screen and (max-width : 768px) {
#logo00 {
left: -250px!important;
}

#logo02 {
left: 250px!important;
}
}

.top-catch-copy {
margin-top: 10px;
margin-bottom: 0px;
text-align: center;
letter-spacing:.2em;
margin-right: -.2em;
font-size: 16px;
font-weight: 600;
}

.home-catch-copy {
margin-top: 10px;
margin-bottom: 0px;
text-align: center;
letter-spacing:.2em;
margin-right: -.2em;
font-size: 16px;
font-weight: 600;
height: 24px;
}

.home-item-title {
margin: 0;
}

.home-item-stamp {
width: 25%;
position: absolute;
top: 75px;
left: 0;
margin: 0 auto!important;
display: none;
}
@media only screen and (max-width : 768px) {
.home-item-stamp {
top: 65px;
}
}

.footer span {
font-size: 15px;
letter-spacing: .2em;
}

.footer h4 {
letter-spacing: .2em;
}

.footer h4 span {
font-size: 14px;
margin-right: .8em;
}

.nav-item {
cursor: pointer;
}

.fuda-syo {
z-index: 20;
}

.top-swing-bg {
width: 100%;
height: 140px;
position: absolute;
left: 0;
bottom: 0;
opacity: .8;
background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 100%);
}

.temple-name-kana {
position: absolute;
top: 21.5%;
left: 0;
right: 0;
color: #fff;
letter-spacing: .2em;
text-shadow: 1px 1px 2px #000;
}

.filter-controls {
margin-top: 35px;
}
@media only screen and (max-width : 768px) {
.filter-controls {
margin: 6px 0 20px;
}
}

.filter-controls .control .form-control {
border-radius: 10px;
}

.news-item-stamp {
width: 20%;
min-height: 20% !important;
position: absolute;
top: -15px;
right: -10px;
}

.container:not(.navbar .container) {
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}

.home-catch-copy {
background: #fff;
}
@media (min-width: 992px){
.container {
max-width: 100% !important;
}
}
@media (min-width: 1200px){
.container {
max-width: 100% !important;
}
}

.filter-controls {
margin-top: 10px;
}

.filter-controls {
margin-top: 0px;
padding: 35px 0 0;
}

body {
color: #666;
}
body a:hover {
color: #666;
}

.filter-controls .control .form-control {
color: #777;
}
@media only screen and (max-width : 768px) {
.filter-controls {
padding-top: 20px;
}
}

.footer span {
display: inline-block;
margin-bottom: 4px;
}

.home-catch-copy {
margin-right: -.6em;
}
@media only screen and (max-width : 768px) {
.home-catch-copy {
margin-right: -1em;
}
}
@media only screen and (max-width : 768px) {
.item {
margin-bottom: 10px;
}
}

.jumbotron {
padding-top: 0;
height: 300px;
background: radial-gradient(#73C4EC, #198CC6);
}

#logo00, #logo01, #logo02 {
top: 95px;
}

.temple-name-kana {
top: 215px;
}
@media only screen and (max-width : 768px) {
.temple-name-kana {
top: 203px;
}
}

.home-catch-copy {
margin-top: 0;
padding-top: 20px;
color: #fff;
background-color: transparent;
text-shadow: 1px 1px 2px #444;
z-index: 2;
}

.roulette-musk {
position: relative;
overflow: hidden;
width: 700px;
height: 275px;
display: inline-block;
top: 0;
}

@media only screen and (max-width : 768px) {
.roulette-musk {
width: 250px;
top: 10px;
}
}

.roulette-musk img {
animation: r4 120s steps(60) infinite;
}
@keyframes r4 {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

#logo00, #logo01, #logo02 {
width: 85px;
}
@media only screen and (max-width : 768px) {
#logo00, #logo01, #logo02 {
width: 75px;
}
}

.home-cloud {
position: relative;
}
@media only screen and (max-width : 768px) {
.home-cloud {
display: none;
}
}

#cloud00, #cloud01, #cloud02, #cloud03 {
position: absolute;
margin: auto;
width: 500px;
}

#cloud00 {
left: -1000px;
right: 0;
}

#cloud01 {
top: -10px;
left: 0;
right: -1000px;
}

#cloud02 {
top: 200px;
left: -1200px;
right: 0;
}

#cloud03 {
top: 178px;
left: 0;
right: -1200px;
}
@media only screen and (max-width : 768px) {
#cloud00 {
top: 15px;
left: -690px;
}

#cloud01 {
top: 20px;
right: -700px;
}

#cloud02 {
top: 210px;
left: -750px;
}

#cloud03 {
top: 178px;
right: -750px;
}
}

#cloud00 {animation:cloud00 3s ease-in infinite alternate both;}
@keyframes cloud00 {
0% {
transform:translate(0px,7px);
}
100% {
transform:translate(0px,0px);
}
}

#cloud01 {animation:cloud00 4s ease-in infinite alternate both;}
@keyframes cloud00 {
0% {
transform:translate(2px,7px);
}
100% {
transform:translate(-2px,0px);
}
}

#cloud02 {animation:cloud00 4s ease-in infinite alternate both;}
@keyframes cloud00 {
0% {
transform:translate(2px,8px);
}
100% {
transform:translate(-2px,0px);
}
}

#cloud03 {animation:cloud00 3s ease-in infinite alternate both;}
@keyframes cloud00 {
0% {
transform:translate(2px,8px);
}
100% {
transform:translate(-2px,0px);
}
}

#logo00 {
left: -650px;
}

#logo02 {
left: 650px;
}

.top-oni {
display:  block;
margin: 0 auto;
position:  relative;
animation: 3s ease-in 0s infinite alternate forwards running oni-anime;
width: 15%;
width: 159px;
margin-top: 8px;
cursor: pointer;

}
@media only screen and (max-width : 768px) {
.top-oni {
width: 145px;
}
}
@keyframes oni-anime {
0% {
top: 50px;
}
100% {
top: 0;
}
}

.navbar {
height: 60px;
}
@media only screen and (max-width : 768px) {
.item .custom-content {
line-height: 1.3em;
}
 p.tag {
line-height: 1.3em;
}
}

.top-swing {
width: 365px;
display: none;
margin: 0 auto;
position:  relative;
bottom: 120px;
cursor: pointer;
}
@media only screen and (max-width : 768px) {
.top-swing {
width: 300px;
bottom: 100px;
}
}

.news-item-stamp {
left: -10px;
}

.filter-controls .control .form-control {
background: linear-gradient(to bottom,#fff,#eee);
}

.copyright {
margin-bottom: 1.5rem;
}

.navbar-dark .navbar-nav .nav-link {
color: white;
}

.filter-controls .control {
width: 450px;
}

.que-tag-00-indent {
text-indent: 10em;
}

.que-tag-01-indent {
text-indent: 7em;
}

.que-tag-02-indent {
text-indent: 6.5em;
}

.que-tag-03-indent {
text-indent: 3.5em;
}

.que-tag-04-indent {
text-indent: 4em;
}

.que-tag-05-indent {
text-indent: 4.5em;
}

.que-tag-06-indent {
text-indent: 3em;
}

.que-tag-07-indent {
text-indent: 3.5em;
}
@media only screen and (max-width : 768px) {
.que-tag-00-indent {
text-indent: 4em;
}

.que-tag-01-indent {
text-indent: 1em;
}

.que-tag-02-indent {
text-indent: 0.5em;
}

.que-tag-03-indent,
.que-tag-04-indent,
.que-tag-05-indent,
.que-tag-06-indent,
.que-tag-07-indent {
text-indent: 0em;
}
}

.filter-controls {
padding: 20px 0 15px;
}
@media only screen and (max-width : 768px) {
.filter-controls {
padding: 20px 0 5px;
}
}

.filter-controls .control {
width: 320px;
}
@media only screen and (max-width : 768px) {
.filter-controls .control {
width: 250px;
}
}

.filter-controls .control .form-control {
background: #fff;
background: #eee;
}

.item.butsuji .tag {
background-color: darkslategray;
background-color: lightsteelblue;
background-color: slategray;
}

.item.kanko .tag {
background-color: #feab3a;
}

.sanka-taiken .tag {
background-color: #ff5964;
}

.y-event .tag {
background-color: darkolivegreen;
}

.topic {
width: 980px;
margin: 0 auto 14px;
padding: 50px;
text-align: left;
background: black;
background: #fff;
z-index: 2;
}
@media only screen and (max-width : 768px) {
.topic {
width: 320px;
padding: 24px 15px;
}
}

.topic h3 {
font-family: "Noto Serif JP", serif;
margin-bottom: 20px;
}
@media only screen and (max-width : 768px) {
.topic h3 {
margin: 15px 0;
}
}

.topic p {
line-height: 1.9em;
text-align: justify;
font-family: "Noto Serif JP", serif;
}

.jumbotron {
}

.media img {
width: 20%;
}

.subset {
margin-top: 45px;
padding: 30px;
border-radius: 10px;
background: ivory;
background: floralwhite;
background-color: #F9F2B3;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}
@media only screen and (max-width : 768px) {
.subset {
margin-top: 55px;
padding: 25px 10px 10px;
}
}

#cloud00 {
display: none;
}

#cloud01 {
display: none;
}
/*SNSボタン*/
.sns_box {
  position: absolute;
  overflow: hidden;
          left: 85%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: -10px auto;
  height: 44px;
  min-width: 268px;
}
@media only screen and (max-width : 768px) {
.sns_box {
  left: 60%;
}
}

.sns_button {
  float: left;
  box-shadow: inset 0 0 0 2px #ddd;
  border-radius: 100%;
  -moz-transition: all 280ms ease;
  -o-transition: all 280ms ease;
  -webkit-transition: all 280ms ease;
  transition: all 280ms ease;
}

.sns_button a {
  display: table-cell;
  width: 44px;
  height: 44px;
  color: #bbb;
  text-align: center;
  vertical-align: middle;
  -moz-transition: all 280ms ease;
  -o-transition: all 280ms ease;
  -webkit-transition: all 280ms ease;
  transition: all 280ms ease;
}

.sns_button i {
  font-size: 20px;
  vertical-align: middle;
}

.sns_button:hover {
  box-shadow: inset 0 0 0 22px #fff;
}

.sns_button + .sns_button {
  margin: 0 0 0 12px;
}

.twitter:hover a {
  color: #1B95E0;
}

.facebook:hover a {
  color: #3B5999;
}

.instagram:hover a {
  color: #2b5c84;
}

.pocket:hover a {
  color: #EE4056;
}

.navbar {
width: 860px;
margin: auto !important;
border-radius: 0 0 15px 15px;
padding-right: 0px !important;
}
@media only screen and (max-width : 768px) {
.navbar {
width: 300px;
}
}

.top-oni-musk {
position: relative;
overflow: hidden;
width: 100%;
height: 64px;
display: inline-block;
top: -70px;
}
@media only screen and (max-width : 768px) {
.top-oni-musk {
width: 300px;
height: 60px;
top: -60px;
}
}

.content-list {
margin: auto;
width: 850px;
text-align: left;
}
@media only screen and (max-width : 768px) {
.content-list {
width: 300px;
}
}

.content-list a {
color: #666;
display: block;
margin-bottom: 10px;
font-size: .7em;
}
/* 5カラム */
.col-md-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media only screen and (max-width : 768px) {
    .col-md-15 {
        width: 50%;
        float: left;
        display: none;
    }
}

.content-list h6 {
margin: 18px 0;
color: #333;
font-size: .8em;
}

.dis-i-block a {
display: inline-block;
}

.dis-block {
display: block !important;
}

/* indexよりコピー 2 */

.mfp-auto-cursor .mfp-content {
background-color: #fff;
width: 880px;
color: #333;
}
@media only screen and (max-width : 768px) {
.mfp-auto-cursor .mfp-content {

width: 100%;
}
}

.mfp-close-btn-in .mfp-close {
display: none;
}

button.btn {

margin: 55px auto 30px;
display: block;
}

.modal-body {
width: 80% !important;
}

.home-cloud {
display: none;
}

.top-oni {
display: none;
}
@media only screen and (max-width : 768px) {
.roulette-musk {
margin: auto;
display: block;
}
}
@media only screen and (max-width : 768px) {
.topic {
width: 90%;
}
}

.item-active {
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, yellow), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, yellow),color-stop(.75, yellow), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 14px 14px;
transition: all  0.3s ease;
}

.item-active-return {
background-color: #fff;
transition: all 0.3s ease;
}

#sort-item {
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}
/* iOS Safariのスクロールバー非表示 */

.modal-body hr {
width: 100% !important;
}

.loc-map {
display: inline;
}
button.btn {
margin-top: 25px !important;
}

p + button.btn {
margin-top: 55px !important;
}

/*rBb97zG:42*/
.y-event .tag {
background-color: darkcyan;
}
@media only screen and (max-width : 768px) {
.mfp-bg {
opacity: 1;
}
}

.custom-content img {
margin-bottom: 0;
}

.tag {
margin-top: 0;
}

.custom-content p {
margin-top: 10px;
margin-bottom: 10px;
}

.custom-content p.tag {
margin-top: 0;
margin-bottom: 0;
}
@media only screen and (max-width : 768px) {
.item-txt-s-sm {
font-size: small;
}
}
@media only screen and (max-width : 768px) {
p.item-txt-sm {
margin-top: 4.1px;
margin-bottom: 4.1px;
line-height: 1;
}
}
/* iOS Safari webkitのスクロールバー非表示 */
::-webkit-scrollbar {
display: none;
-webkit-appearance: none;
}
/* Google Chrome のスクロールバー非表示 */
.box::-webkit-scrollbar {
display:none;
}
/* スマホ左右動き固定 */
@media only screen and (max-width: 768px) {
.jumbotron {
overflow: hidden;
}

.topic {
overflow: hidden;
}
}
@media only screen and (max-width: 768px) {
.custom-content img:not(.home-item-stamp) {
max-height: initial;
min-height: auto;
}
}
@media only screen and (max-width: 768px) {
.filter-controls {
padding: 20px 0 0px;
}
}
/* 横スクロールナビ */
.scroll-list {
      margin: 16px auto 0;
  padding: 0;
  width: 90%;  /* コンテンツが見切れて見えるようにする */
  overflow-x: auto;  /* 横スクロールの指定 */
  white-space: nowrap;  /* 横スクロールの指定 */
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */
  }

.scroll-list li {
  display: inline-block;  /* 横並びにする指定 */
  list-style: none;
    }

.list1 {
  margin-left: 0;
}

.list2 {
    margin-left: 10px;
}

.scroll-list p {
margin-bottom: 0;
}

.scroll-list {
cursor: pointer;
}

.home-catch-copy {
padding-top: 6px;
}

@media only screen and (max-width: 768px) {
.navbar {
width: 98%;
}
}

.grid-wrapper {
margin-left: 0px;
}
@media only screen and (max-width: 768px) {
.grid-wrapper {
margin-left: .5px;
}
}
@media only screen and (max-width: 768px) {
.grid {
margin-left: 1.5px;
}
}

.scroll-list {
height: 60px;
margin-bottom: -19px;
}

.scroll-list p {
padding-top: 3.4px;
}

.scroll-nav.btn {
background-color: #eee;
border: 0px none;
}

.scroll-nav.btn:hover {
color: #fff;
background-color: gold;
border: 0px none;
}

.scroll-nav.btn:active {
color: #666;
background-color: goldenrod;
border: 0px none;
}

.btn-select {
background-color: gold !important;
}
@media only screen and (max-width: 768px) {
.subset .col-md-8 {
margin: 20px 0 18px;
}
}

@media only screen and (max-width: 990px) {
.container {
max-width: 100%;
}
}
@media only screen and (max-width: 990px) {
.topic {
max-width: 100%;
}
}

.navbar {
width: 878px;
}
@media only screen and (max-width: 900px) {
.navbar {
width: 98%;
}
}
@media only screen and (max-width: 768px) {
.navbar {
width: 98%;
}
}

.item[data-group="butsuji01"] .tag {
}
@media only screen and (max-width: 900px) {
.item {
width: 23%!important;
}
}
@media only screen and (max-width: 768px) {
.item {
width: 23%!important;
}
}
@media only screen and (max-width: 568px) { /* iPhone 5s/5/SE/iPod touch */
.item {
width: 22.8%!important;
}
}
@media only screen and (max-width: 557px) {
.item {
width: 22.5%!important;
}
}
@media only screen and (max-width: 480px) {
.item {
width: 46%!important;
}
}

@media only screen and (max-width: 768px) {
.modal-body {
width: 90% !important;
}
}
@media only screen and (max-width: 768px) {
.modal-title {
margin-left: .6em;
}
}

.footer-home {
cursor: pointer;
}

.tag {
background-color: #aaa;
}

.item.midokoro .tag {
background-color: #feab3a;
}
@media only screen and (max-width: 768px) {
.invisible {
height: 10px !important;
}
}
/* facebook page 用 */
.facebook-wrapper {
max-width: 500px; /* Facebook Page Plugin の最大幅 */
margin: 0 auto;
}

.facebook-wrapper > .fb-page {
width: 100%;
}

.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
width: 100% !important;
}
/* facebook + YouTube */
.sns-media {
margin-top: 55px;
}

@media only screen and (max-width: 768px) {
.sns-media {
margin-top: 24px;
}
}

@media only screen and (max-width: 768px) {
.home-catch-copy {
margin-right: -.22em
}
}

.exp-route img {
height: 100% !important;
}
@media only screen and (min-width: 768px) {
.topic .row.exp-route {
margin: 0;
}
}

/* home tag 非表示 */
.item[data-group="home"] .tag {
/*display: none !important;*/
display: none;
}

.item[data-group="home"] {
/*height: 152px !important;*/
height: 152px;
}
/*facebook + YouTube */
@media only screen and (max-width: 768px) {
.sns-media .col-md-4 {
padding: 0 2px;
}

.sns-media .col-md-8 {
margin-bottom: 20px;
padding: 0 2px;
}
}

.select-nav {
border-radius: 0;
}

.home-nav {
top: 60px;
}

.scroll-list {
width: 100%;
}

.select-nav .row {
margin: auto;
width: 864px;
}

.list1 {
padding: 0 4px;
}
.list2 {
margin-left: 0;
padding: 0 4px;
}

.scroll-nav.btn {
display: block;
}

.scroll-nav.btn p {
margin-top: 0;
margin-bottom: 0;
}

@media only screen and (max-width : 768px) {
.select-nav {
height: 127px;
}
}

@media only screen and (max-width : 768px) {
.home-nav {
top: 127px;
padding: 5px 0px;
}
}

.scroll-nav.btn {
background-color: #343a40;
color: #fff !important;
}

.scroll-nav.btn:hover {
color: #343a40 !important;
}

.scroll-nav.btn:active {
color: #343a40 !important;
}

.scroll-nav.btn.btn-select {
color: #343a40 !important;
}

@media only screen and (max-width : 768px) {
.list1 {
margin-bottom: 5px;
margin-left: 1.5px;
}
}

@media only screen and (max-width : 768px) {
.list2 {
margin-bottom: 5px;
margin-left: -3px;
}
}

.list3 {
margin-left: 0;
padding: 0 4px;
}

@media only screen and (max-width : 768px) {
.list3 {
margin-bottom: 5px;
margin-left: 1.5px;
}
}

.home-nav {
height: 42px;
}

@media only screen and (max-width : 768px) {
.home-nav {
height: 46px;
}
}

.fixed-footer .text-center, .fixed-footer a, .fixed-footer a:hover, .fixed-footer a:visited {
color: #000;
}

@media only screen and (max-width : 768px) {
.fixed-footer .text-center, .fixed-footer a, .fixed-footer a:hover, .fixed-footer a:visited {
color: #fff;
}
}

.fixed-footer {
padding: 20px 0;
}

.footer  {
margin-bottom: 50px;
}

@media only screen and (max-width : 768px) {
.col-md-15 {
display: block;
}
}

#navHome {
margin-top: -11.8px;
}

@media only screen and (max-width : 768px) {
#navHome {
margin-top: -6px;
}
}

.select-nav .row {
width: 854px;
}

.list1 {
padding: 0 2px;
}

@media only screen and (max-width : 768px) {
.list1 {
padding: 0 4px;
}
}

.list2 {
margin-left: 0;
padding: 0 2px;
}

@media only screen and (max-width : 768px) {
.list2 {
padding: 0 4px;
}
}

.list3 {
margin-left: 0;
padding: 0 2px;
}

@media only screen and (max-width : 768px) {
.list3 {
padding: 0 4px;
}
}

#navHome {
margin-top: -14.6px;
}

@media only screen and (max-width : 768px) {
#navHome {
margin-top: -6px;
}
}

@media only screen and (max-width : 768px) {
.col-sm-100  {
width: 100%;
}
}

@media only screen and (max-width : 768px) {
.col-sm-50  {
width: 50%;
float: left;
padding: 0;
}
}

@media only screen and (max-width : 768px) {
.list2 {
margin-left: -3px;
}
}

@media only screen and (max-width : 768px) {
.list3 {
margin-left: 1.5px;
}
}

@media only screen and (max-width: 568px) { /* iPhone 5s/5/SE/iPod touch */
.scroll-nav.btn p {
font-size: 14px;
}
}

@media only screen and (max-width: 568px) { /* iPhone 5s/5/SE/iPod touch */
#navHome {
margin-top: -16px;
}
}

@media only screen and (max-width : 768px) {
.select-nav {
top: -106px;
}
}

@media only screen and (max-width : 768px) {
.home-nav {
top: 12px;
}
}

@media only screen and (max-width : 768px) {
.home-nav {
top: 13px;
margin-top: -1px !important;
}
}

@media only screen and (max-width : 768px) {
.content-list {
width: 90%;
margin-top: -3.2px;
}
}

@media only screen and (max-width : 768px) {
.letter-spacing-s {
letter-spacing: -.07em;
}
}

@media only screen and (max-width : 768px) {
.content-list-hr {
margin-top: -1px !important;
}
}

	@media only screen and (max-width : 768px) {
.sticky-top {
position: static;
}
}

@media only screen and (max-width : 768px) {
.content-list {
width: 80%;
}
}

@media only screen and (max-width : 768px) {
.footer {
margin-left: 0;
margin-right: 0;
}
}

@media only screen and (max-width : 768px) {
.content-list {
margin-top: -10px;
}
}

@media only screen and (max-width : 768px) {
.col-sm-100 {
padding-left: 0;
padding-right: 0;
}
}

@media only screen and (max-width : 768px) {
.col-sm-50 {
padding-left: 10px;
padding-right: 10px;
}
}

.fixed-footer {
background-color: #333;
}

.fixed-footer .text-center, .fixed-footer a, .fixed-footer a:hover, .fixed-footer a:visited {
color: #fff;
}

p a:link { color: #0000ee !important; }
p a:visited { color: #551b8c !important; }
p a:hover { color: #1e90ff !important; }
p a:active { color: #0000ee !important; }
p a {
text-decoration: underline !important;
}