﻿/*
Theme Name: Lightning-child
Template:lightning
Version:11.4.5
*/
/* 追加CSS */
@media screen and (min-width:576px){
.containar{
max-width:600px
}}
@media screen and(max-width:991.98px){
.mainSection .sideSection{
wi9dth:90%
}}
h3{margin:0px}
/* 投稿書籍詳細 */
.post_book_button{
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 2px solid #9ec34b;
  font-size: 16px;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.post_book_button:hover {
  background-color: #9ec34b;
  border-color: #cbe585;
  color: #FFF;
}
.post_book_desc_li{
  margin-top:12px;
  font-weight:500;
}
.post_book_visual_parent{
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom:50px;
  align-items: flex-end;
}
.post_book_img{

}
.post_book_exp_parent{
  margin-left: 70px;
　min-width:200px
}
.post_book_parent{
  width:70%;
  margin:auto
}
.post_book_exp_title{
width:300px;
font-weight:600;
font-size:17px
}
.post_book_exp_parent{
  width:300px
}
.post_book_ep{
  padding-bottom: 10px;
  border-bottom: solid 0.3px pink
}
@media screen and (max-width:991px){
  .post_book_parent{
    width:95%;
    margin:auto
  }}
@media screen and (max-width:800px){
.post_book_visual_parent{
   display:block;
   text-align:center;
   }
.post_book_img{
   text-align:center; 
   margin:auto
}
.post_book_exp_parent{
   text-align:center;
   margin:auto;
   text-align: left;
   width:360px
   }
  .post_book_exp_title{
		width:360px
}
	.post_book_exp_desc{
		width:360px
}}
@media screen and (max-width:650px){
  .post_book_visual_parent{
    display: block;
    margin-bottom:50px;
    text-align: center;
    margin:auto;
  }
  .post_book_exp_parent{
    width:70%px;
    margin:auto;
    margin-bottom:50px
}
  .post_book_exp_title{
		width:100%;
                
}
	.post_book_exp_desc{
		width:100%
}
.post_book_button{
  padding:12px 30px;
}
}
@media screen and (max-width:450px){
   .post_book_exp_parent{
        width:80vw
}

}

/* 投稿書籍詳細 ここまで*/
/* 編集者紹介２*/
.img_editer{
    display:  inline-block;     /* インラインブロック要素にする */
    width: 130px;               /* 幅指定 */
    vertical-align:  middle;
      /* 要素を上下中央揃えにする */
}
.desc_editer{
    width: 550px;               /* 幅指定 */
    padding:  10px;
    vertical-align:  middle;
    line-height:25px;
    font-size: 17px;
    display:  inline-block;     /* インラインブロック要素にする */
    text-align:left;
    margin-left:20px;
    
}
  .img_editer img{
    border-radius:50%;
    border: solid pink 5px;
    width: 130px;
    height: 130px
  }
.parent_editer {
  text-align: center;
  width: 70%;
  margin: 50px auto;
  padding-bottom:30px;
  border-bottom: solid 0.5px lightpink;
  
}
@media screen and (max-width:1090px){
.parent_editer {
width: 100%
}


}
  @media screen and (max-width:700px){
    .desc_editer{
      width: 95%

    }
  }
/* 編集者紹介２ここまで */
/* 編集者紹介ページ */

.user_unit_frame{

}
.user_unit_frame img {
    width: 150px;
    height: 150px;
    border-radius:50%;
    border: solid pink 5px;
    margin: auto
  }
.avatar_frame {
  display: block;
  text-align: center;
  margin-top: 20px

}
.profile_frame {

}
.profile_name {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-top:10px;
  margin-bottom: 10px;
}
.profile_desc {
  padding-top: 2px;
  padding-bottom: 30px;
  border-bottom: solid 4px pink ;
  width: 60%;
  margin: auto;
  margin-bottom: 50px

}
@media screen and (max-width:600px){
.profile_desc {
  width: 95%
  }}

/* 編集者紹介ページ ここまで*/
/* 編集者コメント */
.user_unit_frame_comment{
   background-color: #f3f3f3
}
.user_unit_frame_comment img {
    width: 150px;
    height: 150px;
    border-radius:50%;
    border: solid pink 5px;
    margin: auto;
    margin-top:20px
  }
.avatar_frame_comment {
  display: block;
  text-align: center;
  margin-top: 20px

}
.profile_frame {

}
.profile_name_comment {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-top:10px;
  margin-bottom: 10px;
}
.profile_desc_comment {
  padding-top: 2px;
  padding-bottom: 30px;
  width: 80%;
  margin: auto;
  margin-bottom: 50px

}
@media screen and (max-width:600px){
.profile_desc_comment {
  width: 95%
  }}
  /* 吹き出し */
  .liquid-speech-balloon-wrap {
    margin:20px auto}
  .liquid-speech-balloon-avatar{
    width: 90px;
    height: 90px;
    border-radius:50%
  }
.liquid-speech-balloon-avatar::after{
      top:95px
    }

  @media screen and (max-width:600px){
  .liquid-speech-balloon-wrap  {
    width: 95%
    }
    .liquid-speech-balloon-avatar{
      width: 60px;
      height: 60px;
      border-radius:50%;
    }
    .liquid-speech-balloon-avatar::after{
      top:60px
    }
  }
  /* 吹き出しここまで */
  /* 編集者コメントここまで */
.blocks-gallery-grid{
}
@media screen and (min-width:600px){
.blocks-gallery-grid{
margin-left:20px}}


.mainSection.mainSection-marginVertical-off {
  background-color: #fff;
 }
.mainSection-col-one{
  background-color: #fff;
  padding:30px
}
@media screen and (max-width:800px){
.mainSection-col-one{
  background-color: #fff;
  padding:5px;
  padding-right:2em
  
}}
@media screen and (max-width:600px){
.mainSection-col-one{
  background-color: #fff;
  padding:5px;
  
}}


.mainSection.baseSection{
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px
}
@media screen and (max-width:991px){
.mainSection.mainSection-marginVertical-off {
  background-color: #fff;
  width:95%;
  margin:auto;
  margin-bottom:30px
 }
@media screen and (max-width:600px){
.mainSection.mainSection-marginVertical-off {
    width:95%;
   }

@media screen and (max-width:1033px) {
.wpsisac-image-slide-wrap{
width:80%;
margin:auto
}}
@media screen and (max-width: 600px) {
:root .has-blush-light-purple-gradient-background {
    background: linear-gradient(135deg,#ffceec,#9896f0);
}
.alignright{
float:none;
display:block;
text-align:center
}
.wp-block-button__link{
font-size:19px;
padding:25px 30px;
background-color:#f78da7
}
}
@media screen and (max-width: 991px){
.widget_vkexunit_banner img{
margin-left:10px;
height:30vw;
}
.widget_vkexunit_banner{
display:flex
}
.widget {
display:inline-flex
}
.widget_search{
display:block}
}

@media screen and (min-width: 576px){
.container{
max-width:650px}}
/* ギャラリー編集 */
.blocks-gallery-grid, .wp-block-gallery {
  width: 100%;/*ギャラリーの幅*/｝
  .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin: 0 10px 40px ;}　/*マージン*/｝
　　/* キャプション */
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
opacity: 1;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 20px 10px 9px;
color: #333;
font-size: 13px
}
/* キャプション ここまで*/
/*トップページのギャラリー横と下のマージン*/
@media (min-width:600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
  width: calc((100% - 130px)/3);
  margin-right:30px;
  margin-bottom: 30px
}}
/*トップページのギャラリー横と下のマージンここまで*/
/* 記述 最大992pxまで3カラムに*/
@media(max-width:992px){
  .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(3n) {
  margin-right: 0
}

.blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
  width: calc((100% - 110px)/3);
  margin-right: 40px;
  margin-bottom:40px
}


  }
  @media(min-width:992px){
    .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
      margin-right: 0}}

  /* 最大992pxまで3カラムにここまで */
/*ここまで*/

/* ギャラリー編集 ここまで*/
/* swiper ここから*/
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  width: 250px;
  height: auto;
  overflow: visible;
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  nextButton:'.swiper-button-next';
  prevButton:'.swiper-button-prev';
  }

.mainvisual {
  overflow-x: hidden;
  height: 250px;
}
/* swiper ここまで*/
/* ニュースここから*/
.news_visual_parent{
display:flex;
width:100px
}
.news_exp_img{
flex:1;
width:100px
}
.news_exp_desc{
flex:2;
}

/* ニュースここまで*/
/* 背景色ここから*/
.entry-body{
pading:30px;
background-color:gray
}
/* 背景色ここまで*/

/* トップページ新刊近刊ここから*/
.wp-show-posts-entry-title｛
color：#333333;
｝
/* トップページ新刊近刊ここまで*/
/* トップページフッタープライバシーポリシーここから*/

.privacy_footer｛
font-size:10px;
｝
media screen and (max-width: 991px){
.widget widget_vkexunit_banner{
  vj
}}
