@charset "utf-8";


body.Voice{

}



.hvr-default:hover {
  /*background: none;*/
}
.SknTplThumbnailList.VoiceList .ColumnGroup .Column .ContentBox a{

}
.SknTplThumbnailList.VoiceList .ColumnGroup .Column  a:hover{
  background: none;
}
.SknTplThumbnailList.VoiceList .ColumnGroup .Column .ContentBox a:hover{
  background: none;
  color:#222;
}


.MainContentsArea .DefaultBlock .BlockContents{
    background: linear-gradient( to bottom, rgba(10,210,230,0.5), rgba(10,210,230,0.125));
    background-attachment: scroll;
    background-attachment: fixed;
    border: 0px dashed rgba(10,210,230,0.5);
    background: #f9f4eb;
    background: -webkit-gradient(linear, left top, right bottom, from(#e8e3db), color-stop(0.10, #e8e3db), color-stop(0.10, #f9f4eb), color-stop(0.5, #f9f4eb), color-stop(0.5, #e8e3db), color-stop(0.60, #e8e3db), color-stop(0.60, #f9f4eb), to(#f9f4eb));
    background: -moz-linear-gradient(-45deg, #e8e3db 10%, #f9f4eb 10%, #f9f4eb 50%, #e8e3db 50%, #e8e3db 60%, #f9f4eb 60%, #f9f4eb);
    background: linear-gradient(-45deg, #e8e3db 10%, #f9f4eb 10%, #f9f4eb 50%, #e8e3db 50%, #e8e3db 60%, #f9f4eb 60%, #f9f4eb);
    background-size: auto auto;
    background-size: 10px 10px;
    padding:00px 10px;
}

                          /* + + + + + /レスポンシブ + + + + +  */
                          body.rsbp-under-bp3 .MainContentsArea {
                            padding: 0 3%;
                          }
                          body.rsbp-under-bp3 .MainContentsArea .DefaultBlock .BlockContents{
                            margin:0 -3%;
                            padding:30px 10px;
                          }
                          


                          body.rsbp-under-bp3 .MainContentsArea .DefaultBlock .BlockContents .VoiceList{
                            margin:0 3%;
                            margin:0;
                            padding:0;
                          }

/*
.VoiceBlock .BlockContents .post-body p{
  margin:0 20px;
}
*/
.VoiceBlock .BlockContents #post-detail > p{
  margin:20px;
  padding: 5px;
}
.VoiceBlock .SknTplDecoratedTable{
  background:#fff;
  border:none;
  padding:10px 10px;
  margin:20px;
}
.VoiceBlock .SknTplDecoratedTable table{
  margin:0;
}
.VoiceBlock .SknTplThumbnailList.TypeHikaku{

}
.VoiceBlock .SknTplThumbnailList.TypeHikaku ul{

}
.VoiceBlock .SknTplThumbnailList.TypeHikaku ul li{
  margin:0;
}
.VoiceBlock .ColumnGroup{
  text-align:left;
  margin-left:-15px;
  margin-right:-15px;
  width: -webkit-calc(100% + 30px);
  width:         calc(100% + 30px);
}
.VoiceBlock .ColumnGroup > .Column{
  margin: 15px auto 25px;
}
.VoiceBlock .ColumnGroup > .Column:nth-child(odd){
  border-right:1px solid #ccc;
}



.VoiceBlock .ColumnGroup > .Column > .inner{
  display:flex;
  flex-wrap: wrap;
}
.SknTplThumbnailList .ThumbnailList.Type2 > li > .inner{
  padding:0 20px;
}

.VoiceBlock .ColumnGroup > .Column > .inner .ImageItem{
  width:40%;
}
.VoiceBlock .ColumnGroup > .Column > .inner .TextItem{
  width:60%;
  padding:0 0 0 20px;
}
.VoiceTitle{
  font-size:120%;
  font-weight:600;
  color:#7d0000;
  margin-top:5px;
  margin-bottom:15px;
  display:block;
  line-height:1.6;
}
.VoiceComent{
  font-size:90%;
  display:block;
  line-height:1.6;
}

.VoiceBlock .ColumnGroup > .Column > .inner .Image{
  aspect-ratio: 3/3;
  margin:0;
  background:none;
}
.VoiceBlock .ColumnGroup > .Column > .inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius:10px;
  overflow:hidden;
  margin: 0 auto;
}
.VoiceBlock .ColumnGroup > .Column > .inner .ImageItem .TitleCaption{
  margin:15px 0 5px;
  width:100%;
  font-size:95%;
  font-weight:500;
  line-height:1.4;
}
.VoiceBlock .ColumnGroup > .Column > .inner .ImageItem .TitleCaption > p{
  text-align:center;
}
.SknTplThumbnailList.TypeHikaku ul li .Image{
  margin:20px;
  padding: 5px;
}

.SknTplThumbnailList.TypeHikaku ul li:first-child{
  position:relative;
}
.SknTplThumbnailList.TypeHikaku ul li:first-child::after{
  position:absolute;
  content: "\e80a";
  font-family: "picticon";
  font-style: normal;
  font-weight: normal;
  font-size: 4em;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  opacity: .8;
  color:#333;
  font-variant: normal;
  text-transform: none;
  right:-0.5em;
  top: -webkit-calc(50% - 0.5em);
  top:         calc(50% - 0.5em);
  margin:0;
}
.SknTplThumbnailList.TypeHikaku.FullOder ul li:first-child::after{
  display:none;
}


 

                          /* + + + + + /レスポンシブ + + + + +  */
                          body.rsbp-over-bp1 .MainContentsArea{
                            
                          }
                          
body.rsbp-under-bp2 .ColumnGroup2elements.FixedNumber > .Column:nth-child(n) {
  width: 100%;
  float: none;
  display:block;
}
body.rsbp-under-bp2 .VoiceBlock .ColumnGroup{
  margin:0;
  width:100%;
}
                          
body.rsbp-under-bp2 .VoiceBlock .ColumnGroup > .Column{
  margin: 15px auto 25px;
  display:block;
  width:100%;
  padding-bottom:20px;
  border-bottom:2px solid #ddd;
}
body.rsbp-under-bp2  .VoiceBlock .ColumnGroup > .Column:nth-child(odd){
  border-right:none;
}
body.rsbp-under-bp2 .VoiceBlock .ColumnGroup > .Column .inner {
  display:block;
  width:100%;
}
body.rsbp-under-bp2 .VoiceBlock .ColumnGroup > .Column > .inner .ImageItem{
  /*display:flex;
  flex-wrap: wrap;
  width:100%;*/
  display:block;
  width:100%;
}
body.rsbp-under-bp2 .VoiceBlock .ColumnGroup > .Column > .inner .ImageItem .Image{
  width:90%;
  max-width:250px;
  margin:0 auto;
  display:block;
  background:none;
  aspect-ratio: 3/3;
}
body.rsbp-under-bp2 .VoiceBlock .ColumnGroup > .Column > .inner .ImageItem .Image img{
  box-shadow: 0.25em 0.25em 0.1em rgba(0,0,0,0.1);
}
body.rsbp-under-bp2 .VoiceBlock .ColumnGroup > .Column > .inner .ImageItem .TitleCaption{
  margin:15px auto;
  display:block;
  font-size:110%;
}

body.rsbp-under-bp2 .VoiceBlock .ColumnGroup > .Column > .inner .TextItem{
  display:block;
  width:100%;
}
body.rsbp-under-bp3 .VoiceBlock .ColumnGroup > .Column{
  margin: 15px auto 25px;
  display:block;
  width:100%;
}

body.rsbp-under-bp2  .VoiceTitle.PcItem{
  display:none;
}
                          
                          body.rsbp-under-bp2 .SknTplThumbnailList.TypeHikaku ul li:first-child{
                            position:relative;
                          }
                          body.rsbp-under-bp2 .SknTplThumbnailList.TypeHikaku ul li:first-child::after{
                            font-size: 2em;
                            right:-0.5em;
                            top: -webkit-calc(50% - 1em);
                            top:         calc(50% - 1em);
                          }
                          
                          body.rsbp-under-bp2 .SknTplThumbnailList.TypeHikaku.FullOder ul li:first-child::after{
                            display:none;
                          }
                          
                          body.rsbp-under-bp3 .SknTplThumbnailList.TypeHikaku ul li{
                            width:100%!important;
                          
                          }
                          body.rsbp-under-bp3 .SknTplThumbnailList.TypeHikaku ul li:first-child::after{

                            position: static;
                            content: "\e808";
                            font-family: "picticon";
                            font-style: normal;
                            font-weight: normal;
                            font-size: 4em;
                            speak: none;
                            display: block;
                            text-decoration: inherit;
                            width: 1em;
                            text-align: center;
                            opacity: .8;
                            color: #333;
                            font-variant: normal;
                            text-transform: none;
                            width: 100%;
                            margin: 0 auto;

                          }
                          body.rsbp-under-bp3 .SknTplThumbnailList.TypeHikaku ul li .ImageItem p.Image {
                            padding: 5px;
                            margin:0!important;
                          }
                          
                          

body.rsbp-under-bp3.SpView .Sticky {
    background: none;
}