@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/shakyo/SP-5.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を直接入力して保存できます */
    
#MyMenu {
     margin-left: 1px;
     margin-right: 1px;
     margin-bottom: 2px;
     cursor: pointer;
     width: 75px;
     height: 45px;
     background-color: #165e83;
     border:none;
     font-size: small;
     font-weight: bold;
     text-align: center;
     color: white;
}


.MyFadein {
    animation: fadeIn 2.8s cubic-bezier(1,0,.75,.75) 1 normal;
    overflow:hidden;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


.MyImage{
    margin-left: auto;
    margin-right: auto;
    display: block;
    Width: 97%;
}     

.MyImage:hover{
    margin-left: auto;
    margin-right: auto;
    display: block;
    Width: 100%;
}     

.LinkBox{
    position: relative;
    width: 99%;
    background-color: #fbfaf5;
}

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

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

.top_button{
     width:45px;
     border: none;
     border-radius: 15px;
     opacity:0.5;
} 

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


.shokai{
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
        border: 1px solid #e6eae3;
	background-color: #f5f5dc;
	padding: 8px;
}

.komoku1{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #f5b1aa;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #f5b1aa;}
.komoku2{
	border-bottom: 2px solid #f5b1aa;}
.komoku3{
	width: 2PX;
	height: 26px;
	border-top: 1px solid #f5b1aa;
	border-left: 1px solid #f5b1aa;
	border-right: 1px solid #f5b1aa;
	background-color: #f5b1aa;}
.komoku4{
	width: 400PX;
	height: 26px;
	border-top: 1px solid #fdeff2;
	border-left: 1px solid #fdeff2;
	border-right: 1px solid #fdeff2;
	border-bottom-left-radius: 8px;
	background-color:#fdeff2;
        color: #434343;
	font-size: large;
	font-weight: bold;
	vertical-aling: middle;
}


.smaImg{
        display: block；
        width: 50%;
        height: auto;
}


/*=====================================================
slick
=====================================================*/


.sliderArea {
  max-width: 75%;
  margin: 0 auto;
  padding: 0 5px;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 100;
}
.slider .slick-prev:before, .slider .slick-next:before {
  color: #a9a9a9;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}
.slider.slick-initialized{
  display: block;
}