/** Shopify CDN: Minification failed

Line 184:3 Expected ":"

**/
/****blogdesign-custom****/

/**フォント**/
.h2-b,
.h3-b,
.h4-b {
  font-family: YakuHanJP, "Kyoukasho ICA Medium", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "リュウミン R-KL", "游明朝", YuMincho, "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

p,
li {
  font-family: YakuHanJP, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium",
    "Yu Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}


/**文字装飾**/

.bold{
 font-weight:bold;
}

.red{
    color: #c9171e;
}

.marker {
  background:linear-gradient(transparent 70%, rgba(255, 153, 0,0.5) 70%); 
  display: inline;                                                        
}

/**目次**/

.toc-b {
    margin-bottom: 30px;
    border-radius: 3px;
    background-color: #f8f8f8;
}

.toc-b div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #7a8a73;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
    border-radius: 3px;
}

.toc-b label::after {
    margin-left: 7px;
    font-weight: 500;
    font-size: .7em;
    color: #fff;
    content: "[開く]";
    cursor: pointer;
}

.toc-b:has(:checked) label::after {
    content: "[閉じる]";
}

.toc-b input {
    display: none;
}

.toc-b ol {
    list-style-type: disc;
    margin: 0;
    overflow: hidden;
}

.toc-b > ol {
    height: 0;
}

.toc-b:has(:checked) > ol {
    height: auto;
    padding: 1em 1em 1em 3em;
}

.toc-b ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.toc-b li {
    padding: 5px 0;
    font-weight: 600;
}

.toc-b ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.toc-b a {
    color: #333;
    text-decoration: none;
}
.toc-b a:hover{
  color: #C16452;
  transform: translateY(2px);
}

/**見出し**/

.h2-b {
  background: linear-gradient(transparent 60%, #ffe4c4 90%);
  text-indent:5px;
  font-size:24px;
  font-weight:bold;
  color: #5C5C5C;
}

.h3-b {
  font-size:20px;
  font-weight:bold;
  position: relative;
  color: #5C5C5C;
  text-shadow: 0 0 2px white;
}
.h3-b:before {
  content: "";
  position: absolute;
  background: #ffe5e5;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: -12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-60%);
  z-index: -1;
}

.h4-b {
  font-size: 17px;
  font-weight: bold;
  padding: 0.15em 0.5em;
  color: #5c5c5c;
  background: transparent;
  border-left: solid 5px #7a8a73;
}



/**リスト**/

ol li::marker {
  color: #535aaa;
  font-weight: bold;
}
ol li {
  padding-left: 2px;
}

li::marker {
    color: #044d81;
    font-size: 1.1em;
}

/**文字囲み**/
.kakomi-b {
  position: relative;
  line-height: 1;
  padding: 0.25em 1em 0.5em 1em;
  display: inline-block;
  top:0;
  font-size:17px;
　}

.kakomi-b:before, .kakomi-b:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 80%;
  display: inline-block;
}

.kakomi-b:before {
  border-top: solid 1px #535aaa;
  border-left: solid 1px #535aaa;
  border-bottom: solid 1px #535aaa;
  left: 0;
}

.kakomi-b:after {
  content: '';
  border-top: solid 1px #535aaa;
  border-right: solid 1px #535aaa;
  border-bottom: solid 1px #535aaa;
  right: 0;
}

/**ボタン01**/
.btn01{
  margin-top:20px;
  margin-bottom:20px;
}
.btn01 a {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    font-size:17px;
	width: auto;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #C16452;
	color: #C16452;
	border-radius: 100vh;
	transition: 0.5s;
}
.btn01 a:hover {
	color: #fff;
	background: #C16452;
        
}

/**画像キャプション横並び**/
.side-2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  　margin-top:10px;
  　margin-bottom:10px;
}
.side-2 > *{
    width: calc( 50% - 2px ) ;
    margin-right: 4px;
    margin-bottom: 8px;
}
.side-2 > *:nth-child(2n){
    margin-right: auto;
}
.side-2 > * > *{
    height: 280px;
    position: relative;
    overflow: hidden
}
@media screen and (max-width:780px) {
    .side-2 > *{
        width: 100%;
        margin-right: auto;
    }
}

/**囲み枠**/
.box {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #fff;
    border: solid 2px #ffe4c4;
    border-radius: 3px;
}
.box p {
    margin: 0; 
    padding: 0;
}


/**吹き出し**/
.chat-kaname {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.chat-kaname .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.chat-kaname .faceicon img{
  width: 100%;
  height: 80px;
  object-fit: contain;
  border: solid 3px #ffe5e5;
  border-radius: 50%;
}

.chat-kaname .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #ffe5e5;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #ffe5e5;
}

.says p {
  margin: 0;
  padding: 0;
}



/**slideshow01**/
	@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity li{
  list-style: none !important;
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 40s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 4);
  padding-right:4px;
}
.scroll-infinity__item>img {
  width: 100%;
  border: 1px solid #ddd;
}
	.scroll-infinity__wrap:hover .scroll-infinity__list--left{
  animation-play-state: paused;
}
@media screen and (max-width:780px) {
    .scroll-infinity__item {
  width: 100vw;
}
}