@import url(https://static.lekumo.jp/.shared-tpjbiz/themes/jim/mosaic/mosaic-smartphone.css);



#custom-banner {
  background-image: url("https://www.aridagawa-shakyo.or.jp/vc/SP-4.png");
  height: 124px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}
/* iPhone 5s */
@media screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
  #custom-banner { height: 124px }
}
@media screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
  #custom-banner { height: 218px }
}
/* iPhone 6, iPhone 6s */
@media screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
  #custom-banner { height: 144px }
}
@media screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
  #custom-banner { height: 258px }
}
/* iPhone 6 Plus, iPhone 6s Plus */
@media screen and (min-device-width : 414px) and (max-device-width : 736px) and  (orientation : portrait) {
  #custom-banner { height: 164px  }
}
@media screen and (min-device-width : 414px) and (max-device-width : 736px) and  (orientation : landscape) {
  #custom-banner { height: 278px; }
}

#banner { display: none }





body {
  
  
}
  .layout-two-column-left #alpha-inner {
    
    
  }
  .layout-two-column-left #beta-inner {
    
    
  }
  .layout-two-column-right #alpha-inner {
    
    
  }
  .layout-two-column-right #beta-inner {
    
    
  }
  .layout-three-column #alpha-inner {
    
    
    
  }
  .layout-three-column-right #alpha-inner {
    
    
    
  }
  .layout-three-column #beta-inner {
    
    
    
  }
  .layout-three-column-right #beta-inner {
    
    
    
  }
  .layout-three-column #gamma-inner,
  .layout-three-column-right #gamma-inner {
    
    
    
  }
  .layout-one-column #alpha-inner {
    
    
  }
  .layout-artistic #alpha-inner,
  .layout-calendar #alpha-inner,
  .layout-timeline #alpha-inner {
    
    
    
  }
  .layout-artistic #beta-inner,
  .layout-calendar #beta-inner,
  .layout-timeline #beta-inner {
    
    
    
  }
  .layout-moblog1 #alpha-inner {
    
    
  }
  .layout-moblog1 #beta-inner {
    
    
  }
  .layout-moblog1 #gamma-inner {
    
    
  }
  .layout-moblog2 #alpha-inner {
    
    
  }
  .layout-moblog2 #beta-inner {
    
    
  }
  .layout-moblog2 #gamma-inner {
    
    
  }
  .layout-moblog2 #delta-inner {
    
    
  }
  .smartphone #index-main,
  .smartphone #individual-main,
  .smartphone #page-main,
  .smartphone #category-main,
  .smartphone #comment-preview-main,
  .smartphone #archives-main,
  .smartphone #comments-main,
  .smartphone #datebased-main {
    
    
  }
  #banner,
  .smartphone #banner {
    
    
    
    
    
    
    
    
  }
  #banner-header {
    
    
    
  }
  #banner-header a {
    
  }
  .smartphone #banner-header {
    
  }
  .smartphone #datebased-archive-title {
    
    
    
    
    
    
    
    
    
  }
  #container #container-inner #banner {
    
  }
  .smartphone #banner {
    
  }
  .smartphone #banner-inner {
    
    
    
    
    
    
    
  }
  .module-header {
    
    
    
    
    
    
    
    
  }
  .module-header a {
    
  }
  .module-content {
    
    
    
    
    
    
    
    
  }
  .module img,
  .module-photo img {
    
  }
  .module-photo .module-content {
    
  }
    
  
  
  

.date-header {
  
  
  
  
  
  
  
  
  
}
.entry-header {
  
  
  
  
  
  
  
  
  
}
.entry-header a:link {
  
}
.entry-content {
  
  
  
  
  
  
  
  
}
.entry-content p {
  
}
.smartphone .entry-content p {
  
}
.entry-footer {
  
  
  
  
  
  
  
  
  
}
/* CSSを直接入力して保存できます */

#MyCategory {
     margin-left: 1px;
     margin-right: 1px;
     margin-bottom: 2px;
     cursor: pointer;
     width: 80px;
     height: 45px;
     background-color: #028760;
     border:none;
     font: small;
     font-weight: bold;
     text-align: center;
     color: white;
}
    
.LinkBox{
    position: relative;
    width: 99%;
    background-color: #fbfaf5;
}

.LinkBox a{
    display: block;
    position: absolute;
    width: 99%;
    height: 100%;
}

.LinkBox:hover { 
    background-color :#fdeff2;
}

.waku{
     border: 0px solid;
     border-color: #c97586;
}

.slide {
     margin-top: 10px;
     margin-bottom: 10px;
     text-align: center;
     height: 400px;
     position: relative; left: -130px
}

.slide img {
     margin-left: auto;
     margin-right: auto;
     position: absolute;
     opacity: 0;
     transition: all 1s ease-in-out;
     height: 100%;
     object-fit: contain;
}

.top_button{
     width:55px;
     border: none;
     border-radius: 15px;
     opacity:0.9;
} 

#pagetop {
     opacity:0.9;
     position:fixed; bottom:20px; right:20px;
}

#ImgNumber{
     text-align:center;
     font-size:medium;
}

.MyFadein {
    animation: fadeIn 2.0s cubic-bezier(1,0,.75,.75) 1 normal;
    overflow:hidden;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}




